@charset "UTF-8";
/* main.css */
/* стили для бокового меню userMenu */
#usermenu li:nth-child(2n+1) {
 background-color: #F8F8F8;
}
#usermenu li:nth-child(2n) {
 background-color: #E5F1F4;
}
#usermenu li:nth-child(2n+1):hover {
 cursor: pointer;
 background-color: #ECFBD4;
}
#usermenu li:nth-child(2n):hover {
 cursor: pointer;
 background-color: #ECFBD4;
}
#usermenu li.active{
 background-color:#ECFBD4;
}
/**/
#layer-main {
 position:fixed; 
 left:0px;
 top:0px;
 width:100%; 
 height:100%; 
 opacity:0.5; 
 background-color:black;
 display:none;
 z-index:99;
}
#flash-message {
 position:fixed; 
 left:30%;
 top:50%; 
 width:40%;
 display:none;
 z-index:100;
}
#flash-message-close {
 float:right;
 cursor:pointer;
}
#flash-message-close:hover {
 font-weight: bold;
}
.dialog-error{
 display:none;
}
.emptySelect{
 width:20px; 
 height:7px !important;
 /* background:url(../images/down.gif) no-repeat;*/
 border:0px;
 appearance: none;
}
/*
.mainChanger{
 position: fixed;
 border:1px solid #6FACCF;
 border-top:0px;
 top:0px;
 right:100px;
 background: #D4E0E0;
 z-index:1000;
 border-bottom-left-radius: 10px;
}
.mainChanger a{
 color: #08C;
}
.mainChanger input{
 border-radius: 3px;
}
.mainChanger select{
 border-radius: 3px;
}
.accountChanger{
  padding:5px;
}
.accountChangerArrow{
 background: #D4E0E0;
 border:1px solid #6FACCF;
 border-top:0px;
 position:absolute;
 text-align: center;
 width:100px;
 height:20px;
 right:-1px;
 bottom:-21px;
 z-index:9999;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
}
.accountChangerLink{
 color:black;
}
#accountChangerNo{
 margin-left:5px;
 margin-right:5px;
 height: 20px !important;
}
*/
.icon-plus-button {
 background: url("../images/add.gif");
 width:12px;
 height:12px;
 margin-top: 3px;
}
.header {
 border-collapse: separate;
 border-spacing: 3px 0px;
 z-index: 10;
}
.header td {
/* padding-right: 10px;
 border: 1px solid #6FACCF;
 background: #C9E0ED;
 border-top: 0;
 min-height: 55px;*/
}
td.logo-color{
 width:22px;
 min-width: 22px;
}
td.logo {
 padding: 0px;
 border: 0;
 background: transparent;
 width:178px;
 min-width:178px;
 vertical-align: middle;
 text-align: center;
}
td.logo svg{
 height: 84px;
 padding-top: 3px;
}
td.logo-color div {
 padding-top: 10px;
}
td.logo a {
 padding-left: 15px;
}
/*
#header {
 background: url("../images/house2.png");
 background-size: contain;
 background-repeat: no-repeat;
 background-position: left;
} */
.logo-icon {
 position: absolute;
 padding-top: 10px;
 height: 55px;
}
.logo-icon img {
/* height: 85px;*/
 z-index: -1;
}
.header #period-picker {
 min-width: 170px;
 width: 170px;
 padding-left: 10px;
 vertical-align: middle;
 /*border: 1px solid red;*/
}

.switching-left{
 position: absolute;
 top: 50%;
 margin-top: -25px;
 margin-left: 5px;
 /*border: 1px solid red;*/
}
.switching-right {
 position: absolute;
 top: 50%;
 margin-top: -25px;
 /*border: 1px solid red;*/
 margin-left: 119px;
}
/*
.header #switcher {
 min-width: 120px;
 width: 120px;
} */
.header #client-info {
 min-width: 1200px;
 width: 100%;
 white-space: nowrap;
 table-layout: fixed;
}
.engine-icon {
 padding:7px;
 font-size: 150%;
 background: #C9E0ED;
 border:1px solid #6FACCF;
 color: #08C;
 border-radius: 5px;
}
#full-content{
/* position:relative;*/
 padding-top:120px;
 padding-bottom: 2.5em;
 margin-bottom: 2.5em;
 /*padding-bottom:80px;*/
 min-height: 30%;
 z-index:0;
}
#page{
 margin-top: inherit;
 margin-left:0px;
 padding-top: inherit;
 border: inherit;
}
ul#func li{
 float:left;
 padding-left: 10px;
 list-style-type:none;
}
ul#func div li{
 clear:both;
}
.userFuncMain{
 position:relative;
 top: -0px;
 bottom: 0;
 width: 100%;
 height: 34px; 
 /*top: 97px;*/
 padding-left: 270px;
 z-index: -10;
 vertical-align:bottom;
}
#mainMenuTabs,
.mini.userFuncMain
{
  top: 0px;
}

#header .header
{
  height: 100px;
} 

#header .header, 
#header
{
  min-height: 100px;
}

#sidebar {
  position: relative;
  top:0px;
}

#header.mini .header
{ 
  min-height: 55px;
  height: 55px;
}

