/* -- Roboto Font -- */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(/assets/fonts/Roboto/Light.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(/assets/fonts/Roboto/Regular.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(/assets/fonts/Roboto/Bold.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(/assets/fonts/Roboto/LightItalic.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(/assets/fonts/Roboto/RegularItalic.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(/assets/fonts/Roboto/BoldItalic.woff) format('woff');
}


/* -- Animations -- */

@keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.3;
	}
	100% {
		opacity: 1;
	}
}
@keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes shake {
	10%,90% {
		transform: translate3d(-1px,0,0)
	}

	20%,80% {
		transform: translate3d(2px,0,0)
	}

	30%,50%,70% {
		transform: translate3d(-4px,0,0)
	}

	40%,60% {
		transform: translate3d(4px,0,0)
	}
}

.shake {
	animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0,0,0)
}

/* -- Base.css -- */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

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

body {
	width:100%;
	height:100%;
	color: #000;
	background: #fff;
	font-size: 14px;
	line-height: 18px;
	font-family: 'Roboto', Verdana, Geneva, sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a,
a:visited,
a:active{
	/*border-bottom: 1px solid;*/
	/*border-color: rgba(0, 55, 151, 0.5);*/
	/*font-weight: 400;*/
	color: #003797;
	text-decoration: none;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}
/*a[href^="#"]:not(.but):not(.big-but){
	border-style:dashed;
}*/
a:hover{
	/*border-color: #003797;*/
	color: #2c72de;
	/*text-decoration: underline;*/
	/*text-shadow: 0 0 20px rgba(0, 55, 151, 0.5);*/
}
button::-moz-focus-inner {
	padding:0;
	border:0;
}
:focus {
	outline: none;
}
form{
	/*text-align: right;*/
	position: relative;
}
input,
.input,
textarea,
.textarea,
select,
.select{
	display: inline-block;
	font-family: Roboto;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	border-radius: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	text-align: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: top;
}
input[type=text],
input[type=number],
input[type=date],
input[type=password],
input[type=datetime],
input[type=email],
input[type=search],
input[type=tel],
input[type=url],
input[type=time],
.input,
textarea,
.textarea,
select,
.select{
	padding: 9px 16px;
	color: #000;
	background: #fff;
	border: 1px solid #d9d9d9;
}
input[type=text].small,
input[type=number].small,
input[type=date].small,
input[type=password].small,
input[type=datetime].small,
input[type=email].small,
input[type=search].small,
input[type=tel].small,
input[type=url].small,
input[type=time].small,
textarea.small,
.input.small,
.textarea.small,
select.small,
.select.small{
	padding: 4px 11px;
	font-size: 11px;
}
input[type=text].error,
input[type=number].error,
input[type=date].error,
input[type=password].error,
input[type=datetime].error,
input[type=email].error,
input[type=search].error,
input[type=tel].error,
input[type=url].error,
input[type=time].error,
textarea.error,
.input.error,
.textarea.error,
select.error,
.select.error{
	border-color: #dc143c;
}
input[type=text],
input[type=number],
input[type=date],
input[type=password],
input[type=datetime],
input[type=email],
input[type=search],
input[type=tel],
input[type=url],
input[type=time],
.input,
select,
.select{
	/*height: 40px;*/
	width: 312px;
}
.input-span{
	width: 312px;
	display: block;
}
.input-span > :not(:first-child) {
	margin-left: -1px;
}
input[type=text].small,
input[type=number].small,
input[type=date].small,
input[type=password].small,
input[type=datetime].small,
input[type=email].small,
input[type=search].small,
input[type=tel].small,
input[type=url].small,
input[type=time].small,
.input.small,
select.small,
.select.small,
.input-span.small{
	width: 238px;
}
textarea,
.textarea{
	height: 148px;
	width: 312px;
	resize:none;
}
textarea.small,
.textarea.small{
	width: 238px;
	height: 112px;
}
input[type=text].w-10,
input[type=number].w-10,
input[type=date].w-10,
input[type=password].w-10,
input[type=datetime].w-10,
input[type=email].w-10,
input[type=search].w-10,
input[type=tel].w-10,
input[type=url].w-10,
input[type=time].w-10,
.input.w-10,
textarea.w-10,
.textarea.w-10,
select.w-10,
.select.w-10,
.input-span.w-10{
	width: 390px;
}
input[type=text].w-9,
input[type=number].w-9,
input[type=date].w-9,
input[type=password].w-9,
input[type=datetime].w-9,
input[type=email].w-9,
input[type=search].w-9,
input[type=tel].w-9,
input[type=url].w-9,
input[type=time].w-9,
.input.w-9,
textarea.w-9,
.textarea.w-9,
select.w-9,
.select.w-9,
.input-span.w-9{
	width: 351px;
}
input[type=text].w-7,
input[type=number].w-7,
input[type=date].w-7,
input[type=password].w-7,
input[type=datetime].w-7,
input[type=email].w-7,
input[type=search].w-7,
input[type=tel].w-7,
input[type=url].w-7,
input[type=time].w-7,
.input.w-7,
textarea.w-7,
.textarea.w-7,
select.w-7,
.select.w-7,
.input-span.w-7{
	width: 273px;
}
input[type=text].w-6,
input[type=number].w-6,
input[type=date].w-6,
input[type=password].w-6,
input[type=datetime].w-6,
input[type=email].w-6,
input[type=search].w-6,
input[type=tel].w-6,
input[type=url].w-6,
input[type=time].w-6,
.input.w-6,
textarea.w-6,
.textarea.w-6,
select.w-6,
.select.w-6,
.input-span.w-6{
	width: 234px;
}
input[type=text].small.w-7,
input[type=number].small.w-7,
input[type=date].small.w-7,
input[type=password].small.w-7,
input[type=datetime].small.w-7,
input[type=email].small.w-7,
input[type=search].small.w-7,
input[type=tel].small.w-7,
input[type=url].small.w-7,
input[type=time].small.w-7,
.input.small.w-7,
textarea.small.w-7,
.textarea.small.w-7,
select.small.w-7,
.select.small.w-7,
.input-span.small.w-7{
	width: 203px;
}
input[type=text].small.w-6,
input[type=number].small.w-6,
input[type=date].small.w-6,
input[type=password].small.w-6,
input[type=datetime].small.w-6,
input[type=email].small.w-6,
input[type=search].small.w-6,
input[type=tel].small.w-6,
input[type=url].small.w-6,
input[type=time].small.w-6,
.input.small.w-6,
textarea.small.w-6,
.textarea.small.w-6,
select.small.w-6,
.select.small.w-6,
.input-span.small.w-6{
	width: 174px;
}
input[type=text]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=time]:focus,
.input:focus,
textarea:focus,
.textarea:focus,
select:focus,
.select:focus{
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	color: #333;
}
input[type=text]:disabled,
input[type=number]:disabled,
input[type=date]:disabled,
input[type=password]:disabled,
input[type=datetime]:disabled,
input[type=email]:disabled,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
input[type=time]:disabled,
.input:disabled,
textarea:disabled,
.textarea:disabled,
select:disabled,
.select:disabled{
	background-color: #eee;
}
select,
.select{
	padding-right: 40px;
	background-image: url(/assets/images/admin/icns/select-arrow-down.svg);
	background-position: right 10px center;
	background-repeat: no-repeat;
}
select.small,
.select.small{
	padding-right: 26px;
	background-size: 16px;
	background-position: right 5px center;
}
select[multiple] {
	background-image: none;
	padding: 0;
}
select[multiple] > option{
	-webkit-appearance: none;
	padding: 9px 16px;
}
select[multiple] > option:not(:last-child){
	border-bottom: 1px solid #d9d9d9;
}
select[multiple] > option:checked,
select:-internal-list-box option:checked{
	background: #0d47a1;
	color: #fff;
}

input[type=text].rounded,
input[type=number].rounded,
input[type=date].rounded,
input[type=password].rounded,
input[type=datetime].rounded,
input[type=email].rounded,
input[type=search].rounded,
input[type=tel].rounded,
input[type=url].rounded,
input[type=time].rounded,
.input.rounded,
textarea.rounded,
.textarea.rounded,
select.rounded,
.select.rounded{
	border-radius: 20px;
}

label {
	display: block;
	cursor: pointer;
}
label > input[type=checkbox],
label > input[type=radio]{
	visibility: hidden;
	opacity: 0;
	position: absolute;
	width: 18px;
	height: 18px;
}
label > input[type=checkbox] + span:before,
label > input[type=radio] + span:before{
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #d9d9d9;
	background-color: #fff;
	vertical-align: top;
	margin-right: 16px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
label > input[type=checkbox] + span:empty:before,
label > input[type=radio] + span:empty:before{
	margin-right: 0;
}
label > input[type=radio] + span:before{
	border-radius: 9px;
}
label > input[type=radio]:disabled + span:before{
	background-color: #eee;
}
label > input[type=radio]:checked + span:before{
	border-color: #0d47a1;
	box-shadow: 0 0 0 5px #0d47a1 inset;
}
label > input[type=checkbox] + span:before{
	background-image: url(/assets/images/admin/icns/checkbox-check.svg);
	background-repeat: no-repeat;
	background-position: 0 -16px;
}
label > input[type=checkbox]:disabled + span:before{
	background-color: #eee;
}
label > input[type=checkbox]:checked + span:before{
	border-color: #0d47a1;
	background-position: center;
}
label.toggle{
	display: inline-block;
	vertical-align: top;
	margin: 5px 0;
}

label.toggle > input[type=checkbox] + span{
	display: block;
	position: relative;
	height: 30px;
	width: 60px;
	border-radius: 15px;
	background: #e5e5e5;

	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;

	box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset;
}
label.toggle > input[type=checkbox] + span:before{
	position: absolute;
	left: 5px;
	top: 5px;
	height: 18px;
	width: 18px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid transparent;
	box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}
label.toggle > input[type=checkbox]:checked + span{
	background: #4caf50;
}
label.toggle > input[type=checkbox]:checked + span:before{
	left: 35px;
	top: 5px;
}

#content > form{
	padding: 20px;
	border: 1px solid #e5e5e5;
	/*box-shadow: 0 0 30px rgba(0,0,0,0.2);*/
}
form > label,
.page > label{
	display: block;
	text-align: left;
	/*font-size: 16px;*/
	/*font-weight: 100;*/
}
form > label:not(:last-child),
.page > label:not(:last-child) {
	margin-bottom: 13px;
}
label.adaptive {
	display: flex;
	position: relative;
	width: 100%;
	align-items: flex-start;
}
label.adaptive > span{
	display: block;
	position: relative;
}
label.adaptive > span:first-child{
	min-height: 40px;
	display: flex;
	align-items: center;
	vertical-align: top;
	padding-right: 16px;
	flex-grow: 1;
}
label.adaptive > span:last-child{
	padding-right: 0;
	min-height: 40px;
	flex-shrink: 1;
}
label.adaptive > span label{
	line-height: 18px;
}
label.adaptive > span > :not(:first-child) {
	margin-top: 13px;
}
label.adaptive.w-4 {
	width: 400px;
}
label.adaptive.w-5 {
	width: 500px;
}
label.adaptive.w-6 {
	width: 600px;
}
label.adaptive.w-7 {
	width: 700px;
}

.buttons{
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.buttons > .button{
	width: 100%;
}
/*.buttons > div{
	height: 40px;
}*/

.buttons > div > span{
	display: inline-block;
}
.buttons > div > .button,
.buttons > div > a,
.buttons > div > span{
	vertical-align: middle;
}
.buttons > .left > .button:not(:last-child),
.buttons > .left > span:not(:last-child){
	margin-right: 15px;
}
.buttons > .right > .button:not(:first-child),
.buttons > .right > span:not(:first-child){
	margin-left: 15px;
}
.buttons > .left{
	font-size: 14px;
}

.input-form{
	text-align: right;
}
.input-form > *:not(:first-child){
	margin-top: 13px;
}

.invisible{
	visibility: hidden !important;
}
.hidden{
	display: none !important;
}

table{
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}
table th {
	padding: 16px;
	text-align: left;
}
table td{
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 16px;
}

table tr.totals td{
	border-top: 3px double #374348;
}

/*background: #0d47a1;
background: #263238;*/

.button,
.button:active,
.button:visited,
input[type="submit"],
input[type="submit"]:active,
button{
	position: relative;
	display: inline-block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	font-family: Roboto;
	line-height: 24px;
	padding: 7px 16px;
	text-shadow: none;
	text-align: center;
	text-decoration: none;
	color: #000;
	/*border: 1px solid #d9d9d9;*/
	border: 1px solid rgba(0,0,0,0.15);
	background: #fff;
	cursor: pointer;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
	-webkit-appearance: none;

	vertical-align: top;
}
/*.button:focus,
input[type="submit"]:focus,
button:focus,*/
.button:hover,
input[type="submit"]:hover,
button:hover{
	color: #000;
	text-shadow: none;
	background: #e5e5e5;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), 0 0 0 transparent inset;
}
.button:active,
input[type="submit"]:active,
button:active{
	box-shadow: 0 0 0 transparent, 0 3px 5px 0 rgba(0,0,0,0.1) inset;
}

.button.rounded{
	border-radius: 20px;
}
.button.even{
	padding: 7px;
}

.button.small{
	padding: 2px 13px;
	font-size: 13px;
}
.button.small.even{
	padding: 2px;
}
.button.small.rounded{
	border-radius: 15px;
}

.button.tiny{
	line-height: 18px;
	padding: 2px 5px;
	font-size: 11px;
}
.button.tiny.even{
	padding: 2px;
}
.button.tiny.rounded{
	border-radius: 12px;
}

.button.upcase{
	text-transform: uppercase;
}

.button.gray,
.button.gray:active,
.button.gray:visited{
	color: #fff;
	background: #364349;
	border-color: rgba(0,0,0,0.5);
}
/*.button.gray:focus,*/
.button.gray:hover{
	color: #fff;
	background: #263238;
}

.button.blue,
.button.blue:active,
.button.blue:visited{
	color: #fff;
	background: #0d47a1;
	border-color: rgba(0,0,0,0.3);
}
/*.button.blue:focus,*/
.button.blue:hover{
	color: #fff;
	background: #2c72de;
}

.button.red,
.button.red:active,
.button.red:visited{
	color: #fff;
	background: #dc143c;
	border-color: rgba(0,0,0,0.2);
}
/*.button.red:focus,*/
.button.red:hover{
	color: #fff;
	background: #ff375f;
}

.button.green,
.button.green:active,
.button.green:visited{
	color: #fff;
	background: #4caf50;
}
/*.button.green:focus,*/
.button.green:hover{
	color: #fff;
	background: #6aca6e;
}

.button.lime,
.button.lime:active,
.button.lime:visited{
	color: #fff;
	background: #9acd32;
}
/*.button.lime:focus,*/
.button.lime:hover{
	color: #fff;
	background: #b7ea4e;
}

.button.purple,
.button.purple:active,
.button.purple:visited{
	color: #fff;
	background: #673ab7;
}
/*.button.purple:focus,*/
.button.purple:hover{
	color: #fff;
	background: #905cef;
}

.button.orange,
.button.orange:active,
.button.orange:visited{
	color: #fff;
	background: #ffb100;
}
/*.button.orange:focus,*/
.button.orange:hover{
	color: #fff;
	background: #ffc440;
}

.button.disabled,
.button.disabled:active,
.button.disabled:visited,
.button.disabled:hover{
	background: #f9f9f9;
	color: #777777;
	/*border: 1px solid transparent;*/
	cursor: default;
	box-shadow: none;
}


/* Badge */
.badge{
	display: inline-block;
	font-weight: bold;
	border-radius: 12px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 20px;
	padding: 2px 12px;
	color: #364349;
	background: #e5e5e5;
}
.badge.small{
	border-radius: 10px;
	padding: 0px 10px;
}
.badge.gray{
	color: #fff;
	background: #364349;
}
.badge.blue{
	color: #fff;
	background: #0d47a1;
}
.badge.red{
	color: #fff;
	background: #dc143c;
}
.badge.green{
	color: #fff;
	background: #4caf50;
}
.badge.lime{
	color: #fff;
	background: #9acd32;
}
.badge.purple{
	color: #fff;
	background: #673ab7;
}
.badge.orange{
	color: #fff;
	background: #ffb100;
}
.badge:empty{
	display: none;
}

.text-bold{
	font-weight: bold;
}
.text-gray{
	color: #585858;
}
.text-red{
	color: #dc143c;
}
.text-green{
	color: #4caf50;
}

/* Grid */

.grid{
	display: flex;
	position: relative;
	width: 100%;
}
.grid > div{
	flex-grow: 1;
	position: relative;
	vertical-align: top;
}
.vert-grid{
	display: table;
	table-layout: fixed;
	position: relative;
	height: 100%;
	border-collapse: separate;
	border-spacing: 0;
}
.vert-grid > div{
	display: table-row;
	position: relative;
	vertical-align: top;
	/*height: 100%;*/
}
.float-grid{
	display: block;
	position: relative;
}
.float-grid > div{
	float: left;
}
.float-grid:after{
	content: "";
	display: block;
	clear: both;
}


.simple-graph{
	border: 1px solid #ececec;
}

/* "Типография" */
#content-title {
	color: #263238;
	margin: 0 0 5px;
	line-height: 50px;
}
h1,
.h1{
	font-size: 32px;
	line-height: 1.5em;
	margin: 0px 0px 10px;
	font-weight: bold;
}
h2,
.h2{
	font-size: 24px;
	line-height: 1.5em;
	margin: 20px 0 10px;
	font-weight: bold;
}
h3,
.h3{
	font-size: 20px;
	line-height: 1.5em;
	margin: 20px 0 10px;
	font-weight: bold;
}
h4,
.h4{
	font-size: 18px;
	line-height: 1.5em;
	margin: 20px 0 10px;
	font-weight: bold;
}
h5,
.h5{
	font-size: 18px;
	line-height: 1.5em;
	margin: 20px 0 10px;
	font-weight: bold;
}
h6,
.h6{
	font-size: 18px;
	line-height: 1.5em;
	margin: 20px 0 10px;
	font-weight: bold;
}
h1 + .content-text h2{
	/*margin-top: -20px;*/
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

.content-text{
	position: relative;
	text-align: justify;
	/*min-height: 100px;*/
	/*font-weight: 100;*/
}
.content-text table{
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:20px;
}
/*.content-text table tr:nth-child(2n+1){
	background: rgba(0,0,0,0.1);
}*/
.content-text table th{
	text-align:left;
	background: #f5f6f6;
	padding: 4px 8px;
	border: 1px solid #e5e5e5;
}
.content-text table td{
	padding: 4px 8px;
	border: 1px solid #e5e5e5;
}
.content-text p:not(:last-child),
.content-text ul:not(:last-child) {
	margin-bottom: 20px;
}
.content-text ul {
	margin-top: 10px;
}
.content-text li {
	margin-left:30px;
}
.content-text h2,
.content-text h3,
.content-text h3,
.content-text h4,
.content-text h5,
.content-text h6{
	color:#0d47a1;
}
.content-text:after{
	content:" ";
	display:block;
	clear:both;
}
.content-text blockquote{
	padding: 20px 30px;
	background: #e9e9e9;
	margin: 20px 0;
}
.content-text blockquote > *:last-child{
	margin-bottom: 0;
}
.content-text code{
	display: block;
	padding: 10px;
	border: 1px solid #263238;
	color: #fff;
	background: #364349;
}

.clear{
	display: block;
	clear: both;
}

.limit-width {
	min-width: 1000px;
	max-width: 1920px;
	/*width:100%;*/
	margin: 0 auto;
	position: relative;
}
.limit1000{
	width:1000px;
	margin:0 auto;
	position:relative;
}
.fix{
	position:fixed !important;
}
.abs{
	position:absolute !important;
}
.no-overflow{
	overflow: hidden;
}
.text-center{
	text-align: center;
}
.full-height{
	height: 100%;
}
.full-width{
	width: 100%;
}

form > table{
	border-collapse: separate;
	border-spacing: 0;
}
form > table input,
form > table textarea{
	margin: 0;
}
form > table tr td{
	line-height: 30px;
	padding-bottom: 10px;
	text-align: left;
	vertical-align: top;
}
form > table tr td:not(:last-child){
	padding-right: 20px;
}
form > table tr:last-child td{
	padding-bottom: 0;
}
form > table tr.error td{
	color: #d60d0d;
}
form > table tr.error input{
	color: #d60d0d;
	border-color: #d60d0d;
}

i.color{
	display: inline-block;
	margin: 0 10px;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	background-size:100% 100%;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
i.color.color-round{
	width: 30px;
	height: 30px;
	border-radius: 15px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.15) inset;
}
i.color.color-box{
	width:30px;
	height:30px;
	border-radius:3px;
	box-shadow:1px 1px 5px -1px rgba(0,0,0,0.8) inset;
}

label > span > i.color:last-child{
	position: absolute;
	top: 0;
	right: 0;
	margin: 5px;
}

i[class^="icon-"],
i[class*=" icon-"],
i.module-icon{
	position: relative;
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: top;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
i[class^="icon-"].small,
i[class*=" icon-"].small{
	width: 16px;
	height: 16px;
}
i[class^="icon-"].large,
i[class*=" icon-"].large{
	width: 32px;
	height: 32px;
}
i[class^="icon-"].x-large,
i[class*=" icon-"].x-large{
	width: 48px;
	height: 48px;
}
i[class^="icon-"].xx-large,
i[class*=" icon-"].xx-large{
	width: 64px;
	height: 64px;
}
i.icon-arrow-right{
	background-image: url(/assets/images/admin/icns/actions/arrow-right.svg);
}
i.icon-copy{
	background-image: url(/assets/images/admin/icns/actions/copy.svg);
}
i.icon-eye,
i.icon-eye-open{
	background-image: url(/assets/images/admin/icns/actions/eye.svg);
}
i.icon-file{
	background-image: url(/assets/images/admin/icns/actions/file.svg);
}
i.icon-folder{
	background-image: url(/assets/images/admin/icns/actions/folder.svg);
}
i.icon-folder-opened{
	background-image: url(/assets/images/admin/icns/actions/folder-opened.svg);
}
i.icon-gear{
	background-image: url(/assets/images/admin/icns/actions/gear.svg);
}
i.icon-link{
	background-image: url(/assets/images/admin/icns/actions/link.svg);
}
i.icon-list{
	background-image: url(/assets/images/admin/icns/actions/list.svg);
}
i.icon-ok{
	background-image: url(/assets/images/admin/icns/actions/ok.svg);
}
i.icon-plus{
	background-image: url(/assets/images/admin/icns/actions/plus.svg);
}
i.icon-pencil{
	background-image: url(/assets/images/admin/icns/actions/pencil.svg);
}
i.icon-remove{
	background-image: url(/assets/images/admin/icns/actions/remove.svg);
}
i.icon-search{
	background-image: url(/assets/images/admin/icns/actions/search.svg);
}
i.icon-star{
	background-image: url(/assets/images/admin/icns/actions/star.svg);
}
i.icon-trash{
	background-image: url(/assets/images/admin/icns/actions/trash.svg);
}
i.icon-unlink{
	background-image: url(/assets/images/admin/icns/actions/unlink.svg);
}
i.icon-external{
	background-image: url(/assets/images/admin/icns/actions/external.svg);
}
i.icon-external-filled{
	background-image: url(/assets/images/admin/icns/actions/external-filled.svg);
}
i.icon-location{
	background-image: url(/assets/images/admin/icns/actions/location.svg);
}
i.icon-info{
	background-image: url(/assets/images/admin/icns/actions/info.svg);
}
i.icon-refresh{
	background-image: url(/assets/images/admin/icns/actions/refresh.svg);
}
i.icon-enter{
	background-image: url(/assets/images/admin/icns/actions/enter.svg);
}
i.icon-exit{
	background-image: url(/assets/images/admin/icns/actions/exit.svg);
}

i.icon-document{
	background-image: url(/assets/images/admin/icns/document-gray.svg);
}
i.icon-document.green{
	background-image: url(/assets/images/admin/icns/document-green.svg);
}
i.icon-document > span{
	display: none;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 12%;
	left: 0;
	right: 0;
}
i.icon-document.x-large > span,
i.icon-document.xx-large > span{
	display: block;
}
i.icon-document.xx-large > span{
	font-size: 12px;
}

i.module-icon.module-shop-orders{
	background-image: url(/assets/images/admin/icns/modules/shop-orders.svg);
}

i.icon-number{
	background: #c3c3c3;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 24px;
	font-style: normal;
}
i.icon-number.green{
	background: #4caf50;
}

i.icon-violation{
	background-image: url(/assets/images/admin/icns/violation.svg);
}
i.icon-notification{
	background-image: url(/assets/images/admin/icns/notification.svg);
}

.colorslist{
	width:100%;
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
.colorslist li{
	display:inline-block;
	margin:2px;
	padding:0;
	vertical-align:middle;
}
.colorslist li.selected .color{
	box-shadow:0 0 3px 1px #0062CC;
}



#alert{
	display: block;
	z-index: 1;
	position: fixed;
	bottom: 10px;
	left: 124px;
	width: 30%;
	text-align: left;
}
#alert .message{
	display: block;
	padding: 20px 20px 20px 54px;
	margin: 10px 0 0 0;
	/*width: 280px;*/
	background: #364349;
	color: #fff;
	position: relative;
	right: 0;
	opacity: 1;
}
#alert .message.error{
	background: #ed143d;
}
#alert .message.warning{
	background: #ff9116;
}
#alert .message.success{
	background: #4caf50;
}
#alert .message.process{
	background: #0d47a1;
}
#alert .message:before{
	content: "";
	display: block;
	position: absolute;
	top: 17px;
	left: 20px;
	width: 24px;
	height: 24px;
	background-image: url(/assets/images/admin/icns/notice-info.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#alert .message.error:before,
#alert .message.warning:before{
	background-image: url(/assets/images/admin/icns/notice-warning.svg);
}
#alert .message.process:before{
	animation-name: rotate;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	background-image: url(/assets/images/admin/icns/notice-process.svg);
}

