html { width:100%; height: 100%; }

body
{
	height:100%;
	margin:0;
	padding:0;
	font-size: 80.01%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

form { margin:0; padding:0;}
form.main-form
{ 
	display: block;
	margin:0; 
	padding:0;
	width:100%;
	height:100%;
}
 
#page-wrapper
{	
	min-height:100%;	 
	margin: 0 auto -85px;
	min-width: 990px;
}

* html #page-wrapper { height: 100%; }

#header { height: 112px; position: relative;}
#header table { width: 80%; height: 77px;}
#header td { padding: 0; vertical-align: middle; text-align: left;}

td#logo { padding-left: 32px;}
td#logo a { outline: none;}
td#slogan { padding-left: 32px; width: 100%; font-size: 1.2em; font-style: italic; /*font-weight: bold;*/}

#search { width: 23%; position: absolute; right:21px; top: 30px; }
#search div.flat{height: 20px;}							 
#search div.search-box
{
	border: 1px solid; 
	height: 20px;
	overflow:hidden;
	padding:0;
	position: absolute;
	left: 21px;
	right: 61px;
	float: left;
}

* html #search div.search-box { margin-right:-82px;	}

#search div.search-box input
{
	border:1px solid;
	width:98%;
	height: 18px;
	padding:0;
	margin:0;
}

#search input { vertical-align: top;}
#search-button { float: right; width:48px; border: 1px solid;}
#search-button input::-moz-focus-inner { border: 0; padding: 0; }/*Remove button padding in FF*/
#search-button input 
{
	display: block;
	border: none;
	background: none;	
	width:48px;
	padding:0;
	margin:0;
	font-family: Georgia, serif;
	font-size: 12px;
	height: 19px;
	cursor: pointer;
	cursor: hand;
	outline: none;	
}

div.search-item h4 { margin-bottom: 0.4em;}

#top-menu { margin: 0 0 0 32px; padding: 0; list-style-type: none; overflow: hidden; zoom:1;}
#top-menu li { float: left; margin: 0 1.5em 0 0; }
#top-menu a 
{
	display: block; 
	border-bottom-width: 2px;
	border-bottom-style: solid;

	text-decoration: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	outline: none;
	padding: 11px 0 7px;	
	margin: 0 16px 3px;
}

#top-menu li.selected a { padding: 11px 16px 10px; margin: 0;}
#top-menu li.selected .r1 { border-left: 1px solid; border-right: 1px solid; }
#top-menu li.selected .r0 { border-left: 1px solid; border-right: 1px solid; }

* html #top-menu .r1 { width: 2px;}
* html #top-menu .r0 { width: 2px;}

#top-menu li.selected .r1 { width: expression(runtimeStyle.width = parentNode.offsetWidth - 4 + 'px'); }
#top-menu li.selected .r0 { width: expression(runtimeStyle.width = parentNode.offsetWidth - 2 + 'px'); }

#breadcrumb {	padding:0; margin: 0 41px 32px 32px;}
#breadcrumb p { margin: 0 10px;}

#breadcrumb a, #breadcrumb span { font-size: 0.85em; padding:0 0.4em; text-decoration: none;}
#breadcrumb a:hover { text-decoration: underline;}
#breadcrumb b { border-right: 1px solid; border-left: 1px solid;}
#breadcrumb b.top { margin-bottom: 2px;}
#breadcrumb b.bottom { margin-top: 2px;}

#content-wrapper { overflow: hidden; margin: 21px 0 50px; zoom:1;}
#content { float: left; width: 77%; overflow: hidden; }
#sidebar { float: right; width: 23%; overflow: hidden; }
#sidebar-inner { margin-right: 21px;}

#workarea-wrapper { margin: 0 38px 0 25px;}
#left-menu { float: left; width: 25%; }

ul.left-menu { font-weight: bold; list-style-type: none; margin: 0; padding: 0 0 0 1.5em;}

/* Root */
ul.left-menu a { font-size: 1.1em; outline: none;}
ul.left-menu .selected a { text-decoration: none; }

ul.left-menu ul a { font-size: 0.85em !important; text-decoration: underline !important; outline: none; vertical-align:top; }

ul.left-menu li.current { overflow: hidden; zoom:1; display: block; margin-top: 0.3em;}
ul.left-menu .current i 
{
	padding: 1px 10px 2px 13px; 
	text-decoration: none !important;
	display: block;
	zoom:1;
	font-style:normal;
	font-size: 0.85em !important;
	vertical-align:top;
}

ul.left-menu .current b { border-left:1px solid; border-right:1px solid; }
ul.left-menu ul { font-weight: normal; margin: 0.5em 0 0 -4px; padding: 0; list-style-type: none;}
ul.left-menu ul ul { margin: 0.5em 0 0 1em; }
ul.left-menu li li
{ 
	margin-bottom: 0.7em; 
	padding:0 13px 0;
	text-indent: 0;
	background: url(images/left-menu-arrow.gif) no-repeat 5px 3px;
	list-style-type: none; 
}

ul.left-menu li
{
	behavior:expression( !this.before ? this.before = this.innerHTML = '<span class="dash">&mdash;&nbsp;</span>' + this.innerHTML :'' );
	text-indent:-1.35em;
	background: none;
	padding:0;
	margin-bottom: 1.5em;
}
ul.left-menu li li { behavior: '';}

ul.left-menu li:before { content:'\2014\a0'; }
ul.left-menu li li:before { content:'';}

ul.left-menu li li li { margin-bottom: 0.3em; }

#workarea { float: right; width: 75%; clear:right; }
/*#workarea-inner { margin-left: 25px;}*/

#banner 
{ 
	height: 300px; 
	margin: 0 28px 40px 19px; 
	overflow:hidden; 
	position:relative; 
 clear: right;
 float: right;
 width: 75%;
}


#banner-image { height:175px; width: 425px; overflow:hidden; text-decoration: none; display: block; }
#banner-text 
{ 
	padding: 0; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	position: absolute;
	left: 35%;
	top: 0;
	left:0;
	width: 100%;
	height: 175px;
	z-index:10;
	
}

#banner-text td {padding:0;}
#banner-text a { text-decoration: none; display: block;}

#banner-text small { font-size: 0.5em; padding-top: 1em; display: block; padding-left: 30px;}
#banner-text big { font-size: 1.4em; display: block; }
#banner-text span { padding-left: 30px; display:block;}
#banner-overlay
{ 
	z-index:5; 
	height: 300px; 
	width: 100%; 
	position: absolute; 
	top: 0;
	left: 0; 
	outline: none;
	display: block;
	cursor: pointer;
	cursor: hand;
}



#footer, #space-for-footer { height: 85px; }
#footer { position: relative;}

#copyright { padding:21px 0 0 35px; font-size: 0.85em; width: 49%;}
#copyright p { margin:0;}

#footer-links { margin:0; padding:0; list-style: none;}
#bottom-menu { width:50%; position:absolute; right:25px; top: 20px; text-align: right;}
#footer-links li { display: inline; padding-left:1.5em;}

/* Navigation */
div.navigation { font-size:100%; line-height:200%; }
span.navigation-title { padding-right:0.65em; font-weight: bold;}
div.navigation a { text-decoration:underline; padding:0.2em 0.3em;}
span.nav-current-page { padding:0.2em 0.3em; }
div.navigation span.arrow { font-size:100%; font-family:Times, serif; }
div.navigation span.ctrl { font-size:85%; }

/*Site Map */
table.map-columns { width: 100%;}
table.map-columns td { vertical-align: top; padding: 0;}
table.map-columns ul { padding:0 0 2em 0; font-weight: bold;}
table.map-columns li { margin: 0 0 1.5em 0 !important;}
table.map-columns li li { margin: 0 0 0.6em 0 !important;}
table.map-columns ul ul { font-weight: normal; padding:0 0 0 1.5em; margin: 0.6em 0}


/* Ask a question */
#support {position: relative; margin:0 0 3em; padding-top: 3px;}
#support-question { position: absolute; width: 30px; height: 30px; top: 0; left:0;}
#support-text { height: 20px; margin-left: 15px; padding-left: 22px; padding-top: 2px; overflow:hidden;}
#support-text a { font-size: 14px; font-weight: bold; text-decoration: none;}
#support b { border-right:1px solid; margin-left: 15px;}

/* Schedule */
#schedule { margin: 0 0 3em; }
#schedule div.schedule { font-size: 0.85em; }
#schedule p { margin: 0 0 1em; }

/* Telephone*/
#telephone 
{
	padding: 0 0 0 37px;
	margin: 0 0 1.5em;
	min-height: 30px;
}

* html #telephone { padding-top: 6px;}

#telephone nobr { font-family: Georgia, serif; font-size: 1.6em;}

/* Content Block List */
dl.block-list { margin: 0 0 3.2em 0; padding:0; }
dl.block-list dt { margin: 0; padding: 0 0 0.3em; font-size: 1em;}
dl.block-list dd { margin:0 0 1.8em; padding:0; font-size: 0.85em;}

/* Information Box*/
div.information-box .r1 { border-left:1px solid; border-right:1px solid; }
div.information-box .r0 { border-left:1px solid; border-right:1px solid; }
div.information-box-content { font-size: 0.9em; padding: 12px 15px;}

/* News List */
div.news-list { margin: 0 0 2em;}
div.news-item { margin: 0 0 1.3em; }
div.news-date { margin: 0 0 0.5em; }
div.news-title { font-size: 1.2em; margin: 0 0 0.5em; }
a.news-detail-link { display: block; margin: 1em 0 0; outline: none;}

/* Forms */
div.content-form div.form-input input, div.content-form div.form-input textarea, div.content-form div.form-input select 
{ 	
	border:1px solid; 
	border-color: #777 #CCCCCC #CCCCCC #777
}
 
div.content-form div.field label.field-title { font-size: 1.117em; }





.logo__img {
 background: hsla(0, 0%, 0%, 0) url("/bitrix/templates/corp_services_green/images/header.jpg") no-repeat scroll 0 0;
 display: inline-block;
 height: 81px;
 margin-top: 15px;
 padding-left: 10px;
 padding-top: 10px;
 /* width: 463px;*/
}
h1.logo__text {
 color: hsl(20, 91%, 49%);
 display: inline-block;
 height: 100%;
 margin-left: 20px;
 position: relative;
 top: -19px;
}

/* Text */
img {border:0 none;}

h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Helvetica,sans-serif; 
	margin:1.3em 0 0.7em;
	font-weight:normal;
	line-height:1.2;
}

