/* layout */
body {
	padding:0;
    margin: 0 auto;
	color:#555;
	background: #ffffff; 
	font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
	font-size: 12px;
	/* width:1200px; */
	/* font-family: verdana,OpenSans; */
}

div.debug {
	border:1px solid red;
}

#outer > div {
	/*position:relative;
	margin:3px 0 0 50%;*/
	/*
	width:976px;
	left:-488px;
	*/
	/* left:-600px; */
  /*
	border-left:1px solid #bbb;
	border-top:1px solid #bbb;
	border-right:2px solid #444;
	border-bottom:2px solid #444;
	background:#ffffff;
  */
	/*float:left;*/
}

#content {
	padding:5px 1em;
  /*
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none;
	user-select: none;
  */
}

.selectable {
	-moz-user-select: text; 
	-khtml-user-select: text; 
	-webkit-user-select: text;
	user-select: text;
}

.buttons {
	padding-top:5px;
	margin-top:1em;
	width:600px;
	background:transparent url('/static/images/buttons_line.png') left top no-repeat;
}
.buttons2 {
	padding-top:5px;
	margin-top:1em;
	background:transparent url('/static/images/buttons_line.png') left top no-repeat;
}
.path {
	margin:2px 2px;
	font-size:12px;
  text-decoration:none;
}
.path a {
	color: #2B587A;
	text-decoration:underline;
}
a {
  color: #2B587A;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}
a.red {
    color: #f00000;
}

span.href {
  color: #2B587A;
  text-decoration: none;
  cursor: pointer;
}
span.href:hover {
  text-decoration: underline;
}

.aster {
	font-size:90%;
	font-weight:bold;
	color:#800;
}
/*.descript {
	font-size:100%;
	font-weight:bold;
	color:#777;
}*/
.hint {
	margin-top:4px;
	font-size:100%;
	font-style:italic;
	color:#777;
	border-top:#777 solid 1px;
}
/*.form {
	border:1px solid #aaa;
	padding:5px 1em;
	background:#eeeee0;
}*/
.noform {
	border:1px solid #f0f0f0;
	padding:5px 1em;
}
h3 {
	font-size:110%;
	font-weight:bold;
	color:#777;
}
/* round box */
.rd_box_1 {
	background: url('/static/images/rd_tl.png') no-repeat top left;
}
.rd_top_1 {
	background: url('/staitic/images/rd_tr.png') no-repeat top right;
}
.rd_bottom_1 {
	background: url('/static/images/rd_bl.png') no-repeat bottom left;
}
.rd_bottom_1 div {
	/*background: transparent url('/statiic/images/rd_br.png') no-repeat bottom right;*/
}
.rd_content_1, .rd_content_2 {
	height:80px;
	background: url('/staitic/images/rd_r.png') top right repeat-y;
	overflow-y:scroll;
}

.rd_top_1 div,.rd_top_1,
.rd_bottom_1 div, .rd_bottom_1 {
	width: 100%;
	height: 20px;
	font-size: 1px;
}
.rd_content_1, .rd_bottom_1, .rd_content_2 {
	margin-top: -19px;
}
.rd_content_1 { 
	padding: 0 0 0 20px; 
	}
.rd_content_2 { 
	padding: 0 0 0 5px; 
	}
/*****************/
.online {
	padding-left:20px;
} 
/* inputs */
.inline {
	border: 1px solid #C0CAD5;
	background:#fff;
}
.inline_dis {
	border: 1px solid #C0CAD5;
	background:#c0cad5;
}

img.b_btn {cursor:pointer;margin:1px 1px 0 0;}
img.b_btn:hover {margin:0 1px 1px 0;}
img.b_btn:active {margin:1px 0 0 1px;}

div#lmenu img {margin:2px 8px 2px 8px;}
div#lmenu img:hover {margin:2px 9px 2px 7px;}
div#lmenu img:active {margin:3px 8px 1px 8px;}

/* tables */
table.data {
	/*font-size:100%;*/
        /*border-bottom:4px solid #d1c992;*/
    border-bottom:4px solid #c0cad5;
	border-right:1px solid #c0cad5;
}
table.data td {
	border-top:1px solid #c0cad5;
	border-left:1px solid #c0cad5;
	padding:0.3em;
	margin:0;
	}
table.data th {
	background:#f2e9bc;
	padding:3px 1em;
	margin:0;
	font-weight:bold;
	border-left:1px solid #d1c992;
	border-top:1px solid #d1c992;
	color:#000;
	}
tr.odd td {
	background:#f0ffff;
	}
tr.even td {
	background:#fffff0;
	}
tr.warn td {
	background:#ffc0c0;
	}
table.data th.headerSortUp {
	background:#e2d9ac url('/static/images/f_down.png') right no-repeat;
	cursor:pointer;
}
table.data th.headerSortDown {
	background:#e2d9ac url('/static/images/f_up.png') right no-repeat;
	cursor:pointer;
}
table.data th.header {
	cursor:pointer;
}
table.data table {
	border:none;
	margin:0;
	padding:0;
}
table.data table tr  {
	border:none;
	margin:0;
	padding:0;
}

table.blind { border:none; }
table.blind tr { border:none; }
table.blind td { border:none; }

table.info {}
table.info td.fld {
	border-bottom:1px solid #aaa;
}
/* buttons */
input[type="text"],
input[type="file"],
input[type="search"],
input[type="password"],
input[type~="text"],
input[type~="search"],
input[type~="password"],
input[type~="email"],
select,
textarea {
  font-size: 12px;
  font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
  border: 1px solid #C0CAD5;
  background:#fff;
}

/* input[type="checkbox"] {
  border: 1px solid #C0CAD5;
  top:0.3em;
  position:relative;
} */

input[type="checkbox"] ~ input[type="text"] {
  display:none;
}
input[type="checkbox"]:checked ~ input[type="text"] {
  display:inline;
}


input[type="submit"],
button,
a.btn,
input[type="button"] {
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
  outline:0;
}
input[type="submit"]:focus,
input[type="button"]:focus {
    outline:0;
}

input[type="submit"]::-moz-focus-inner {
      border: 0;
}

ul.docs {
	list-style-image:url('/static/images/pdf_sm.png');
}
span.help {
	font-style:italic;
}

.check {
	color:#800;
  padding-left:2em;
	font-style:italic;
}

input.date {
  width:8em;
}

label, input, button, select, textarea {
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
}

.control-group {
    margin: 1px 0;
}

.step-counter {
	margin:2em 0;
}
.step-counter li {
	display:inline-block;
	font-size:20px;
	color:#aaa;
}
.step-counter li.active {
	color:#000;
}
.step-counter li+li:before {
	content:'\3009';
	font-size:18px;
	color:#aaa;
	margin:0 0.4em;
}

h2 {
	font-size:20px;
}

.span_date {
  width:10em;
}

div.loading {
  padding:3em;
  text-align:center;
  font-style:italic;
  color:#aaa;
}

.span1,.span2,.span3,.span4,.span5,.span6 {
  font-size: 12px;
  line-height: 1.2;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  display:inline-block;
}
select.span1, select.span2, select.span3, select.span4, select.span5, select.span6,
input.span1, input.span2, input.span3, input.span4, input.span5, input.span6,
textarea.span1, textarea.span2, textarea.span3, textarea.span4, textarea.span5, textarea.span6
{
  border-radius:0.5em;
  padding: 6px 6px;
  border: 1px solid #cccccc;
  webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.span1 {
  width:60px;
}

.span2 {
  width:120px;
}
.span3 {
  width:200px;
}
.span4 {
  width:250px;
}
.span5 {
  width:300px;
}
.span6 {
  width:400px;
}

input[type=date] {
  width:8.5em;
}

.btn-excel {
  color: #2a7123;
  padding-left: 30px;
  background-color:#cec;
  background-image: url(/static/img/xls.png);
  background-repeat: no-repeat;
  background-position: left;
  border-color: #222222;
}
/* error & status *********************/
span.error {
	color:#800;
	font-style:italic;
	}
div.error {
	margin:1em;
	text-align:center;
	color:#800;
	font-style:italic;
	}
select.error {
	border-color:#800;
}
span.success {
	color:#080;
	font-style:italic;
	}
select.success {
	border-color:#080;
}
span.status {
	color:#080;
	font-style:italic;
	}
div.status {
	margin:1em;
	text-align:center;
	color:#080;
	font-style:italic;
	}

.path {
  display: flex;
  flex-wrap: wrap;
  /*align-items: center;*/
  color: #2B587A;
}

.path_item + .path_item::before {
  content: " | ";
  margin: 0 5px;
  text-decoration:none!important;
}

/* Для красивого отображения на мобильных */
@media (max-width: 480px) {
.path_item + .path_item::before {
  content: " • "; /* Точка вместо вертикальной черты на мобильных */
  text-decoration:none!important;
}
}