/*Modal Window*/
.modal{
	width:100%;
	height:100%;
	/*position:fixed;*/
	position: fixed;
	top:0px;
	left:0px;
	z-index:500;
	opacity:0;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: center;
	white-space: nowrap;
}
.modal:before{
	content: "";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
.modal-back{
	position: fixed;
	top: -100px;
	left: -10px;
	right: -10px;
	bottom: -100px;
	background: rgba(38, 50, 56, 0.8);
	z-index: 1;
	-webkit-transform: translateZ(-1000px);
	-moz-transform: translateZ(-1000px);
	-ms-transform: translateZ(-1000px);
	-o-transform: translateZ(-1000px);
	transform: translateZ(-1000px);
}
.modal-window{
	display: inline-block;
	margin: 30px auto 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	background: #fff;
	box-shadow: 0 10px 30px rgba(0,0,0,0.35);
	/*border-radius: 6px;*/
	z-index: 5;
	vertical-align: middle;
	white-space: normal;
	text-align: left;
}
.modal #modal-title{
	color: #000;
	/*font-weight: normal;*/
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	min-height: 30px;
}
/*.modal #modal-title:empty{
	display:none;
}*/
.modal #modal-body{
	color: #000;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.modal #modal-body{
	padding: 5px 30px 30px;
	min-width: 400px;
	max-width: 768px;
}
.modal #modal-title{
	padding: 24px 45px 10px 30px;
}

