@charset "utf-8";
/* CSS Document */

/*
@font-face {
	font-family: 'Verdana';
	font-style: normal;
	font-weight: normal;
	src: local('Verdana'),
	     url('Verdana.ttf');
}

@font-face {
	font-family: 'Verdana';
	font-style: normal;
	font-weight: bold;
	src: local('Verdana'),
	     url('Verdana-Bold.ttf');
}
*/
@font-face {
	font-family: 'Verdana';
	font-style: normal;
	font-weight: normal;
	src: url('Verdana.ttf');
}

@font-face {
	font-family: 'Verdana';
	font-style: normal;
	font-weight: bold;
	src: url('Verdana-Bold.ttf');
}

p{font-family:Verdana; font-size:12px; margin:3px; text-indent:0;}
p.object_class{font-family:Lucida Console; font-size:12px; margin:3px; text-indent:0; color:#2B6CC4;}

p.header{font-family:Verdana; font-size:18px; margin:3px; text-indent:0; font-weight:bold;}
p.table_header{font-family:Verdana; font-size:12px; margin:6px; text-indent:0; font-weight:bold;}
p.error{font-family:Verdana; font-size:14px; margin:3px; text-indent:0; font-weight:bold; color: #FF69B4;}

a.green{
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
color: #fff;
display:block;
width:100px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 8px 16px;
margin: 1px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;        
}
a.green {
background-color: rgb( 43, 153, 91 );
border: 1px solid rgb( 33, 126, 74 );
}
        
a.green:hover {
background-color: rgb( 75, 183, 141 );
}


a.green_w{
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
color: #fff;
display:block;
width:150px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 8px 16px;
margin: 10px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;        
}
a.green_w {
background-color: rgb( 43, 153, 91 );
border: 1px solid rgb( 33, 126, 74 );
}
        
a.green_w:hover {
background-color: rgb( 75, 183, 141 );
}

a.green_ww{
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
color: #fff;
display:block;
width:250px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 8px 16px;
margin: 1px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;        
}
a.green_ww {
background-color: rgb( 43, 153, 91 );
border: 1px solid rgb( 33, 126, 74 );
}
        
a.green_ww:hover {
background-color: rgb( 75, 183, 141 );
}

a.green_ss{
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
color: #fff;
display:block;
width:100px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 3px 3px;
margin: 1px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;        
}
a.green_ss {
background-color: rgb( 43, 153, 91 );
border: 1px solid rgb( 33, 126, 74 );
}
        
a.green_ss:hover {
background-color: rgb( 75, 183, 141 );
}

a.green_s{
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
color: #fff;
display:block;
width:80px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 4px 8px;
margin: 1px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;  
vertical-align: middle;      
}
a.green_s {
background-color: rgb( 43, 153, 91 );
border: 1px solid rgb( 33, 126, 74 );
}
        
a.green_s:hover {
background-color: rgb( 75, 183, 141 );
}

a.green_h{
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
color: #fff;
display:block;
width:100px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 4px 8px;
margin: 1px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;        
}
a.green_h {
background-color: rgb( 62, 95, 138 );
border: 1px solid rgb( 100, 149, 237 );
}
        
a.green_h:hover {
background-color: rgb( 75, 183, 141 );
}

table.wintable{
	
	margin: 20px;
	border: 2px solid #85e6e6;
}

table.instance{
	
	margin: 10px;
	border: 2px solid #85e6e6;
}

table.cell{
	
border: 1px solid #A9A9A9;

}

table.errtable{

	margin: 20px;
	border: 2px solid #FF0000;
	margin-left: auto;
    margin-right: auto;
}

td.header{	
	background-color: #F5F5DC;
}

td{
	margin: 0px;
}

td.cell{	
	border: 1px solid #A9A9A9;	
}

td.cell_b{	
	border: 2px solid #ABABAB;	
}

td.cell_gray{	
	border: 1px solid #A9A9A9;	
	background-color: #C7D0CC;	
}

tr.table_header{
	background-color: #F5F5DC;	
}

form{
	padding: 0px;
	margin: 0px;
}
.hide{
	display: none;
}

#code{
	color:#0c3696;
	font-weight:bold;
	font-size:16px;
}

#sec_code{
	color:#2F4F4F;
	font-weight:bold;
	font-size:14px;
}

#sec_name{
	color:#2F4F4F;
	font-size:14px;
}


/* Скрываем реальный чекбокс */
.checkbox {
    display: none;
}
 
/* Задаем внешний вид для нашего кастомного чекбокса. Все обязательные свойства прокомментированы, остальные же свойства меняйте по вашему усмотрению */
.checkbox-custom {
    position: relative;      /* Обязательно задаем, чтобы мы могли абсолютным образом позиционировать псевдоэлемент внютри нашего кастомного чекбокса */
    width: 20px;             /* Обязательно задаем ширину */
    height: 20px;            /* Обязательно задаем высоту */
    border: 3px solid #6495ED;
    border-radius: 3px;
}
 
/* Кастомный чекбокс и лейбл центрируем по вертикали. Если вам это не требуется, то вы можете убрать свойство vertical-align: middle из данного правила, но свойство display: inline-block обязательно должно быть */
.checkbox-custom,
.label {
    display: inline-block;
    vertical-align: middle;
}
 
/* Если реальный чекбокс у нас отмечен, то тогда добавляем данный признак и к нашему кастомному чекбоксу  */
.checkbox:checked + .checkbox-custom::before {
    content: "";             /* Добавляем наш псевдоэлемент */
    display: block;          /* Делаем его блочным элементом */
    position: absolute;      /* Позиционируем его абсолютным образом */
 
    /* Задаем расстояние от верхней, правой, нижней и левой границы */
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
 
    background: #1560BD;     /* Добавляем фон. Если требуется, можете поставить сюда картинку в виде "галочки", которая будет символизировать, что чекбокс отмечен */
    border-radius: 2px;
}

td.object_class{	
	border: 1px solid #2B6CC4;
	border-radius:12px;
	padding-left:8px;
	padding-right:8px;
	background-color: #E0FFFF;
}