@charset "utf-8";

/*

<div class="имя-блока">
	<div class="имя-блока__элемент-блока">
	...
	</div>
</div>

<div class="имя-блока m-модификатор">
	<div class="имя-блока__элемент-блока m-модификатор">
	...
	</div>
</div>

.имя-блока {...}

.имя-блока.m-модификатор {...}

.имя-блока__элемент-блока {...}

.имя-блока__элемент-блока.m-модификатор {...}

*/


/* Основные стили */
*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font: 14px/1em Arial, sans-serif;
	height: 100%;
}

@media only screen and (max-width:2000px) {html {font-size: 15px;}}
@media only screen and (max-width:1440px) {html {font-size: 15px;}}
@media only screen and (max-width:1280px) {html {font-size: 14px;}}
@media only screen and (max-width:1152px) {html {font-size: 13px;}}
@media only screen and (max-width:1024px) {html {font-size: 12px;}}
@media print {html {font-size: 12px !important;}}

body {
	color: var(--black);
	background: var(--light-grey);
	height: 100%;
}

body.m-white {
	background: #fff;
}

img {
	border: 0;
}

a {
	color: var(--blue);
	text-decoration: none;
	-webkit-transition: color 0.5s ease-out, background 0.5s ease-out;
	transition: color 0.5s ease-out, background 0.5s ease-out;
}

a:hover {
	color: #FC5218;
	cursor: pointer;
	-webkit-transition: none;
	transition: none;
}

a:active {
}


/* Размер текста */
.g-xxs {font-size: 0.85rem !important;}
.g-xs {font-size: 0.85rem !important;}
.g-s {font-size: 0.9rem !important;}
.g-m {font-size: 1rem !important;}
.g-l {font-size: 1.1rem !important;}
.g-xl {font-size: 1.2rem !important;}
.g-xxl {font-size: 1.5rem !important;}


/* Начертание текста */
.g-regular {font-weight: normal !important;}
.g-bold {font-weight: bold !important;}
.g-italic {font-style: italic !important;}


/* Глобальные стили */
.g-hidden {
	display: none !important;
	visibility: hidden !important;
}

.g-block {
	display: block !important;
	visibility: visible !important;
}

.g-nowrap {
	white-space: nowrap !important;
}

.g-ml-auto {
	margin-left: auto;
}

.g-disabled,
.g-disabled:hover,
*[disabled] {
	color: inherit;
	opacity: 0.45;
	cursor: default;
	pointer-events: none;
}

.g-dotted {
	position: relative;
	display: inline-block;
	padding: 0;
	line-height: 1.2em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	cursor: pointer;
}

.g-fl {
	float: left !important;
}

.g-fr {
	float: right !important;
}

.g-vt {
	vertical-align: top !important;
}

.g-vb {
	vertical-align: bottom !important;
}

.g-left {
   text-align: left !important;
}

.g-right {
   text-align: right !important;
}

.g-center {
   text-align: center;
}

.g-ok {
	color: #59b200;
}

.g-alert {
	color: rgba(255,38,38,1);
}

