.inv{}

body{
 font-family:ARIAL;
 color:BLACK;
 background:#FFFFFF;
 margin:0;
 padding:0mm;
 text-align: left;
/* scrollbar-3dlight-color: FFFFFF;scrollbar-arrow-color: BA0000;scrollbar-base-color: E6EDF7;scrollbar-darkshadow-color: 3880E5;*/
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  unselectable:"on";
	

    height:100%;
  position:relative;
}

* A {color: #006ed4;text-decoration: none}
* A:hover  {color:#FFCC33; text-decoration: none}

*:focus { outline: none; }

H1{
 color:RED;
 font-family:ARIAL;
 font-weight:bold;
 font-size:140%;
 clear:left;
 margin-top:0mm;
 margin-bottom:0mm;
 text-align:left;}
H2{color:#FFFFFF;font-family:ARIAL;font-weight:bold;font-size:12pt;clear:left;margin-top:0em;margin-bottom:0em;text-align:left;}
H4{color:#0080C0;font-family:ARIAL;font-weight:bold;font-size:1;clear:left;margin-top:0em;margin-bottom:0em;text-align:left;}
H5{color:#000000;font-family:ARIAL;font-size:8pt;font-weight:normal; clear:left;margin-top:0em;margin-bottom:0em;text-align:center;}

*#HM_L{
 color:#E6EDE7;
 font-family:ARIAL;
 font-size:8pt;
 clear:left;
 margin-top:0em;
 margin-bottom:0em;
 text-align:center;}

*#HM{
 color:#E6EDE7;
 font-family:Arial;
 font-size:10pt;
 font-weight:bold;
 clear:left;
 margin-top:0em;
 margin-bottom:0em;
 text-align:left;
 text-decoration: none
}

*#HM A:visited {color:#E6EDE7;text-decoration: none}
*#HM A:link    {color:#E6EDE7; text-decoration: none}
*#HM A:hover  {color:WHITE; text-decoration: none}

*#VM{
 color:#3880E5;
 font-family:ARIAL;
 font-weight:bold;
 font-size:8pt;
 clear:left;
 margin-top:0em;
 margin-bottom:0em;
 text-align:left;}

*#VM A:visited {text-decoration: none}
*#VM A:link     {color:#3880E5; text-decoration: none}
*#VM A:hover  {color:#BA0000; text-decoration: none}

*#C_LST{ color:#3880E5; font-family:"Courier New"; font-size:10pt; font-weight:bold; text-decoration: none}
*#C_LST A:visited {text-decoration: none}
*#C_LST A:link    {color:#3880E5; text-decoration: none}
*#C_LST A:hover  {color:#BA0000; text-decoration: none}

.clabel {cursor: pointer;  color: blue; font-family:ARIAL; font-weight:bold;font-size:13px;height: 16px;text-align:center; margin :0px; padding:0px; text-decoration: none; white-space:nowrap; position:absolute;}
.clabelref {cursor: pointer;  color: grey; text-decoration:underline; font-family:ARIAL; font-weight:bold;font-size:13px;height: 16px;text-align:center; margin :0px; padding:0px; position:absolute;}
.clabelunit {cursor: pointer;  color: Purple; font-family:ARIAL; font-weight:bold;font-size:13px;height: 16px;text-align:center; margin :0px; padding:0px; text-decoration: none; position:absolute;}

*#clabel {cursor: pointer;  color: blue; font-family:ARIAL; font-weight:bold;font-size:13px;height: 16px;text-align:center; margin :0px; padding:0px; text-decoration: none; position:absolute; white-space:nowrap;}
*#clabelref {cursor: pointer;  color: grey; text-decoration:underline; font-family:ARIAL; font-weight:bold;font-size:13px;height: 16px;text-align:center; margin :0px; padding:0px; position:absolute;}
*#clabelunit {cursor: pointer;  color: Purple; font-family:ARIAL; font-weight:bold;font-size:13px;height: 16px;text-align:center; margin :0px; padding:0px; text-decoration: none; position:absolute;}


/*----   SPLITER -----*/
#s_menu{
    background-color: #ffffe0;
    padding:	5px 0 0 5px;
}
#cattree{
    color:BLACK;
}



.ui-layout-pane { /* all 'panes' */
    padding: 0;
    background: #FFF;
    border: 0;
    overflow:	auto;
}