h1 { font-size:190%; margin:0 0 1em; }
h2 { font-size:150%; }
h3 { font-size:130%; font-weight: bold;}
h4 { font-size:120%;}
h5 
{ 
	border-bottom:1px solid #E5E5E5;
	font-size:140%;
	font-weight:normal;
	margin:0 0 1.1em;
	padding:0 0 1em;
}
h6 { font-size:100%; }

hr, .hr 
{
	border-top:1px solid;
	display:block;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:12px 0;
	overflow:hidden;
	padding:0;
}

#workarea ul { list-style-type: none; padding:0; margin: 0 0 0 1.5em;}
#workarea ul li:before { content:'\2014\a0'; }
#workarea li
{
	behavior:expression( !this.before ? this.before = this.innerHTML = '<span class="dash">&mdash;&nbsp;</span>' + this.innerHTML :'' );
	text-indent:-1.35em;
	margin: 0.6em 0
}

#workarea ul ul { padding:0 0 0 1.5em; margin: 0.6em 0}


table.data-table { width: 100%; border-bottom: 1px solid #F0F0F0; border-top: 1px solid #F0F0F0}
table.data-table th { text-align: left;}
table.data-table td, table.data-table th { padding: 1em; font-size: 0.85em;}
table.data-table tr.alt-row { background-color: #F0F0F0; }
/* Text */
a:link {color:#006BC6;}
a:visited {color:#006BC6;}
a:hover {color:#53BD1E;}
a:active {color:#006BC6;}

h1 { color:#53BD1E; }
h2, h3, h4, h5, h6 { color:#414141; }

hr, .hr { border-color: #E9E9E9;}

/* Layout */
body { background-color: #FFF; color: #000;}
td#slogan { color: #999999; }

#search div.search-box { border-color: #DEDEDE; }
#search div.search-box input { border-color: white;}
#search-button {border-color: #E7E7E7 #D5D5D5 #D1D1D1 #E3E3E3; background: #DEDEDE;}
#search-button input { 	 color: #9B9B9B; }

#top-menu a { border-color: #EDEDED; color: #000; }
#top-menu a:hover { border-color: #53BD1E; }
#top-menu li.selected a { color: #fff; background: #53BD1E; border-color: #53BD1E; }
#top-menu li.selected b { background: #53BD1E;}
#top-menu li.selected .r1 { border-color: #A6DD8B;}
#top-menu li.selected .r0 { border-color: #A4DC88;}

#breadcrumb { background-color:#F0F0F0; color: #7A7A7A;	 }
#breadcrumb a, #breadcrumb span { color: #7A7A7A; }
#breadcrumb b { border-color: #FBFBFB;}

/* Root items*/
ul.left-menu a { color: #414141; }
ul.left-menu a:hover { color: #53BD1E;}
ul.left-menu .selected, ul.left-menu a.selected, ul.left-menu a.selected:hover { color: #EA0000;}

/* Subitems */
ul.left-menu ul a { color: #006BC6; }
ul.left-menu ul a:hover { color: #53BD1E; }

/* Current item */
ul.left-menu .selected i.selected { background: #53BD1E url(images/left-menu-arrow-selected.gif) no-repeat 5px 4px; color: #fff;}
ul.left-menu .current b { background: #53BD1E; border-color:#D5EFC7;}	

#banner { background: #53BD1E; }
#banner-text { color: #FFF; background: url(images/overlay-right-corners.gif) no-repeat right top;}
#banner-text a { color: #FFF;}
#banner-overlay { background: url(images/overlay.png) no-repeat; }

#footer { background: #EDEDED; }
#copyright { color: #5F5F5F; }

/* Ask a question */
#support-question { background: url(images/question.png) no-repeat; }
#support-text { background: #F2F2F2; }
#support-text a { color: #484848 !important; }
#support b { border-color: #FCFCFC; background: #F2F2F2; }

/* Telephone*/
#telephone { color: #4C4C4C; background: url(images/phone.gif) no-repeat left center; }
#schedule { color: #7F7F7F; }

/* Information Box*/
div.information-box b { background: #EDEDED; }
div.information-box .r1 { border-color:#F6F6F6;}
div.information-box .r0 { border-color:#F5F5F5;}
div.information-box-content { background: #EDEDED; color: #474747; }

/* News List */
div.news-date { color: #919191;}

/* Paging */
span.nav-current-page { background-color:#e8e9ec; }
div.navigation span.disabled, div.navigation span.arrow, div.navigation span.ctrl { color:#7E7E7E;}

/*Common Elements */
div.content-form div.field-error div.form-input input, 
div.content-form div.field-error div.form-input textarea, 
div.content-form div.field-error div.form-input select
{
	color: red;
	background:	#fff8d3;
}

/* Search results*/
div.search-item { border-color: #E9E9E9;}
div.search-page input.search-query { background: #F8F7F7; border-color: #D9D9D9; }

/*Error & OK messages*/
.errortext, .starrequired { color: red;} 
.errortext, .notetext { background:#FFFEEB; border-color: #FFD482;} 
/* Round Corners*/
.r0, .r1, .r2, .r3, .r4 { overflow: hidden; font-size:1px; display: block; height: 1px;}
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

/* Tags cloud */
div.search-cloud { text-align:center; } 
div.search-cloud a { line-height:1.4em; text-decoration:none; }
div.search-cloud a:hover { text-decoration:underline; }

/* Search results*/
div.search-item { margin: 0 0 1.5em; padding: 0 0 1.5em; border-bottom: 1px solid;}
div.search-result { margin: 1em 0;}
div.search-preview {margin: 0.5em 0;}
div.search-page input.search-query {width: 99%; border: 1px solid; font-size:1.3em;}
div.search-page input.search-button { font-size: 1.2em; }

/* Content Forms: commons styles */
div.content-form
{
	position:relative; 
	zoom:1;
	padding-bottom: 2.5em;
	padding-left:2.5em;
}

div.content-form div.form-input span {font-size: 1.5em;}
div.content-form div.form-input input, div.content-form div.form-input textarea, div.content-form div.form-input select
{	
	margin: 0;
	border:1px solid;
	font-size:1.117em; 
	font-family:Verdana, Tahoma, Sans-Serif;
	margin-bottom: 8px;
	
}

div.content-form div.form-input input, div.content-form div.form-input textarea { padding: 0.3em; }

div.content-form div.legend
{
	left: -1em; 
	top:-0.7em; 
	float:left; 
	padding: 0 3px; 
	background:white; 
	position:relative; 
	z-index:10; 
	font-size: 1.8em; 
	font-family:Arial, Verdana, Tahoma, Sans-Serif;
}

div.content-form div.form-input input, div.content-form div.form-input textarea {width:75%;}
div.content-form div.fields { clear: both; }
div.content-form input.input-submit { overflow:visible; padding:0 0.5em;}
div.content-form div.field { padding:0; margin: 0 0 0.8em 0; display: block; }
div.content-form div.field label.field-title
{
	display: block;
	font-size: 1.4em;
	margin-bottom: 3px;
	font-family:Arial, Verdana, Tahoma, Sans-Serif; 
	white-space: nowrap;
}

div.content-form div.description {font-size: 0.9em; }
div.content-form div.field-checkbox { margin: 0.3em 0; font-size: 1.4em;}

.orders-filter {
	background: hsl(0, 0%, 50%) none repeat scroll 0 0;
	margin-top: 70px;
	padding: 10px;
}

.orders-filter__body__input {
	display: inline-block;
	padding: 15px 8px;
	position: relative;
	width: 24%;
}
.orders-filter__body__input input, .orders-filter__body__input select {
	float: right;
}
.orders-filter__body__input img.calendar-icon{
	position: absolute;
	right: 12px;
	top: 18px;
}
.orders-add__body__input input[type="checkbox"] {
	width: 10px;
}

.orders-add__block.js-TYPE .orders-add__block__wrapper {
	min-height: 39px;
	padding-top: 15px;
}

/*Error & OK messages*/
.errortext, .notetext
{
display: block;
margin:0 0 1.5em 0;
padding:0.4em 1.117em;
border: 1px solid;
}

.errortext ul, .notetext ul {padding:0.3em 0 0.3em 2em; margin:0;}
.errortext ul li, .notetext ul li {margin:0; padding:0;}




.dropdown-menu > li  .dropdown-menu__item_button {
	color: hsl(200, 19%, 18%);
	display: block;
}
.dropdown-menu > li  .dropdown-menu__item_button {
	clear: both;
	color: hsl(0, 0%, 20%);
	display: block;
	font-weight: 400;
	line-height: 1.42857;
	padding: 3px 20px;
	white-space: nowrap;
}

.md-dropdown-menu > li  .dropdown-menu__item_button {
	line-height: 48px;
	padding: 0 14px;
}

.dropdown-menu__item_button > input {
	background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
	border: medium none;
}

.dropdown-menu > li .dropdown-menu__item_button:hover {
	background: hsl(204, 15%, 94%) none repeat scroll 0 0;
}
.dropdown-menu > li .dropdown-menu__item_button:focus, .dropdown-menu > li .dropdown-menu__item_button:hover {
	background-color: hsl(0, 0%, 96%);
	color: hsl(0, 0%, 15%);
	text-decoration: none;
}
.btn-danger:visited{
	color: #FFF;
}
/*print*/
.i-print{
	border: 1px solid;
	width: 100%;
	margin: 0 auto;
	color: #000
}
.i-print__row{
	border-bottom: 1px solid;
	padding-bottom: 15px;
}
.i-print__title{
	font-size: 26px;
	font-weight: bold;
	display: inline-block;
	padding: 6px;
}
.i-print__barcode{
	display: inline-block;
	padding: 9px 15px 0 0;
	float: right;
}
.i-print__info{
	display: inline-block;
	vertical-align: top;
	padding: 6px 25px 0 5px;
	width: 49%;
}
.i-print__row-value{
	font-weight: bold;
}
.i-print__row-comment._title{
	background: #6C7177;
	text-align: center;
	border-bottom: 1px solid;
}
.i-print__row-comment._text{
	padding: 6px;
}
.i-print__row._last{
	border: none;
}
.mf-ok-text{
	color: #2e7d32;
}
.errors{
	margin-top: 20px;
}
.btn-primary:link, .btn-primary:visited, .btn-danger:visited, .btn-danger:link{
	color: #fff;
}
.mfeedback form{
	width: 50%;
}
.mfeedback input{
	width: 100%;
}
.sidebar-header-logo{
	margin-top: 10px;
}
._no-active-scan{
	color: #6C7177 !important;
	cursor: not-allowed !important;
}
._active-scan{
	position: relative;
}
._active-scan:after {
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	background: red;
	top: 3px;
	right: 4px;
	border-radius: 6px;
}
._scan-info{
	display: none;
	font-size: 9px;
	text-align: center;
}
.i-form-import{
	text-align: center;
    margin-top: 15px;
}
.btn-import{
	background-color: rgb(149, 117, 205);
}
.chosen-container-single .chosen-single{
	background: none;
	height: 31px;
	box-shadow: none;
	border: 1px solid #ccc;
	padding: 2px 0 0 8px;
}
.form-control{
	width: 103% !important;
}
._item-disabled{
	background: #DEDCDC;
}
.btn-file{
	width: 21%;
	margin: 10px 0;
}
body.modal-open{
	overflow: auto;
}
.modal-open .main-container._orders{
	overflow-y: hidden;
	height: auto;
}
.col-md-7.col-xs-7.col-sm-7.select_wrapper.select_wrapper_city{
	width: 60%; 
}
.select_wrapper_city .form-control{
	width: 100% !important;
	height: 24px;
}