/* Анимации связанные с адаптивностью навигационным меню */
nav, .navigation_icon, .page__header, .padding_horizontal-20,
.page_editor, .dash__prev_btn, .header__dropdown_info {
	-webkit-transition: all .3s cubic-bezier(.6,-.28,.735,.045);
	-moz-transition: all .3s cubic-bezier(.6,-.28,.735,.045);
	-o-transition: all .3s cubic-bezier(.6,-.28,.735,.045);
	transition: all .3s cubic-bezier(.6,-.28,.735,.045);
}

.inbox-mails, .top-bar, .all-space {
	-webkit-transition: all .2s cubic-bezier(.6,-.28,.735,.045);
    -moz-transition: all .2s cubic-bezier(.6,-.28,.735,.045);
    -o-transition: all .2s cubic-bezier(.6,-.28,.735,.045);
    transition: all .2s cubic-bezier(.6,-.28,.735,.045);
}

nav.mini .main-menu li a:hover span.tool-tip, .con-dev-btn, .connected-devices ul{
	-webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;	
}


.modem-number:after, .modal button.close span, .menu-txt, .history-tab-controls a{
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;	
}

.user-data ul, .user-data:hover ul, .signal-icon a, .signal-icon a span.tool-tip, .company-holder, .companies, .company-logo, .help-btn span.tool-tip, .common-btn, .company-objects-controls, .device-more, .tabs, .btn-list a, .radio-buttons span:before, .edit-elements{
	-webkit-transition: all .2s ;
    -moz-transition: all .2s ;
    -o-transition: all .2s ;
    transition: all .2s ;
}

.table-1{
	-webkit-transition: all .3s cubic-bezier(.6,-.28,.735,.045);
    -moz-transition: all .3s cubic-bezier(.6,-.28,.735,.045);
    -o-transition: all .3s cubic-bezier(.6,-.28,.735,.045);
    transition: all .3s cubic-bezier(.6,-.28,.735,.045);
}

.add-modem-wrap, table.hardware td:nth-child(2) a:hover span:before, #company-objects td:nth-child(1) a>span:before {
	-webkit-transition: all .5s ;
    -moz-transition: all .5s ;
    -o-transition: all .5s ;
    transition: all .5s ;

}

.important-controls  {
		-webkit-transition:.2s ;
    -moz-transition: .2s ;
    -o-transition:  .2s ;
    transition:  .2s ;
	transition-property: background-color;
}

/*.all-content.expanded .important-controls.fixator  {
		-webkit-transition:.2s ;
    -moz-transition: .2s ;
    -o-transition:  .2s ;
    transition:  .2s ;
	transition-property: background-color, padding-left;
}*/ 
 
 #search:hover {
	-webkit-transition:.2s ;
    -moz-transition: .2s ;
    -o-transition:  .2s ;
    transition:  .2s ;
	transition-property:border-color;

}

.service-plus-btn-small{ 
	transition-property: background-color, right;
}

.checks input+span:after {
	-webkit-transition:.2s ;
    -moz-transition: .2s ;
    -o-transition:  .2s ;
    transition:  .2s ;
	transition-property: left;

}

a.tabs span{
	-webkit-transition:.2s ;
    -moz-transition: .2s ;
    -o-transition:  .2s ;
    transition:  .2s ;
	transition-property: background-color;

}
.hard-edit-options, .edit-options {
	-webkit-transition:.2s ;
    -moz-transition: .2s ;
    -o-transition:  .2s ;
    transition:  .2s ;
	transition-property: opacity;

}

.modal-show, .modal-show2{
	-webkit-transition: all .3s  ;
    -moz-transition: all .3s ;
    -o-transition: all .3s  ;
    transition: all .3s  ;
}

.modal-window .common-btn{
	-webkit-transition:none ;
    -moz-transition:none ;
    -o-transition:none ;
    transition:none ;

}
.modal-company .common-btn{
	-webkit-transition:none ;
    -moz-transition:none ;
    -o-transition:none ;
    transition:none ;

}
.modal-company.modal-show .common-btn{
	-webkit-transition: all .2s ;
    -moz-transition: all .2s ;
    -o-transition: all .2s ;
    transition: all .2s ;


}

.alarm.alarm-alert span, 
.signal-icon .alarm-alert span {
    animation: rot 1.0s ease-out;
    Animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    color: #fff;
}

@keyframes rot{
  0% {
/*	  background-color:#ff5252;
	 
	  	-webkit-box-shadow: 0px 0px 0px 0px rgba(255,82,82,1);
-moz-box-shadow: 0px 0px 0px 0px rgba(255,82,82,1);
box-shadow: 0px 0px 0px 0px rgba(255,82,82,1);	*/ 
opacity:0 
    }

	
/*	  50% {
  background-color:#ec0808;
	  	-webkit-box-shadow: 0px 0px 0px 4px rgba(255,9,9,.0);
-moz-box-shadow: 0px 0px 0px 4px rgba(255,9,9,.0);
box-shadow: 0px 0px 0px 4px rgba(255,9,9,.0);
  
    }*/
20% {
	opacity:0
}
31% {
	opacity:1
}
80% {
	opacity:1
}
100% {
	opacity:0
}

	
	 
/*	    background-color:#ec0808;
	  	-webkit-box-shadow: 0px 0px 0px 5px rgba(255,82,82,0);
-moz-box-shadow: 0px 0px 0px 5px rgba(255,82,82,0);
box-shadow: 0px 0px 0px 5px rgba(255,82,82,0);*/

}



.wiget.alarm-alert .wiget-header h3:before, table.hardware tr.alarm-alert td:first-child:after, .modem-number.alarm-alert:before{
 animation: rot2 0.5s linear;
 Animation-fill-mode: forwards;
 animation-iteration-count:infinite
}



@keyframes rot2{
  0% {
	background-color: #eb0000;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(255,9,9,.35);
-moz-box-shadow: 0px 0px 0px 0px rgba(255,9,9,.35);
box-shadow: 0px 0px 0px 0px rgba(255,9,9,.35);
	  	 
    }

	
	  100% {
  
 background-color:#ff5252;
-webkit-box-shadow: 0px 0px 0px 8px rgba(255,9,9,0);
-moz-box-shadow: 0px 0px 0px 8px rgba(255,9,9,0);
box-shadow: 0px 0px 0px 8px rgba(255,9,9,0);
    }
	

	
}