.modal #modal-body > .top{
	padding: 0 0 20px;
}
.modal #modal-body > .bottom{
	background: #f4f6f8;
	margin: 0 -30px -30px;
	padding: 31px;
}
.modal #modal-body > .message{
	width: 400px;
}

.modal > .modal-window > .modal-close {
	position: absolute;
	padding: 0;
	top: 9px;
	right: 8px;
	width: 32px;
	height: 32px;
	background-image: url(/assets/images/admin/icns/modal-close.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	cursor: pointer;
}

.modal > .modal-window > .modal-close:hover {
	background-image: url(/assets/images/admin/icns/modal-close-hover.svg);
}

.modal #modal-body .message-wrapper > .message{
	margin-bottom: 20px;
	padding: 9px 16px;
	text-align: left;
	border-radius: 2px;
}
.modal #modal-body .message-wrapper > .message.error{
	background: #f5d0cf;
	border: 1px solid #f39692;
	color: #CC1F19;
}

.busy{
	position:relative;
	overflow: hidden;
}
.busy:after{
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: rgba(255,255,255,0.6);

	animation-name: blink;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	border-radius: inherit;
}

.z-tooltip{
	position: absolute;
	background: #fff;
	border: 1px solid #d9d9d9;
	box-shadow: 0 0 30px rgba(0,0,0,0.3);
	padding: 5px;
	min-width: 150px;
	opacity: 1;
	z-index: 1;
}
.z-tooltip > ul{
	list-style: none;
	margin: 0;
}
.z-tooltip > ul > li{
	cursor: pointer;
}

/*.tooltip{
	position: absolute;
	display: inline-block;
	background: #e5e5e5;
	font-size: 14px;
	font-weight: lighter;
	line-height: 20px;
	padding: 10px;
	color: #000;
	z-index: 11;
}
.tooltip:after{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -5px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #e5e5e5;
	margin: 0 -5px;
}
.autocomplete{
	padding: 8px 0;
	background: #fff;
	border: 1px solid #e5e5e5;
	box-shadow: 0 5px 20px #e5e5e5;
	z-index: 12;
}
.autocomplete > ul{
	list-style: none;
}
.autocomplete > ul > li{
	padding: 5px 18px;
	cursor: pointer;
}
.autocomplete > ul > li:hover{
	background: #e5e5e5;
}*/

.pagination{
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	margin-top: 30px;
}
.pagination > a,
.pagination > i{
	display: inline-block;
	position: relative;
	border: 1px solid #d9d9d9;
	color: inherit;
	padding: 0 3px;
	min-width: 20px;
}
.pagination > span{
	width: 26px;
	display: inline-block;
	position: relative;
	border: 1px solid transparent !important;
	padding: 0 3px;
	width: 26px;
}
.pagination > i{
	font-style: normal;
	color: #009688;
	background: #d9d9d9;
}
.pagination > *:not(:first-child){
	margin-left: -1px;
}

.tabs {
	position: relative;
	display: block;
	list-style: none;
	text-align: center;
	/*background: #fff;*/
	/*border-bottom: 1px solid #d9d9d9;*/
	/*border-top: 1px solid #d9d9d9;*/
}
.tabs > li{
	display: inline-block;
}