.mini#header
{
  min-height: 55px;
}
.userFuncDiv{
 margin-left: 20px;
}
#notice{
 font-weight:bold;
}
.ui-datepicker{
 z-index:98;
}
.login{
 float:left;
 margin-left: 30px;
 margin-right:30px;
 width:220px;
}
.table-login {
 width:220px;
}
.button-column-long{
 padding-right: 20px !important;
}
input[type="file"]{
 width:500px;
 border: 0px;
 background: inherit;
}
.ui-tabs{
 background: #E8EBFF;
}
.ui-state-active{
 background: #E8EBFF !important;
}
.ui-datepicker-calendar .ui-state-active{
 background: #05F !important;
}
div.view{
 font-weight: bold;
 background-color: white;
 display: block;
}
.table tr:hover {
 background: #E8EBFF !important;
}
.notification{
 color: #FF00C2;
}
.startNotice{
  text-align:center;
  margin-top: -25px;
  position: inherit;
  min-width: 200px;
  font-weight: bold; 
  background: 8px 5px no-repeat #ffffff;
  color: #264409;
  border-color: #C6D880;
  border: 2px solid #ddd;
  border-radius: 3px;
  margin-right: auto;
  padding:3px;
  width: 100%;
}
.startNotice-grid{
  margin-top: 6px;
  position: inherit;
  margin-right: auto;
  margin-bottom: 3px;
  width: 100%;
}
.left{ text-align:left; }
.center{ text-align:center; }
.right{ text-align:right; }
.param-link {
 padding-left: 20px; 
 background: url(../images/settings.png) no-repeat center left;
}
.haccstate {
 background-clip: border-box;
 border-radius: 3px;
 display: inline-block;
 padding: 2px 4px;
 font-weight: bold;
 line-height: 1em;
 color: #ffffff;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 white-space: nowrap;
 vertical-align: middle;
}
.haccstate0 {
 background-color: #FF8A3C;  /*#FFD605;*/
 width:90%;
}
.haccstate1 {
 width:90%;
 background-color: #6ACE6B;
}
.haccstate2 {
 width:90%;
 background-color: #cf6275;
}
.haccstate3 {
 width:90%;
 background-color: #52D4FF;   
}

/* buttons.css */
.button, .yiiPager .page > a, .yiiPager .next > a, .yiiPager .previous > a, .yiiPager .first > a, .yiiPager .last > a{
 text-decoration: none !important;
 color: #666666;
 font: 100% Arial, Helvetica, sans-serif;
 padding: 5px 13px;
 margin-right: 3px;
 border: solid 1px #AAA;
 cursor:pointer;
 background: #f8f8f8;
 background: -moz-linear-gradient(top, #f8f8f8 0%, #d1d1d1 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#d1d1d1));
 background: -webkit-linear-gradient(top, #f8f8f8 0%,#d1d1d1 100%);
 background: -o-linear-gradient(top, #f8f8f8 0%,#d1d1d1 100%);
 background: -ms-linear-gradient(top, #f8f8f8 0%,#d1d1d1 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#d1d1d1',GradientType=0 );
 background: linear-gradient(top, #f8f8f8 0%,#d1d1d1 100%);
 vertical-align: middle;
 display: inline-block;
 zoom: 1;
 text-shadow: 0 0px 0 rgba(255, 255, 255, .5);
 border-radius: 4px;
 box-shadow: 0 1px 0 rgba(0,0,0,.1)
}
.button:hover{
 background: #cccccc;
}
.button.green{
 background: #ddf2cf;
 background: -moz-linear-gradient(top, #ddf2cf 0%, #aade87 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddf2cf), color-stop(100%,#aade87));
 background: -webkit-linear-gradient(top, #ddf2cf 0%,#aade87 100%);
 background: -o-linear-gradient(top, #ddf2cf 0%,#aade87 100%);
 background: -ms-linear-gradient(top, #ddf2cf 0%,#aade87 100%);
}
.button.green:hover{
 background: #aade87;
}
.button.yellow{
 background: #F7F9C9 ;
 background: -moz-linear-gradient(top, #FBFDC7 0%, #DEEA43 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFDC7), color-stop(100%,#DEEA43));
 background: -webkit-linear-gradient(top, #FBFDC7 0%,#DEEA43 100%);
 background: -o-linear-gradient(top, #FBFDC7 0%,#DEEA43 100%);
 background: -ms-linear-gradient(top, #FBFDC7  0%,#DEEA43 100%);
}
.button.yellow:hover{
 background: #DEEA43;
}
.button.red{
 background: #ff8674cc;
 background: -moz-linear-gradient(top, #ff867433 0%, #ff8674cc 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff867433), color-stop(100%,#ff8674cc));
 background: -webkit-linear-gradient(top, #ff867433 0%,#ff8674cc 100%);
 background: -o-linear-gradient(top,  #ff867433 0%,#ff8674cc 100%);
 background: -ms-linear-gradient(top, #ff867433 0%,#ff8674cc 100%);
}

.button.red:hover{
 background: #ff8674cc;
}

.header__margin-l
{
  margin-left: 15px;
}