.ui-layout-resizer { /* all 'resizer-bars' */
    background: #DDD;
}
.ui-layout-resizer:hover { /* all 'resizer-bars' */
    background: #F8E8A0;
}
.ui-layout-resizer-north {
    border: 0px solid #BBB;
}
.ui-layout-resizer-west {
    border : 0px solid #BBB;
}
.ui-layout-resizer-east {
    border: 1px solid #BBB;
}

.ui-layout-toggler { /* all 'toggler-buttons' */
    background: #AAA;
}
.ui-layout-toggler:hover { /* all 'toggler-buttons' */
    background: #FC3;
}

table, td, th {
  font-size:12px;
  border-collapse: collapse;
  padding: 2px;
}


.cbaskttable{
 width: 100%;
 /*font-weight: bold;*/
}
.cbaskttable td {
    font-size:11px;
    border: 1px solid #C0C0C0;
}

.ccatpictable{
 width: 100%;
}

.ccatpictable th {
/*  position: -webkit-sticky;  for Safari 
  position: sticky;*/
  top: 0;
  
    height:16px;
    background-color: #0077e6;
    text-shadow: gray 1px 1px 1px;
    color:white;
    font-weight:bold;
    border-left: 0px solid #E9E9E9;
    border-right: 1px solid #C0C0C0;
    border-top: 0px solid #E9E9E9;
    border-bottom: 1px solid #C0C0C0;

}
.ccatpictable td {
  cursor: pointer;
    border: 5;
    margin: 5;
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #C0C0C0;
}

.ccatpictable tr.sel td {
    background: #ffffe2;
}

.ccatpictable tr.mark td {
    background: #E9E9E9;
    font-weight:bold;
}

.ccatpictable th.resizing {
    cursor: ew-resize;
}

.cs_viewtable{
border: 1px solid #C0C0C0;
}

.cs_modeldata{
    background-color: #ffffe0;
}

.ccattree { font-family:"arial",tahoma,verdana,arial,sans-serif; font-size:12px; }


.menubtn { /*border: 1px solid gray;  margin:0; padding:0mm;*/}

.menubtn.down {
	background-color: #ffffe0;
	border: 1px solid #d0d0d0;
 }

/*а .menubtn {  border: 0px;  margin:0; padding:0mm;}*/
a:link .menubtn  { border: 1px solid gray; }
a:active .menubtn  { border: 1px solid #FFCC33;   }
a:visited .menubtn  { border: 1px  solid gray; }
a:hover .menubtn  { border: 1px  solid #FFCC33; }

a:visited .menubtn.down { 
	background-color: #ffffe0;
	border: 1px solid #d0d0d0;
}

#cpicture{
    padding-bottom:50px; /* Задаём нижний отступ, равный высоте футера, можно задать и больше,
                                    но главное, чтобы не было меньше, иначе футер налезет на контент*/
}

.ui-widget-header {
    padding:		4px 1em;
}
.ui-widget-footer {
    font-size:		.85em;
    font-weight:	normal !important;
}
.custom .ui-widget-header {
    border:			0;
    color:			#FFF;
    font-size:		.85em;
    font-weight:	bold;
    letter-spacing:	1px;
    text-transform:	uppercase;
}
.custom .ui-widget-footer { /* NOTE: no such class, so footer ALSO has: ui-widget-header */
    border:			0;
    color:			#FFF;
    letter-spacing:	normal;
    text-transform:	none;
    text-align:		center;
    padding:		3px 1ex 4px;
}

.custom .ui-widget-content {
    /* padding & overflow were already set above under 'Generic Layout Styles' */
    border:			0;
    background:	#F9F9F9;
    color:		#000;
}
.cs_add .ui-widget-content {
    background: none;
}
.tblck_daterange{
    font-size:	14px;
    padding:	10px;
}


#datepicker_edit{
    width: 90px;
}

.cbtncat {
    width: 134px;
    height: 130px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size:14px;
	font-weight:bold;
	text-align:	center;
	background:	#FFFFFF;
}

a:link #btn_gotocat { border: 2px solid gray; }
a:active #btn_gotocat{ border: 2px solid #FFCC33;   }
a:visited #btn_gotocat{ border: 2px  solid gray; }
a:hover #btn_gotocat  { border: 2px  solid #FFCC33; }