.tabs > li > a{
	display: block;
	line-height: 16px;
	padding: 16px 30px;
	color: #777777;
	text-decoration: none;
}
.tabs > li.active > a{
	position: relative;
	cursor: default;
	color: #2aa02f;
}
.tabs > i{
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 4px solid #4CAF50;
	bottom: 0;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#layers{
	position:relative;
	/*overflow:hidden;*/
}
#layers  .layer{
	/*background: rgba(255,255,255,0.95);*/
	/*box-shadow:0 0 20px 10px #fff;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display:none;
}
#layers .layer:last-child{
	position:relative;
	display:block;
}
#layers .layer .close{
	display:none;
	position:absolute;
	top:10px;
	right:10px;
	line-height:12px;
}
#layers .layer:last-child:not(:first-child) .close{
	display:block;
}
/*#layers .layer:not(:last-child):after{
	content:" ";
	display:block;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background: rgba(255,255,255,0.8);
}*/

/*Ñàéäáàð*/
#sidebar{
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	box-shadow: 20px 0 20px -20px rgba(0,0,0,0.9);
}
#sidebar .layer {
	padding:30px 0;
	position:relative;
}
#sidebar .layer .close{
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	line-height:12px;
}

/* Filter */
.filter {
	margin: 5px auto 10px;
	position: relative;
	text-align: center;
}
.filter > .search{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.filter > .search > .wrapper{
	position: relative;
	flex-grow: 1;
	display: flex;
	align-items: center;
}
.filter > .search > .wrapper > .filter-submit{
	position: absolute;
	display: block;
	right: 5px;
	top: 5px;
	padding: 3px;
	border-radius: 100%;
}
.filter > .search > .wrapper > .filter-submit:hover{
	background: #e5e5e5;
}

.filter > .search > .wrapper > .input{
	width: 440px;
	margin: 0;
}
#westside .filter > .search{
	padding: 0 15px;
}
#westside .filter > .search > .wrapper > .input{
	width: 100%;
}
.filter > .search > a {
	display: inline-block;
	margin-left: 10px;
	padding: 8px;
	border-radius: 100%;
	background: #fff;
	vertical-align: top;
}
.filter > .search > a:hover {
	background: #e5e5e5;
}
.filter > .options{
	/*width: 300px;*/
	padding: 10px 0;
	margin: 0 auto;
}
.filter input[filter=date]{
	width: 72px;
}
.filter input[filter=int]{
	width: 26px;
}
.filter > .options > .span > div,
.filter > .options > .span > label{
	width: 300px;
	display: inline-block;
}

.upload{
	margin: 0;
	padding: 0;
}
.upload > ul{
	list-style: none;
	margin: 0;
}
.upload > ul > li{
	width: 500px;
	margin: 0 auto;
}
.upload > ul > li.new{
	text-align: center;
}
.upload > ul > li._proto{
	display: none;
}
.upload > ul > li:not(:last-child){
	margin-bottom: 22px;
}
.upload > ul > li:after{
	content: "";
	display: block;
	clear: both;
}
.upload > ul > li > .body{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 286px;
	height: 40px;
	margin-right: 13px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.upload > ul > li > .body > .progress-bar{
	position: absolute;
	top: 18px;
	left: 0;
	width: 0;
	height: 4px;
	border-radius: 2px;
	background: #fff;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
.upload > ul > li.processing > .body > .progress-bar{
	background: #4caf50;
}
.upload > ul > li > .body > .name,
.upload > ul > li > .body > .size{
	display: block;
	min-height: 20px;
	line-height: 20px;
	padding: 0 16px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.upload > ul > li > .body > .name{
	font-weight: bold;
}
.upload > ul > li > .body > .size{
	color: #666;
	font-size: 12px;
}
.upload > ul > li.error > .body > .size{
	color: #dc143c;
}
.upload > ul > li > .button{
	width: 100px;
	display: inline-block;
	vertical-align: middle;
}
.upload > ul > li > input{
	display: none;
}
.upload > ul > li > .icon-number{
	vertical-align: middle;
	margin-right: 13px;
}

.upload > ul > li > .icon-document{
	vertical-align: middle;
}

#fileupload > input{
	display: none;
}

/* -- End of Base.css -- */


/* -- Page.css -- */

#page{
	min-width: 1000px;
	width: 100%;
	/*height: 100%;*/
	min-height: 100%;
	position: relative;
	/*overflow: hidden;*/
}
#page.wide{
	min-width: 1366px;
}

#page.auth{
	height: 100%;
	text-align: center;
}
#page.auth:before{
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
#page.auth #auth{
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
#auth{
	background: #f9f9f9;
	border: 1px solid #d9d9d9;
	box-shadow: 0 0 30px #cacaca;
}
#auth > .title{
	padding: 20px 20px 10px 20px;
	color: #000;
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	min-height: 30px;
}
#auth > .body > .auth-link{
	display: block;
	position: absolute;
	top: -40px;
	right: 20px;
	line-height: 30px;
}
#auth > .body{
	position: relative;
	padding: 5px 20px 20px;
	/*width: 400px;*/
	width: 440px;
}

#version{
	position: absolute;
	bottom: 10px;
	left: 10px;
	text-align: left;
	color: #778288;
}

#copyright{
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
}
#copyright .signature{
	width: 48px;
	vertical-align: top;
}

#menu {
	/*position: absolute;*/
	position: fixed;
	width: 60px;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}

#menu .user-details{
	/*display: none;*/
}

#menu .user-details{
	position: absolute;
	background: #263238;
	color: #fff;
	padding: 10px 16px;
	bottom: 0;
	left: 0;
	right: 0;
	white-space: nowrap;
}
#menu .user-details > .name{
	margin-bottom: 5px;
}
#menu .user-details > .group{
	font-size: 12px;
}
#menu .user-details > .button{
	display: block;
	margin-top: 9px;
}

#menu .left .badge{
	position: relative;
	right: 0;
	display: block;
	color: #fff;
	background: #dc143c;
	padding: 5px 6px;
	min-width: 18px;
	line-height: 30px;
	text-align: left;
	opacity: 1;

	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
#menu.extended .left .badge{
	right: -60px;
	opacity: 0;
}
#menu .left .badge > i{
	margin: 3px 5px 3px 0;
}
#menu .right .badge{
	margin-left: 10px;
	display: inline-block;
	background: #dc143c;
	padding: 0 6px;
	min-width: 18px;
	line-height: 30px;
	text-align: center;
	border-radius: 15px;
	opacity: 1;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
#menu > .wrapper{
	position: absolute;
	/*position: fixed;*/
	top: 0;
	left: 0;
	width: 60px;
	height: 100%;
	/*overflow: hidden;*/
}
#menu .left a{
	display: block;
	border: 0;
	color: #fff;
}
#menu .menu-icon > i{
	display: inline-block;
	width: 60px;
	height: 60px;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center;
}

#menu .user > i{
	display: block;
	background-size: cover;
	margin: 6px;
	width: 48px;
	height: 48px;
	border-radius: 24px;
	/*background-color: #e5e5e5;*/
	background-color: #778288;
}

#menu .left{
	/*position: fixed;*/
	position: absolute;
	top: 0;
	bottom: 0;
	background: #364349;
}
#menu .right{
	position: relative;
	margin-left: 60px;
	height: 100%;
	min-width: 220px;
}
/*#menu > .wrapper > .menu-block > .left{
	width: 60px;
}*/
#menu .left > .menu-icon{
	background: #263238;
}
#menu .left > .menu-icon{
	position: relative;
}
#menu .left > .user{
	position: absolute;
	bottom: 0;
	left: 0;
}
#menu .right{
	background: #263238;
}
#menu .right > .vert-grid{
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
#menu.extended .right > .vert-grid{
	opacity: 1;
}
/*#menu .right .menu > .scroll-wrapper{
	display: table-cell;
	position: relative;
}
#menu .right .menu > .scroll-wrapper > .scroll{
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}*/
#menu .right .menu-title{
	height: 60px;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
#menu .right .menu-title > a{
	display: block;
	border: 0;
	color: #fff;
	background: #263238;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	font-size: 20px;
	padding: 10px 16px;
	white-space: pre;
}
#menu .menu{
	padding-top: 60px;
	padding-bottom: 100px;
	position: relative;
}
#menu .nav{
	position: relative;
}
#menu .nav a{
	display: block;
	border: 0;
	color: #fff;
}
#menu .nav > ul{
	display: block;
	list-style: none;
	margin: 0;
	background: #263238;
	position: relative;
}
#menu .nav > ul > li{
	display: block;
}
#menu .nav > ul > li > a{
	position: relative;
	padding: 5px 35px 5px 16px;
	font-size: 14px;
	line-height: 30px;
	white-space: nowrap;
}
#menu .nav > ul > li.dropped > a{
	background: #a51d3b;
}
#menu .nav > ul > li > a:hover{
	background: #dc143c;
}
#menu .nav > ul > li > a:hover:after,
#menu .nav > ul > li.dropped > a:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 6px;
	width: 24px;
	height: 40px;
	background: url(/assets/images/admin/icns/menu-arrow-right.svg) center no-repeat;
}

#menu .nav > ul > li.dropped > a > .badge{
	opacity: 0;
}
#menu .nav > ul > li > ul{
	display: none;
}
#menu .nav > ul.submenu{
	position: absolute;
}
#menu .nav ul > .city > a > .indicator{
	display: inline-block;
	width: 20px;
	height: 30px;
	background: url(/assets/images/admin/icns/menu-check.svg) center no-repeat;
	vertical-align: top;
	margin-right: 10px;
	margin-left: -5px;
	opacity: 0;
}
#menu .nav ul > .city.active > a > .indicator{
	opacity: 1;
}

#main {
	/*position: absolute;
	top: 0;
	right: 0;
	left: 60px;
	bottom: 0;*/
	position: relative;
	background: #fff;
	margin-left: 60px;
	/*height: 100%;*/
	/*min-height: 100%;*/
}
/*#main > .scroll-wrapper{
	position: relative;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}*/