.g-inline {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.g-nomargin {
	margin-bottom: 0 !important;
}

.g-pointer {
	cursor: pointer;
}


/* Иконки */
@font-face {
	font-family: "icons";
	src:url("../fonts/bnovopms.eot");
	src:url("../fonts/bnovopms.eot?#iefix") format("embedded-opentype"),
		url("../fonts/bnovopms.woff") format("woff"),
		url("../fonts/bnovopms.ttf") format("truetype"),
		url("../fonts/bnovopms.svg#icons") format("svg");
	font-weight: normal;
	font-style: normal;
}

[data-icon]:before {
	position: relative;
	top: 0.1em;
	display: inline-block;
	width: 1em;
	font-family: "icons" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	speak: none;
	font-size: 1em;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: baseline;
}

[class^="i-"]:before,
[class*=" i-"]:before {
	position: relative;
	top: 0.1em;
	/*left: 0.5em;*/
	display: inline-block;
	width: 1em;
	font-family: "icons" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	font-size: 1em;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: baseline;
}

.i-male:before {content: "m";}
/*.i-calendar:before {content: "c";}*/
.i-calendar:before {
	content: "";
	width: 20px;
	height: 20px;
	background: url("../img/design/calendar.png") no-repeat center;
}
.i-close:before {
	content: "×";
}

/*.i-close:before {*/
	/*content: "";*/
	/*width: 32px;*/
	/*height: 32px;*/
	/*!*position: absolute;*!*/
	/*!*top: 10px;*!*/
	/*!*right: 15px;*!*/
	/*cursor: pointer;*/
	/*background: url('../img/design/cross.svg') no-repeat center;*/
	/*background-size: 100%;*/

/*}*/


.i-darr:before {content: "↓";}
/*.i-cleaning:before {content: "s";}*/
.i-users:before {content: "u";}
.i-lock:before {content: "l";}

/*.i-edit:before {content: "e";}*/
.i-edit:before {
	content: "";
	width: 16px;
	height: 16px;
	background: url("../img/design/edit-icon.png") no-repeat center;
}

.i-print:before {content: "p";}
.i-u-arr:before {content: "a";}
.i-d-arr:before {content: "b";}
.i-l-arr:before {content: "d";}
.i-r-arr:before {content: "f";}
.i-logout:before {content: "g";}
.i-check:before {content: "h";}
.i-globe:before {content: "i";}
.i-bill:before {content: "j";}
.i-receipt:before {content: "k";}
.i-clock:before {content: "n";}
.i-warning:before {content: "o";}
.i-cancel:before {content: "q";}

/*.i-trash:before {content: "r";}*/
.i-trash:before {
	content: "";
	width: 16px;
	height: 16px;
	background: url("../img/design/delete.png") no-repeat center;
}
.i-trash-close:before {
	content: "";
	width: 13px;
	height: 13px;
	background: url("../img/design/u47.png") no-repeat center;
}

.i-copy:before {content: "t";}
/*.i-warning2:before {content: "v";}*/
.i-warning2:before {
	content: "";
	width: 13px;
	height: 13px;
	background: url("../img/design/voskl_black.png") no-repeat center;
	background-size: 100% auto;
}
.i-warning2.red:before {
	background: url("../img/design/voskl_red.png") no-repeat center;
	background-size: 100% auto;
}
.i-warning2.red.time:before {
	background: url("../img/design/clock_red.png") no-repeat center;
	background-size: 100% auto;
	top: 3px;
}
.mb5 {margin-bottom: 5px;}

.i-user:before {content: "w";}
.i-bell:before {content: "x";}
.i-help:before {content: "y";}
.i-help2:before {content: "z";}
.i-info:before {content: "A";}
.i-settings:before {content: "B";}
.i-check2:before {content: "D";}
.i-trash2:before {content: "C";}
.i-bnovo:before {content: "E";}
.i-academic:before {content: "F";}
.i-open:before {content: "G";}
.i-minimize:before {content: "H";}
.i-comment:before {content: "I";}
.i-preview:before {content: "J";}
.i-search:before {content: "L";}
.i-email:before {content: "K";}
.i-search2:before {content: "M";}
.i-new:before {content: "O";}
.i-gift:before {content: "\4e";}
.i-play:before {content: "\50";}
.i-pause:before {content: "\51";}
.i-attention:before {content: "\52";}
.i-warning3:before {content: "\53";}
.i-concierge-add:before {content: "\54";}
.i-concierge-delete:before {content: "\55";}
.i-refresh:before {content: "\57";}


/* Ширина */
[size="1"] {width: 2em !important;}
[size="2"] {width: 2em !important;}
[size="3"] {width: 3em !important;}
[size="4"] {width: 4em !important;}
[size="5"] {width: 5em !important;}
[size="6"] {width: 6em !important;}
[size="7"] {width: 7em !important;}
[size="8"] {width: 8em !important;}
[size="9"] {width: 9em !important;}
[size="10"] {width: 10em !important;}
[size="11"] {width: 11em !important;}
[size="12"] {width: 12em !important;}
[size="13"] {width: 13em !important;}
[size="14"] {width: 14em !important;}
[size="15"] {width: 15em !important;}
[size="16"] {width: 16em !important;}
[size="17"] {width: 17em !important;}
[size="18"] {width: 18em !important;}
[size="19"] {width: 19em !important;}
[size="20"] {width: 20em !important;}

[data-width="auto"] {width: auto !important;}
[data-width="10"] {width: 10% !important;}
[data-width="15"] {width: 15% !important;}
[data-width="20"] {width: 20% !important;}
[data-width="25"] {width: 25% !important;}
[data-width="30"] {width: 30% !important;}
[data-width="33"] {width: 33.3333% !important;}
[data-width="40"] {width: 40% !important;}
[data-width="45"] {width: 45% !important;}
[data-width="50"] {width: 50% !important;}
[data-width="60"] {width: 60% !important;}
[data-width="66"] {width: 66.666% !important;}
[data-width="70"] {width: 70% !important;}
[data-width="75"] {width: 75% !important;}
[data-width="80"] {width: 80% !important;}
[data-width="100"] {width: 100% !important;}

[data-symbols] {display: inline-block;}
td[data-symbols],
th[data-symbols] {display: table-cell;}
[data-symbols="5"] {width: 5rem !important; min-width: 5rem !important;}
[data-symbols="6"] {width: 6rem !important; min-width: 6rem !important;}
[data-symbols="7"] {width: 7rem !important; min-width: 7rem !important;}
[data-symbols="8"] {width: 8rem !important; min-width: 8rem !important;}
[data-symbols="9"] {width: 9rem !important; min-width: 9rem !important;}
[data-symbols="10"] {width: 10rem !important; min-width: 10rem !important;}
[data-symbols="11"] {width: 11rem !important; min-width: 11rem !important;}
[data-symbols="12"] {width: 12rem !important; min-width: 12rem !important;}
[data-symbols="13"] {width: 13rem !important; min-width: 13rem !important;}
[data-symbols="15"] {min-width: 15rem !important;}
[data-symbols="16"] {width: 16rem !important; min-width: 16rem !important;}
[data-symbols="17"] {width: 17rem !important; min-width: 17rem !important;}
[data-symbols="18"] {width: 18rem !important; min-width: 18rem !important;}
[data-symbols="19"] {width: 19rem !important; min-width: 19rem !important;}
[data-symbols="20"] {width: 20rem !important; min-width: 20rem !important;}
[data-symbols="22"] {width: 22rem !important; min-width: 22rem !important;}
[data-symbols="23"] {width: 23rem !important; min-width: 23rem !important;}
[data-symbols="24"] {width: 24rem !important; min-width: 24rem !important;}
[data-symbols="25"] {width: 25rem !important; min-width: 25rem !important;}
[data-symbols="28"] {width: 28rem !important; min-width: 28rem !important;}
[data-symbols="30"] {width: 30rem !important; min-width: 30rem !important;}
[data-symbols="35"] {width: 35rem !important; min-width: 35rem !important;}
[data-symbols="40"] {width: 40rem !important; min-width: 40rem !important;}
[data-symbols="50"] {width: 50rem !important; min-width: 50rem !important;}
[data-symbols="60"] {width: 60rem !important; min-width: 60rem !important;}
[data-max-symbols="15"] {width: auto !important; max-width: 15rem !important;}
[data-max-symbols="20"] {width: auto !important; max-width: 20rem !important;}
[data-max-symbols="25"] {width: auto !important; max-width: 25rem !important;}
[data-max-symbols="30"] {width: auto !important; max-width: 30rem !important;}
[data-max-symbols="35"] {width: auto !important; max-width: 35rem !important;}
[data-max-symbols="40"] {width: auto !important; max-width: 40rem !important;}
[data-max-symbols="50"] {width: auto !important; max-width: 50rem !important;}
[data-max-symbols="55"] {width: auto !important; max-width: 55rem !important;}
[data-max-symbols="60"] {width: auto !important; max-width: 60rem !important;}

.i-calendar {
   cursor: pointer;
}
.small-show {
	display: none;
}

.g-hr {
	border: none;
	background-color: #E4E4E4;
	color: #E4E4E4;
	height: 1px;
}