body { font-size:12px; margin:0px 20px; min-width: 1200px; padding: 0;}
 
.clearMy{
    float:none; 
    clear:both;
}
 
#MainCabBlock{    
    min-height: 850px;
    padding: 10px;
    margin-top: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 10px;
}

.prepareButton{
    background-color: #8AB800;color: white;margin-left:450px;font-family: 'PT Sans Narrow', sans-serif;font-size: 14px;
    width: 150px;
    cursor: pointer;  
    display: inline-block;
    color: white;
    user-select: none;
    outline: none;
    border: 2px solid #8AB800;
    border-radius: none;
}
  

.ui-css-float {
    float:left;
    margin-left: 4px;
}
.HiddenElement{
    display: block;
}

.dspBlock{
    display: block;
}

#PageRootMainM{
    width:300px;
    height: 25px;
    border-bottom: 1px dashed black;
    border-right: 1px dashed black;
    padding-bottom: 5px;
}
.EditDeleteSubItem, .removebuttonpost, .WidgetCursorOn, .ui-clickable{
    cursor: pointer;
}

#addItemButton{
    width:29px;
    height: 29px;
    background-color: #8AB800;
}
.acs-ui-float-left{
    float:left;
    margin-left:10px;
}
.acs-ui-float-right{
    float:right;
}
.acs-ui-clear{
    clear: both;
}

#MainMenuContainer {
    width: 100%;
    min-width: 1200px;    
}
        
#ContentBox{
    width: 100%;
    margin: 0 auto;     
}

#MainCabBlock{ 
   margin: 0 auto;
    min-height: 850px;
    padding: 10px;
    margin-top: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 10px;
}


h4{
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif; font-size: 18px;
    color: #CCCCCC;
     
}
.notifWR {
  margin: 0 auto;
   
}

#CabinetContent{
    margin: 0 auto;
    width: 100%;
    background: whitesmoke;
    min-height: 90%;
    max-height: 95%;
    border-top: 1px solid  #e6e6e6;
    background-color: white;
}


.dspNone{
    display: none;
}

stm{
    background: yellow;
    color:red;
    font-size: 120%;
}

#addcontButton, #addcontButtonEdit{
    width:20px;
    height: 20px;
 
}

.buttonWithIconLittle {
    width:20px;
    height: 20px;
}
#addcontUrButton, #addcontPersonButton{
    width:29px;
    height: 29px;
}
img { vertical-align: middle; }
ul{list-style:none;}

a{
    text-decoration: none;
    color: whitesmoke
}

a:hover { 
color:black ; 
text-decoration:none;
}

.devinfo{
    background-color: #E6E6E6;
    margin-left: 20px;
    border-radius: 3px;
}

.clobject{
    padding-bottom: 5px;
}

.OnSFControlDate,#from,#to{
    background:url('/img/chosen/kalen.png') no-repeat  ;
    border: 1px solid #aaa;
    padding-left: 30px;
     width: 185px;height: 24px;
}

.addc{
    margin-left: 40px;
}

#preloader_wrapper{
    position: fixed;
    display: block;
    opacity: 0.8;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    z-index: 10000;
}
.round1, .round1:before, .round1:after{
border:3px solid transparent;
border-radius:50%;

}
.round1{
width:100px;
height:100px;
left: 50%;
top: 50%;
margin: -16px 0 0 -16px;
position: absolute;
border-top-color:#8AB800;
-webkit-animation:spin 1s infinite linear;
animation:spin 1s infinite linear;
}

.round1:before, .round1:after{
content: '';
position: absolute;
}

@-webkit-keyframes spin{
from{
                -webkit-transform:rotate(0deg);
		 -ms-transform: rotate(0deg);
		 transform:rotate(0deg);
		 -moz-transform:rotate(0deg);
		 -o-transform:rotate(0deg);
		 }
to{
                -webkit-transform:rotate(360deg);
		 -ms-transform: rotate(360deg);
		 transform:rotate(360deg);
		 -moz-transform:rotate(360deg);
		 -o-transform:rotate(360deg);
		 }
}

@-moz-keyframes spin{
from{
                -webkit-transform:rotate(0deg);
		 -ms-transform: rotate(0deg);
		 transform:rotate(0deg);
		 -moz-transform:rotate(0deg);
		 -o-transform:rotate(0deg);
		 }
to{
                -webkit-transform:rotate(360deg);
		 -ms-transform: rotate(360deg);
		 transform:rotate(360deg);
		 -moz-transform:rotate(360deg);
		 -o-transform:rotate(360deg);
		 }
}


@keyframes identifier{
from{
         -webkit-transform:rotate(0deg);
		 -ms-transform: rotate(0deg);
		 transform:rotate(0deg);}
to{
 -webkit-transform:rotate(360deg);
		 -ms-transform: rotate(360deg);
		 transform:rotate(360deg);}
}




.round1:before{
top:10px;
left:10px;
right:10px;
bottom:10px;
border-top-color:white;
-webkit-animation:spin 1s infinite linear;
animation:spin 1s infinite linear;
}

.round1:after{
 top:23px;
left:23px;
right:23px;
bottom:23px;
border-top-color:#8AB800;
-webkit-animation:spin 2s infinite linear;
animation:spin 2s infinite linear;
}

.clearfix:before, .clearfix:after{
  content: " ";
  display: table;
}
.clearfix:after{
  clear: both;
}

#TCMonitoringStatusImage{
   width: 15px;
  height: 16px;
  fill: #ffb600;  
}


.rounds, .rounds:before, .rounds:after{
border:1px solid transparent;
border-radius:50%;

}
.rounds{
width:20px;
height:20px;
margin: 0px 0 0 0px;
position: absolute;
border-top-color:#8AB800;
-webkit-animation:spin 1s infinite linear;
animation:spin 1s infinite linear;
}

.rounds:before, .rounds:after{
content: '';
position: absolute;
}

.rounds:before{
top:2px;
left:2px;
right:2px;
bottom:2px;
border-top-color:black;
-webkit-animation:spin 1s infinite linear;
animation:spin 1s infinite linear;
}

.rounds:after{
top:4px;
left:4px;
right:4px;
bottom:4px;
border-top-color:#8AB800;
-webkit-animation:spin 2s infinite linear;
animation:spin 2s infinite linear;
}