/*#main > .wrapper{
	position: relative;
	min-height: 100%;
}*/
#main > .grid > .left,
#main > .grid > .center,
#main > .grid > .right{
	height: auto;
	min-height: 100vh;
	/*padding: 50px 64px;*/
	padding: 5px 64px 64px;
	background: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*overflow: hidden;*/
}
@media (max-width: 1200px) {
	#main > .grid > .left,
	#main > .grid > .center,
	#main > .grid > .right{
		padding: 5px 30px 30px;
	}
}
#main > .grid > .left,
#main > .grid > .right{
	width: 30%;
}
#main > .grid > .left.extended,
#main > .grid > .right.extended{
	width: 50%;
}
#main > .grid > .left:empty,
#main > .grid > .right:empty{
	display: none
}
#main > .grid > .left {
	/*padding-right: 0;*/
	flex-grow: 0;
}
#main > .grid > .right {
	/*padding-left: 0;*/
	flex-grow: 0;
}


.e404{
	font-size: 30px;
	line-height: 60px;
	padding: 40px 0;
	color: #364349;
	text-align: center;
}
.e404 > p{
	font-size: 14px;
	line-height: 20px;
	color: #c3c3c3;
}

/* -- End of Page.css -- */


/* -- Objects.css -- */

.page {
	position: relative;
	padding: 30px;
	border: 1px solid #d9d9d9;
	box-shadow: 0 10px 30px #d9d9d9;

	background: #f9f9f9;
	background: -moz-linear-gradient(top, #ececec 0px, #f9f9f9 90px);
	background: -webkit-linear-gradient(top, #ececec 0px, #f9f9f9 90px);
	background: linear-gradient(to bottom, #ececec 0px, #f9f9f9 90px);
}
.page:not(:last-child) {
	margin-bottom: 30px;
}

.page.white {
	background: #fff;
	background: -moz-linear-gradient(top, #f9f9f9 0px, #ffffff 90px);
	background: -webkit-linear-gradient(top, #f9f9f9 0px, #ffffff 90px);
	background: linear-gradient(to bottom, #f9f9f9 0px, #ffffff 90px);
}

.page > .head {
	display: block;
	text-align: center;
	font-size: 24px;
	font-weight: lighter;
	line-height: 30px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #d9d9d9;
}
.page > .head-small {
	display: block;
	text-align: left;
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 10px;
}

.page > .head + .object-list{
	margin-top: -31px;
}

.page > .buttons{
	text-align: right;
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #d9d9d9;
}

.object-list{
	display: block;
	list-style: none;
	margin: 1px 0 0;
	text-align: center;
}
.object-list .object-list{
	margin: 0;
}
.object-list.pseudo{
	padding-bottom: 0px;
}
.object-list:not(.allow-empty):empty{
	display:none;
}
.object-list > .button{
	margin: 13px 0;
}
._prototype{
	display:none !important;
}
._sortable-placeholder{
	display: block;
	list-style: none;
	background: #f9f9f9;
	/*background: #e5e5e5;*/
	/*color: #777777;*/
	min-height: 48px;
	margin: -1px 0 0;
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
}
.shop_products-placeholder{
	height: 75px;
}

.object-item{
	display:block;
	margin: 0;
	text-align: left;
}
.object-item[object=new] > .head, .object-item.hidden > .head{
	background: #f9f9f9;
	color: #777777;
}
.object-item[object="@"] {
	display: none;
}
.object-item:last-child{
	margin-bottom: 0;
}

.object-item > .head._droppable_hover{
	transform: scale(1.1);
	outline: 1px solid;
	opacity: 0.5;
	background: #fff;
}

.object-item > .head{
	display:block;
	position:relative;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	/*height:36px;*/
	min-height: 48px;
	/*background: #f5f5f5;*/
	background: #fff;
	/*background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f5f5f5 50%, #e6e6e6 51%, #f5f5f5 100%);
	background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f5f5f5 50%, #e6e6e6 51%, #f5f5f5 100%);
	background-image: -o-linear-gradient(top, #f5f5f5 0%, #f5f5f5 50%, #e6e6e6 51%, #f5f5f5 100%);
	background-image: -ms-linear-gradient(top, #f5f5f5 0%, #f5f5f5 50%, #e6e6e6 51%, #f5f5f5 100%);
	background-image: linear-gradient(top, #f5f5f5 0%, #f5f5f5 50%, #e6e6e6 51%, #f5f5f5 100%);
	background-repeat: repeat-x;*/
	/*border-right:2px solid rgba(0,0,0,0.15);
	border-left:2px solid rgba(0,0,0,0.15);*/

	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
}
.object-item > .head.clickable {
	cursor: pointer;
}
.object-item:not(:first-child) > .head {
	margin-top: -1px;
}
.object-item .object-item > .head{
	margin-top: -1px;
}
.object-item.important > .head,
.object-item.star > .head{
	background: #fffce5;
}
.object-item > .head:hover,
.object-item.active > .head{
	background: #e5e5e5;
}

/*.object-item > .head:before{
	content: "";
	display: inline-block;
	width: 0px;
	height: 100%;
	vertical-align: middle;
}*/
.object-item.current > .head{
	left: 5px;
	z-index: 1;
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
}
.object-item > .head > .span{
	display:table;
	width: 100%;
	min-height: 48px;
	border-collapse: separate;
	border-spacing: 0;
	margin-left: -1px;
}
.object-item > .head > .span:before{
	content: "";
	display: table-cell;
	width: 1px;
	height: 36px;
}
.object-item > .head > .span > span{
	display: table-cell;
}
.object-item > .head > .span > .id{
	line-height:16px;
	padding: 16px;
	vertical-align: middle;
	width: 1px;
}
.object-item > .head > .span > .id:before{
	content: "[";
	color: #d9d9d9;
	font-size: 18px;
	vertical-align: middle;
	margin-right: 3px;
}
.object-item > .head > .span > .id:after{
	content: "]";
	color: #d9d9d9;
	font-size: 18px;
	vertical-align: middle;
	margin-left: 3px;
}
.object-item > .head > .span > .object-title{
	line-height:16px;
	padding: 16px;
	vertical-align: middle;
}
.object-item > .head > .span > .object-title > .external-link{
	display: inline-block;
	padding: 4px;
	margin: -4px 0 -4px 4px;
	border-radius: 12px;
}
.object-item > .head > .span > .object-title > .external-link:hover{
	background: #fff;
}

.object-item > .head > .span > .append{
	width: 1px;
	vertical-align: middle;
}

.object-item > .head > .span > a.object-title{
	cursor: pointer;
}
.object-item > .head > .span > .cell{
	padding: 0 8px;
	width: 32px;
	vertical-align: middle;
}
.object-item > .head > .span > .cell.x2{
	width: 64px;
}
.object-item > .head > .span > .cell.x3{
	width: 96px;
}
.object-item > .head > .span > .cell.x4{
	width: 128px;
}
.object-item > .head > .span > .img{
	padding: 5px;
	width: 1px;
	vertical-align: middle;
}
.object-item > .head > .span > .img > i{
	display: block;
	height: 38px;
	width: 38px;
	border-radius: 2px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #e5e5e5;
}
.object-item > .head > .span > .img.round > i{
	border-radius: 100%;
}
.object-item > .head > .span > .img.contain > i{
	background-size: contain;
}
.object-item > .head > .span > .date{
	padding: 0 8px;
	vertical-align: middle;
	width: 180px;
	text-align: right;
	/*color: #666;*/
	opacity: 0.5;
}
.object-item > .head > .controls{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin-right: 16px;
	padding: 0;
	opacity: 0;
	/*border-left: 1px solid rgba(255, 255, 255, 0.5);*/
	background: inherit;
}
.object-item > .head:hover > .controls,
.object-item.active > .head > .controls{
	opacity:1;
}
.object-item > .head > .controls:before{
	content: "";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
.object-item > .head > .controls:first-child{
	position: initial;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	padding: 8px;
	vertical-align: top;
}
.object-item > .head > .controls:empty{
	display: none;
}
.object-item > .head > .controls > [class^="object-"]{
	display: inline-block;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	/*opacity: 0;*/
	padding: 3px;
	border-radius: 100%;
	/*border-radius: 16px;*/
	margin: 8px 0 8px 8px;
	vertical-align: middle;
}
/*.object-item > .head > .controls > [class^="object-"]:last-child{
	margin-right:0px;
}*/
.object-item > .head > .controls > [class^="object-"] > input{
	padding: 0 5px;
	text-align: center;
	width: 100px;
	border-radius: 3px;
	background: rgba(255,255,255,0.75);
}
/*.object-item > .head:hover > .controls  > [class^="object-"]{
	opacity:1;
}*/
/*[object=new] > .head > .controls  > .object-trash, [object=new] > .head > .controls  > .object-hide, [object=new] > .head > .controls  > .object-unlink{
	display:none !important;
}*/
[object=new] > .head > .controls  > [class^=object-]:not(.object-edit){
	display:none !important;
}
.object-item > .head > .controls > [class^="object-"]:hover{
	background: #fff;
}
.object-item.hidden > .head > .controls > .object-hide, .object-item.active > .head > .controls > .object-load, .object-item.selected > .head > .controls > .object-select{
	opacity:1;
	background: #fff;
	/*box-shadow: 2px 2px 4px -2px rgba(0,0,0,0.5) inset;*/
}
.object-item > .object-inner{
	display:block;
	margin: 0;
	padding-bottom: 48px;
}
.object-item > .object-inner > .children,
.object-item > .object-inner > .object-list {
	padding: 0 0 0 36px;
	margin: 0;
}
.object-item > .object-inner > .children:empty,
.object-item > .object-inner > .object-list:empty{
	margin: 0;
}
.object-item > .head > .controls > .object-unlink{
	display: none;
}
[linked] > .object-item > .head > .controls > .object-unlink{
	display: block;
}

.object-illustration{
	display: block;
	margin-top: -1px;
	position: relative;
	text-align: left;
}
/*.object-illustration:last-child{
	margin: 0;
}*/
.object-illustration:nth-child(even) > .head{
	/*background:rgba(0,0,0,0.05);*/
}
.object-illustration > .head{
	display: block;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	padding: 8px;
}
.object-illustration[object=new] > .head,
.object-illustration.hidden > .head{
	background: #f9f9f9;
	color: #777777;;
}
.object-illustration > .head:hover{
	background: #e5e5e5;
}
.object-illustration > .head > .img{
	display: inline-block;
	height: 75px;
	width: 75px;
	vertical-align: top;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #e5e5e5;
	border-radius: 4px;
}

.object-illustration > .head > .info{
	display: inline-block;
	min-height: 75px;
	vertical-align: top;
}

.object-illustration > .head > .info > .object-title{
	display: block;
	padding: 8px;
	cursor: default;
}
.object-illustration > .head > .info > .object-description{
	font-size:11px;
	line-height:14px;
	display: block;
	padding: 0 8px;
	color: #666;
	cursor: default;
}
.object-illustration > .head > .controls{
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	background: inherit;
	opacity: 0;
}
.object-illustration > .head > .controls:first-child{
	position:relative;
	display:inline-block;
}
.object-illustration > .head > .controls > [class^="object-"]{
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding: 3px;
	border-radius: 100%;
	margin: 8px 8px 8px 0;
	vertical-align: middle;
}
.object-illustration > .head:hover > .controls{
	opacity:1;
}
.object-illustration > .head > .controls > [class^="object-"]:hover{
	background: #fff;
}
.object-illustration.hidden > .head > .controls > .object-hide, .object-illustration.loaded > .head > .controls > .object-load{
	background: #fff;
}
.object-illustration > .object-inner{
	display:block;
	margin:0;
}
.object-illustration > .object-inner > .children {
	margin:5px 0 0 36px;
}
.object-illustration > .object-inner > .children:empty{
	margin:0;
}

.contextmenu {
	position: absolute;
	top: 0;
	left: 60px;
	right: 0;
	bottom: 0;
}

.contextmenu > .contextmenu-back {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.6);
}

.contextmenu > .contextmenu-block {
	position: absolute;
	padding: 20px;
	background: #f9f9f9;
	border: 1px solid #d9d9d9;
	box-shadow: 0 0 30px #cacaca;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contextmenu > .contextmenu-block > i{
	display: block;
	position: absolute;
	overflow: hidden;
}
.contextmenu > .contextmenu-block > i:after{
	content: "";
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	background: #f9f9f9;
	border: 1px solid #d9d9d9;
	margin: -10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.contextmenu.top > .contextmenu-block > i,
.contextmenu.bottom > .contextmenu-block > i{
	left: 50%;
	width: 40px;
	height: 30px;
	margin: 0 -20px;
}
.contextmenu.left > .contextmenu-block > i,
.contextmenu.right > .contextmenu-block > i{
	top: 50%;
	width: 30px;
	height: 40px;
	margin: -20px 0;
}
.contextmenu.top > .contextmenu-block > i{
	bottom: -30px;
}
.contextmenu.bottom > .contextmenu-block > i{
	top: -30px;
}
.contextmenu.left > .contextmenu-block > i{
	right: -30px;
}
.contextmenu.right > .contextmenu-block > i{
	left: -30px;
}
.contextmenu.top > .contextmenu-block > i:after{
	left: 50%;
	top: -3px;
}
.contextmenu.bottom > .contextmenu-block > i:after{
	left: 50%;
	bottom: -3px;
}
.contextmenu.left > .contextmenu-block > i:after{
	top: 50%;
	left: -3px;
}
.contextmenu.right > .contextmenu-block > i:after{
	top: 50%;
	right: -3px;
}


.contextmenu .object-image{
	width: 100px;
	height: 100px;
	margin: 0 auto 13px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	text-align: center;
	color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #e5e5e5;
	border: 4px solid #e5e5e5;
}
.contextmenu .object-image > .image-remove,
.contextmenu .object-image > .image-choose{
	position: absolute;
	padding: 3px;
	margin: -15px;
	bottom: -30px;
	left: 50%;

	opacity: 0;
	background: rgba(229, 229, 229, 0.8);
	border-radius: 50%;
	cursor: pointer;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.contextmenu .object-image > .image-remove:hover,
.contextmenu .object-image > .image-choose:hover{
	background: #fff;
}
.contextmenu .object-image:hover > .image-remove{
	bottom: 67%;
	opacity: 1;
}
.contextmenu .object-image:hover > .image-choose{
	bottom: 33%;
	opacity: 1;
}



.contextmenu .imagecontainer{
	width: 160px;
	height: 100px;
	margin:0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.contextmenu .imagecontainer.small{
	width: 64px;
	height: 64px;
}
.contextmenu .imagecontainer:before{
	content: "";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
.contextmenu .imagecontainer > .image{
	max-width: 160px;
	max-height: 100px;
	margin:0;
	overflow:hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
}
.contextmenu .imagecontainer.small  > .image{
	max-width: 64px;
	max-height: 64px;
}
.contextmenu .imagecontainer > i{
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.contextmenu .imagecontainer > .imagedel{
	position: absolute;
	top: -25px;
	height: 25px;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.5);
	color: #EEE;
	line-height: 25px;
	text-align: center;
	cursor: pointer;
	opacity: 0;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.contextmenu .imagecontainer:hover > .imagedel{
	top: 0px;
	opacity:1 ;
}
.contextmenu .imagecontainer > .imageselect{
	position: absolute;
	bottom: -25px;
	height: 25px;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.5);
	color: #EEE;
	line-height: 25px;
	text-align: center;
	cursor: pointer;
	opacity: 0;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.contextmenu .imagecontainer:hover > .imageselect{
	bottom:0px;
	opacity:1;
}

.images{
	margin: 0 -5px;
}
.images:after{
	content: "";
	display: block;
	clear: both;
}
.images .object-image{
	float: left;
	margin: 0 5px 10px;
	position: relative;
	overflow: hidden;
	/*border-radius:2px;*/
	text-align: center;
	min-width: 40px;
	max-width: 670px;
	/*box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);*/
}
.images .object-image.ui-sortable-placeholder{
	width: 100px;
}
.images .object-image img.object-edit{
	cursor:pointer;
}
.images .object-image img{
	display: block;
	height: 100px;
}
.images .object-image .controls{
	margin: 0;
	padding: 5px;
	display: block;
	list-style: none;
	width: 30px;
	position: absolute;
	right: -40px;
	background: rgba(229, 229, 229, 0.8);
	top: 0;
	bottom: 0;
	opacity: 0;

	-moz-transition: right 0.2s, opacity 0.2s;
	-webkit-transition: right 0.2s, opacity 0.2s;
	-o-transition: right 0.2s, opacity 0.2s;
	-ms-transition: right 0.2s, opacity 0.2s;
	transition: right 0.2s, opacity 0.2s;
}
.images .object-image:not(.new):hover .controls{
	opacity: 1;
	right: 0;
}
.images .object-image .controls li{
	cursor: pointer;
	padding: 3px;
	margin-bottom: 5px;
	border-radius: 100%;

	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.images .object-image .controls li:hover{
	background: #fff;
}

.documents:after{
	content: "";
	display: block;
	clear: both;
}
.documents > .document{
	position: relative;
	padding-left: 70px;
	height: 70px;
	float: left;
	margin: 0 18px 10px -11px;
}
.documents > .document:before{
	content: "";
	display: block;
	height: 70px;
	width: 70px;
	position: absolute;
	top: 2px;
	left: 0;
	background: url(/assets/images/admin/icns/document.svg) center no-repeat;
}
.documents > .document.new{
	content: "";
	display: block;
	cursor: pointer;
}
.documents > .document.new > .add,
.documents > .document > .remove{
	position: absolute;
	left: 32px;
	top: 40px;
	padding: 3px;
	text-align: center;
	background: #fff;
	border-radius: 100%;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}
.documents > .document > .remove{
	display: none;
	cursor: pointer;
}
.documents > .document:hover > .remove{
	display: block;
}
.documents > .document > input,
.documents > .document > .input-span{
	margin-top: 5px;
}

table.params{
	width: 100%;
	margin: 0 0 10px 0;
}
table.params > thead > tr{
	background: #e5e5e5;
	font-weight:bold;
}
table.params td, table.params th{
	font-size: 12px;
	padding: 5px;
	border: 1px solid #d9d9d9;
	vertical-align: top;
}
table.params .item.new,
table.params .item.ui-sortable-helper,
table.params .item:hover{
	background: #e5e5e5;
}
table.params .item.ui-sortable-helper{
	display: table;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
table.params .input{
	display: block;
	padding: 6px 8px;
	font-size: 12px;
	line-height: 16px;
	min-height: 30px;
	width: initial;
}
table.params .input.fit{
	display: inline-block;
	vertical-align: top;
}
table.params .range-delimiter{
	display: inline-block;
	margin: 0 5px;
	line-height: 26px;
}
table.params select{
	padding: 6px 20px 6px 8px;
	font-size: 12px;
	line-height: 16px;
	background-size: 16px;
	background-position: right 3px center;
}
table.params input[type="checkbox"] {
	margin: 0;
}
table.params .item > .sorter{
	cursor: move;
	width: 24px;
	padding: 8px 5px;
}
table.params .item > .param{
	width: 262px;
}
table.params .item > .param > .name{
	display: table;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}
table.params .item > .param > .name > div{
	display: table-cell;
	vertical-align: middle;
}
table.params .item > .param > .name > .actions{
	width: 30px;
	padding-left: 5px;
}

table.params .item > .name{
	/*width: 161px;*/
}
table.params .item > .type{
	width: 90px;
}
table.params .item > .type > select{
	width: 100%;
}
table.params .item > .configurator{
	width: 50px;
	text-align: center;
	padding: 11px;
}
table.params .item > .multiple{
	width: 46px;
	text-align: center;
	padding: 11px;
}
table.params .item > .filter{
	width: 36px;
	text-align: center;
	padding: 11px;
}
table.params .item > .measure{
	width: 74px;
}
table.params .item > .actions{
	width: 30px;
}
table.params .item .actions > .action{
	display: inline-block;
	padding: 3px;
	border-radius: 100%;
	cursor: pointer;
}
table.params .item .actions > .action:hover{
	background: #fff;
}
table.params .item:not(.new) .actions > .params-add,
table.params .item.new .actions >  .params-del,
table.params .value:not(.new) .actions > .value-add,
table.params .value.new .actions > .value-del{
	display:none;
}

table.params .item > .values{
	padding: 0;
	width: 580px;
}
table.params .item > .values > .value{
	display: table;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}
table.params .item > .values > .value:not(:last-child){
	border-bottom: 1px solid #d9d9d9;
}
table.params .item > .values > .value.ui-sortable-helper{
	background: #f2f5f7;
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
table.params .item > .values > .value.ui-sortable-placeholder + .value{
	border-top: 1px solid #d9d9d9;
}
table.params .item > .values > .value > div{
	display: table-cell;
	padding: 5px;
	vertical-align: middle;
}
table.params .item > .values > .value > div:not(:last-child){
	border-right: 1px solid #d9d9d9;
}
table.params .item > .values > .value > .sorter{
	cursor: move;
	width: 14px;
}
table.params .item > .values > .value > .sorter > i{
	margin: 4px 0 5px;
}
table.params .item > .values > .value > .custom{
	width: 40px;
	text-align: center;
}
table.params .item > .values > .value > .symbol{
	width: 90px;
}
table.params .item > .values > .value > .exceptions{
	width: 90px;
}
table.params .item > .values > .value > .actions{
	width: 30px;
}

table.order .product > .image {
	width: 48px;
}
table.order .product > .image > i{
	display: block;
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-size: cover;
}
table.order .product > .title > .name{
	display: block;
	font-weight: bold;
}
table.order .product > .title > .options{
	display: block;
}

#options td{
	vertical-align: top;
}
#options td:first-child > span{
	display: block;
	height: 40px;
}
#options td:first-child > span > span{
	display: inline-block;
	vertical-align: middle;
}
#options td:first-child > span:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#options td:last-child{
	width: 1px;
}
#options h3{
	margin: 5px 0;
}


#devices #content #map{
	overflow: hidden;
	position: sticky !important;
	top: 0;
	right: 0;
	left: 0;
	height: 100vh;
}
#devices #content #device-info{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: #fff;
	border-left: 1px solid #d9d9d9;
}
#device-info > .actions {
	position: absolute;
	top: 14px;
	right: 16px;
	display: flex;
}
#device-info > .actions > i{
	width: 32px;
	height: 32px;
	background-color: #d8d8d8;
	border-radius: 50%;
	cursor: pointer;
	background-size: 24px 24px;
}
#device-info > .actions > i:hover{
	background-color: #fff;
}
#device-info > .actions > i:not(:first-child){
	margin-left: 16px;
}
#device-info > .wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 5px 30px 30px;
}

#device-info .filter{
	margin-top: 30px;
}
#device-info .search > .input > input{
	width: 100px;
}
#device-info .search > .input > input[name="plate"]{
	flex-grow: 1;
	text-align: center;
}

