@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic');
@font-face {  font-family: 'Scripticus Licensed to Ergotronica.ru';  src: url("/assets/fonts/scripticus.otf") format("opentype"); }
/***** Global Settings *****/
html, body {border:0;margin:0;padding:0; background:#}
body{
	font-family:'PT Sans', 'sans-serif', Arial !important;
}

.rub { display:inline-block; height:.7em; width:.7em; margin-left:.2em; }

@keyframes autohide {
    to {
        height:0;
	padding:0;
    }
}

@keyframes minimize {
    to {
	top:0;
	padding:3px;
	height:20px;
	font-size:10px;
    }
}
@keyframes substractMarginTop {
    to {
	margin-top:20px;
    }
}
@keyframes zoomy {
    to {
	font-size:16px;
	padding:10px;
	height:45px; 
    }
}

.unfocusable { background:#eee !important; cursor:default !important; }

.alert_service {
	position:absolute;
	top:74px;
	left:0;
	right:0;
	height:45px;
	padding:10px;
	background:#333;
	color:#fff;
	z-index:90;
	text-align:center;
	overflow:hidden;
	opacity:.9;
}
.alert_service.success { background:#00c546; animation: autohide .2s ease-in 1s forwards; }
.alert_service.notice { background:#fde338; color:#000; animation: autohide .2s ease-in 3s forwards; }
.alert_service.error { top:0; background:#eb1643; animation: minimize .2s ease-in 4s forwards; }
.alert_service:hover { animation: none; }

a.active:link,a.active:visited { font-weight:bold; }

.hidden { display:none !important;}
.clearfix{clear:both;float:none;}
hr { display:block; border:0; border-bottom:1px dotted #aaa;margin:14px 0;}
h1 { padding:0; margin:0; margin-bottom:20px; text-shadow:1px 1px 0 #fff; font-size:30px; }
.float-right{float:right !important;}

.bod {
	overflow:hidden;
	position:relative;
	margin:0 auto;
}

.bod.nohead {
	width:963px; 
	overflow:hidden;
	position:relative;
	padding:0;
}

.bod.fw {
	padding:20px 3%;
	max-width:none;
	width:100%;
}


.bod.nomenclature { width:98% }

body.isModal { background:#eee !important; }
body.isModal .bod { padding:15px; border:0; box-shadow:none; background:transparent; }

@media screen {
	body { background:#f1f1f1 !important; } 
	.bodyContainer {
		margin:15px auto;
		max-width:980px;
		padding:0 10px;
	}

	.bodyContainer.wide {
		max-width:1540px;
	}

	.bodyContainer.fw {
		margin:15px auto;
		max-width:none;
		display:block;
	}

	.bodyContainer.mid {
		max-width: 1200px; 
	}

	.b-tab, .bodyContainer>div:not(.d-flex):not(.noStyle), .bodyContainer>table:not(.noStyle), .tab:not(.noStyle), .bodyContainer .d-flex div.f-el:not(.noStyle), .bodyContainer .d-flex table.f-el:not(.noStyle) {
		overflow:hidden;
		background:#fafafa;
		padding:30px;
		border-radius:8px;
		margin:10px 0;
		box-sizing:border-box;
/*		width:auto;
		width:-webkit-fill-available;
*/
		box-shadow:0 2px 4px 1px rgba(0,0,0,.1);
		font-size:13px;
	}

	.bodyContainer .d-flex div.f-el:not(.noStyle), .bodyContainer .d-flex table.f-el:not(.noStyle) {
		margin:10px 5px;
	}

	.b-tab.include {
		box-shadow:none;
		margin:0;
		border-radius:0;
	}

	.b-tab, .bodyContainer .d-flex div.f-el, .bodyContainer .d-flex table.f-el {
		margin-right:10px;
	}

	.bodyContainer>.d-flex {
	}

	.b-tab.ms-auto, .bodyContainer .d-flex div.f-el.ms-auto, .bodyContainer .d-flex table.f-el.ms-auto {
		margin-right:0;
	}

	.b-tab, .bodyContainer>table {
		width:100%;
		box-sizing:border-box;
		overflow:hidden;
	}

	.b-tab tr td, .b-tab tr th, .bodyContainer>table tr td, .bodyContainer>table tr th {
		padding:10px 6px;
	}

	.b-tab.include tr td, .b-tab.include tr th {
		background:#fff;
	}


	.b-tab tr td:first-child, .b-tab tr th:first-child, .bodyContainer>table tr td:first-child, .bodyContainer>table tr th:first-child { padding-left:20px; }
	.b-tab tr td:last-child, .b-tab tr th:last-child, .bodyContainer>table tr td:last-child,.bodyContainer>table tr th:last-child { padding-right:20px; }
	.b-tab tr td, .bodyContainer>table tr td { border-bottom:1px solid #ddd; }
	.b-tab tr:last-child td, .b-tab tr:last-child th, .bodyContainer>table tr:last-child td, .bodyContainer>table tr:last-child th { border-bottom:0; }
	.b-tab tr th, .bodyContainer>table tr th { border-bottom:1px solid #eee;  font-size:19px; font-weight:normal; }
	.b-tab tr.agenda th, .bodyContainer>table tr.agenda th { background:#f8f8f8; font-size:14px; color:#444; font-weight:bold; }
	.b-tab tr.search th, .bodyContainer>table tr.search th { background:#eee; font-size:13px; color:#444; }
	.b-tab tr.desc th, .bodyContainer>table tr.desc th { background:#fff; font-size:13px; color:#444; }
	.b-tab tr.vertHeading-2-col, th .bodyContainer>table tr.vertHeading-2-col th { background:#f5f5f5; font-size:13px; color:#444; border-color:#ddd; font-weight:bold; width:35%; }
	.b-tab th.desc, .bodyContainer>table th.desc { font-size:15px; }

	.b-tab:not(.include) tr:hover td { background:#f2f2f2; }
	.b-tab.include tr td { background:#fff !important; }

	.b-tab.built-in {
		box-shadow:0 0 0 1px rgba(0,0,0,.1) !important;
		border-radius:0 !important;
		margin:3px 0 !important;
	}

	.b-tab.disabled {
		box-shadow:none !important;
		color:#aaa !important;
		opacity:.9;
		cursor:default !important;
		filter: grayscale(100%);
	}
	.b-tab.disabled * {border-color:#fff !important; }
}

table tr[data-href] { cursor:pointer; }
table tr[data-href] a:not(.btn) { text-decoration:none; color:#000; font-weight:bold; }
table tr[data-href] a:hover:not(.btn) { text-decoration:underline; }

.bodyContainer>h1 {
	font-size:28px;
}

@media print {
	body, html, div, p img, br, hr, span, b, i, s, em, ul, li { padding:0 !important; margin:0 !important; }
	.preview { width:auto !important; }
	.submenu, .header, .noPrint { display:none; }
}


/*
input[type=text],input[type=date],input[type=email],input[type=password],input[type=phone],input[type=telephone],input[type=number],select,textarea {
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
	border:1px solid #aaa;
	border-radius:4px;
	padding:.45rem .75rem;
}

input[type=text]:focus,input[type=number]:focus,select:focus {
	outline:none;
}

label {
	display:inline-block;
	vertical-align:middle;
}

label input, label textarea, label select {

	width:auto;
}

select { max-width:250px; }


input[type=submit],button,.submit,a.submit:link,a.submit:visited {
	position:relative;
	display:inline-block;
	white-space: nowrap;
	line-height:23px;
	color:#000;
	text-decoration:none;
	background:#ffe99d;
	border:1px solid #b8951b;
	cursor:pointer;
	vertical-align:middle;
	padding:2px 20px;
	margin:0 3px;
	border-radius:3px;
}

input[type=submit].selected,button.selected,.submit.selected,a.submit.selected:link,a.submit.selected:visited {
	background:#f1ffc0 !important;
	border-color:#95a55f;
}

input[type=submit].decline,button.decline,.submit.decline,a.submit.decline:link,a.submit.decline:visited {
	border-color:#b81b5c !important;
	background:#ff9d9d !important;
}

input[type=submit].proof,button.proof,.submit.proof,a.submit.proof:link,a.submit.proof:visited {
	border-color:#42b81b !important;
	background:#ccff9d !important;
}

input[type=submit]:disabled,button:disabled,.submit:disabled,a.submit:link:disabled,a.submit:visited:disabled {
	background:#ccc !important;
	border:1px solid #aaa !important;
	cursor:no-drop;
}


input[type=submit]:hover,button:hover,.submit:hover,a.submit:hover {
	background:#ffda59;
}
*/

.isForm {
	padding:30px;
	background:#fff;
	width:600px;
	font-size:13px;
	position:relative;
	border:1px solid #ccc;
}


#shipType {
	float:left;
	margin:0;
}

.goodRow {
	padding:4px 0;
	margin-bottom:9px;
}

.color-orange {
	background:#f3e7d4;
	padding:20px 30px;
	margin:0 -30px;
	border-bottom:1px solid #ccc;
	margin-top:20px;
}

.color-blue {
	background:#d7eeff;
	padding:20px 30px;
	margin:0 -30px;
	border-bottom:1px solid #ccc;
}


.color-green {
	border-top:1px solid #fff;
	background:#e3f3d4;
	padding:20px 30px;
	margin:0 -30px;
}

.del {
	background:#f3dad4;
	color:000;
	cursor:pointer;
	padding:0 5px;
	display:inline-block;
	position:absolute;
	right:0;
	margin-top:5px;
	font-weight:bold;
	border:1px solid #d2b9b2;
	border-right:0;
	padding-right:10px;
	padding-bottom:3px;
	box-shadow:-1px 0 0 #fff;
}

.goodRow:hover, .goodRow:focus {
	background:#fff;
	cursor:default;
}
/*
.preview {
	background:#fff;
	position:absolute;
	left:674px;
	min-width:268px;
	box-shadow:0 5px 12px #aaa;
	margin:20px;
}

.preview img {
	width:7.215cm !IMPORTANT;
	display:block !important;
}
*/


/* ROUTING */
.sortable, .sortable li {
	padding:0;
	margin:0;
	list-style:none;
}

.sortable li {
	padding:5px;
	margin:4px 0;
	overflow:hidden;
	background:rgba(255,255,255,.4);
}

.sortable li:hover {
	background:#e1e1e1;
}

span.drag {
	width:25p;
	height:15px;
	margin-top:6px;
	overflow:hidden;
	float:left;
	cursor:move;
}

span.drag b {
	float:left;
	width:1px;
	height:15px;
	background:#fff;
	border-right:1px solid #ccc;
	margin:0 2px;
}

#goods ul, #goods ul li { list-style:none; padding:0;margin:0;}

.header {
	margin:0;
	background:#fff;
	color:#333;
	overflow:visible;
	vertical-align:middle;
	position:fixed;
	top:-1px;
	z-index:11;
	left:0;
	right:0;
}

.header a.menu:link, .header a.menu:visited {
	text-align:center;
	font-size:14px;
	color:#333;
	display:inline-block;
	padding:7px 10px;
	margin:0;
	vertical-align:middle;
	text-decoration:none;	
	float:left;
}

.header a i { font-size:16px; }
.header a.menu:hover { color:red; }
.header a.menu.selected:link, .header a.menu.selected:visited { color:red; }

.offsetBlock { height:35px; width:100%; }


.mainmenu, .mainmenu li { list-style:none; min-height:31px; }
.mainmenu li { float:left; color:#000; }
.mainmenu li ul { display:none; }
.mainmenu { }

.offsetBlock + .submenuContainer {
	height:39px;
	background:#000;
}
.offsetBlock +.submenuContainer .submenu {
	list-style:none;
	height:39px;
	background:#111;
	overflow:hidden;
	padding:0;
/*	margin:0 auto;	*/
/*	max-width:1540px; */
	color:#fff;
	padding:0;
	margin:0;
}

.submenu .bodyOnly { display:none; }
.offsetBlock +.submenuContainer .submenu .bodyOnly { display:block;  margin-left:20px; }


.offsetBlock +.submenuContainer .submenu li { float:left; list-style:none; position:relative; }

.mainmenu svg { font-size:14px; padding-right:5px; }
.mainmenu li a i { font-size:14px; padding-right:3px; }
.submenu svg { padding-right:5px; }
.submenu a { position:relative; }

.offsetBlock +.submenuContainer .submenu a:link, .offsetBlock +.submenuContainer .submenu a:visited { text-decoration:none; color:#aaa; float:left; line-height:25px; text-align:center; font-size:13px; padding:7px 10px; }


.offsetBlock +.submenuContainer .submenu a i  { font-size:15px; display:block; padding:0; margin-top:7px;}
.offsetBlock +.submenuContainer .submenu a br { display:none; }
.offsetBlock +.submenuContainer .submenu a:hover, .offsetBlock +.submenuContainer .submenu a.selected:link, .offsetBlock +.submenuContainer .submenu a.selected:visited { color:#fff;
	background: rgb(0,44,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,44,221,1) 0%, rgba(53,83,231,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,44,221,1) 0%,rgba(53,83,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,44,221,1) 0%,rgba(53,83,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002cdd', endColorstr='#3553e7',GradientType=0 ); /* IE6-9 */
}

.noEditBlock {
	display:block;
	position:absolute;
	z-index:9999;
	width:24px;
	height:24px;
	background:#fc0;
}



.logBut {
	position:fixed;
	top:50px;
	color:#fff;
	font-size:9px;
	padding:3px;
	cursor:pointer;
	right:0;
	background:#333;
	z-index:999;
	display:none;
}

.logContainer {
	position:fixed;
	right:0;
	top:0;
	background:rgba(255,255,255,.8);
	padding:20px;
	z-index:1000;
	display:none;
}

.rows td {
	padding:4px 3px;
}

.filter-table { float:right; }
.filter-table .quick { margin-left: 0.5em; font-size: 0.8em; text-decoration: none; }
.fitler-table .quick:hover { text-decoration: underline; }
td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }

.searchForm {
	float:right;
	margin:7px;
	margin:10px 0;
}

.logout { float:right; font-size:11px; margin:10px 15px; }

.orderNo:focus {
	font-size:25px !important;
	background:#fff;
	border:2px solid #aaa !important;
	padding:0 !important;
	outline:none;
	cursor:default;
	color:#000;
}

.orderNo {
	outline:none;
	padding:2px !important;
	padding-bottom:0 !important;
	font-size:25px !important;
	height:30px !important;
	width:60px;
	background:#eee;
	cursor:pointer;
	box-shadow:none !important;
	border:0;
	border-bottom:2px dashed #2a57ff !important;
	color:#2a57ff;
	font-weight:bold;
}

.orderNo2 {
	outline:none;
	padding:12px !important;
	font-size:35px !important;
	width:200px;
	background:#eee;
	box-shadow:none !important;
	border:0;
	color:#000;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
}


#getOrder {
	padding:0 7px;
	line-height:30px;
	text-decoration:none;
	font-weight:bold;
	color:#555;
	text-shadow:1px 1px 0 #fff;
	display:inline-block;
	border:1px solid #ccc;
	background:#fff;
	box-shadow:inset 0 -3px 4px #ddd;
}

.mymsg {
	position:fixed;
	z-index:999;
	left:5%;
	top:5%;
	border:2px solid #aaa;
	background:#efffea;
	padding:20px;
	font-size:17px;
	box-shadow:5px 5px 20px rgba(0,0,0,.1);
	display:none;
	max-width:200px;
}

.frame_header {
	overflow:hidden;
	background:#ebebeb;
	position:fixed;
	top:36px;
	left:50px;
	right:50px;
	height:35px;
	padding:3px 10px;
	border-radius:10px 10px 0 0;
}

.frame{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:90;
	background:rgba(0,0,0,.3);
}
.frameWrapper{
	border-radius:0 0 10px 10px;
	background:#fff;
	border-top:0;
	box-shadow:0 2px 4px rgba(0,0,0,.2), inset 0 3px 0 rgba(0,0,0,.1);
	overflow:hidden;
	position:absolute;
	left:50px;
	right:50px;
	top:71px;
	bottom:25px; 
}

.frame.mobile .frame_header { margin:0 auto; left:auto; right:auto; width:500px; position:relative; left:auto;right:auto;bottom:auto; }
.frame.mobile .frameWrapper { position:relative; margin:0 auto; width:500px; height:600px; top:36px; left:auto;right:auto;bottom:auto; }

.frame.form .frame_header { margin:0 auto; left:auto; right:auto; width:800px; position:relative; left:auto;right:auto;bottom:auto; }
.frame.form .frameWrapper { position:relative; margin:0 auto; width:800px; height:450px; top:36px; left:auto;right:auto;bottom:auto; }

.frame.doc .frame_header { margin:0 auto; left:auto; right:auto; width:1000px; position:relative; left:auto;right:auto;bottom:auto; }
.frame.doc .frameWrapper { position:relative; margin:0 auto; width:1000px; height:700px; top:36px; left:auto;right:auto;bottom:auto; }

.iframe { width:100%; height:100%; }


.box { display:block; font-size:14px; background:#d4daeb; padding:20px; margin-bottom:15px; clear:both; float:none; overflow:hidden; }

.my_container { padding:10px; background:#eee; margin:5px 0; margin-bottom:20px; }
.my_container.nopadding{ padding:0; background:transparent; }
.my_container .my_row { padding:8px 5px; overflow:hidden; display:block; background:#eee; border-bottom:1px solid #fff; }
.my_container a.my_row:link, .my_container a.my_row:visited { text-decoration:none; color:#333; font-size:12px;}
.my_container a.my_row:hover { background:#f1e7d2; }
.my_container .my_row:nth-child(2n+3) {background: #eaeef6; }
.my_container .my_row:first-child { background:transparent; }


.fw { display:inline-block; vertical-align:top; overflow:hidden; }
.fw60 { width:60px; margin-right:10px; }
.fw100 { width:100px; }
.fw110 { width:110px; }
.fw120 { width:120px; }
.fw130 { width:130px; }
.fw150 { width:150px; }
.fw200 { width:200px; }
.fw210 { width:210px; }
.fw220 { width:220px; }
.fw240 { width:240px; }
.fw260 { width:260px; }
.comment { clear:both; float:none; font-style:italic; padding:4px 0; margin-top:3px; border-top:1px dashed rgba(0,0,0,.2);}

.spoiler {
	display:none;
}

.hr { height:6px; width:100%; }




	.bContent { padding:10px; }
	.bContent em { font-style:normal; }
	.floatRight { float:right; }
	.floatRightImportant { float:right !important; }

.col1 { float:left;width:46%; }
.col2{ float:right;width:53%;border-left:1px dotted orange;padding-left:3.5%;margin-left:1%; }
















/*
.pagination { cursor:default; }
.pagination a:link, .pagination a:visited {
	text-decoration:none;
	border:1px solid #ddd;
	font-size:15px;
	padding:5px;
	width:25px;
	text-align:center;
	background:#fff;
	display:inline-block;
	color:#000;
}
.pagination a.selected:link, .pagination a.selected:visited { text-decoration:none; color:#000; background:#fc0; border-color:#fc0; text-shadow:1px 1px 0 rgba(255,255,255,.5); }
*/

.toggleItem {
	display:inline-block;
	margin:2px;
	margin-right:5px;
	background:rgba(250,250,250,.5);
	padding:5px 10px;
	font-size:14px;
	line-height:17px;
	border-radius:4px;
	border:1px solid rgba(255,255,255,.5);
	cursor:default;
	color:#000;
	text-shadow:1px 1px 0 rgba(255,255,255,.3);
}

.toggleItem a, .toggleItem span {
	display:inline-block;
	border-radius:2px;
	font-size:12px;
	background:#fff;
	box-shadow:1px 1px 3px #ccc;
	padding:3px 5px;
	text-decoration:none;
	color:#000;
	text-shadow:1px 1px 0 rgba(255,255,255,.5);
	border:1px solid #aaa;
	margin-top:5px;
}

.toggleItem span {
	background:#d3e0f9;
	border:1px solid #fff;
	box-shadow:inset 1px 1px 3px rgba(0,0,0,.3);
}

.toggleItem a:hover { background:#fff284; }


.cols { overflow:hidden; }
.cols .c1 { width:68%; float:left; margin-right:2%; }
.cols .c2 { width:30%; float:left; }

.cols.three { overflow:hidden; }
.cols.three .c1 { width:27%; float:left; margin-right:2%; }
.cols.three .c2 { width:41%; float:left; }
.cols.three .c3 { width:27%; float:left; margin-left:2%; }


.right10 {margin-right:10px;}
.hor5 { margin-left:5px; margin-right:5px; }

ul.tabsContent li.closed {
	transition: opacity 0.2s ease-in-out;
	opacity:0;
}

ul.tabsContent li.opened {
	opacity:1;
}

.note { border:1px solid #000; background:#fffbca; padding:20px; font-weight:bold; font-size:15px; margin:10px 0; }

.blocked td { background:#ddd; }

.stepContainer {
	display:none;
}

.stepContainer form {
	display:block;
	overflow:hidden;
}


.steps { overflow:hidden; padding:10px 2px;}
.steps div {
	cursor:pointer;
}

.steps div.inactive { background:#ddd; }
.steps div.done { background:#d1ffc6; }
.steps div.inline { background:#e7ffe1; }
.steps div.inline.available { background:#e7ffe1; }
.steps div.cur { background:#fff7b5; }
.steps div.partial{ background:#dce09e; }
.steps div.available { background:#fff; }
.steps div.active { background:#fff077 !important; }

.stepContainer.active { display:block; }


.clearTD { padding:0 !important; }

.pointer { cursor:pointer; }

.miniTab { border:1px solid #eee; padding:0; margin:0; font-size:11px; background:#fff !important; }
.miniTab tr th { background:#eee; white-space:nowrap; padding:3px; text-align:center; background:#fff; color:#000; border-bottom:1px dotted #ccc; border-right:1px solid #ccc; }
.miniTab tr th:last-child { border-right:0; }
.miniTab tr:first-child th { background:#eee;  border-bottom:0;}
.miniTab tr td { border-bottom:1px dotted #ddd; padding:2px; background:#fff !important; text-align:center; font-size:12px; }
.miniTab tr td:first-child { text-align:left; font-size:11px; }
.miniTab tr td:last-child { text-align:center;}


.fa-circle.green, .fa-circle-o.green { color:#82b432; }
.fa-circle-o.orange, .fa-circle.orange { color:#e37600; }
.fa-circle-o.red, .fa-circle.red { color:red; }
.fa-circle-o.gray, .fa-circle.gray { color:#ccc; }

.fa-circle.half::after {
content:' ';
text-indent:-10000px;
width:4px;
height:9px;
border-radius:0 5px 5px 0;
margin-top:2px;
vertical-align:top;
background:#fff;
display:inline-block;
right:5px;
position:relative;
z-index:90;
}

.ui-datepicker .ui-datepicker-buttonpane button { padding:0 10px !important; }
.ui-datepicker { z-index:999 !important; }
.msg { padding:20px; background:#eee; border:2px solid orange; font-weight:bold; text-align:center; font-size:20px; margin:10px; }

.orderScreen.locked {
	opacity:.5 !important;
}


a.but:link, a.but:visited { border:1px solid #aaa; text-decoration:none; padding:10px; margin:0 5px; display:inline-block; color:#000; border-radius:10px; background:#f7f7f7; }
a.but:hover { border-color:orange; background:#fff; }
a.but.selected:link, a.but.selected:visited { background:orange; color:#fff; border-color:orange; }

.openInIframe {
	text-decoration:none !important;
/*	border-bottom:1px dashed rgba(0,160,255,.4) !important; */
}

.footer { border-top:1px dotted #ccc; padding:5px; margin-top:50px;}

a.fwbut:link, a.fwbut:visited {
	display:block;
	text-decoration:none;
	background:rgba(218,212,180,.8);
	font-weight:bold;
	border:1px solid #fff;
	border-bottom:1px solid #c0ba9a;
	border-right:1px solid #c0ba9a;
	color:#000;
	text-shadow:1px 1px 0 #fff;
	padding:4px 5px;
	text-align:center;
}

a.fwbut:hover {
	background:#f3ecc5;
}

.butty:link, .butty:visited {
	display:block;
	border:1px solid #ddd !important;
	text-align:center;
	color:#111;
	padding:2px 5px;
	background:#fff;
	margin-top:2px;
	font-size:14px;
	border-radius:5px;
}

.butty:hover {
	background:#f1ecd7;
	border-color:#84743b !important;
	
}

.blocky {
	background:#e5e6e3;
	margin:20px 0;
	line-height:30px;
	padding:30px;
}

.prdDisabled *, .prdDisabled { color:rgba(40,40,40,.7) !important; font-weight:bold !important; cursor:not-allowed;}
.prdDisabled *:before, .prdDisabled *:after { display:none; }
.fieldset {width:100%;}


.dailyTask {
	display:block;
	float:left;
	width:45%;
	padding:15px;
	border:1px solid #ccc;
	background:#fff;
	margin:15px 1%;
}

.dailyTask input[type=text], .dailyTask textarea {
	overflow:hidden;
	padding:8px;
	font-size:15px;
	border:1px solid #eee;
	border-radius:10px;
	width:100%;
	margin:5px 0;
	outline:none;
}

.dailyTask textarea {
	height:200px;
}

.dailyTask input[type=text]:focus, .dailyTask textarea:focus {
	border-color:#aaa;
}

div.empty {
	border:5px dashed #ddd;
	padding:100px;
	font-size:30px;
	text-align:center;
	color:#999;
	text-shadow:1px 1px 0 #fff;
	border-radius:15px;
	background:rgba(110,110,110,.1);
	box-shadow:1px 1px 0 #fff;
}

form.form {
	display:block;
	overflow:hidden;
	border-radius:10px;
	border:2px solid #ddd;
	background:#fff;
	padding:25px;
}


a.mango-callback:link, a.mango-callback:visited {
	color:#fff;
	display:inline-block;
	background:#00cc78;
	border-radius:5px;
	margin:3px 0;
	padding:5px 10px;
}

.sip_container {
	position:fixed;
	top:0;
	right:100px;
	z-index:99;
	background:rgba(90,90,90,.6);
	padding:15px;
	border-bottom:2px solid #cc3a00;
	width:260px;
	line-height:35px;
	padding:0 10px;
	line-height:35px;
	overflow:hidden;
	color:#fff;
	font-size:12px;
	display:none;
	cursor:default;
}

.sip_container .timer {
	content:'';
	line-height:20px;
	margin-left:0;
	background:#000;
	border:0;
	width:35px;
	text-align:center;
}


.sip_container a.buts{
	display:inline-block;
	background:#111;
	color:#fff;
	font-weight:bold;
	line-height:20px;
	padding:0 5px;
	margin-left:7px;
	border-radius:4px;
}

.sip_container a.buts.hangUp {
	background:#cc3a00;
}

.sip_container .transferList {
	margin:0 -9px;
	display:none;
}

.sip_container.transferListShown .transferList { display:block; }

.sip_container .transferList a {
	display:block;
	color:#000;
	padding:0 10px;
	background:rgba(255,255,255,.9);
	border-bottom:1px solid #fff;
}
.sip_container .transferList a.fr {
	position:absolute;
	right:0;
	width:40px;
	background:#c51671;
	color:#fff;
}

.sip_container .transferList a:hover {
	background:#fff;
}

.sip_container .transferList a.fr:hover {
	background:#b30058;
}

.anno {
	font-size:14px;
	padding:10px;
	background:#fff5be;
	margin:5px;
}

table tr.error_row td {
	background:#fbc8e4;
}


/*  FAST EDITING STYLES  */
.fastEditing.tab th { text-align:center; }
.fastEditing.tab td.center { text-align:center; }
.fastEditing.tab td a:link, .fastEditing.tab td a:visited { text-decoration:none; color:#164988; }
.fastEditing.tab tr.archived td { font-style:italic; opacity:.6; }
.fastEditing .butRow { background:#fff; padding:0; margin:-4px; border-radius:3px; list-style:none; overflow:hidden; float:left; }
.fastEditing .butRow li { margin:0; padding:0; list-style:none; float:left; }
.fastEditing .butRow li a:link, .fastEditing .butRow li a:visited { display:block; line-height:25px; width:22px; background:#ddd; margin-right:1px; text-align:center; }
.fastEditing .butRow li:last-child a { margin-right:0 !important; }
.fastEditing .butRow li a:hover { background:#999; }
.fastEditing .butRow.priorityRow li a.selected:link, .fastEditing .butRow li a.selected:visited { background:#c7eb00; }

.fastEditing .butRow.stockRow li a.state1.selected { background:#c7eb00; }
.fastEditing .butRow.stockRow li a.state0.selected { background:yellow; }
.fastEditing .butRow.stockRow li a.state2.selected { background:red; }

.fastEditing .butRow.stockNom li a.state0.selected { background:red; }
.fastEditing .butRow.stockNom li a.state1.selected { background:red; }
.fastEditing .butRow.stockNom li a.state2.selected { background:yellow; }
.fastEditing .butRow.stockNom li a.state3.selected { background:#c7eb00; }

.fastEditing .butRow.io li a.state1.selected { background:#c7eb00; }
.fastEditing .butRow.io li a.state0.selected { background:#ddd; }

.fastEditing .butRow.oi li a { color:#ddd; }
.fastEditing .butRow.oi li a.state1.selected { background:red; }
.fastEditing .butRow.oi li a.state0.selected { background:#ddd; }

.fastEditing .butRow.exportDeliveryRow li a { color:#ddd; }
.fastEditing .butRow.exportDeliveryRow li a.selected { color:#000; }

.fastEditing .butRow.orderingRow li a.state1.selected { background:#c7eb00; }
.fastEditing .butRow.orderingRow li a.state0.selected { background:red; }

.fastEditing .butRow.exportDeliveryRow li a.selected { background:#c7eb00; }

.fastEditing .butRow.exportCPADiscountRow li a.state1.selected { background:#c7eb00; }
.fastEditing .butRow.exportCPADiscountRow li a.state0.selected { background:red; }
table.fastEditing.tab.products th { padding:4px 0; line-height:14px; border-bottom:1px dotted #ccc; font-size:12px; }

table.miniTab.noms tr td input[type=text] { border:1px solid #fff; }
table.miniTab.noms tr td input[type=text]:focus { border:1px solid red; }
table.miniTab.noms tr td input.saved { border:1px solid green; }

table.miniTab.noms tr td .butRow { margin:-1px auto; }
table.miniTab.noms tr td .butRow li a:link, table.miniTab.noms tr td .butRow li a:visited { line-height:20px; width:20px; }
/*  FAST EDITING STYLES  */




.highlight { display:inline-block; cursor:pointer; border:1px solid #fff; }
.highlightActive { background:yellow; color:#000 !important; border:1px solid #000; }

.floatingString {
	z-index:999;
	color:#fff;
	position:fixed;
	bottom:0;
	right:0;
	width:300px;
	background:#000;
	padding:10px;
	overflow:hidden;
	height:45px;
	line-height:25px;
}


.info_accountsStatement {
	list-style:none;
	padding:0;
	margin:0;
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	height:25px;
}

.info_accountsStatement li {
	list-style:none;
	padding:0;
	margin:0;
	display:none;
}

.info_kkmStatus {
	display:inline-block;
	vertical-align:middle;
	white-space: nowrap;
	margin-right:10px;
}

.info_kkmStatus b {
	display:inline-block;
	border-radius:6px;
	height:12px;
	width:12px;
	margin-right:4px;
}

.info_kkmStatus b.online { background:green; }
.info_kkmStatus b.offline { background:red; }

.toggle { border:1px solid #ccc !important; background:#fff !important; }


.construct_el { position:relative; margin-right:30px; max-width:500px; }
.construct_el .select2-container { width:100% !important; }
.construct_el .select2-container .select2-selection__arrow { display:none; }
.construct_el .select2-container+.link_edit,.construct_el .select2-container+.link_new { position:absolute; right:20px; top:3px; bottom:3px; background:rgba(255,255,255,.8); line-height:31px; padding:0 3px; }
.construct_el .select2-container+.link_edit+.link_new { position:absolute; right:2px; top:3px; bottom:3px; background:rgba(255,255,255,.8); border-radius:0 3px 3px 0; line-height:31px; padding:0 3px; }


.construct_miniForm {
	display:block;
	position:relative; z-index:10;
	margin-right:30px;
}

.construct_miniForm .form_el {
	padding:9px 0;
	border-bottom:1px dotted rgba(0,0,0,.15);
}

.construct_miniForm .form_el label {
	margin:0;
	white-space:nowrap;
	line-height:18px;
}
.construct_miniForm .form_el * {
	vertical-align:middle;
}

.construct_miniForm .form_el .radio_label {
	font-size:15px;
	font-weight:normal;
	margin-bottom:4px;
}


.construct_miniForm .form_el.radio label span {
	display:inline-block;
	margin-left:10px;
	font-weight:normal;
}

.construct_miniForm button {
	margin-top:10px;
}

@keyframes border-pulsate {
    0%   { border-color: rgba(255, 72, 0, 1); }
    50% { border-color: rgba(255, 72, 0, 0); }
    100%   { border-color: rgba(255, 72, 0, 1); }
}


input.focused, textarea.focused, select.focused, select.focused+span.select2 .select2-selection {
	outline:none;
	border:2px solid red;
	animation: border-pulsate .2s infinite;
	animation-iteration-count: 5;
}


div.empty {
	padding:10px;
	text-transform:uppercase;
	font-size:15px;
}

.help {
	color:#888;
}

.help:hover {
	color:#000;
}


td .alert {
	padding:5px;
	margin:0;
	text-align:center;
}


div.taby ul.head, div.taby ul.bContent, div.taby ul.head li, div.taby ul.bContent li {
	list-style:none;
	padding:0;
	margin-bottom:0;
	display:inline-block;
}

div.taby ul.head, div.taby ul.bContent li, div.taby ul.bContent {
	display:block;
	min-height:35px;
}

div.taby ul.head {
	background:#f7f7f7 !important;
}

div.taby ul.head li {
	user-select:none;
	padding:0 10px;
	line-height:35px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	cursor:pointer;
}

div.taby ul.bContent li {
	display:none;
	min-height:100px;
}

div.taby ul.bContent li.current, div.taby ul.bContent li:first-child {
	display:block;
	padding:1px;
}


div.taby ul.head li.current, div.taby ul.head li:first-child {
	background:#fff;
	border-bottom:1px solid #fff;
	cursor:default;
}

div.taby ul.head li.inactive { background:transparent; cursor:pointer; border-bottom:1px solid #ddd; }
div.taby ul.bContent li.inactive { display:none; }




	.block { position:relative; }

	.block .bContent, .block .bTable { cursor:default; }

	.block .bContent.noStyle { border:0; padding:0; margin-top:0; }

	.block .head + .bContent { border-top:0; }

	.block .head { background:#f1f1f1; padding:7px 10px; overflow:hidden; cursor:default; position:relative; }

	.block .head .spoiler { float:left; border:0; padding:0; margin:0; }
	.block .head.single { border:1px solid #ccc; }

//	.block .bContent:hover { background:#fff; }

	.block.size20 { width:19.9%; }
	.block.size25 { width:24.8%; }
	.block.size30 { width:29.5%; }
	.block.size33 { width:33.2%; }
	.block.size35 { width:34.8%; }
	.block.size37 { width:37%; }
	.block.size40 { width:39.5%; }
	.block.size41 { width:41%; }
	.block.size50 { width:49.5%; }
	.block.size60 { width:59.5%; }
	.block.size65 { width:64.8%; }
	.block.size75 { width:74.3%; }
	.block.size100 { width:99.5%; }
	.sep {width:100%;height:15px; float:none; clear:both;}

	.block.fSize11 { font-size:12px }
	.block.fSize12 { font-size:13px }
	.block.fSize13 { font-size:14px }
	.block.fSize14 { font-size:15px }
	.block.fSize15 { font-size:16px }

	.block.t05 { height:80px; }
	.block.t1 { height:150px; }
	.block.t2 { height:200px; }
	.block.t3 { height:250px; }
	.block.t4 { height:300px; }
	.block.t5 { height:365px; }
	.block.t6 { height:450px; }


.modal .modal-dialog {
	max-width:none;
	margin:0;
	width:100%;
}


.modal.fade { padding:0 !important; }
.modal-dialog { height:100%; overflow:hidden; position:relative; }
.modal-content { height:100%; overflow:hidden; position:relative; }
.embed-responsive-item { height:100vh !important; position:absolute !important; top:0 !important; 
	padding-bottom:60px;
}

.modal-header+div { width:100%; height:auto !important; position:absolute !important; top:63px !important; bottom:0 !important;  }
.modal-header .close { line-height:52px; padding:0 20px !important; border-left:1px solid #ddd; margin:-16px -16px -25px 0 !important; vertical-align:top; background:#000; }
.modal-header .close span { font-size: 50px; box-shadow:none; color:#fff; }
	





.tab td.center {text-align:center !important;}

.tab.autowidth {
	width:auto;
	margin:10px 0;
}

.bContent table.tab { border:0; font-size:14px; }

.tab th {
	text-align:left;
	padding:5px;
	border-bottom:1px solid #ddd;
	background:#f7f7f7;
	color:#111;
	font-size:13px;
	cursor:default;
}


table.tab.tiny {
	width:650px;
}

table.tab.tiny th { }

table.tab.tiny input[type=text], table.tab.tiny input[type=number], table.tab.tiny select, table.tab.tiny textarea {
	margin:1px !important;
	padding:3px !important;
	width:90% !important;
	max-width:none !important;
}




.tab th.head {
	border-top:10px solid #fff;
	border-bottom:1px dotted #ccc;
	background:#fff !important;
	color:#000;
	font-size:15px;
}

.tab th b {
	color:#000;
	float:left;
	margin-left:5px;
	font-size:13px;
}

.tab a.tb:link, .tab a.tb:visited {
	display:block;
	padding:3px 0;
	text-align:center;
	text-decoration:none;
	background:#ffecba;
	border:1px solid #ccc;
	color:#111;
}

.tab a.tb.bk { display:block; }
.tab a.tb.fw { display:inline-block; width:100px; }
.tab a.tb.fw.w50 { width:50px; }
.tab a.tb.fw.w150 { width:150px; }
.tab a.tb.rd { background:#ffd4ba; }

.tab a.tb:hover { color:#000; text-shadow:1px 1px 0 rgba(255,255,255,.5); border-radius:3px; background: rgba(0,162,255,.4); border:1px solid #00a2ff;}
.tab tr.selected td { 
	background:#efff94;
}

.tab td.w15 { width:15px; }

.tab tr.old td { 
	color:#aaa;
}

.tab tr.sep td { 
	border-top:2px solid #ddd;
}

.tab tr.today td { 
	background:#eeffd2;
}

.tab tr.group td { 
	background:#eee !important;
	padding-top:20px;
	border-top:1px solid #ccc;
}


.tab td {
	padding:5px 8px;
	border-bottom:1px solid #ddd;
}

.tab td.line {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	max-width:0;
}

table:not(.no-hl) tr:hover:not(.no-hl) td:not(.no-hl) { background:#fff7d5; }
table:not(.b-tab):not(.no-hl) tr:hover:not(.no-hl) th:not(.no-hl) { background:#f1f1f1; }

table.no-hl tr td, table tr.no-hl td, table tr td.no-hl { background:#f5f5f5 !important; }
table.no-hl tr th, table tr.no-hl th, table tr th.no-hl { background:#fff !important; }


.tab tr td:last-child {
	text-align:left;
}

table tr td {
	border:0;
	padding:5px;
	position:relative;
}

table tr.hl td {
	background:yellow;
}

table tr.checked td {
	background:yellow;
}

.tab td input[type=checkbox] {
	height:17px;
	width:17px;
}

table tr td+th {
	border-bottom:1px solid rgba(0,0,0,.1);
	border-left:1px solid rgba(0,0,0,.1);
}

table tr th+td {
	border-bottom:1px solid rgba(0,0,0,.05) !important;
	border-left:1px solid rgba(0,0,0,.05);
}


table tr td:first-child {
	border-left:0;
}

table tr:last-child td {
	border-bottom:0;
}

.block .bContent.noStyle .tab { margin:0; border-color:#ddd; }
.block .bContent.noStyle .tab td, .block .bContent.noStyle .tab th { line-height:16px; vertical-align:middle; position:relative; }


.tab .w20 { width:20px;}
.tab .w30 { width:30px;}
.tab .w40 { width:40px;}
.tab .w50 { width:50px;}
.tab .w60 { width:60px;}
.tab .w70 { width:70px;}
.tab .w80 { width:80px;}
.tab .w90 { width:90px;}
.tab .w100 { width:100px;}
.tab .w120 { width:120px;}
.tab .w150 { width:150px;}
.tab .w180 { width:180px;}
.tab .w200 { width:200px;}
.tab .w230 { width:230px;}
.tab .w250 { width:250px;}
.tab .w280 { width:280px;}
.tab .w300 { width:300px;}

.tab.w100p { width:100%; }

.tab .f0 { font-size:10px; }
.tab .f1 { font-size:11px; }
.tab .f2 { font-size:12px; }
.tab .f3 { font-size:13px; }
.tab .f4 { font-size:14px; }
.tab .f5 { font-size:15px; }
.tab .center { text-align:center; }
.tab .right { text-align:right; }
.tab .left { text-align:left; }


.btn, input[type=datetime],input[type=date],input[type=search],input[type=text],input[type=password],input[type=number],input[type=email],textarea,button,.form-control.inline,select {
	display:inline-block;
	font-size:13px;
	border:1px solid #ddd;
	padding:5px;
	margin:2px;
	border-radius:3px;
	outline:none;
	vertical-align:middle;
}

select {
	height:31px;
	margin:1px 0 !important;
}


.select2 {
	display:inline-block;
	min-width:50px;
/*	margin:.25rem !important; */
	margin:0 !important;
	vertical-align:middle;
}


.input-group input, input-group button { margin:0 !important; }

.modal .modal-body { overflow-y:hidden !important; }
.modal iframe {
	height:100%;
	width:100%;
}

.optionDataInput {
	position: absolute;
	background: #eee;
	border:1px solid #ccc;
	border-top:1px solid #ddd;
	padding: 10px;
	box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
	border-radius: 0 5px 5px 5px;
	z-index:99;
}


.timetable {
	background:#fff;
	padding:5px 0 0 5px;
	border-radius:6px;
	position:relative;
}
.timetable.disabled { text-align:center; }

.timetable .soyuz {
	display:inline-block;
	border:1px solid #dedede;
	border-radius:5px;
	width:24px;
	font-size:11px;
	margin:0 5px 3px 0;
	vertical-align:middle;
	height:20px;
	line-height:16px;
	text-align:center;
}

.timetable input {
	font-size:12px;
	padding:2px 5px;
	border:0;
	width:99%;
	box-sizing:border-box;
	margin:0 0 5px 0;
	width:1px;
	height:1px;
	opacity:0;
}

.timetable .window {
	background:#f2f7f9;
	border-radius:6px;
	width:100px;
	text-align:center;
	padding:6px 0;
	display:inline-block;
	cursor:default;
	margin:0 5px 5px 0;
	color:rgba(0,0,0,.5);
}

.timetable .window .timetable_btn {
	color:#000;
	cursor:pointer;
	display:inline-block;
	background:#fff;
	border-radius:3px;
	width:30px;
	line-height:23px;
	height:27px;
	vertical-align:middle;
	padding:2px 6px;
	margin:0 4px;
	font-weight:bold;
}

.timetable .window.disabled .timetable_btn { cursor:default; }

.timetable .window .timetable_btn.editable:hover, .timetable .window .timetable_btn.editable.active {
	background:#ffe87f;
}

.timetable .time_selector {
	top:0;
	position:absolute;
	background:#fff;
	border-radius:6px;
	box-shadow:0 3px 8px rgba(0,0,0,.1);
	overflow:hidden;
	white-space:nowrap;
	width:470px;
	display:none;
}

.timetable .time_selector a {
	float:left;
	padding:3px;
	width:5.263%;
	box-sizing:border-box;
	text-align:center;
	color:rgba(0,0,0,.3);
	font-weight:bold;
}

.timetable .time_selector a.empty i { color:red; }

.timetable .time_selector a.current {
	background:#ffe87f;
}

.timetable .time_selector a.workhours {
	color:#222;
}

.timetable .typeSelector {
	padding:0;
	width:85px;
	box-sizing:border-box;
	margin:5px;
	margin-top:0;
	border:none;
	border-radius:3px;
	background:#d3e8ef;
	color:#000;
	font-weight:bold;
	text-align:left;
}



@media screen {
	body { background:#f1f1f1 !important; } 
	.bodyContainer {
		margin:15px auto;
		max-width:980px;
		padding:0 10px;
	}

	.bodyContainer.wide {
		max-width:1540px;
	}

	.bodyContainer.fw {
		margin:15px auto;
		max-width:none;
		display:block;
	}

	.bodyContainer.mid {
		max-width: 1200px; 
	}

	.b-tab, .bodyContainer>div:not(.d-flex):not(.noStyle), .bodyContainer>table:not(.noStyle), .tab:not(.noStyle), .bodyContainer .d-flex div.f-el:not(.noStyle), .bodyContainer .d-flex table.f-el:not(.noStyle) {
		overflow:hidden;
		background:#fafafa;
		padding:30px;
		border-radius:8px;
		margin:10px 0;
		box-sizing:border-box;
/*		width:auto;
		width:-webkit-fill-available;
*/
		box-shadow:0 2px 4px 1px rgba(0,0,0,.1);
		font-size:13px;
	}

	.bodyContainer .d-flex div.f-el:not(.noStyle), .bodyContainer .d-flex table.f-el:not(.noStyle) {
		margin:10px 5px;
	}

	.b-tab.include {
		box-shadow:none;
		margin:0;
		border-radius:0;
	}

	.b-tab, .bodyContainer .d-flex div.f-el, .bodyContainer .d-flex table.f-el {
		margin-right:10px;
	}

	.bodyContainer>.d-flex {
	}

	.b-tab.ms-auto, .bodyContainer .d-flex div.f-el.ms-auto, .bodyContainer .d-flex table.f-el.ms-auto {
		margin-right:0;
	}

	.b-tab, .bodyContainer>table {
		width:100%;
		box-sizing:border-box;
		overflow:hidden;
	}

	.b-tab tr td, .b-tab tr th, .bodyContainer>table tr td, .bodyContainer>table tr th {
		padding:10px 6px;
	}

	.b-tab.include tr td, .b-tab.include tr th {
		background:#fff;
	}


	.b-tab tr td:first-child, .b-tab tr th:first-child, .bodyContainer>table tr td:first-child, .bodyContainer>table tr th:first-child { padding-left:20px; }
	.b-tab tr td:last-child, .b-tab tr th:last-child, .bodyContainer>table tr td:last-child,.bodyContainer>table tr th:last-child { padding-right:20px; }
	.b-tab tr td, .bodyContainer>table tr td { border-bottom:1px solid #ddd; }
	.b-tab tr:last-child td, .b-tab tr:last-child th, .bodyContainer>table tr:last-child td, .bodyContainer>table tr:last-child th { border-bottom:0; }
	.b-tab tr th, .bodyContainer>table tr th { border-bottom:1px solid #eee;  font-size:19px; font-weight:normal; }
	.b-tab tr.agenda th, .bodyContainer>table tr.agenda th { background:#f8f8f8; font-size:14px; color:#444; font-weight:bold; }
	.b-tab tr.search th, .bodyContainer>table tr.search th { background:#eee; font-size:13px; color:#444; }
	.b-tab tr.desc th, .bodyContainer>table tr.desc th { background:#fff; font-size:13px; color:#444; }
	.b-tab tr.vertHeading-2-col, th .bodyContainer>table tr.vertHeading-2-col th { background:#f5f5f5; font-size:13px; color:#444; border-color:#ddd; font-weight:bold; width:35%; }
	.b-tab th.desc, .bodyContainer>table th.desc { font-size:15px; }

	.b-tab:not(.include) tr:hover td { background:#f2f2f2; }
	.b-tab.include tr td { background:#fff !important; }

	.b-tab.built-in {
		box-shadow:0 0 0 1px rgba(0,0,0,.1) !important;
		border-radius:0 !important;
		margin:3px 0 !important;
	}
}