#s_servinfo{
    font-size:12px;
    background-color: #ffffe0;
 /*   width:  100%;
    height:  100%;*/
    padding: 10px;
}

#t_servinfo{
 /*width:  100%;*/

}

#s_addinfo{
    font-size:12px;
    background-color: white;
/*    height:  100%;*/
    padding: 10px;
}


.padingleft10{
   padding-left: 0px;
}
.tablenonborder{
    border-collapse: collapse;

}






.tip {
    display: inline-block;
    position: relative;
}
/*Стиль для кнопки, если она есть*/
.tip em,
.linktip em {
    background:#FD6E00;
    text-align:center;
    border-radius: 20px;
    border: 1px solid #ccc;
    color: #fff;
    font: normal bold 12px Arial;
    text-decoration: none;
    cursor:pointer;
    padding: 0 4px;
}
/*Стиль для изображения в подсказке*/
.tip>span>img {
    max-width: 50%;
    max-height: none ;
    margin: 3px;
    float: left;
}
/*Стиль для кнопки закрытия подсказки(кристик)*/
.answer>b,
.answer-left>b {
    position:absolute;
    font: normal bold 14px Comic Sans MS;
    color:#999;
    cursor:pointer;
    padding: 4px;
}
.answer>b {
    top:0;
    right:0;
}
.answer-left>b {
    top:0;
    left:0;
}
.answer>b:hover,
.answer-left>b:hover {color:#000;} /*при наведении*/

/*Стиль для блока подсказки*/
.answer,
.answer-left {
    display:none; /*скрываем*/
    position:absolute; /*позиционируем абсолютно*/
    z-index:9999; /*отображаем поверх всех элементов на странице*/
    background: #EDEDED; /*цвет фона*/
    border-radius: 3px;
    border: 1px solid #ccc;
    color: #000; /*цвет текста*/
    font: normal 500 14px Trebuchet MS;
    text-align:left;
    text-shadow: 0 1px 2px #fff, 0 0 10px #E0F1FF; /*тень текста*/
    text-decoration: none;
    opacity: 1; /*прозрачность*/
    cursor:default;
    margin-top:-30px; /*смещение вверх*/
    width: 200px; /*ширина !значение*/
    min-height: 50px; /*минимальная высота (если текста мало)*/
    max-height: none ; /*высота в зависимости от количества текста*/
    white-space: normal; /*переносы слов*/
}
.answer {
    box-shadow: 5px 5px 0.5em -0.1em rgba(0,0,6,0.5); /*тень справа*/
    right: -240px; /*!смещение = ширина + отступы*/
    padding: 5px 20px 7px 7px; /*отступы внутри*/
}
.answer-left {
    box-shadow: -5px 5px 0.5em -0.1em rgba(0,0,6,0.5); /*тень слева*/
    left: -240px; /*!смещение*/
    padding: 5px 7px 7px 20px;
}
.a-top {
    bottom: -10px; /*!смещение, положение подсказки вверх */
}
/*Стили для уголка*/
.a-top:before,
.answer:before,
.answer-left:before {
    content:"";
    position:absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAAaElEQVR4XoWQMQ6AMAwDna6wMXTjB/x/7E4i9SV9AwgxuJKDcKfqrlVizInrObwLHLng9sKhgm8nIQV4eWAFJig/EIogUATCTPh7zZUUuqHXOL4m7waglViyvVthNXvaGhNr2jnTLQTenE8VKUp0n4sAAAAASUVORK5CYII=) no-repeat;
    width: 9px;
    height: 15px;
}
.answer:before {
    left: -9px;
    margin-top: 10px;
    background-position: 0 0;
}
.answer-left:before {
    right: -9px;
    margin-top: 10px;
    background-position: -9px 0;
}
.a-top:before {
    bottom: 10px;
}
/*Для отображения клик-подсказки без скрипта, только на CSS*/
.tip>a:focus~span.answer,
.tip>a:focus~span.answer-left {
    display:block;
}
.tip>a[tabindex="1"]:focus {
    outline: none;
}
.tip>a[tabindex="1"]:focus>em {
    background:#FF4F19;
}