#devices .object-title .badge{
	margin-left: 8px;
}
#devices .object-name{
	vertical-align: middle;
}
#devices .object-location{
	margin-top: 5px;
}
#devices #westside {
	padding-left: 0;
	padding-right: 0;
	height: 100vh;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#devices #westside::-webkit-scrollbar {
  display: none;
}
#devices #content {
	padding: 0;
}
.license-plate {
	position: relative;
	display: inline-block;
	height: 32px;
	width: 132px;
	padding: 0 15px;
	background: #fff;
	border: 2px solid #4e4e4e;
	border-radius: 5px;
	font-size: 26px;
	line-height: 32px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;

	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.license-plate.ru{
	text-transform: lowercase;
	font-variant: petite-caps;
}
.license-plate.ru sup{
	font-size: 50%;
	top: -0.75em;
	font-weight: bold;
}


body:not(.alt-mode) .alt-visible {
	display: none !important;
}

/*.license-plate:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 15px;
	background: #0e86e0;
}
.license-plate:after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 15px;
	background: #0e86e0;
}*/
.date-divider{
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.date-divider > span {
	padding: 7px 20px;
	background: #d8d8d8;
	border-radius: 16px;
	font-weight: bold;
}

.events > .nothing{
	text-align: center;
}

.events .photo-preview{
	display: inline-block;
	margin-left: 20px;
}

.events .photo-preview img{
	height: 36px;
	border-radius: 5px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.events input,
.events select{
	width: auto;
}
/* .event .plate-input {
	width: 166px;
} */

.events .event-wrapper{
	padding: 20px;
	border-radius: 20px;
	width: 462px;
	margin: 0 auto;
	background: transparent;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.events .event-wrapper.expanded{
	background: #e8e8e8;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.events .event{
	display: flex;
	align-items: center;
	justify-content: center;
}
.events .event .time{
	font-size: 16px;
	font-weight: bold;
	display: block;
}
.events .event .col-0{
	width: 32px;
	margin-right: 16px;
}
.events .event .col-1{
	width: 100px;
	text-align: left;
}
.events .event .col-2 {
	width: 166px;
}
.events .event .col-3{
	width: 100px;
	text-align: right;
}
.events .event .col-4{
	width: 32px;
	margin-left: 16px;
}
.events .event .alert{
	padding: 0 16px;
	background: #F44336;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #c10d00;
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.events .event .show-violations{
	width: 32px;
	height: 32px;
	cursor: pointer;
	background-size: 24px 24px;
	border-radius: 50%;
	background-color: #fff;
}
.events .expanded .event .show-violations{
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.events .event-details{
	padding-top: 20px;
}

.events .icon-block {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.events .icon-block > i{
	width: 32px;
	height: 32px;
	cursor: pointer;
	background-size: 24px 24px;
	margin-right: 16px;
	flex-shrink: 0;
}

.reviews .reviews-list{
	display:block;
	list-style:none;
	margin:0;
}
.reviews .reviews-list .reviews-list{
	padding:0 0 0 50px;
}
.reviews .review{
	display:block;
	margin:2px 0;
}
.reviews .review-block{
	display:block;
	padding:10px;
	overflow:hidden;
	position:relative;
	border-radius:3px;
	/*-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;*/
}
.reviews .review-block.new{
	background:rgba(250, 245, 194, 0.5);
}
.reviews .review-block:hover{
	/*background:rgba(0,0,0,0.1);*/
}
.reviews .review-block > .controls{
	display:inline-block;
	line-height:30px;
	padding:0 10px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	opacity:0;
}
.reviews .review-block:not(.editing) > .controls > .edit{
	display: none;
}
.reviews .review-block.editing > .controls > .main{
	display: none;
}
.reviews .review-block > .controls a{
	padding:0 10px;
}

.reviews .review-block:hover > .controls{
	opacity:1;
}
.reviews .review-block > .name{
	display:inline-block;
	font-weight:bold;
	line-height:30px;
	padding:0 10px 0 0;
}
.reviews .review-block > .date{
	display:inline-block;
	font-family:Arial;
	font-style:italic;
	line-height:20px;
	color:#666;
	padding:0 10px;
}
.reviews .review-block > .review-text{
	display: inline-block;
	font-family: Arial;
	font-style: italic;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	padding: 0;
	background: none;
	box-shadow: none;
	border: 0;
	width: 100%;
	margin: 0;
}
.reviews .review-block > .review-text > .quoted{
	text-align: left;
	color: #565656;
	padding-left: 20px;
	border-left: 3px solid #72a1da;
	margin-top: 20px;
	margin-bottom: 20px;
}
.reviews .review-block > .review-text[contenteditable]{
	border-radius: 2px;
	box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
}
.reviews .review-block > .review-text[contenteditable]:focus{
	box-shadow: 0 0 0 2px rgba(0,0,0,0.3);
}
.reviews .review-block > .attachment{
	display: block;
	margin-top: 10px;
}
.reviews .review-block > .attachment:empty{
	display: none;
}
.reviews .review-block:not(.editing) > .attachment > ul > ._proto {
	display: none;
}
.reviews .review-block:not(.editing) > .attachment > ul > li > a[href="#att-remove"]{
	display: none;
}

ul[module="interviews"] ul.answers,
[object][entity="interviews"] ul.answers{
	list-style: decimal;
	margin: 5px 0 10px 50px;
}
ul[module="interviews"] ul.answers > li > input,
[object][entity="interviews"] ul.answers > li > input{
	display: inline-block;
	width: 100%;
	border: 0;
	box-shadow: none;
	padding: 0;
	margin: 0;
	line-height: 20px;
	vertical-align: baseline;
}

*[module=tags] {
	margin-bottom: 10px;
}
*[module=tags] > span{
	background: rgba(0,0,0,0.1);
	padding: 2px 13px;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	border-radius: 12px;
	vertical-align: top;
	margin-right: 8px;
	margin-bottom: 4px;
}
*[module=tags] > span > i{
	font-size: 22px;
	height: 20px;
	width: 9px;
	line-height: 22px;
	color: rgba(0,0,0,0.4);
	display: inline-block;
	vertical-align: top;
	position: relative;
	left: 2px;
	margin-left: 3px;
	cursor: pointer;
}
*[module=tags] > input{
	line-height: 20px;
	padding: 2px 13px;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3) inset;
	border-radius: 12px;
	display: inline-block;
	width: 150px;
	margin-bottom: 4px;
}

/* -- End Of Objects.css -- */

.objects .info{
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background: #e5e5e5;
	border-radius: 11px;
	text-align: center;
	font-style: italic;
	font-family: serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	cursor: pointer;
}

#prices{
	position: relative;
}
.objects .date{
	display: block;
	font-size: 12px;
	color: #666;
	white-space: nowrap;
}
.objects .time{
	display: block;
	position: relative;
	white-space: nowrap;
}
#prices .price {
	font-weight: bold;
	white-space: nowrap;
}
#prices .price .old,
#prices .price .new{
	position: relative;
	display: inline-block;
}
#prices .price .old {
	margin-right: 10px;
}
#prices .price .old:after{
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: -2px;
	right: -2px;
	border-top: 2px solid rgba(255, 24, 0, 0.7);
	transform: rotateZ(-15deg);
}
.objects > .bottom{
	margin-top: 16px;
}
#prices > .pagination{
	margin-top: 16px;
}
#prices .decision {
	white-space: nowrap;
}
#prices .decision select {
	-webkit-transition: all 0.3s, width 0s;
	-moz-transition: all 0.3s, width 0s;
	-o-transition: all 0.3s, width 0s;
	transition: all 0.3s, width 0s;
}
#prices .decision select + input {
	display: none;
	width: 148px;
	margin-left: 16px;
}
#prices .decision select.other{
	width: 148px;
}
#prices .decision select.other + input{
	display: inline-block;
}

