/*          
            Custom DEKRA classes to handle animations with Angular Animate
------------------------------------------------------------------------------------------------
   Company: DEKRA
*/

/* ng-show ng-hide */
.ng-hide-add { 
	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

.ng-hide-add-active {
    opacity: 0;
}

.ng-hide-remove { 
	opacity: 0;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

.ng-hide-remove-active {
    opacity: 1;
}

.ng-hide.no-animations, .ng-hide-remove.no-animations, .ng-hide-add.no-animations, .ng-hide-add-active.no-animations {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

/* ng-repeat */
/* .repeated-item.ng-enter, .repeated-item.ng-move { */
/* 	-webkit-transition: opacity 0.5s linear; */
/* 	-moz-transition: opacity 0.5s linear; */
/* 	-ms-transition: opacity 0.5s linear; */
/* 	-o-transition: opacity 0.5s linear; */
/* 	transition: opacity 0.5s linear; */
/*   	opacity:0; */
/* } */

/* .repeated-item.ng-enter.ng-enter-active { */
/*   	opacity:1; */
/* } */

.repeated-item.ng-leave {
  	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

/* .repeated-item.ng-leave.ng-enter-active { */
/*   opacity: 0; */
/* } */

.publications-slide-tile {
   height: auto; transition: 0.5s max-height linear; overflow:hidden;
}

/* Directive animateModelChange */
/* Counters animations */
/* Add 'transition' to all elements with the directive attribute. */
.counter[animate-model-change]{
	background-color: #555;
	font-size: 24px;
	padding-top: 10px;
	transition: background-color 0.5s ease, font 0.5s ease, padding 0.5s ease;
}

.counter[animate-model-change].up{
	background-color: #57AB27;
	font-size: 30px;
	padding-top: 6px;
}

.counter[animate-model-change].down{
	background-color: #57AB27;
	font-size: 30px;
	padding-top: 6px;
}