.viewselect{
    width: -moz-calc(100% - 52px);
    width: -webkit-calc(100% - 52px);
    width: calc(100% - 52px);
    font-size: 12px;
    font-family:ARIAL;
    position:absolute;
    left:25px;
    top:2px;
    font-weight:bold;
    border:1px;
}

    .s_descriptionuser {
		font-size: 13px;
	}
	
	.s_datauser{
		font-size: 14px;
		 ;
        margin-top :0;
        margin-left: 10px;
        padding: 0;

	}
    .s_data_section {
		font-size: 16px;
		color: #0077E6;
	}
#vusermenu{
    font-size: 16px;
    font-weight:bold;
    color: #0077E6;
    margin :10px;
	cursor: pointer; 
}
*#vusermenu a {color: #77aee0;text-decoration: none}
#vusermenu a.active  {color: #006ed4;text-decoration: none}

*#vusermenu a:hover  {color:#FFCC33; text-decoration: none}


.truserstable{
	cursor: pointer;
}

.struserstableid {
    font-size: 18px;
    font-weight:bold;
	color: #006ed4;
	background: #E9E9E9;
	padding: 10px;
	text-align: center;	
}


.struserstablelogin{
    font-size: 16px;
  /*  font-weight:bold;*/
	padding: 10px;
	color: #4F4F4F;
	background: #ffffe0;
   
}

.struserstable{
	color: #4F4F4F;
	background: #ffffe0;
}


.struserstablename{
	font-size:9pt;
	font-weight:normal;
	color: #4F4F4F;
	border: 0;
	padding: 0px;
	margin: 0;
}

.struserstablecompany{
    font-size: 9pt;
    font-weight:bold;
	color: #006ed4;
    border: 0;
	padding: 0px;
	margin: 0;
}

.cuserstable tr.mark td .struserstablecompany  {
	color: #C0C0C0;
}

.cuserstable  {
 width: 100%;
}
.cuserstable td {
/*    font-size: 16px;*/
    cursor: pointer;
    border: 15;
    margin: 15;
/*    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #C0C0C0;*/
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #C0C0C0;
}

.cuserstable tr.sel td {
 //   background: #E9E9E9;
    font-weight:bold;
}

.cuserstable tr.mark td {
	color: WHITE;
    background: #808080;
    font-weight:bold;
}

.cuserstable th.resizing {
    cursor: ew-resize;
}

*.dateout *{
/*	color: #dc0202;*/
	color: #c0c0c0;
}


/*
    border: 5;
    margin: 5;
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #C0C0C0;
}

.ccatpictable tr.sel td {
    background: #ffffe2;
}

.ccatpictable tr.mark td {
    background: #E9E9E9;
    font-weight:bold;
}

.ccatpictable th.resizing {
    cursor: ew-resize;
}

*/

#input_login{
}


.input_1{
	background: WHITE;
	border: 1px solid WHITE;
    font-size: 18px;
	color: #0033a1;
	margin: 0 0 0 0;	
	width: 425px;
}

.input_block{
    font-size: 18px;
	color: #727272;
	background: WHITE;
	border: 2px solid #727272;
	padding: 2 3 2 10;
	 border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 436px;
}

.input_btn1{
	color: WHITE;
	width: 146px;
	height: 75px;
	background: WHITE;
	border: 2px solid #727272;
	 border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*input[type=submit]*/
.input_btn1 {
    font-size: 18px;
	color: WHITE;
	text-shadow: 4px 4px 6px #424242; /* Параметры тени */
	width: 140px;
	height: 74px;
	border: 2px solid #727272;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ecaa00;
	cursor: pointer;
}

.logotext1{
    font-size: 12px;
	color: #474747;
	margin: 100 0 30 0;	
	
}

.logotext2{
    font-size: 12px;
	color: #868685;
	margin: 0;	
	
}

input {outline: none;}
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important; /* Цвет фона */
    -webkit-text-fill-color: #999 !important; /* цвет текста */
    color: #999 !important; /* цвет текста */
}


.container {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    cursor: pointer;
    font-family:Arial;
    font-size: 10pt;
    font-weight:bold;
    color:#2a6cd3;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2a6cd3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 4px;
	left: 4px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: white;
}



::-webkit-input-placeholder {color:SILVER;}
::-moz-placeholder          {color:SILVER;}/* Firefox 19+ */
:-moz-placeholder           {color:SILVER;}/* Firefox 18- */
:-ms-input-placeholder      {color:SILVER;}