@charset "utf-8";
* {	outline: none; 	-webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; }

body {
	padding: 0px;
	margin: 0px;
	/*min-height: 1000px;*/
	width: 100%;
	background-color: #fff;
	background-image: url(/i/1_back.png);
	background-attachment: fixed;
	background-repeat: repeat;
	}
body, div, p,li,td,input, textarea, option, select { line-height: 1.3; font-weight: 400; font-size: 1.1wv; font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif; color: #333;
}








button {border: none;}
a img { border: none;}






/* ~~ Element/tag selectors ~~ */
ul, ol, dl {padding: 0;	margin: 0;}
h1, h2, h3, h4, h5, h6, p {margin: 0px;}
b, strong {font-weight: 700;}
i, em {font-style: italic;}

a {border: none; color: #153184; text-decoration: underline;}
p { margin-top: 10px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; max-width: 800px; }




h1 {
	line-height: 100%;
	font-weight: 400;
	font-variant: normal;
	font-style: normal;
	font-size: 2em;
	font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;
	margin: 50px 0px 20px;
	color: #153184;
}
h2 { font: 300 normal 21pt/100% 'Open Sans', Tahoma, Arial, Helvetica, sans-serif; color: #153184;}
h3 { font: 700 normal 17pt/100% 'Open Sans', Tahoma, Arial, Helvetica, sans-serif; color: #CB0F2A; }


a:hover, a:active, a:focus { text-decoration: none; }
.select-help span a { text-decoration: none; border-bottom: 1px dashed #277ABE; color: #277ABE; cursor: pointer}
.semilink 			{ text-decoration: none; border-bottom: 1px dashed #277ABE; color: #277ABE; cursor: pointer}

.button .special { color: #0D1F33; text-decoration: none; }


/* Оформление таблиц */
table, tr, td, th {margin: 0px; padding: 0px; border-spacing: 0px; border: none;}

td {vertical-align: top;}
.td-v-m {vertical-align: middle;}

.content td, #content th {padding: 2px 20px;}
.content tr td {border-top: solid 1px hsla(0,0%,90%,1.00); padding: 3px 5px; font-size: 80%; font-weight: 400;}
.result tr .td-id { cursor: pointer; }

.content table tr th {font-size: 8pt; font-weight: normal; color:#444;}
.content tr:nth-child(even) {background-color: hsla(0,0%,97%,1.00);}


/* AVATARS general styles */
.r {text-align: right;}
.c { text-align: center; margin-left: auto; margin-right: auto;}
.l {text-align: left;}
.small { font-size: 80% !important }
.large {font-size: 130% !important}
.cond {	font-family: 'Open Sans Condensed', Tahoma, Arial, Helvetica, sans-serif;}
.grey { color: #888 }
.red {color: #c40009}

p.emph { font-style: italic; font-size: 120%; font-weight: 300; color: #4B2B14; }
a.blocked {cursor: not-allowed;}

div.hint {background-color: hsla(40,11%,95%,1.00); padding: 5px 10px; color: hsla(0,4%,18%,1.00); pisition: absolute;}

.warning {color: #c40009; font-weight: 400; font-size: 0.75em;}

.ib { display: inline-block; vertical-align: top; }
.fl { float: left; }
.fr { float: right; }
.clear {clear: both; }
.spacer {clear: both; height: 30px;}

.invisible {visibility: hidden;}
.visible {visibility:visible;}

.col1of2 { display: inline-block; width: 48%; margin-right: 1%; vertical-align: top; }
	.col1of2:last-child {margin-right:0px;}

.col1of3 { display: inline-block; width: 31%; margin-right: 2%; vertical-align: top; }
	.col1of3:last-child {margin-right:0px;}
.col2of3 {display: inline-block; width: 64%; margin-right:2%;}
	.col2of3:last-child {margin-right:0px;}

.col1of4 { display: inline-block; width: 24%; margin-right: 1%; vertical-align: top; }
	.col1of4:last-child {margin-right:0px;}
.col2of4 { display: inline-block; width: 48%; margin-right: 1%; vertical-align: top; }
.col3of4 { display: inline-block; width: 73%; margin-right: 1%; vertical-align: top; }


.content .fr {margin: 5px 0px 10px 15px;}
.content .fl {margin: 5px 15px 10px 0px;}
.content img { max-width: 1000px; }



/* Form general styles */
input, textarea, select, option { border: none; border-radius: 5px; padding: 5px 7px; margin-right: 0px; margin-left: 0px; margin-bottom: 9px; box-sizing: border-box; -webkit-box-shadow: 2px 2px 4px 0px hsla(0,0%,80%,1.00); box-shadow: 2px 2px 4px 0px hsla(0,0%,70%,1.00);  }
select {padding: 3.5px 5px;}

input[type="submit"], .submit 				{ background-color: hsla(207,66%,45%,1.00); color: #F3F2F0; cursor: pointer}
input[type="submit"]:HOVER, .submit:hover 	{ background-color: hsla(207,67%,40%,1.00);}
input[type="submit"]:ACTIVE, .submit:active { box-shadow: inset 2px 2px 4px 0px hsla(207,67%,20%,1.00); }

input[type="radio"] { width: 20px; height: 20px; box-shadow: none; margin-right: 10px; vertical-align: top; }
input[type="checkbox"] { width: 20px; height: 20px; box-shadow: none; margin-right: 10px; vertical-align: top; }

input.m { width: 24em; }
input.s { width: 14em; }
input.xs { width: 5em; }
input[type="button"] { cursor: pointer; }


label { display: block; vertical-align: top; margin-left: 10px; }
	.disabled {background-color: #aaa;}
#form-qty, #form-act {display:none;}
#form-send { background-color: #F8D222; color: #41517D; font-weight: 200; font-size: 15pt; line-height: 125%; box-shadow: 2px 2px 4px 0px #B0B0B0; -webkit-box-shadow: 2px 2px 4px 0px #B0B0B0; cursor: pointer;}




/* Дефолтная галерея */
.photogal img {width: 160px; height: auto; float: left; margin: 0px 5px 5px 0px; border-radius: 10px;-moz-border-radius:10px; -webkit-border-radius:10px; }

/* Модальное окно */
.modal { padding: 5px 50px; height:100%;  }

/* Слой размытия для поп-апов */
#blurer {}
.blur {-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);}
#loading { width: 150px; height: 150px; background-image: url('/i/_loading.svg'); background-size: cover;
		position: fixed; z-index: 1000; top: 50%; left: 50%; margin: auto; display: none;
		color: hsla(228,50%,50%,1.00); text-align: center; font-size: 20pt; padding-top: 60px;}
#loading img { width: 100%; height: auto;}




/* Верстка */
.frame { padding: 1px 0px; width: 100%; vertical-align: top; display: block; position: relative; margin-top: -1px; font-size: 0px; }
.mid { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; position: relative; z-index: 1000; font-size: 0px; }
.developed { background-color: hsla(0,0%,96%,0.80); width: 250px; height: 30px; display: block; position: absolute; bottom: 0px; left: 50%; margin-left: 200px; padding: 10px 10px; font-size: 9pt !important;   line-height: 120%;  border-radius: 5px 5px 0px 0px;}

div.wrap { display: table; position: relative; min-height: 100%; width: 100%; }
main.content { display: table-cell; position: relative; max-width: 45em; vertical-align: top; padding-left: 30px; }



.navside { display: table-cell; float: none; background-color: #FFCC00; top: 0px; position: relative; z-index: 100; width: 15%; vertical-align: top;}
.navside #stamp { width: 80%;  display: block; position: relative; transform: rotate(-2deg); margin: auto;}
.navside #stamp img { width: 100%;  height: auto;}
.navside #stamp #year { position: absolute; display: block; text-align: right; color: #004d9e; font-weight: 700; font-size: 1.1vw; top: 69%;  right: 15%;}

.navside .menu { margin-left: 10%; margin-right: 15px; }
.navside .menu li { list-style-type: none; }
.navside .menu li a {     text-decoration: none; border-bottom: solid 1px;}

.navside .menu li .icon { float: left; margin: -5px 7px 0px -5px; width: 28px; height: 28px}


#nav-time {text-align: right; margin-right: 14%; margin-top: -1%; font-size: 70%;}


#chat {margin: 10px 0px 0px 0px; width: 95%; height: 5em; background-color: hsla(48,90%,81%,1.00)}
#chat.pale {color: #777}


/* ИМПОРТ */
/* Стлизация поля файла */
.file-field { cursor: pointer; }
/* обертка для фиксации размера поля и стилизации */
.file-wrap  { width: 700px; height: 100px;	display: inline-block; position: relative;	cursor:pointer; }
/* само поле ввода. делаем прозрачным */
.file-input  { opacity: 0; width: 100%; height: 100%;	position: absolute;	z-index: 100; cursor: pointer;}
/* стилизация поля и контейнер для имени файла */
.file-style { background-color: hsla(40,11%,95%,1.00);	border: 1px dashed hsla(46,12%,79%,1.00);	width: 100%;
	border-radius: 5px;	height: 100%;	vertical-align: bottom;	text-align: center; font-size: 0.8em; }
/*стиль стилизации после выбора файла*/
div.file-style-hover { border: 2px solid hsla(207,66%,45%,1.00); }

input.file-button { margin: 0px 150px;}

pre.sample { width: 100%; height: 80px; background-color: hsla(40,11%,95%,1.00); padding: 10px 10px; color: #666; overflow: hidden; }
pre.sample:after { content: ""; pointer-events: none; position: absolute;
width: 100px; height: 100%; top: 0; right: 0;
background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
 }

.separator { display: inline-block; vertical-align: top; width: 1px; height: 70px; border-right: solid 1px #c6c1b9; margin-top: 18px; margin-right: 20px; margin-left: 20px; }

.create-new { width: 100px; height: 100px; display: inline-block; background-color: hsla(40,11%,95%,1.00); border: 1px dashed hsla(46,12%,79%,1.00); border-radius: 5px; vertical-align: top; text-align: center; font-size: 0.8em; }
.create-new img, .file-style img {margin-top: 10px;  height: 40px; width: auto;}






/*Сортировщик*/
.sorter li   { display: block; font-size: 60%; font-weight: 400; padding: 3px 5px; width: 70%; margin: 3px 0px; background-color: hsla(40,11%,95%,1.00); cursor: move; }
.sorter li:hover { background-color: hsla(45,100%,60%,1.00); }
ul.dest  {padding: 5px 5px; border: solid 1px hsla(40,9%,81%,1.00); border-radius: 5px; margin: 3px 0px;}
ul.filled {border: 1px solid hsla(207,66%,45%,1.00);}


.hint { width: 200px; background-color: hsla(0,0%,50%,0.8); display: none; padding: 5px 5px; font-size: 80%; position: absolute; color: hsla(40,11%,95%,1.00); border-radius: 0px 5px 5px; }

/* грудусник */
.progress-bar { display: block; height: 2px; width: 80%; background-color: #F3F2F0 }
#filled { background-color: hsla(207,66%,45%,1.00); width: 0%;}


/*ГЛАВНАЯ*/
.action-panel {
	box-sizing: content-box;
    width: 700px;
	min-height: 200px;
    background-color: hsla(20,20%,100%,0.90);
	background: linear-gradient(to bottom, hsl(45,100%,60%) 16%, rgba(255,255,255,1) 17%);
    display: block;
    position: fixed; bottom: 0px;
    z-index: 10;
	margin-left: -30px;
    padding: 10px 30px; }
.action-panel .ib {   margin-right: 5px;}
#doc-preview {height: 180px; width: auto; margin-left: 30px;}
.select-help { font-size: 90%; }
.select-help span { }
.select-help li { list-style: none; line-height: 160%; }
.sent {margin-top: 5px;}
.files-list {
	display: block;
	overflow-y: auto;
	max-height: 500px;
}
a.fileDel {display: inline-block; content: ""; width: 15px;	height: 15px; margin-bottom: -3px; margin-left: 5px; background-image: url(/i/i-delete.svg); background-size: contain;  }


#sent-block {}



.table-end {height: 340px;}
.group-header{background-color:  hsla(35,100%,90%,1.00) !important;}

span.uno i {font-style: normal; margin-right: 0.3em;}

tr td .item-date { color: #585858; font-size: 70%; display: block; position: relative; }

.td-options {vertical-align: middle; position: relative; cursor:pointer; width: 30px; text-align: center;}
.td-options span {}
.options {	display: none; position: absolute; z-index: 100; right: 0px; margin-top: 32px; width: 0px; min-height: 0px; padding: 5px;
			background-color:#F3F2F0; box-shadow:  0px 2px 5px rgba(0,0,0,0.3);  }

.tr-rupost {background-color: hsla(200,100%,95%,1.00) !important}
.tr-selected {background-color: hsla(35,100%,90%,1.00) !important}

.opt {	display: table-cell; text-align: left; padding: 6px 10px; border-right: solid 1px #bbb;}
.opt span {	display: block;	color: #585858;	font-size: 90%; }

#filterByDateFrom, #filterByDateTo { background: #fff url(/i/i-calendar.svg) no-repeat 90%; background-size: 20px !important}
select.filter-select.selected, .selected {background-color: hsla(35,100%,84%,1.00) !important}
select.filter-select.selected option:checked {font-weight: bold !important}

.input-err {border: solid 1px rgba(163, 0, 2, 0.6); box-shadow: inset 0px 0px 6px rgba(163, 0, 2, 0.6) }

div.notify {display: none; position:fixed; z-index: 1000; bottom: 0px; width: 70%; height: 50px; background-color: hsla(0,0%,0%,0.7); border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 7px; font-size: 1vw; color: hsla(87,27%,79%,1.00); text-align: center;}
div.alarm {background-color:hsla(359,100%,28%,0.80)}

.edit-delivery img {margin-top: 5px;}

td span.controls {opacity:0;}
span.controls img {margin: 0px 5px;}





















@media print {
	nav 		{display: none;}
	.print-hide {display: none;}


	.status-text {display: block !important;}
	.status-icon {display: none;}
}