#prices .product-info{
	position: relative;
	display: flex;
}
#prices .product-info > .column.left{
	flex-grow:1;
	padding-right: 32px;
}
#prices .product-info > .column.right{
	flex-shrink:0;
	width: 312px;
}
#prices .product-info > .close{
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	color: #7b7b7b;
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	font-style: normal;
	border-radius: 50%;
	background: #e5e5e5;
	cursor: pointer;
}
#prices .product-info > .close:hover{
	color: #000;
}
#prices .product-info > .close:before{
	content: '×';
}
#prices .product-info .editable{
	vertical-align: middle;
	cursor: text;
}
#prices .product-info .editable.focus{
	background: #fff;
	box-shadow: 0 0 0 1px #d9d9d9 inset;
}
#prices .table-div{
	display: table;
	margin: -8px;
}
#prices .table-div > p{
	display: table-row;
}
#prices .table-div > p > span{
	display: table-cell;
	padding: 8px;
	width: 50%;
}

#daemons input.length{
	width: 114px;
	margin-right: 16px;
}
#daemons select.multiplier{
	width: 114px;
}

#daemons .next-launch{
	cursor: pointer;
}

#daemons .next-launch:hover{
	background: #e5e5e5;
}
#daemons .locked .last-launch .time:after{
	content: "";
	position: absolute;
	top: 6px;
	right: 6px;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #4caf50;
}

#daemons .group-header .expand,
.icon-plus,
.icon-minus{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	color: #7b7b7b;
	font-size: 18px;
	line-height: 20px;
	font-style: normal;
	border-radius: 50%;
	background: #e5e5e5;
	cursor: pointer;
	font-weight: normal;
}
.icon-plus.icon-large,
.icon-minus.icon-large{
	width: 32px;
	height: 32px;
}
.icon-plus,
.icon-minus{
	margin-right: 8px;
}
#daemons .group-header .expand:hover,
.icon-plus:hover,
.icon-minus:hover{
	color: #000;
}
#daemons .group-header .expand:before,
.icon-plus:before{
	display: inline-block;
	content: '+';
}
#daemons .group-header .expand.expanded:before,
.icon-minus:before{
	display: inline-block;
	content: '–';
}

#daemons .group-header .group-info{
	color: #7b7b7b;
	text-align: center;
}
#daemons .group-header .group-name{
	color: #000;
	font-weight: bold;
}
label.toggle.daemon-toggle span{
	align-self: center;
}
label.toggle.daemon-toggle span.caption{
	margin-left: 20px;
	min-height: auto;
	height: auto;
	font-size: 18px;
}

.objects > .controls {
	display: inline-block;
	margin-bottom: 30px;
}

.objects > .controls > label:not(:last-child){
	margin-bottom: 16px;
}

.info-block{
	padding: 30px;
	border: 1px solid #d9d9d9;
	background: #f9f9f9;
	margin-bottom: 30px;
}
.info-block.error{
	color: #fff;
	background: #dc143c;
	border-color: rgba(0,0,0,0.2);
}
.info-block.succes{
	color: #fff;
	background: #4caf50;
	border-color: rgba(0,0,0,0.15);
}

.submit{
	text-align: center;
	margin-top: 22px;
}
.submit .button{
	padding-left: 35px;
	padding-right: 35px;
}


#articles hr{
	border-top: 1px solid #d9d9d9;
	margin-top: 10px;
	margin-bottom: 10px;
}


#reports table td:last-child {
	white-space: nowrap;
}
#reports table td .button:not(:first-child) {
	margin-left: 16px;
}

#amazon-categories .row .spacer.x-0{
	padding-left: 16px;
}
#amazon-categories .row .spacer.x-1{
	padding-left: 36px;
}
#amazon-categories .row .spacer.x-2{
	padding-left: 56px;
}
#amazon-categories .row .spacer.x-3{
	padding-left: 76px;
}
#amazon-categories .row .spacer.x-4{
	padding-left: 96px;
}
#amazon-categories .row .spacer.x-5{
	padding-left: 116px;
}

#amazon-categories .row .data{
	width: 312px;
}


#amazon-categories .object-item.not-ready{
	color: #dc143c;
}
#amazon-categories .object-item.ready{
	color: #000;
}


#stock-entry-search {
	position: relative;
	margin-bottom: 40px;
}
#stock-entry-search .suggestions{
	display: none;
	position: absolute;
	left: 0;
	top: 39px;
	width: 600px;
	background: #fff;
	border: 1px solid #d9d9d9;
	z-index: 1;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
#stock-entry-search .suggestions.focus:not(:empty){
	display: block;
}
#stock-entry-search .suggestions .search-product{
	cursor: pointer;
	display: flex;
	padding: 13px 16px;
}
#stock-entry-search .suggestions .search-product:not(:first-child){
	border-top: 1px solid #d9d9d9;
}
#stock-entry-search .suggestions .search-product:hover{
	background: #ecf0f1;
}
#stock-entry-search .suggestions .search-product .image{
	margin-right: 20px;
}
#stock-entry-search .suggestions .search-product .image i{
	width: 40px;
	height: 40px;
	display: block;
	background-size: contain;
}
#stock-entry-search .suggestions .search-product .name{
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
#stock-entry-search .suggestions .search-product .id{
	font-size: 14px;
	color: #666;
	line-height: 20px;
}

.details .detail{
	display: flex;
	align-items: center;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 13px 0;
	margin-top: -1px;
}
.details .detail.inactve{
	color: #888888;
}
.details .detail.error{
	/*background: #ffdac8;*/
	color: #ed143d;
	/*border-color: #d6a8ae;*/
}
.details .detail .image{
	position: relative;
	width: 54px;
	height: 54px;
	margin-right: 30px;
	flex-shrink: 0;
}
.details .detail .image i{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.details .detail .product-info{
	flex-grow: 1;
	margin-right: 30px;
	width: 300px;
}
.details .detail .product-info .name{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.details .detail .quantity{
	flex-shrink: 0;
	margin-right: 30px;
}
.details .detail .quantity input{
	width: 50px;
	text-align: center;
}
.details .detail .quantity span{
	font-size: 18px;
	display: block;
	width: 50px;
	background: #e5e5e5;
	padding: 7px 10px;
	border-radius: 16px;
	text-align: center;
}
.details .detail .quantity.important span{
	font-weight: bold;
	background: #ffdfa5;
}
.details .detail .place{
	flex-shrink: 0;
}
.details .detail .place select:not(:first-child) {
	margin-left: 13px;
}
.details .detail .place select{
	/*width: 54px;*/
	width: 75px;
}
.details .detail .place select option:not(.enabled){
	display: none;
}
.details .detail .place span{
	display: block;
	width: 100px;
}

.details .detail .actions{
	flex-shrink: 0;
	margin-left: 30px;
}
.details .detail .actions i {
	cursor: pointer;
}
.details .detail .actions i:not(:first-child){
	margin-left: 13px;
}
#stock-entry.held .detail .actions{
	display: none;
}
#stock-entry.held .stock-entry-hold{
	display: none;
}
#stock-entry:not(.held) .stock-entry-unhold{
	display: none;
}

#wms .grid.order-info{
	align-items: flex-start;
}
#wms .grid.order-info > div:not(:first-child) {
	margin-left: 30px;
}

#order-details {
	margin-bottom: 30px;
}

#shipping-address{
	width: 35%;
	flex-grow: 0;
	flex-shrink: 0;
}
#shipping-address .h3{
	margin-top: 0;
	line-height: 1;
	margin-bottom: 20px;
}
#shipping-address .order-state{
	margin-top: 20px;
}

.order-actions ol{
	margin-left: 20px;
}
.order-actions ol > *{
	margin-bottom: 20px;
}
.shipping-form .tracking-number {
	width: 200px;
}
.shipping-form .shipping-cost{
	width: 92px;
	margin-left: 20px;
}


#order-state {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.order-state {
	background: #364349;
	padding: 4px 14px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #fff;
	border-radius: 20px;
	vertical-align: middle;
}

.order-state.red{
	background: #dc143c;
}

.order-state.light{
	color: #364349;
	background: #e5e5e5;
}

#content > h1 > .order-state{
	margin-left: 13px;
}

.product-info .editable{
	vertical-align: baseline;
	display: inline-block;
}
.product-info .editable.focus{
	padding: 2px 5px;
	border: 1px solid #d9d9d9;
	background: #fff;
}
.product-info .size .save-dimensions,
.product-info .size .cancel-edit-dimensions {
	vertical-align: top;
	margin-left: 10px;
}

.product-info .size .edit-dimensions {
	margin-left: 10px;
}

.product-info .size:not(.editing) .save-dimensions,
.product-info .size:not(.editing) .cancel-edit-dimensions {
	display: none;
}

.product-info .size.editing .edit-dimensions {
	display: none;
}

#prep-queue{
	display: inline-flex;
	list-style: none;
	margin-bottom: 23px;
	padding: 4px;
	background: #364349;
	border-radius: 20px;
}

#prep-queue li a,
#prep-queue li span {
	display: block;
	padding: 7px 13px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 16px;
	color: #f2bfff;
}

#prep-queue li a:hover{
	background: #000;
	color: #fff;
}

#prep-queue li.prepared a {
	color: #e5e5e5;
}

#prep-queue li.current span{
	background: #e5e5e5;
	color: #364349;
}

#wms-links {
	margin-bottom: 20px;
}

#queue-actions .button:not(:first-child) {
	margin-left: 20px;
}

#wms-labels-sim{
	width: 210px;
	margin: -20px;
	padding: 10px 5px;
}
#wms-labels-sim .wrapper{
	display: flex;
	flex-wrap: wrap;
}
#wms-labels-sim .wrapper .label{
	position: relative;
	width: 50%;
	border: 3px solid transparent;
	background: #eaeaea;
	background-clip: padding-box;
	box-sizing: border-box;
	border-radius: 6px;
	height: 35px;
	padding: 7px;
}
#wms-labels-sim .wrapper .label.disabled{
	background-color: #fffed7;
	box-shadow: 0 1px 2px inset rgba(0,0,0,0.1)
}
#wms-labels-sim .wrapper .label.disabled:after{
	content: "×";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #d3d5b7;
	font-size: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#wms-labels-sim .wrapper .label p{
	height: 2px;
	background: #364349;
}
#wms-labels-sim .wrapper .label p:nth-child(1) {
	width: 69%;
	margin-bottom: 4px;
}
#wms-labels-sim .wrapper .label p:nth-child(2) {
	width: 80%;
	margin-bottom: 4px;
}
#wms-labels-sim .wrapper .label p:nth-child(3) {
	width: 33%;
}
#wms-labels-sim .wrapper .label.disabled p {
	background: transparent;
}

#wms-labels-button {
	position: absolute;
	bottom: -16px;
	left: 50%;
	width: 100px;
	margin-left: -50px;
}