@import url("/assets/font/exotwo/exotwo.css");
@import url("/assets/font/ptsansweb/stylesheet.css");

:root {
	--blue          : #1565C0;
	--blue-dark     : #303F9F;
	--blue-lite     : #1976D2;
	--blue2         : #2196F3;
	--darkblue      : #1565C0;
	--deepblue      : #0D47A1;
	--liteblue      : #81D4FA;
	--blueindigo    : #3F51B5;
	--blueliter     : #E3F2FD;
	--white         : #FFF;
	--black         : #222;
	--gray          : #E5E5E5;
	--gray-soft     : #F2F4F9;
	--gray-lite     : #FAFAFA;
	--gray-dark     : #999;
	--gray-sub      : #CFD8DC;
	--gray-darkblue : #2C3E50;
	--gray-darkest  : #263238;
	--gray-darkgray : #37474F;
	--gray3         : #8899A6;
	--gray4         : #607D8B;
	--gray5         : #CFD8DC;
	--red           : #F44336;
	--red-dark      : #B71C1C;
	--red-lite      : #FFCDD2;
	--emerald       : #008A00;
	--emerald-lite  : #09B83E;
	--green         : #349C5A;
	--green-dark    : #388E3C;
	--green-lite    : #81C784;
	--green-sublite : #C8E6C9;
	--carrot        : #E64A19;
	--carrot-lite   : #FF7043;
	--orange        : #FFCE54;
	--orange-dark   : #F6BB42;
	--orange-lite   : #FFE082;
	--orange-sublite : #FFF9C4;
	--mint          : #4FC3F7;
	--biruza        : #90CAF9;
	--biruza-lite   : #D0E5F5;
	--broun         : #5D4037;
	--broun-lite    : #A1887F;
	--violet        : #651FFF;
	--violet-lite   : #B388FF;
	--violet-dark   : #4527A0;
	--indigo        : #304FFE;
	--indigo-lite   : #536DFE;
	--indigo-dark   : #283593;
}

html {
	font-size : 12px;
	height    : 100%;
	padding   : 0;
	margin    : 0;
}

body {
	padding          : 0;
	margin           : 0;
	line-height      : 1.0em;
	font-family      : "Exo 2", 'PT Sans', 'Open Sans', sans-serif, Tahoma, Arial, Verdana;
	font-kerning     : normal;
	font-synthesis   : weight;
	font-size        : 1.1em;
	background-color : #FFF;
	height           : 100%;
	overflow-y       : auto;
	overflow-x       : hidden;
}

div, select, textarea, ul {
	scrollbar-width : thin;

}

::-webkit-scrollbar {
	width            : 5px;
	background-color : #263238;
	color            : #263238;
}
::-webkit-scrollbar-thumb {
	height           : 50px;
	background-color : #1565C0;
	color            : #263238;
	border-radius    : 1px;
}
::-webkit-scrollbar-track {
	-webkit-box-shadow : inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color   : #263238;
	color              : #263238;
}
::-webkit-scrollbar-button {
	background-color : #455A64;
	color            : #455A64;
	height           : 1px;
}
::-moz-viewport-scroll {

}

.font-custom {
	font-family : arial, sans-serif, Verdana, "Trebuchet MS";
}

h1 {
	font-size   : 2.1rem;
	line-height : 2.1rem;
	margin      : 20px 0;
	padding     : 0;
}

h2 {
	font-size   : 1.5rem;
	line-height : 1.5rem;
	margin      : 15px 0;
	padding     : 0;
}

sup {
	position    : relative;
	left        : 5px;
	font-size   : 0.8em;
	font-weight : bold
}

.sup {
	position     : relative;
	left         : -5px;
	top          : -5px;
	margin-right : -10px;
	font-size    : 0.8em;
}

i {
	position : relative;
}

i > i.sub {
	line-height : initial;
	position    : absolute;
	bottom      : 30%;
	left        : 60%;
	font-size   : 0.8em;
	/*color       : var(--biruza);*/
}

i > i.sub.orange {
	color : var(--orange);
}

.visible {
	display : block;
}

.unvisible {
	visibility : hidden;
}

.noBold {
	font-weight : 500;
}

.Bold {
	font-weight : 600;
}

.Boldest {
	font-weight : 800;
}

b, strong {
	font-weight : bold;
}

.relative {
	position : relative;
}

.norelative {
	position : inherit !important;
}

.idel {
	position       : absolute;
	right          : 10px !important;
	height         : 100%;
	line-height    : 100%;
	padding        : 5px;
	cursor         : pointer;
	vertical-align : middle;
}

.relative .idel {
	top   : 10px;
	right : 0 !important;
}

i {
	font-size : 1.05em;
	position  : relative;
}

.hidden {
	display : none !important;
}

.inline {
	display : inline-block !important;
}

.block {
	display : block !important;
}

.flex {
	display : flex !important;
}

.itable {
	display : table !important;
}

.inherit {
	position : inherit !important;
}

.full {
	width   : 100%;
	display : table !important;
}

.em {
	font-style : italic;
}

.flags {
	position              : absolute;
	top                   : -2px;
	left                  : 90%;
	display               : inline-block;
	text-align            : center;
	font-size             : 0.6em;
	font-weight           : 700;
	width                 : 0.9em;
	height                : 0.9em;
	line-height           : 0.9em;
	color                 : RGB(255, 255, 255);
	background            : RGB(231, 76, 60);
	padding               : 3px;
	border-radius         : 1.2em;
	-moz-border-radius    : 1.2em;
	-webkit-border-radius : 1.2em;
}

.no-border,
div.no-border,
a.no-border {
	border : 0 !important;
}

.disable--select {
	user-select         : none;
	-moz-user-select    : none;
	-webkit-user-select : none;
}

.enable--select {
	user-select         : text !important;
	-moz-user-select    : text !important;
	-webkit-user-select : text !important;
}

.no--overflow {
	overflow : hidden !important;
}

.overflow-y {
	overflow-y : auto;
}

.disabled {
	cursor     : progress;
	background : var(--gray);
	color      : var(--gray-dark);
}

/*Тень у текста*/
.text-shadow {
	text-overflow : ellipsis;
	text-shadow   : 0 1px 1px rgba(0, 0, 0, 0.7);
}

.no--shadow{
	box-shadow : 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

/*Вертикальная надпись*/
.sticker {
	text-transform : uppercase;
	transform      : rotate(-90deg);
}

/*Текст с переносами и дефисами*/
.text-break,
.hy {
	overflow-wrap   : break-word;
	word-wrap       : break-word;
	-webkit-hyphens : auto;
	-ms-hyphens     : auto;
	-moz-hyphens    : auto;
	hyphens         : auto;
	word-break      : break-all;
	white-space     : pre-wrap;
}

/**делает элемент "прозрачным" для кликов и выделений**/
.clearevents {
	pointer-events : none;
}

.do {
	color : rgba(96, 125, 139, 1);
}

.do:before {
	border-bottom : 1px solid #222;
	position      : absolute;
	content       : "";
	width         : 100%;
	height        : 60%;
}

.nofind {
	text-decoration : line-through;
	color           : #CCC;
	font-weight     : 400;
}

/**
Прилипание элемента к верху родительского элемента
НЕ работает для заголовков таблиц в Хроме (только для TH)
 */
.sticked--top {
	position   : sticky;
	top        : 0;
	z-index    : 10;
	box-shadow : 0 2px 2px -2px rgba(50, 50, 50, 0.5);
}

tr.sticked--top {
	position           : sticky;
	top                : 38px;
	z-index            : 9;
	border             : 0 !important;
	-webkit-box-shadow : 0 1px 2px -1px rgba(50, 50, 50, 0.5) !important;
}

tr.sticked--top td {
	border : 0 !important;
}

tr.sticked--top th.noshadow {
	box-shadow         : 0 0 0 0 transparent !important;
	-webkit-box-shadow : 0 0 0 0 transparent !important;
}

.sticked--bottom {
	position         : sticky;
	bottom           : 0;
	z-index          : 10;
	border-top-color : #BBB;
	-moz-box-shadow  : 0 -2px 1px 0 rgba(50, 50, 50, 0.33);
}

div.sticked--top {
	/*display    : flex;*/
	box-shadow : 0 4px 2px -3px rgba(50, 50, 50, 0.5);
}

.zindex-0 {
	z-index : 0 !important;
}

.zindex-10 {
	z-index : 10 !important;
}

.zindex-20 {
	z-index : 20 !important;
}

.zindex-30 {
	z-index : 30 !important;
}

ul.nolist {
	list-style   : none;
	padding-left : 0;
	line-height  : 1.5em;
}

ul.nolist li:before {
	content : "- ";
}

ul.simple {
	list-style  : none;
	line-height : 1.6em;
}

ul.simple li:before {
	content : " ";
}

ul.table {
	list-style   : none;
	padding-left : 0;
	line-height  : 1.5em;
}

ul.table span:first-child,
ul.table div:first-child {
	display        : inline-block;
	/*width: 20%;*/
	height         : 100%;
	/*text-align: right;*/
	font-weight    : 700;
	vertical-align : top;
}

ul.table span {
	display     : inline-block;
	width       : 75%;
	height      : 100%;
	font-weight : 400;
}

ul.table li {
	display : block;
	padding : 3px 2px;
}

ol.list {
	list-style-type : decimal;
	padding-left    : 15px;
	line-height     : 1.5em;
	counter-reset   : li;
	cursor          : unset;
}

ol.list li {
	list-style-type : decimal;
	padding         : 3px 2px;
	cursor          : unset;
}

ul.list {
	list-style    : none;
	padding-left  : 15px;
	line-height   : 1.5em;
	counter-reset : li;
	cursor        : unset;
}

ul.list li {
	list-style : none;
	padding    : 3px 2px;
	cursor     : unset;
}

ul.list li:before {
	content : " - ";
}

.icon-2x {
	font-size : 1.35em !important;
}

.icon-3x {
	font-size : 3.35em !important;
}

.icon-5x {
	font-size : 5.0em !important;
}

.icon-10x {
	font-size : 8.0em;
}

.text-2x {
	font-size   : 1.25em;
	line-height : 1.15em;
}

.text-3x {
	font-size   : 1.75em;
	line-height : 1em;
}

.fs-05 {
	font-size : 0.5em !important;
}

.fs-07 {
	font-size : 0.7em !important;
}

.fs-09 {
	font-size : 0.9em !important;
}

.fs-10 {
	font-size : 1.0em !important;
}

.fs-11 {
	font-size : 1.1em !important;
}

.fs-12 {
	font-size : 1.2em !important;
}

.fs-13 {
	font-size : 1.3em !important;
}

.fs-14 {
	font-size : 1.4em !important;
}

.fs-20 {
	font-size : 2.0em !important;
}

.fs-25 {
	font-size : 2.5em !important;
}

.fs-30 {
	font-size : 3.0em !important;
}

.fs-40 {
	font-size : 4.0em !important;
}

.flh-05 {
	line-height : 0.55em !important;
}

.flh-07 {
	line-height : 0.75em !important;
}

.flh-09 {
	line-height : 0.95em !important;
}

.flh-10 {
	line-height : 1.05em !important;
}

.flh-11 {
	line-height : 1.15em !important;
}

.flh-12 {
	line-height : 1.30em !important;
}

.flh-13 {
	line-height : 1.40em !important;
}

.flh-14 {
	line-height : 1.45em !important;
}

.flh-20 {
	line-height : 2.2em !important;
}

.flh-30 {
	line-height : 3.2em !important;
}

.left-text,
.text-left {
	text-align : left;
}

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

.right-text,
.text-right {
	text-align : right;
}

.text-middle {
	display        : inline-block;
	vertical-align : middle;
}

.text-wrap,
.text-wrap a,
a.text-wrap {
	overflow-wrap   : break-word; /* не поддерживает IE, Firefox; является копией word-wrap */
	word-wrap       : break-word;
	word-break      : normal; /* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */
	line-break      : auto; /* нет поддержки для русского языка */
	-webkit-hyphens : auto;
	-ms-hyphens     : auto;
	hyphens         : auto;
	white-space     : normal;
	width           : 99%;
}

.box-shadow {
	box-shadow         : 0 1px 1px #CCC;
	-webkit-box-shadow : 0 1px 1px #CCC;
	-moz-box-shadow    : 0 1px 1px #CCC;
}

.underline {
	border-bottom : 1px dotted #2980B9;
}

/*Форатирование ссылок*/

a.button,
input.button,
a.button:link,
a.button:visited,
div.button,
input[type="submit"].button {
	padding               : 10px 20px;
	/*margin-left           : 10px;*/
	/*height: 20px;*/
	line-height           : 20px;
	display               : inline-block;
	text-align            : center;
	text-decoration       : none;
	font-weight           : 500;
	color                 : #FFF;
	outline               : medium none;
	background            : #2980B9;
	border                : 1px solid #2980B9;
	cursor                : pointer;
	border-radius         : 5px;
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	/*box-shadow            : 0 1px 2px -1px rgba(0, 0, 0, 0.50);
	-webkit-box-shadow    : 0 1px 3px -1px rgba(0, 0, 0, 0.50);
	-moz-box-shadow       : 0 1px 3px -1px rgba(0, 0, 0, 0.50);*/
	/*box-shadow            : 0 14px 10px -10px #283593;*/
	box-shadow            : 0 14px 10px -10px rgba(0,0,0,.5);
	/*box-shadow: 0px 1px 1px #999;
		-webkit-box-shadow: 0px 1px 1px #999;
		-moz-box-shadow: 0px 1px 1px #999;*/
}

a.button:hover,
input.button:hover,
a.sbutton:hover,
div.button:hover,
input[type="submit"].button:hover {
	background         : #03A9F4;
	border             : 1px solid #2196F3;
	color              : #FFF;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

a.button:active, a.sbutton:hover {
	/*box-shadow: 0px 0px 0px #999;
		-webkit-box-shadow: 0px 0px 0px #999;
		-moz-box-shadow: 0px 0px 0px #999;*/
}

input[type="submit"].button:disabled {
	background : #DDD;
	border     : 1px solid #CCC;
	color      : #222;
}

a.button.bcancel {
	background : var(--gray4) !important;
	border     : 1px solid var(--gray4) !important;
	color      : #FFF !important;
	box-shadow : 0 14px 10px -10px var(--gray4) !important;
}

a.button.bcancel:hover {
	background         : #95A5A6;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

.button.graybtn {
	background : var(--gray4) !important;
	border     : 1px solid var(--gray4) !important;
	color      : #FFF !important;
	/*box-shadow : 0 14px 10px -10px var(--gray4) !important;*/
}
.button.graybtn:hover {
	background : var(--gray-darkblue) !important;
	border     : 1px solid var(--gray-darkblue) !important;
	color      : #FFF !important;
}

.button.blackbtn {
	background : var(--black) !important;
	border     : 1px solid var(--black) !important;
	color      : #FFF !important;
	/*box-shadow : 0 14px 10px -10px var(--black) !important;*/
}
.button.blackbtn:hover {
	background : var(--gray-darkblue) !important;
	border     : 1px solid var(--gray-darkblue) !important;
	color      : #FFF !important;
}

.button.bluebtn {
	background : var(--blue) !important;
	border     : 1px solid var(--blue-dark) !important;
	color      : #FFF !important;
}
.button.bluebtn:hover {
	background         : #1E88E5 !important;
	color              : #FFF !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

.button.deepbluebtn {
	background : #283593 !important;
	border     : 1px solid #283593 !important;
	color      : #FFF !important;
}
.button.deepbluebtn:hover {
	background         : #1E88E5 !important;
	color              : #FFF !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

.button.greenbtn {
	background : #4CAF50 !important;
	border     : 1px solid #4B9664 !important;
	color      : #FFF !important;
	/*box-shadow : 0 14px 10px -10px #4B9664 !important;*/
}
.button.greenbtn:hover {
	background         : #8BC34A !important;
	color              : #FFF !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

.button.emeraldbtn {
	background : #008A00 !important;
	border     : 1px solid #008A00 !important;
	color      : #FFF !important;
	/*box-shadow : 0 14px 10px -10px #4B9664 !important;*/
}
.button.emeraldbtn:hover {
	background         : #09B83E !important;
	color              : #FFF !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

.button.carrotbtn {
	background : var(--carrot) !important;
	border     : 1px solid var(--carrot) !important;
	color      : #FFF !important;
	/*box-shadow : 0 14px 10px -10px #4B9664 !important;*/
}
.button.carrotbtn:hover {
	background         : var(--carrot-lite) !important;
	color              : #FFF !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

#orangebutton .button,
.button.orangebtn {
	background : #FF9800 !important;
	border     : 1px solid #FF9800 !important;
	color      : #FFF;
	/*box-shadow : 0 14px 10px -10px #FF9800 !important;*/
}
.button.orangebtn:hover {
	background         : #FFC107 !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

.button.whitebtn {
	padding    : 3px 0 3px 20px;
	text-align : left;
	background : #FFF !important;
	border     : 1px solid transparent;
	color      : #222 !important;
}
.button.whitebtn:hover {
	background : #EEE !important;
}

.button.redbtn {
	background : #C0392B !important;
	border     : 1px solid #C0392B !important;
	color      : #FFF;
	/*box-shadow : 0 14px 10px -10px #C0392B !important;*/
}
.button.redbtn:hover {
	background         : #EF5350 !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

.button.fioletbtn {
	background : #BA68C8 !important;
	border     : 1px solid #BA68C8 !important;
	color      : #FFF;
	/*box-shadow : 0 14px 10px -10px #BA68C8 !important;*/
}
.button.fioletbtn:hover {
	background         : #9C27B0 !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

.button.brounbtn {
	background : #795548 !important;
	border     : 1px solid #795548 !important;
	color      : #FFF;
	/*box-shadow : 0 14px 10px -10px #795548 !important;*/
}
.button.brounbtn:hover {
	background         : #A1887F !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

.button.bezhbtn {
	background : #F2CD7E !important;
	border     : 1px solid #F2CD7E !important;
	color      : var(--black) !important;
	/*box-shadow : 0 14px 10px -10px #F2CD7E !important;*/
}
.button.bezhbtn:hover {
	background         : #FFE3A2 !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

.button.olivebtn {
	background : #808000 !important;
	border     : 1px solid #808000 !important;
	color      : #FFF;
	/*box-shadow : 0 14px 10px -10px #808000 !important;*/
}
.button.olivebtn:hover {
	background         : #9E9D24 !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

.button.indigobtn {
	background : var(--indigo-dark) !important;
	border     : 1px solid var(--indigo-dark) !important;
	color      : #FFF;
	/*box-shadow : 0 14px 10px -10px var(--indigo-dark) !important;*/
}
.button.indigobtn:hover {
	background         : var(--indigo-lite) !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

.button.deeppinkbtn {
	background : #880E4F !important;
	border     : 1px solid #880E4F !important;
	color      : #FFF;
	/*box-shadow : 0 14px 10px -10px #880E4F !important;*/
}
.button.deeppinkbtn:hover {
	background         : #E91E63 !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

.button.disabled{
	background : var(--gray-dark) !important;
	border     : 1px solid var(--gray-dark) !important;
	color      : #FFF !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
	user-select         : none !important;
	-moz-user-select    : none !important;
	-webkit-user-select : none !important;
}
.button.disabled:hover{
	background : var(--gray-dark) !important;
	border     : 1px solid var(--gray-dark) !important;
	color      : #FFF !important;
}

a.sbutton, a.sbutton:link, a.sbutton:visited {
	padding               : 2px 5px 2px 5px;
	margin                : 0 2px 2px 0;
	height                : 1.25em;
	line-height           : 1.25em;
	display               : inline-block;
	text-align            : center;
	font-size             : 0.85em;
	color                 : #FFF;
	background            : #2980B9;
	border                : 1px solid #2980B9;
	border-radius         : 2px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
	box-shadow            : 0 1px 1px #999;
	-webkit-box-shadow    : 0 1px 1px #999;
	-moz-box-shadow       : 0 1px 1px #999;
}
a.abutton, a.abutton:link, a.abutton:visited {
	padding         : 2px 0 2px 15px;
	height          : 1.25em;
	line-height     : 1.25em;
	display         : inline-block;
	text-decoration : none;
	font-weight     : 500;
	font-size       : 0.95em;
	color           : #333;
	border          : 1px solid transparent;
}
a.abutton:before {
	content : "→ ";
}
a.abutton:hover, a.active.abutton {
	/*background: #c0392b;
	border: 1px solid #C00;*/
	background            : #2980B9;
	border                : 1px solid #2980B9;
	color                 : #FFF;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}

a.cnopka, a.cnopka:link, a.cnopka:visited {
	background            : #EEE;
	border                : 1px solid #CCC;
	padding               : 3px 5px;
	margin                : 0 1px 2px 0;
	height                : 1.25em;
	line-height           : 1.25em;
	display               : inline-block;
	text-align            : center;
	font-size             : 0.9em;
	font-weight           : bold;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}
a.cnopka:hover {
	color      : #FFF;
	border     : 1px solid #C00;
	background : #C0392B;
}

a:link, a:visited {
	color           : #2980B9;
	text-decoration : none;
}
a:hover {
	color           : #3F51B5;
	text-decoration : none;
}

.blue a, a.blue {
	color : #3B6EAA;
}

.blue a:hover, a.blue:hover {
	color : #3F51B5;
}
.deepblue a:hover, a.deepblue:hover {
	color : var(--blue-dark);
}
a.red:link, a.red:visited {
	color : #CC2424;
}
a.blue:link, a.blue:visited {
	color : #2980B9;
}
a.green:link, a.green:visited {
	color : #349C5A;
}
a.emerald:link, a.emerald:visited {
	color : #008A00;
}
a.fiolet:link, a.fiolet:visited {
	color : #BA68C8;
}
a.broun:link, a.broun:visited {
	color : #795548;
}
a.orange:link, a.orange:visited {
	color : rgba(255, 193, 7, 1);
}
a.carrot:link, a.carrot:visited {
	color : var(--carrot);
}
a.bezh:link, a.bezh:visited {
	color : #F2CD7E;
}
a.olive:link, a.olive:visited {
	color : #808000;
}
a.indigo:link, a.indigo:visited {
	color : #283593;
}
a.deeppink:link, a.deeppink:visited {
	color : #880E4F;
}

.button.bluebtn.dotted {
	color : #2980B9 !important;
}

.button.greenbtn.dotted {
	color : #4B9664 !important;
}

.button.emeraldbtn.dotted {
	color : var(--emerald) !important;
}
.button.carrotbtn.dotted {
	color : var(--carrot) !important;
}

.button.redbtn.dotted {
	color : #C0392B !important;
}

.button.orangebtn.dotted {
	color : #FF9800 !important;
}

.button.brounbtn.dotted {
	color : #795548 !important;
}

.button.fioletbtn.dotted {
	color : #BA68C8 !important;
}

.button.graybtn.dotted {
	color : var(--gray-darkblue) !important;
}

.button.dotted {
	font-weight        : 700 !important;
	background         : #FFF !important;
	border-style       : dashed !important;
	border-width       : 1px !important;
	padding            : 5px 10px !important;
	-webkit-box-shadow : 0 0 0 0 transparent !important;
	-moz-box-shadow    : 0 0 0 0 transparent !important;
	box-shadow         : 0 0 0 0 transparent !important;
	border-radius      : 5px !important;
}

.button.dotted:hover {
	color : #FFF !important;
}

.roundbutton {
	display       : inline-block;
	padding       : 3px;
	border-radius : 50px;
	background    : #1976D2;
	border        : 1px solid #1976D2;
	box-sizing    : border-box;
	cursor        : pointer;
}

.roundbutton:link {
	color : #FFF;
}

.roundbutton:hover {
	background : #1E88E5;
}

.roundbutton.disabled {
	color      : #222;
	background : #B0BEC5;
	border     : 1px solid #90A4AE;
	cursor     : not-allowed;
}

.roundbutton.disabled .icon {
	background : #90A4AE;
	border     : 1px solid #90A4AE;
}

.roundbutton .icon {
	display       : inline-block;
	padding       : 5px;
	color         : #222;
	background    : #FFF;
	border        : 1px solid #FFF;
	border-radius : 50px;
	width         : 20px;
	height        : 20px;
	line-height   : 20px;
	text-align    : center;
}

.roundbutton .text {
	display     : inline-block;
	padding     : 0 10px;
	line-height : 32px;
	text-align  : center;
}

.roundbutton.small .icon {
	font-size   : 0.9em;
	width       : 10px;
	height      : 10px;
	line-height : 8px;
}

.roundbutton.small .icon i {
	font-size   : 0.8em !important;
	margin-left : -2px !important;
}

.roundbutton.small .text {
	padding     : 0 5px;
	line-height : 20px;
}

.roundbutton.green {
	color      : #FFF;
	background : #4CAF50;
	border     : 1px solid #4CAF50;
}

.roundbutton.green .icon {
	color      : #FFF;
	background : #66BB6A;
	border     : 1px solid #66BB6A;
}

.roundbutton.orange {
	color      : #FFF;
	background : #FF9800;
	border     : 1px solid #FF9800;
}

.roundbutton.orange .icon {
	color      : #FFF;
	background : #FFC107;
	border     : 1px solid #FFC107;
}

.roundbutton.red {
	color      : #FFF;
	background : #C0392B;
	border     : 1px solid #C0392B;
}

.roundbutton.red .icon {
	color      : #FFF;
	background : #E57373;
	border     : 1px solid #E57373;
}

.roundicon {
	width         : 30px;
	height        : 30px;
	line-height   : 30px;
	border-radius : 50px;
	text-align    : center;
	background    : var(--biruza-lite);
	font-size     : 0.7rem;
}

.roundicon:hover {
	background : var(--gray-darkblue);
	color      : var(--white) !important;
}

.roundicon:hover i {
	color : var(--white) !important;
}

.button--group a.button {
	width      : 100%;
	box-sizing : border-box;
}

.button--group .flex-string:first-child a.button {
	border-radius      : 3px 0 0 3px;
	-moz-border-radius : 3px 0 0 3px;
	border-right       : 1px dotted transparent !important;
}

.button--group .flex-string:last-child a.button {
	border-radius      : 0 3px 3px 0;
	-moz-border-radius : 0 3px 3px 0;
	border-left        : 1px dotted transparent !important;
}

/** Панель кнопок для форматрования */
.a--group {
	width          : 100%;
	display        : flex !important;
	flex-direction : row !important;
	flex-wrap      : wrap !important;
	background     : #FFF !important;
	border-radius  : 5px;
}

.a--group a.button {
	flex-grow          : 1;
	padding            : 5px 10px;
	display            : table-cell;
	text-align         : center;
	cursor             : pointer;
	border             : 0 !important;
	margin             : 0;
	box-sizing         : border-box;
	border-radius      : 0;
	box-shadow         : 0 0 0 0;
	-webkit-box-shadow : 0 0 0 0;
	-moz-box-shadow    : 0 0 0 0;
}

.a--group a.button:first-child {
	border-radius : 5px 0 0 5px;
}

.a--group a.button:last-child {
	border-radius : 0 5px 5px 0;
}

/** Панель кнопок для форматрования */
.ul--group {
	display : block;
}

.ul--group ul {
	display       : table-cell;
	list-style    : none;
	background    : #E6E9ED;
	border        : 1px solid #CCD1D9;
	margin        : 0;
	padding-left  : 0;
	font-size     : 0.9em;
	border-radius : 4px 4px 0 0;
	border-bottom : 0;
}

.ul--group ul li {
	padding      : 5px 10px;
	height       : 1.25em;
	line-height  : 1.25em;
	display      : table-cell;
	text-align   : center;
	cursor       : pointer;
	border-right : 1px solid #CCD1D9;
	margin       : 0;
}

.ul--group ul li:last-child {
	border-right : 0;
}

.ul--group ul li:hover,
.ul--group ul li.active {
	color      : #FFF;
	background : #C0392B;
}

.ftabs{
	display: table;
}
#ytabs {
	display : block;
}

#ytabs ul {
	display               : inline-block;
	list-style            : none;
	background            : #FFCE54;
	border                : 1px solid #F6BB42;
	border-bottom         : 0;
	margin                : 0;
	padding-left          : 0;
	font-size             : 1.0em;
	border-radius         : 0;
	-moz-border-radius    : 0;
	-webkit-border-radius : 0;
}

#ytabs ul li {
	padding      : 5px 5px;
	height       : 1.25em;
	line-height  : 1.25em;
	display      : inline-block;
	text-align   : center;
	cursor       : pointer;
	border-right : 1px solid #F6BB42;
}

#ytabs ul li:last-child {
	border-right : 0;
}

#ytabs ul li:hover {
	color      : #FFF;
	background : #C0392B;
}

#ytabs ul.gray {
	background            : #E6E9ED;
	border                : 1px solid #CCD1D9;
	border-radius         : 2px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
}

#ytabs ul.gray li {
	border-right : 1px solid #CCD1D9;
	padding      : 10px;
	border-bottom: 1px solid #CCD1D9;
}

#ytabs ul.gray li:hover,
#ytabs ul.gray li.active {
	color              : #222;
	font-weight        : 700;
	background         : #F6BB42;
	border-bottom      : 1px solid var(--orange-lite);
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

#ytabs ul.gray li:last-child {
	border-right : 0;
}

#ytabs ul.gray.blue li {
	color         : #222;
	font-weight   : 400;
	border-bottom : 2px solid transparent;
}

#ytabs ul.gray.blue li.active {
	color         : #FFF;
	font-weight   : 700;
	color         : rgba(1, 87, 155, 1.5);
	background    : rgba(1, 87, 155, 0.0);
	border-bottom : 2px solid rgba(1, 87, 155, 0.8);
}

#ytabs ul.gray.blue li:not(.active):hover {
	color              : #FFF;
	background         : rgba(1, 87, 155, 1);
	border-bottom      : 2px solid rgba(1, 87, 155, 0.8);
	transition         : border 300ms ease;
	-webkit-transition : border 300ms ease;
	-moz-transition    : border 300ms ease;
}

/*класс для гибких элементов*/
.flex-container {
	display        : flex !important;
	flex-direction : row !important;
	flex-wrap      : wrap !important;
	/*justify-content : space-between;*/
}

.flex-container.hover {
	border-bottom : 1px dotted #CCC;
}

.flex-container.hover:hover {
	color      : #222;
	background : #ECEFF1;
}
.flex-container.hover-blue:hover {
	color      : #222;
	background : var(--biruza-lite);
}

.flex-container.hidden {
	display : none !important;
}

.flex-container.rowtable {
	border     : 1px solid rgb(195, 204, 204) !important;
	box-sizing : border-box;
	background : RGB(255, 255, 255);
	padding    : 5px;
}

.flex-string {
	flex-grow : 1;
}

.flex-string label {
	display : block;
}

.flex-string.hidden {
	display : none !important;
}

.flex-string.title {
	font-size     : 1.2em;
	text-align    : right;
	padding-top   : 7px;
	padding-right : 10px;
	color         : #607D8B;
}

/**
Таблица с плавающим столбцом и возможностью задать ширину столбцов в пикселях
 */
.flex-container.float {
	flex-wrap       : nowrap !important;
	overflow-wrap   : break-word !important;
	word-wrap       : break-word !important;
	-webkit-hyphens : auto !important;
	-ms-hyphens     : auto !important;
	-moz-hyphens    : auto !important;
	hyphens         : auto !important;
}

.flex-container.float .flex-string.float {
	flex-grow   : 1;
	flex-shrink : 1;
}

@media (max-width : 767px) {
	.flex-container.float {
		flex-wrap : wrap !important;
	}
}

.flex-container.float .flex-string {
	flex-grow   : 0;
	flex-shrink : 0;
}

.flex-container.float .flex-string.w10 {
	flex-basis : 10px;
}

.flex-container.float .flex-string.w20 {
	flex-basis : 20px;
}

.flex-container.float .flex-string.w30 {
	flex-basis : 30px;
}

.flex-container.float .flex-string.w40 {
	flex-basis : 40px;
}

.flex-container.float .flex-string.w50 {
	flex-basis : 50px;
}

.flex-container.float .flex-string.w60 {
	flex-basis : 60px;
}

.flex-container.float .flex-string.w70 {
	flex-basis : 70px;
}

.flex-container.float .flex-string.w80 {
	flex-basis : 80px;
}

.flex-container.float .flex-string.w100 {
	flex-basis : 100px;
}

.flex-container.float .flex-string.w120 {
	flex-basis : 120px;
}

.flex-container.float .flex-string.w140 {
	flex-basis : 140px;
}

.flex-container.float .flex-string.w160 {
	flex-basis : 160px;
}

.flex-container.float .flex-string.w200 {
	flex-basis : 200px;
}

.flex-container.float .flex-string.w250 {
	flex-basis : 250px;
}

.flex-container.float .flex-string.w300 {
	flex-basis : 300px;
}

.flex-vertical > .flex-container > .flex-string {
	width : 100% !important;
}

.flex-vertical > .flex-container > .flex-string:first-child {
	text-transform : uppercase;
	font-size      : 0.7em;
	line-height    : 0.7em;
	font-weight    : 700;
	color          : var(--gray-dark);
	margin-bottom  : 5px;
	padding        : 0;
}

.flex-vertical > .flex-container > .flex-string:nth-child(2n) {
	font-size   : 1.1em;
	line-height : 1.2em;
	font-weight : 700;
}

.flex-vertical > .flex-container.wp50 {
	width      : calc(50% - 2px) !important;
	display    : inline-flex !important;
	box-sizing : border-box;
}

.flex-vertical > .flex-container > .flex-string input {
	font-size : initial;
}

#dialog .flex-string.label {
	font-size   : 0.9em;
	color       : var(--gray-darkblue);
	font-weight : 700;
}

#dialog .flex-vertical > .flex-container > .flex-string:nth-child(2n) {
	font-size   : 1.0em;
	line-height : 1.0em;
	font-weight : 400;
}

.flex-33 {
	width : 33%;
}

/*все дочерние элементы приобретут новое свойство*/
.box--child .flex-string {
	box-sizing : border-box;
}

.flx-0 {
	flex-grow : 0 !important;
}

.flx-1 {
	flex-grow : 1 !important;
}

.flx-2 {
	flex-grow : 2 !important;
}

.flx-3 {
	flex-grow : 3 !important;
}

.flx-4 {
	flex-grow : 4 !important;
}

.flx-basis-10 {
	flex-basis : 10% !important;
}

.flx-basis-20 {
	flex-basis : 20% !important;
}

.flx-basis-25 {
	flex-basis : 25% !important;
}

.flx-basis-30 {
	flex-basis : 30% !important;
}

.flx-basis-40 {
	flex-basis : 40% !important;
}

.flx-basis-50 {
	flex-basis : 50% !important;
}

/*Форатирование форм*/
form {
	display : inline;
}

input,
select {
	position              : relative;
	font-size             : 1.2em;
	line-height           : 1.5em !important;
	margin                : 0 0 2px;
	padding               : 10px 10px;
	border                : 2px solid var(--gray);
	outline               : none;
	color                 : #222;
	box-sizing            : border-box;
	border-radius         : 5px;
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	font-weight           : 400;
}
select {
	cursor             : pointer;
	appearance         : none;
	-moz-appearance    : none;
	-webkit-appearance : none;
}

.select {
	position : relative;
	/*display: inline-block;*/
}
.select::after {
	/* arrow icon for select element */
	content         : '';
	position        : absolute;
	z-index         : 1;
	right           : 2px;
	top             : 55%;
	margin-top      : -12px;
	display         : block;
	width           : 30px;
	height          : 20px;
	background      : url("/assets/images/cd-icon-arrow.svg") no-repeat center center;
	background-size : 50%;
	pointer-events  : none;
}

input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-moz-placeholder,
input:-ms-input-placeholder {
	color      : var(--gray4);
	font-size  : 0.9em;
	text-align : left;
}

.like-input {
	position              : relative;
	font-size             : 1.2em;
	line-height           : 1.5em !important;
	margin                : 0 0 2px;
	padding               : 10px 10px;
	outline               : none;
	color                 : #222;
	border                : 2px solid var(--gray);
	background            : var(--gray-lite);
	box-sizing            : border-box;
	border-radius         : 5px;
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	font-weight           : 400;
}

.input--gray .like-input,
.input--gray input,
.input--gray select {
	background : #F0F0F0 !important;
}

option {
	/*height: 1.2em;*/
	font-size : 1.0em;
}
textarea {
	font-family      : 'PT Sans', 'Open Sans', sans-serif, Tahoma, Arial, Verdana;
	font-size             : 1.1em;
	padding               : 4px 10px;
	background            : #FFF;
	color                 : var(--black) !important;
	border                : 2px solid var(--gray);
	outline               : none;
	vertical-align        : middle;
	resize                : vertical;
	margin                : 0 0 3px 0;
	border-radius         : 3px;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	box-sizing            : border-box;
}

input:focus, textarea:focus, select:focus {
	outline            : none;
	border             : 2px solid var(--blue);
	transition         : all 400ms ease;
	-webkit-transition : all 400ms ease;
	-moz-transition    : all 400ms ease;
	box-shadow         : 0 0 2px var(--liteblue);
	-webkit-box-shadow : 0 0 2px var(--liteblue);
	-moz-box-shadow    : 0 0 2px var(--liteblue);
	background         : rgba(59, 110, 170, 0.1);
}
input:active, textarea:active, select:active {
	border : 2px solid var(--liteblue);
}
input.required, select.required, td.required, textarea.required {
	border-left : 2px solid #E74C3C;
}
input.required.error,
select.required.error,
td.required.error,
textarea.required.error {
	background: var(--red-lite);
}

input:disabled,
select:disabled,
option:disabled {
	background : #FAFAFA !important;
	color      : #CCC !important;
}

textarea[readonly],
input[readonly] {
	/*background: rgb(247, 247, 238);*/
	background : rgba(255, 249, 196, 0.4);
}

input:focus:invalid {
	border-bottom : 1px solid #E74C3C;
}

input[type="file"] {
	/*font: normal 10px tahoma, arial, helvetica, sans-serif;*/
	font-size       : 1.0em;
	background      : #FFF;
	/*height: 20px;
	line-height: 20px;*/
	margin-bottom   : 2px;
	vertical-align  : middle;
	/*border-bottom: 1px solid #ddd;*/
	border-collapse : collapse;
}

input[type="file"]:last-child {
	/*border-bottom: 0;*/
}

input[type="checkbox"] {
	border             : none;
	margin-right       : 5px;
	line-height        : 1.3em;
	box-shadow         : 0 0 0 #FFF;
	-webkit-box-shadow : 0 0 0 #FFF;
	-moz-box-shadow    : 0 0 0 #FFF;
}

input[type="radio"] {
	border             : none;
	margin-right       : 5px;
	height             : unset;
	box-shadow         : 0 0 0 #FFF;
	-webkit-box-shadow : 0 0 0 #FFF;
	-moz-box-shadow    : 0 0 0 #FFF;
}

select[type="multiselect"] {

}

input[type="submit"] {
	/*height: auto;
	line-height: unset;*/
}

/*Checkboxsss*/
.checkbox.inline:last-child,
.radio.inline:last-child {
	margin-right : 0;
}

.checkbox label,
.radio label {
	display               : block;
	position              : relative;
	-webkit-touch-callout : none;
	-webkit-user-select   : none;
	-moz-user-select      : none;
	-ms-user-select       : none;
	user-select           : none;
	cursor                : pointer;
	box-sizing            : border-box;
}

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
	/*position: absolute;*/
	top          : 0;
	left         : 0;
	visibility   : hidden;
	display      : none;
	margin-right : 0;
}

.checkbox .custom-checkbox,
.radio .custom-radio {
	display        : inline-block;
	vertical-align : top;
	margin         : 2px 2px 0 0;
	width          : 10px;
	height         : 10px;
	border         : 1px solid #1583CC;
	position       : relative;
	padding        : 2px;
}

.checkbox .custom-checkbox {
	background            : var(--blue);
	box-shadow            : inset 0 0 0 12px #FFF;
	top                   : -4px;
	border                : 2px solid var(--blue);
	border-radius         : 5px;
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
}

.checkbox span.title, .radio span.title {
	/*display: inline-block;*/
	width         : calc(100% - 60px);
	margin-top    : -3px;
	overflow-wrap : normal; /* не поддерживает IE, Firefox; является копией word-wrap */
	word-wrap     : normal;
	word-break    : keep-all; /* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */
	line-break    : auto; /* нет поддержки для русского языка */
	/*-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;*/ /* значение auto не поддерживается Chrome */
}

.checkbox .icon-ok {
	width           : 20px;
	height          : 20px;
	background-size : cover;
	position        : absolute;
	top             : -1px;
	left            : -2px;
	transform       : scale(0);
	transition      : all 180ms ease;
}

.checkbox:not(.disabled) .icon-ok:before {
	position    : absolute;
	content     : '\e807';
	width       : 12px;
	font-size   : 12.66667px;
	text-align  : center;
	line-height : 16px;
	color       : #FFF;
	font-weight : bold;
}

.checkbox input[type="checkbox"]:checked + .custom-checkbox {
	border-color : var(--blue);
	box-shadow   : none;
}

.checkbox input[type="checkbox"]:checked + .custom-checkbox .icon-ok {
	transform : scale(1);
}

/*Radios*/
.radio .custom-radio {
	background    : #FFF;
	border-radius : 18px;
	transition    : all 180ms ease;
	top           : -3px;
	border        : 2px solid var(--blue);
}

.radio input[type="radio"]:checked + .custom-radio {
	border-color : var(--blue);
	background   : var(--blue);
}

.radio .icon-radio-check {
	position   : absolute;
	top        : -0.9px;
	left       : -4px;
	width      : 14px;
	height     : 14px;
	transform  : scale(0);
	transition : all 180ms ease;
}

.radio .icon-radio-check:before {
	position    : absolute;
	content     : '\e807';
	height      : 18px;
	width       : 18px;
	font-size   : 12.66667px;
	text-align  : center;
	line-height : 16px;
	color       : #FFF;
}

.radio input[type="radio"]:checked + .custom-radio .icon-radio-check {
	transform : scale(1);
}

.checkbox .secondary,
.radio .secondary {
	border : 2px solid #777;
}

.checkbox input[type="checkbox"]:checked + .secondary,
.radio input[type="radio"]:checked + .secondary {
	background : #777;
	border     : 2px solid #777;
}

.checkbox .success,
.radio .success {
	border  : 2px solid #16A085 !important;
	padding : 2px;
}

.checkbox input[type="checkbox"]:checked + .success,
.radio input[type="radio"]:checked + .success {
	background : #16A085;
	border     : 2px solid #16A085 !important;
}

.checkbox .alert,
.radio .alert {
	border : 2px solid #C0392B;
}

.checkbox input[type="checkbox"]:checked + .alert,
.radio input[type="radio"]:checked + .alert {
	background : #C0392B;
	border     : 2px solid #C0392B;
}

.checkbox .warning,
.radio .warning {
	border : 2px solid #FFAE00;
}

.checkbox input[type="checkbox"]:checked + .warning,
.radio input[type="radio"]:checked + .warning {
	background : #FFAE00;
	border     : 2px solid #FFAE00;
}

.checkbox .custom-checkbox.disabled,
.radio .custom-radio.disabled{
	border         : 2px solid var(--gray-darkblue) !important;
	opacity        : 0.35;
	cursor         : not-allowed;
	pointer-events : none;
}

.checkbox label.middle,
.radio label.middle {
	display : flex !important;
}

.radio label.middle .custom-radio {
	top            : 3px;
	vertical-align : bottom !important;
	margin-right   : 10px;
}

.checkbox label.middle .custom-checkbox {
	top            : 0;
	vertical-align : bottom !important;
	margin-right   : 10px;
}

/*Radios*/

label {
	font-size : 1.1em;
}

fieldset {
	position           : relative;
	border             : 1px solid #BFCFFF;
	padding            : 5px;
	background         : #E5F0F9;
	margin-bottom      : 0.9em;
	-webkit-box-shadow : 0 1px 0 #CCC;
	-moz-box-shadow    : 0 1px 0 #CCC;
	box-shadow         : 0 1px 0 #CCC;
}

select.clean, input.clean {
	/*line-height        : normal;*/
	/*font-size: unset;*/
	margin             : 0;
	/*font-size          : 0.85em !important;*/
	font-weight        : 500;
	/*padding            : 1px 3px;*/
	background         : transparent;
	border             : 0;
	outline            : none;
	vertical-align     : middle;
	padding            : 0;
	font-size          : inherit !important;
	line-height        : inherit !important;
	box-shadow         : 0 0 0 transparent;
	-webkit-box-shadow : 0 0 0 transparent;
	-moz-box-shadow    : 0 0 0 transparent;
}

select.clean:focus, input.clean:focus {
	outline            : none;
	border             : 0;
	box-shadow         : none;
	-webkit-box-shadow : none;
	-moz-box-shadow    : none;
}

.itog {
	background  : #FFC;
	font-weight : 600;
}

.h0 {
	height : unset !important;
}

.h35 {
	height      : 35px;
	line-height : 34px;
	display     : block;
}

.h40 {
	height      : 40px;
	line-height : 38px;
	display     : block;
}

.height50 {
	height : 50px !important;
}

.height100 {
	height : 100px !important;
}

.height150 {
	height : 150px !important;
}

.height200 {
	height : 200px !important;
}

.height250 {
	height : 250px !important;
}

.space-10 {
	height  : 10px;
	display : block;
}

.space-20 {
	height  : 20px;
	display : block;
}

.space-30 {
	height  : 30px;
	display : block;
}

.space-40 {
	height  : 40px;
	display : block;
}

.space-50 {
	height  : 50px;
	display : block;
}

.space-60 {
	height  : 60px;
	display : block;
}

.space-80 {
	height  : 80px;
	display : block;
}

.space-100 {
	height  : 100px;
	display : block;
}

.trans:active {
	background         : unset;
	background         : #F39C12;
	transition         : all 400ms ease;
	-webkit-transition : all 400ms ease;
	-moz-transition    : all 400ms ease;
}

/**
Базовые стили для таблиц
 */
table {
	border          : 0;
	width           : 100%;
	border-collapse : separate;
	border-spacing  : 0;
}

table.space-1 {
	border-spacing : 1px;
}

table.space-2 {
	border-spacing : 2px;
}

table td,
table th {
	padding : 5px;
}

table thead th {
	padding : 5px;
}

table td,
table tr.middle td,
table tr td.middle {
	vertical-align : middle;
	padding-top    : 10px;
	padding-bottom : 5px;
}

table.nopad td,
table tr.nopad td {
	vertical-align : middle;
	padding-top    : 0;
}

table.top td,
table tr.top td {
	vertical-align : top;
	padding-top    : 10px;
	padding-bottom : 10px;
}

table.th5 tr,
table tr.th5 {
	height : 5px
}

table.th20 tr,
table tr.th20 {
	height : 20px
}

table.th25 tr,
table tr.th25 {
	height : 25px
}

table.th30 tr,
table tr.th30 {
	height : 30px
}

table.th40 tr,
table tr.th40 {
	height : 40px
}

table.th45 tr,
table tr.th45 {
	height : 45px
}

table.th50 tr,
table tr.th50 {
	height : 50px
}

table.th55 tr,
table tr.th55 {
	height : 55px
}

table.th60 tr,
table tr.th60 {
	height : 60px
}

table.th70 tr,
table tr.th70 {
	height : 70px
}

th {
	border-right : 1px solid #F5F7FA;
	font-size    : 1.0em;
	height       : 2.05em;
}

th:last-child {
	border-right : 0;
}

tr .ha, td .ha, #zebra td, #zebraTable td {
	border-bottom : 1px dotted #DDD;
	/*border-right: 1px dotted #ccc;*/
}

tr.even .ha, td.even .ha {
	border-bottom : 1px dotted #DDD;
}

table.layout-fixed {
	table-layout : fixed;
}

tfoot .greenbg-dark {
	color      : #F5F7FA !important;
	background : rgba(67, 160, 71, 1) !important;
}

hr {
	width      : 100%;
	border     : 0 none;
	border-top : #CCC 1px dotted;
	padding    : 0;
	height     : 1px;
	margin     : 5px 0;
	clear      : both;
}

.border-bottom,
table.border-bottom td {
	/*padding-bottom : 5px;*/
	border-bottom : #CCC 1px dotted;
}

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

.border--bottom > .flex-container {
	padding-bottom : 5px;
	border-bottom  : #CCC 1px dotted !important;
}

.border--bottom > .flex-container:last-child {
	border-bottom : 0 !important;
}

.submenu hr {
	border          : 0 none;
	height          : 1px;
	border-collapse : collapse;
}

.ellipsis {
	position         : relative;
	text-overflow    : ellipsis !important;
	-o-text-overflow : ellipsis !important;
	overflow         : hidden !important;
	white-space      : nowrap;
	display          : inline-block;
	line-height      : 1.25em;
	height           : 1.25em;
	width            : 95%;
	vertical-align   : middle;
	margin-right     : -9999px;
	/*cue-after: url(../images/pixel000.gif);*/
}

.string {
	line-height : 1.5em;
	height      : 1.5em;
}

.border-box {
	box-sizing : border-box;
}

.complete {
	text-decoration : line-through;
}

.uppercase {
	text-transform : uppercase !important;
}

table.table--newface,
table.table--newface td {
	border : 0;
	/*background: #FFF;*/
}

table.table--newface tr {
	border        : 1px dashed #222 !important;
	border-radius : 5px;
	display       : table;
	width         : 100%;
	margin-bottom : 5px;
}

table.table--newface .ablock {
	background : #F5F5F5 !important;
}

table.table--newface .viewdiv {
	border        : 1px solid RGBA(181, 184, 200, .5) !important;
	border-radius : 5px;
}

div.table--newface .ablock {
	border        : 1px dashed RGBA(181, 184, 200, .8) !important;
	border-bottom : 1px dashed RGBA(181, 184, 200, .8) !important;
	border-radius : 5px;
	display       : block;
	margin-bottom : 5px;
	background    : #F5F5F5 !important;
}

div.table--newface .ablock.bgwhite {
	background : #FFF !important;
}

div.table--newface .viewdiv {
	border        : 1px dotted RGBA(181, 184, 200, .8) !important;
	border-radius : 5px;
	display       : block;
	margin-bottom : 5px;
}

div.table--newface .viewdiv .ablock {
	background : #F5F5F5 !important;
}

div.table--newface .tag {
	border-radius : 5px;
	display       : inline-block;
}

.rowtable table,
#rowtable table {
	background : transparent !important;
}

.rowtable tr,
#rowtable tr {
	display     : table;
	width       : 100%;
	padding     : 0;
	outline     : none;
	line-height : 40px;
	height      : 40px;
	font-size   : 1.05em;
	margin-top  : 3px;
	border      : 1px solid rgb(195, 204, 204);
	box-sizing  : border-box;
}

.rowtable tr.tableDrag,
#rowtable tr.tableDrag {
	background   : #3498DB;
	padding-left : 10px;
	color        : #222;
	font-weight  : 700;
}

.rowtable tr td,
#rowtable tr td {
	background  : RGB(255, 255, 255);
	line-height : 30px;
}

.rowtable tr.grayb td,
#rowtable tr.grayb td {
	background : #FAFAFA !important;
	color      : #CCC !important;
}

.rowtable tr td input,
.rowtable tr td select,
#rowtable tr td input,
#rowtable tr td select {
	background : RGBA(250, 250, 250, 1);
	z-index    : 0;
}

.rowtable tr td input[readonly],
.rowtable tr td select[readonly],
#rowtable tr td input[readonly],
#rowtable tr td select[readonly] {
	background : rgba(210, 220, 210, 1);
	z-index    : 0;
}

.ydropGroup {
	display : table;
}

.ydropGroup .ydropDown {
	display        : table-cell;
	margin         : 0;
	padding-right  : 10px;
	padding-left   : 10px;
	vertical-align : baseline;
}

.ydropGroup .ydropDown:first-child {
	border-radius : 20px 0 0 20px;
}

.ydropGroup .ydropDown:last-child {
	border-radius : 0 20px 20px 0;
}

.ydropGroup > .ydropDown > .yselectBox {
	top : 2.25em;
}

.ydropGroup .ydropDown.pipeline:not(:last-child) {
	border-right : 0;
}

.ydropGroup .ydropDown:first-child {
	padding-left : 10px !important;
}

.tableHeader {
	position           : absolute;
	top                : 0;
	left               : 0;
	z-index            : 10;
	background         : #FFF;
	-webkit-box-shadow : 0 1px 2px 0 rgba(50, 50, 50, 0.5);
	-moz-box-shadow    : 0 1px 2px 0 rgba(50, 50, 50, 0.5);
	box-shadow         : 0 1px 2px 0 rgba(50, 50, 50, 0.5);
}

.tableHeader thead {
	font-size : 0.9rem;
	/*color:#ECF0F1;
		background:#2980B9;*/
	/*color:#485B60;*/
	/*background: #F5F7FA;*/
	/*background:#EAEFF8;*/
	/*background:#EEEEEE;*/
}

.tableHeader .header_contaner,
.tableHeader .header_contaner a,
.tableHeader .header_contaner a:link,
.tableHeader .header_contaner a:visited,
.tableHeader thead {
	font-size  : 0.9rem;
	color      : #222;
	background : rgba(189, 189, 189, 0.3);
}

.tableHeader thead th {
	border-right : 1px dotted rgba(189, 189, 189, 0.5);
	padding-left : 5px;
}

.tableHeader thead th:nth-last-child(2) {
	border-right : 1px solid transparent;
}

.fixedHeader,
.fixedHeader2 {
	position           : fixed;
	top                : 0;
	left               : 0;
	z-index            : 100;
	background         : transparent;
	box-shadow         : 0 1px 2px 0 rgba(50, 50, 50, 0.25);
	-webkit-box-shadow : 0 1px 2px 0 rgba(50, 50, 50, 0.25);
	-moz-box-shadow    : 0 1px 2px 0 rgba(50, 50, 50, 0.25);
}

.listHead {
	padding-left : 10px;
	background   : #F5F7FA;
}

.listHead:not(.originalcolor) a:link,
.listHead:not(.originalcolor) a:visited {
	color : #222;
}

.listHead a.button:link {
	color : #FFF;
}

/*Форатирование строк при наведении*/
.ha:hover {
	/*background:#FFE3A2;*/
	background         : #D9F2FC !important;
	transition         : all 300ms ease;
	-webkit-transition : all 300ms ease;
	-moz-transition    : all 300ms ease;
}

.hagray:hover {
	background : #F0F0F0;
}

/*Модальное окно*/
.dialog_container {
	position           : fixed;
	top                : 0;
	left               : 0;
	z-index            : 200;
	display            : none;
	background         : #222;
	width              : 100vw;
	height             : 100vh;
	background         : -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
	background         : -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
	background         : -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
	background         : -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
	background         : -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
	background         : radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
	filter             : progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#e6000000', GradientType=1);
	-ms-filter         : "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter             : alpha(opacity=50);
	-webkit-transition : all 0.3s ease-out;
	-moz-transition    : all 0.3s ease-out;
	-o-transition      : all 0.3s ease-out;
	transition         : all 0.3s ease-out;
}

.dtransition {
	transition         : all 300ms ease;
	-webkit-transition : all 300ms ease;
	-moz-transition    : all 300ms ease;
}

.dialog-preloader {
	display  : none;
	position : absolute;
	top      : 0;
	left     : 0;
	width    : 128px;
	height   : 128px;
	z-index  : 12;
}

.dialog {
	position              : absolute;
	top                   : 80px;
	left                  : 310px;
	z-index               : 30;
	background            : #FFF;
	color                 : #222;
	border                : 1px solid var(--gray);
	display               : none;
	padding               : 15px;
	cursor                : default;
	width                 : 500px;
	min-height            : 40px;
	border-radius         : 4px;
	-moz-border-radius    : 4px;
	-webkit-border-radius : 4px;
	box-shadow            : 0 0 2px var(--gray-dark);
	-webkit-box-shadow    : 0 0 2px var(--gray-dark);
	-moz-box-shadow       : 0 0 2px var(--gray-dark);
	overflow              : visible !important;
}

.dialog img {
	cursor     : hand;
	text-align : right;
}

.dialog a.button, .dialog input.button, .dialog a.button:link, .dialog a.button:visited {
	font-size     : 1.1em;
	margin-top    : 5px;
	margin-bottom : 5px;
	/*border-radius         : 5px;
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;*/
}

.dialog .ui-tabs {
	padding : 0.4em 1em 0.4em 0;
}

.dialog .ui-tabs, .dialog .ui-tabs-nav {
	margin-bottom : 5px;
}

.dialog #formtabs {
	max-height    : 70vh;
	overflow-x    : hidden;
	overflow-y    : auto !important;
	margin-left   : -15px;
	margin-right  : -15px;
	padding-left  : 20px;
	padding-right : 20px;
}

.dialog #formtabs li a,
.dialog #formtabse li a {
	padding : 5px 10px;
}

.dialog #formtabs ul .ui-state-default,
.dialog #formtabse ul .ui-state-default {
	border : 1px solid rgb(195, 204, 204);
}

.dialog #formtabs ul .ui-state-default a,
.dialog #formtabse ul .ui-state-default a {
	color : #222;
}

.dialog #formtabs ul .ui-state-default a:hover,
.dialog #formtabse ul .ui-state-default a:hover {
	color : #507192;
}

.dialog #formtabs ul .ui-state-active,
.dialog #formtabse ul .ui-state-active {
	border      : 1px solid rgb(195, 204, 204);
	background  : rgb(249, 249, 249);
	font-weight : bold;
	bottom      : -1px;
}

.dialog #formtabs ul .ui-state-active a,
.dialog #formtabse ul .ui-state-active a {
	color : #507192;
}

.dialog #formtabs ul .ui-state-active:after,
.dialog #formtabse ul .ui-state-active:after {
	content    : " ";
	position   : absolute;
	bottom     : 0;
	left       : 0;
	width      : 100%;
	height     : 5px;
	background : rgb(249, 249, 249);
}

.ui-tabs .ui-tabs-nav li {
	margin-bottom : 0 !important;
}

.dialog .close {
	position    : absolute;
	top         : 5px;
	right       : 10px;
	width       : 20px;
	height      : 20px;
	padding     : 5px 5px;
	color       : #222;
	font-size   : 1.5em;
	line-height : 20px;
	text-align  : center;
	cursor      : pointer;
}

.dialog .close:hover {
	color              : #3498DB;
	transition         : all 300ms ease;
	-webkit-transition : all 300ms ease;
	-moz-transition    : all 300ms ease;
}

/*Содержимое модального окна .dialog для форм и просмотра*/
.dialog #resultdiv {
	background : #FFF;
}

.dialog #resultdiv .zagolovok {
	color                           : var(--gray-darkblue);
	display                         : block;
	font-size                       : 1.2em;
	font-weight                     : bold;
	background                      : #FFF;
	border                          : 1px solid #FFF;
	margin-bottom                   : 10px;
	padding                         : 0 10px 10px 5px;
	border-top-left-radius          : 3px;
	-webkit-border-top-left-radius  : 3px;
	border-top-right-radius         : 3px;
	-webkit-border-top-right-radius : 3px;
	text-transform                  : uppercase;
}

.dialog .button--pane {
	/*margin-top  : 20px;*/
	padding-top : 10px;
	border-top  : 1px dotted var(--gray);
}

.tagsmenuToggler {
	position : relative;
}
.tagsmenu {
	display    : none;
	margin-top : 10px;
	position   : absolute;
	z-index    : 20;
}
.tagsmenu.show {
	display : block;
}
.tagsmenu ul,
.tagsmenu div.blok {
	list-style         : none;
	margin             : 0;
	padding            : 5px 0 0;
	background         : #FFF;
	width              : 200px;
	max-height         : 50vh;
	overflow-y         : auto;
	overflow-x         : hidden;
	border             : 1px solid #BBB;
	box-shadow         : 1px 1px 3px #BBB;
	-webkit-box-shadow : 1px 1px 3px #BBB;
	-moz-box-shadow    : 1px 1px 3px #BBB;
	border-radius      : 5px;
}
.tagsmenu div.blok.no-shadow {
	border             : 0;
	box-shadow         : 0 0 0;
	-webkit-box-shadow : 0 0 0;
	-moz-box-shadow    : 0 0 0;
}
.tagsmenu li {
	display       : block;
	padding       : 10px;
	border-bottom : 1px dotted #DDD;
	cursor        : pointer;
}
.tagsmenu li:hover {
	/*border: 1px solid #79b7e7;*/
	background         : #EEE;
	transition         : all 300ms ease;
	-webkit-transition : all 300ms ease;
	-moz-transition    : all 300ms ease;
}
.tagsmenu div.blok {
	width : 300px;
}
.tagsmenu div.blok .ellipsis {
	vertical-align : inherit !important;
}
.tagsmenu:after, .tagsmenu:before {
	position       : absolute;
	top            : -10px;
	right          : 20px;
	border         : solid transparent;
	content        : " ";
	height         : 0;
	width          : 0;
	pointer-events : none;
}
.tagsmenu:after {
	border-color        : rgba(136, 183, 213, 0);
	border-bottom-color : #BBB;
	border-width        : 5px;
	margin-left         : -5px;
}
.tagsmenu:before {
	border-color        : rgba(255, 255, 255, 0);
	border-bottom-color : #FFF;
	border-width        : 7px;
	margin-left         : -7px;
	right               : 18px;
	z-index             : 21;
}
.tagsmenu.left:after {
	right : inherit;
	left  : 20px !important;
}
.tagsmenu.left:before {
	right : inherit;
	left  : 20px !important;
}
.tagsmenu.r0 {
	margin-top : 5px;
}
.tagsmenu.r0 ul,
.tagsmenu.r0 div.blok {
	list-style         : none;
	margin             : 0;
	padding            : 0;
	background         : #FFF;
	max-height         : 300px;
	overflow-y         : auto;
	overflow-x         : hidden;
	border             : 0;
	box-shadow         : 0 0 0;
	-webkit-box-shadow : 0 0 0;
	-moz-box-shadow    : 0 0 0;
}
.tagsmenu.r0:after, .tagsmenu.r0:before {
	right : 4px;
	top   : -10px;
}
.tagsmenu.r0:after {
	border-color        : rgba(136, 183, 213, 0);
	border-bottom-color : #FFF;
	border-width        : 5px;
	margin-left         : -5px;
}
.tagsmenu.r0:before {
	border-color        : rgba(255, 255, 255, 0);
	border-bottom-color : #FFF;
	border-width        : 5px;
	margin-left         : -5px;
	right               : 4px;
	z-index             : 21;
}
.tagsmenu.top {
	bottom : 100%;
}
.tagsmenu.top:after, .tagsmenu.top:before {
	position       : absolute;
	top            : calc(100% - 1px) !important;
	right          : 20px;
	border         : solid transparent;
	content        : " ";
	height         : 0;
	width          : 0;
	pointer-events : none;
}
.tagsmenu.top:after {
	border-color     : rgba(136, 183, 213, 0);
	border-top-color : #BBB;
	border-width     : 10px 10px 0 10px;
	margin-left      : -10px;
}
.tagsmenu.top:before {
	border-color     : rgba(255, 255, 255, 0);
	border-top-color : #FFF;
	border-width     : 10px 10px 0 10px;
	margin-left      : -10px;
	top              : calc(100% - 2px) !important;
	bottom           : 0 !important;
	z-index          : 21;
}
.tagsmenu.top div.blok {
	padding-bottom : 5px;
}

/*Модальное окно для экспресс-отчетов*/
#swindow {
	position           : fixed;
	top                : 0;
	left               : 110vw;
	height             : 100vh;
	width              : 100vw;
	background         : #FFF;
	z-index            : 29;
	overflow           : hidden;
	transition         : left 300ms ease;
	-webkit-transition : left 300ms ease;
	-moz-transition    : left 300ms ease;
}
#swindow .header {
	height         : 60px;
	background     : rgba(207, 216, 220, 1);
	box-sizing     : border-box;
	font-weight    : 700;
	font-size      : 1.8rem;
	text-transform : uppercase;
	/*text-align: center;*/
	line-height    : 60px;
	margin         : 0;
	padding        : 0 0 0 20px;
	color          : rgba(120, 144, 156, 1);
}
#swindow .body {
	height     : calc(100vh - 120px);
	overflow-y : auto !important;
	overflow-x : hidden;
	padding    : 10px 10px;
	box-sizing : border-box;
}
#swindow .footer {
	height      : 60px;
	background  : rgba(207, 216, 220, 1);
	box-sizing  : border-box;
	font-weight : 700;
	font-size   : 0.9rem;
	text-align  : center;
	line-height : 60px;
	padding     : 0;
	margin      : 0 auto;
	color       : #222;
}
#swindow .closer {
	position    : absolute;
	top         : 0;
	right       : 20px;
	height      : 1.5rem;
	width       : 1.5rem;
	font-size   : 1.5rem;
	line-height : 60px;
	z-index     : 201;
	cursor      : pointer;
	color       : rgba(120, 144, 156, 1);
}
#swindow .closer:hover {
	color       : #FFF;
	text-shadow : 0 0 2px #507192;
}
#swindow a.period {
	display               : inline-block;
	padding               : 10px 20px;
	margin-left           : 2px;
	background            : #ECF0F1;
	border                : 0 solid #E6E6F0;
	font-size             : 1.1rem;
	font-weight           : 700;
	color                 : #485B60;
	cursor                : pointer;
	border-radius         : 2px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
	box-shadow            : 0 1px 1px #999;
	-webkit-box-shadow    : 0 1px 1px #999;
	-moz-box-shadow       : 0 1px 1px #999;
}
#swindow a.period:hover {
	background : rgba(41, 128, 185, 0.5);
	color      : #FFF;
}
#swindow a.period.active {
	background : rgba(41, 128, 185, 1.0);
	color      : #FFF;
}
#swindow thead {
	/*position: absolute;
		top:0; left:0;
		z-index:100;
		margin-bottom: 40px;*/
	font-size          : 90%;
	color              : #485B60;
	background         : #ECF0F1;
	border-bottom      : 1px solid #E6E6F0;
	box-shadow         : 0 1px 1px #CCC;
	-webkit-box-shadow : 0 1px 1px #CCC;
	-moz-box-shadow    : 0 1px 1px #CCC;
}
#swindow thead td {
	border-right : 1px solid #EFEFF5;
}
#swindow thead td:last-child {
	border-right : 0;
}
#swindow tbody td {
	border-bottom : 1px solid #E6E6F0;
	border-right  : 1px dotted #F7F7FD;
}
#swindow tbody td:last-child {
	border-right : 0;
}
#swindow .sw--hide {
	display : none;
}

/*фрейм для работы с карточками*/
#smframe {
	position           : fixed;
	top                : 0;
	left               : 110vw;
	height             : 100vh;
	width              : 100vw;
	background         : #FFF;
	z-index            : 29;
	overflow           : auto;
	border             : 0;
	transition         : left 300ms ease;
	-webkit-transition : left 300ms ease;
	-moz-transition    : left 300ms ease;
}

/*Новое модальное окно для просмотра инфы: справа во всю высоту экрана*/
#subwindow {
	position           : fixed;
	top                : 0;
	left               : 110vw;
	height             : 100vh;
	width              : 35vw;
	background         : var(--white);
	border-left        : 0 solid #E0E0E0;
	z-index            : 101;
	overflow           : hidden;
	box-sizing         : border-box;
	transition         : left 300ms ease;
	-webkit-transition : left 300ms ease;
	-moz-transition    : left 300ms ease;
	box-shadow         : -2px 0 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow : -2px 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow    : -2px 0 3px rgba(0, 0, 0, 0.3);
}
#subwindow.card {
	height             : 100vh;
	width : 60vw;
}
#subwindow.schedule {
	display            : grid;
	grid-template-rows : 65px auto 60px;
	height             : 100vh;
	width: 50vw;
}
#subwindow.schedule.open {
	width: 45vw;
	left: 55vw;
}
#subwindow .header {
	/*height      : 65px;*/
	background  : rgba(207, 216, 220, 1);
	box-sizing  : border-box;
	font-weight : 700;
	line-height : 60px;
	padding     : 0;
	margin      : 0;
	color       : rgba(120, 144, 156, 1);
}
#subwindow .header li {
	line-height : 40px;
	height      : 40px;
}
#subwindow .body {
	height     : calc(100vh);
	overflow   : auto;
	box-sizing : border-box;
	position: relative;
}
#subwindow.schedule .body {
	height     : calc(100vh - 120px);
	overflow   : auto;
	box-sizing : border-box;
}
#subwindow .footer {
	height      : 60px;
	background  : var(--gray-lite);
	box-sizing  : border-box;
	font-weight : 700;
	line-height : 60px;
	padding     : 0;
	margin      : 0 auto;
	color       : #222;
}
#subwindow .closer {
	position    : absolute;
	top         : 0;
	right       : 20px;
	height      : 1.5rem;
	width       : 1.5rem;
	font-size   : 1.5rem;
	line-height : 60px;
	z-index     : 201;
	cursor      : pointer;
	color       : rgba(120, 144, 156, 1);
}
#subwindow .closer:hover {
	color       : #FFF;
	text-shadow : 0 0 2px #507192;
}
#subwindow a.period {
	display               : inline-block;
	padding               : 10px 20px;
	margin-left           : 2px;
	background            : #ECF0F1;
	border                : 0 solid #E6E6F0;
	font-size             : 1.1rem;
	font-weight           : 700;
	color                 : #485B60;
	cursor                : pointer;
	border-radius         : 2px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
	box-shadow            : 0 1px 1px #999;
	-webkit-box-shadow    : 0 1px 1px #999;
	-moz-box-shadow       : 0 1px 1px #999;
}
#subwindow a.period:hover {
	background : rgba(41, 128, 185, 0.5);
	color      : #FFF;
}
#subwindow a.period.active {
	background : rgba(41, 128, 185, 1.0);
	color      : #FFF;
}
#subwindow thead {
	/*position: absolute;
		top:0; left:0;
		z-index:100;
		margin-bottom: 40px;*/
	font-size          : 90%;
	color              : #485B60;
	background         : #ECF0F1;
	border-bottom      : 1px solid #E6E6F0;
	box-shadow         : 0 1px 1px #CCC;
	-webkit-box-shadow : 0 1px 1px #CCC;
	-moz-box-shadow    : 0 1px 1px #CCC;
}
#subwindow thead td {
	border-right : 1px solid #EFEFF5;
}
#subwindow thead td:last-child {
	border-right : 0;
}
#subwindow tbody td {
	border-bottom : 1px solid #E6E6F0;
	border-right  : 1px dotted #F7F7FD;
}
#subwindow tbody td:last-child {
	border-right : 0;
}
#subwindow .xfooter{
	position: fixed;
	bottom: 0;
	z-index : 10;
	width: 45vw;
	box-sizing: border-box;
}

/*фрейм для работы с карточками*/
.smframe--container {
	position           : fixed;
	top                : 0;
	left               : 110vw;
	height             : 100vh;
	width              : 100vw;
	background         : rgba(0, 0, 0, 0.8);
	z-index            : 29;
	overflow           : hidden;
	border             : 0;
	padding-right      : 40px;
	transition         : left 300ms ease;
	-webkit-transition : left 300ms ease;
	-moz-transition    : left 300ms ease;
}
.smframe--container .smframe--close {
	position  : absolute;
	right     : 40px;
	top       : 10px;
	z-index   : 29;
	color     : #FFF;
	font-size : 2.0em;
	cursor    : pointer;
}
.smframe--container .smframe--url {
	position  : absolute;
	right     : 40px;
	top       : 50px;
	z-index   : 29;
	color     : #FFF;
	font-size : 2.0em;
	cursor    : pointer;
}
.smframe--container #smframe {
	height             : 100vh;
	width              : calc(100vw - 40px);
	background         : #FFF;
	overflow           : auto;
	border             : 0;
	transition         : left 300ms ease;
	-webkit-transition : left 300ms ease;
	-moz-transition    : left 300ms ease;
}

@media (min-width : 1024px) {

	#subwindow.open {
		width : 40vw;
		left  : 60vw;
	}
	#subwindow.card.open {
		width : 60vw;
		left               : 40vw;
	}

}

@media (min-width : 768px) and (max-width : 1024px) {

	#subwindow.open {
		width : 50vw;
		left  : 50vw;
	}

}

@media (max-width : 767px) {

	#subwindow.schedule.open {
		width: 100vw;
		left: 0;
	}

	#subwindow.open {
		width : 100vw;
		left  : 0;
	}

	.smframe--container {
		z-index : 101;
	}

	.smframe--container #smframe {
		width : 100vw;
	}

	.smframe--container .smframe--close {
		right         : 130px;
		top           : unset;
		bottom        : 10px;
		height        : 30px;
		width         : 30px;
		line-height   : 30px;
		color         : #FFF;
		background    : rgba(30, 136, 229, .9);
		border        : 2px solid rgba(30, 136, 229, .9);
		border-radius : 100px;
		text-align    : center;
		font-size     : 1.0em;
		box-shadow    : 0 0 3px 0 rgba(50, 50, 50, 0.75);
	}

	.smframe--container .smframe--url {
		right         : 90px;
		top           : unset;
		bottom        : 10px;
		height        : 30px;
		width         : 30px;
		line-height   : 30px;
		color         : #FFF;
		background    : rgba(30, 136, 229, .9);
		border        : 2px solid rgba(30, 136, 229, .9);
		border-radius : 100px;
		text-align    : center;
		font-size     : 1.0em;
		box-shadow    : 0 0 3px 0 rgba(50, 50, 50, 0.75);
	}

}

.loader {
	border                : 0;
	padding               : 5px 10px;
	color                 : #FFF;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	border-radius         : 3px;
}

.good,
.good:hover,
.good:focus {
	background-color : var(--green-sublite) !important;
	border-color     : var(--green);
}

.bad,
.bad:hover,
.bad:focus {
	background-color : var(--red-lite) !important;
	border-color     : var(--red);
}

.flex-container.req,
.flex-container.multireq {
	border         : 1px dashed #E74B3B;
	padding-top    : 10px;
	padding-bottom : 10px;
}

.success {
	border           : 1px dashed #159D82 !important;
	background-color : #DCEDC8;
	font-size        : 1.0em;
	padding          : 10px;
	border-radius    : 3px;
}

.infodiv {
	border        : 1px dashed #BFCFFF !important;
	background    : #E5F0F9;
	font-size     : 1.0em;
	padding       : 10px;
	display       : block;
	border-radius : 3px;
}

.attention {
	border        : 1px dashed #E67E22 !important;
	background    : #FFF8E1;
	font-size     : 1.0em;
	padding       : 10px;
	border-radius : 3px;
}

.warning {
	border           : 1px dashed #E74B3B !important;
	background-color : #FFE3D7;
	font-size        : 1.0em;
	padding          : 10px;
	border-radius    : 3px;
}

.viewdiv {
	border                : 1px dotted #DDD;
	background            : #EEE;
	line-height           : 1.05em;
	padding               : 10px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
	display               : block;
	box-sizing            : border-box;
}

.viewdiv img {
	max-width : 98%;
}

.logodiv {
	display               : inline-block;
	border                : 1px dotted #BFCFFF;
	background            : #3B6EAA;
	font-size             : 1.0em;
	padding               : 10px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}

.circled-10 {
	width           : 10px;
	height          : 10px;
	border          : 1px solid #E5E5E5;
	border-radius   : 50px;
	background-size : contain;
	display         : inline-block;
	box-sizing      : border-box;
	text-align      : center;
	overflow        : hidden;
}

.circled-20 {
	width           : 20px;
	height          : 20px;
	border          : 2px solid #E5E5E5;
	border-radius   : 50px;
	background-size : contain;
	display         : inline-block;
	box-sizing      : border-box;
	text-align      : center;
	overflow        : hidden;
}

.circled-30 {
	width           : 30px;
	height          : 30px;
	border          : 2px solid #E5E5E5;
	border-radius   : 50px;
	background-size : contain;
	display         : inline-block;
	box-sizing      : border-box;
	text-align      : center;
	overflow        : hidden;
}

.circled-40 {
	width           : 40px;
	height          : 40px;
	border          : 3px solid #E5E5E5;
	border-radius   : 50px;
	background-size : contain;
	display         : inline-block;
	box-sizing      : border-box;
	text-align      : center;
	overflow        : hidden;
}

.circled-50 {
	width           : 50px;
	height          : 50px;
	border          : 3px solid #E5E5E5;
	border-radius   : 50px;
	background-size : contain;
	display         : inline-block;
	box-sizing      : border-box;
	text-align      : center;
	overflow        : hidden;
}

.circled-10 i:before,
.circled-20 i:before,
.circled-30 i:before,
.circled-40 i:before,
.circled-50 i:before {
	margin-left : 0;
}

.labeled {
	position : relative;
}

.labeled .label {
	position           : absolute;
	pointer-events     : none;
	left               : 15px;
	top                : -7px;
	font-size          : 1.1rem;
	font-weight        : 700;
	color              : #222;
	background         : transparent;
	padding            : 0 5px;
	text-transform     : uppercase;
	transition         : 0.2s ease all;
	-moz-transition    : 0.2s ease all;
	-webkit-transition : 0.2s ease all;
	z-index            : 5;
}

.labeled .label:after {
	content    : " ";
	position   : absolute;
	top        : 3px;
	left       : 1px;
	height     : 50%;
	background : #FFF;
	display    : block;
	width      : calc(100% - 2px);
	z-index    : -1;
}

.gray a > i, a.gray > i, a.gray {
	color : var(--gray4);
}

.gray2 a > i, a.gray2 > i, a.gray2 {
	color : #607D8B;
}

.gray:hover a > i, a.gray:hover > i,
.gray2:hover a > i, a.gray2:hover > i {
	color : #CC2424;
}

/*
.disabled:hover a > i, a.disabled:hover > i {
	color : #CCC;
}
*/

a.gray:hover,
a.gray2:hover {
	color : #434A54;
}

.gray:hover a > i.blue, a.gray:hover > i.blue, a.gray:hover > .blue,
.gray2:hover a > i.blue, a.gray2:hover > i.blue, a.gray2:hover > .blue {
	color : #2980B9;
}

.gray:hover a > i.green, a.gray:hover > i.green,
.gray2:hover a > i.green, a.gray2:hover > i.green {
	color : #349C5A;
}

.gray:hover a > i.broun, a.gray:hover > i.broun,
.gray2:hover a > i.broun, a.gray2:hover > i.broun {
	color : #C68A00;
}

.gray:hover a > i.yellow, a.gray:hover > i.yellow,
.gray2:hover a > i.yellow, a.gray2:hover > i.yellow {
	color : #F6BB42;
}

.disabled:hover a > i.broun, a.disabled:hover > i.broun {
	color : #CCC;
}

.red, .red a {
	color : #CC2424;
}

a.grayblue,
a.graygreen,
a.graybroun,
a.grayyellow {
	color : #CCC;
}

a.litegray {
	color : var(--gray-lite);
}
a.litegray:hover{
	color: var(--orange);
}

a.black {
	color : var(--black);
}

a.grayblue:hover {
	color : #2980B9;
}

a.graygreen:hover {
	color : #349C5A;
}

a.graybroun:hover {
	color : #C68A00;
}

a.grayyellow:hover {
	color : #F6BB42;
}

/*Очистка оригинального цвета текста*/
.clearColor {
	color : unset !important;
}

.blue {
	color : #2980B9;
}

.blue-dark {
	color : #0D47A1;
}

.blue-lite {
	color : #2196F3;
}

.bluelite {
	color : var(--liteblue);
}

.bluemint {
	color : var(--mint);
}

.deepblue, .deepblue a, a.deepblue {
	color : #507192;
}

.deepblue, .deepblue a, a.deepblue {
	color : var(--blue-dark);
}

.gray {
	color : var(--gray4);
}

.gray-link {
	display : block;
	padding : 5px;
}

.gray-link:active {
	background         : #03A9F4;
	transition         : all 300ms ease;
	-webkit-transition : all 300ms ease;
	-moz-transition    : all 300ms ease;
}

.gray-blue {
	color : var(--gray-darkblue);
}

.gray-lite {
	color : #E0E0E0;
}

.gray-sublite {
	color : var(--gray-lite);
}

.gray-dark {
	color : var(--gray-dark);
}

.yellow {
	color : #F1C30F;
}

.green, .green a {
	color : #349C5A;
}

.green-lite {
	color : var(--green-lite);
}

.green-sublite {
	color : var(--green-sublite);
}

.emerald{
	color: var(--emerald);
}
.emerald-lite{
	color: var(--emerald-lite);
}

.white {
	color : #FFF;
}

.black {
	color : #222;
}

.bezh {
	color : #EEBE59;
}

.bezh_dark {
	color : #F2CD7E;
}

.broun {
	color : var(--broun);
}

.broun2 {
	color : #FFBB78;
}

.deepbroun {
	color : #4E342E;
}

.lime {
	color : #C0CA33;
}

.orange {
	color : rgba(255, 193, 7, 1);
}

.carrot {
	color : var(--carrot);
}

.fiolet {
	color : #8E24AA;
}

.olive {
	color : #808000;
}

.indigo {
	color : var(--indigo-dark);
}

.darkhaki {
	color : #BDB76B;
}

.pink {
	color : #ef9a9a;
}

.deeppink {
	color : #880E4F;
}

.fiolet {
	color : #8E24AA;
}

.purple {
	color : #8E24AA;
}

.deeppurple {
	color : #5E35B1;
}

.cyan {
	color : #00ACC1;
}

.transparent {
	background : transparent !important;
}

.greenbg {
	/*background: rgba(133,205,136,1.0);*/
	background : var(--green);
}

.greenbg-sub {
	/*background: rgba(39,174,96,0.1) !important;*/
	background : #E8F5E9 !important;
}

.greenbg-dark {
	background : var(--green-dark);
}

.greenbg-lite {
	background : var(--green-lite);
	color      : #FFF;
}

.greenbg-sublite {
	background : var(--green-sublite);
}

.bluebg {
	/*background:rgba(172,191,210,1.0);*/
	background : #64B5F6;
}

.bluebg-sub {
	/*background:rgba(172,191,210,0.3) !important;*/
	background : #E3F2FD !important;
}

.bluebg-lite {
	background : #2196F3;
	color      : #FFF;
}

.bluebg-dark {
	background : #0D47A1;
	color      : #FFF;
}

.bluebg2 {
	background : #E0E9F8;
}

.orangebg {
	background : rgba(255, 213, 79, 1);
}

.orangebg-sub {
	background : rgba(255, 193, 7, 0.3) !important;
}

.orangebg-dark {
	background : rgba(255, 193, 7, 1);
}

.redbg {
	/*background: rgba(255,152,150,1);*/
	background : #EF9A9A;
}

.redbg-dark {
	background : rgba(244, 67, 54, 1);
	/*background: rgba(252,110,81,0.95);*/
	/*border: #C75949 solid 1px;*/
}

.redbg-sub {
	/*background: rgba(255,152,150,0.3) !important;*/
	background : #FFEBEE !important;
}

.graybg {
	background : #E6E6E6;
	border     : 1px solid #CCC;
}

.graybg-sub {
	background : #EEE;
	border     : 1px solid #E6E6E6;
}

.graybg-dark {
	background : #B0BEC5;
}

.graybg-sublite {
	background : var(--gray-lite);
}

.fioletbg {
	background : #CE93D8;
}

.fioletbg-sub {
	background : #E1BEE7;
}

.fioletbg-dark {
	background : #BA68C8;
}

.brounbg {
	background : #BCAAA4;
}

.brounbg-dark {
	background : #795548;
}

.brounbg-sub {
	background : #D7CCC8 !important;
}

.bgwhite {
	background : #FFF;
}

.rounded {
	-moz-border-radius    : 40px;
	-webkit-border-radius : 40px;
	border-radius         : 40px;
}

.r5 {
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	border-radius         : 5px;
}
.r10 {
	-moz-border-radius    : 10px;
	-webkit-border-radius : 10px;
	border-radius         : 10px;
}

.red-border {
	border-color : var(--red) !important;
}

.blue-border {
	border-color : var(--blue) !important;
}

.green-border {
	border-color : var(--green) !important;
}

.gray-border {
	border-color : var(--gray) !important;
}

.red-important {
	color : var(--red) !important;
}

.blue-important {
	color : var(--blue) !important;
}

.green-important {
	color : var(--green) !important;
}

.gray-important {
	color : var(--gray) !important;
}

.border-solid {
	border-style : solid !important;
}

.border-2x {
	border-width : 2px !important;
}

a, img, select {
	outline : 0;
}

img {
	outline : 0;
	border  : 0
}

/* multiselect styles */
.multiselect {
	width  : 98%;
	height : 230px;
}

.cherta {
	border-bottom : #333 dotted 1px;
}

.tooltip {
	position              : relative;
	z-index               : 100;
	display               : none;
	width                 : 300px;
	top                   : 5px;
	left                  : 50px;
	background-color      : #FFF;
	border                : 1px solid #CCC;
	padding               : 5px 5px 5px 5px;
	cursor                : default;
	-webkit-box-shadow    : 0 1px 5px #2387CA;
	-moz-box-shadow       : 0 1px 5px #2387CA;
	box-shadow            : 0 1px 5px #2387CA;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}

.tip {
	background-color      : #FFF;
	border                : 0;
	display               : block;
	padding               : 5px;
	cursor                : default;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}

.scroll {
	/*overflow:auto !important;*/
	max-height : 17em;
	height     : 16.2em;
	border     : 0;
}

.noscroll {
	overflow : hidden;
}

.noscroll:hover {
	overflow-y : auto;
}

.showpass {
	position  : absolute;
	font-size : 1.5em;
	top       : 15px;
	right     : 10px;
}


@media (min-width : 1500px) {
	.viget {
		flex-basis      : 33%;
		flex-wrap       : wrap;
		justify-content : space-between;
		box-sizing      : border-box;
	}

	/*.viget:last-child:nth-child(2n+1) {
		flex-basis : 32.6%;
	}*/
}

.viget-placeholder {
	height                : 20em;
	border                : 1px dotted #FF0;
	background            : #FCF8D6;
	margin                : 5px;
	padding               : 5px;
	/*display:inline-block;
	float:left;*/
	flex-grow             : 1;
	flex-basis            : 49%;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
	box-sizing            : border-box;
	-moz-box-sizing       : border-box;
	-webkit-box-sizing    : border-box;
}

.vigetHeader {
	display   : block;
	font-size : 1.15em;
	/*border-bottom:1px dotted #BFCFFF;
	background:#E6E9ED;*/
	padding   : 10px 5px;
	margin    : -5px -5px 5px -5px;
}

.vigetHeader i {
	font-size : 0.95em;
}

.vigetHeader .blue {
	/*color: #E6E9ED;*/
}

.viget-mini {
	position              : relative;
	height                : 7.2em;
	/*border: 1px solid #BFCFFF;*/
	background            : #FFF;
	margin                : 5px 5px 5px;
	padding               : 5px 10px 5px 5px;
	/*display:inline-block;
	float:left;*/
	flex-grow             : 1;
	border-radius         : 2px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
	box-sizing            : border-box;
	-moz-box-sizing       : border-box;
	-webkit-box-sizing    : border-box;
	box-shadow            : 0 1px 1px #DDD;
	-webkit-box-shadow    : 0 1px 1px #DDD;
	-moz-box-shadow       : 0 1px 1px #DDD;
}

.viget-mini:last-child {
	/*margin-right: 0;*/
}

.viget-mini .text-2x {
	font-size   : 1.25em;
	line-height : 1.15em;
}

.viget-mini .text-3x {
	font-size   : 1.45em;
	line-height : 1em;
}

.viget-mini .cifra {
	padding-top : 2%;
	position    : absolute;
	top         : -10px;
	/*bottom:10px;*/
	right       : 10px;
}

.viget-micro {
	position              : relative;
	height                : 8.2em;
	background            : #FFF;
	margin                : 5px 5px 5px;
	padding               : 5px 5px 5px 5px;
	display               : inline-block;
	float                 : left;
	border-radius         : 2px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
	box-sizing            : border-box;
	-moz-box-sizing       : border-box;
	-webkit-box-sizing    : border-box;
	box-shadow            : 0 1px 1px #DDD;
	-webkit-box-shadow    : 0 1px 1px #DDD;
	-moz-box-shadow       : 0 1px 1px #DDD;
}

.viget-micro:last-child {
	margin-right : 0;
}

.viget-micro span.tooltips {
	top : 130% !important;
}

.helptar {
	color    : #222;
	position : relative;
	float    : right;
	width    : 40px;
	height   : 40px;
	cursor   : pointer;
}

.help {
	width                 : 30px;
	height                : 30px;
	line-height           : 30px;
	margin-top            : 3px;
	text-align            : center;
	font-size             : 1.3em;
	font-weight           : 400;
	/*color:#207BB9;
	border:2px solid #207BB9;*/
	color                 : #FFF;
	border                : 2px solid transparent;
	-webkit-border-radius : 20px;
	-moz-border-radius    : 20px;
	border-radius         : 20px;
}

.help:hover {
	border     : 2px solid #FFF;
	background : #207BB9;
	color      : #FFF;
}

.avatar--mini {
	width                 : 40px;
	height                : 40px;
	border                : 2px solid #CCC;
	border-radius         : 200px;
	-webkit-border-radius : 200px;
	-moz-border-radius    : 200px;
	background-size: cover !important;
}
.avatar--mini--resp {
	width                 : 80%;
	padding-top           : 80%;
	border                : 2px solid #CCC;
	border-radius         : 200px;
	-webkit-border-radius : 200px;
	-moz-border-radius    : 200px;
	background-size: cover !important;
}
.avatar--micro {
	display               : inline-block;
	width                 : 20px;
	height                : 20px;
	border                : 1px solid #9DC6D8;
	border-radius         : 200px;
	-webkit-border-radius : 200px;
	-moz-border-radius    : 200px;
	background-size: cover !important;
}
.avatar--microb {
	display               : inline-block;
	width                 : 16px;
	height                : 16px;
	border                : 1px solid #9DC6D8;
	border-radius         : 50%;
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	background-size: cover !important;
	float: left;
	margin-right: 5px;
}

.avatarbig {
	width                 : 120px;
	height                : 120px;
	margin                : 3px auto;
	/*margin-top            : 3px;*/
	border                : 2px solid #CCC;
	-webkit-border-radius : 200px;
	-moz-border-radius    : 200px;
	border-radius         : 200px;
}

#emailvalidate,
#passstrength {
	position              : absolute;
	top                   : -20px;
	right                 : 20px;
	font-size             : 0.95rem;
	text-align            : left;
	padding               : 4px 10px;
	border                : 1px solid #BFCFFF;
	background            : #FFF;
	border-radius         : 10px;
	-moz-border-radius    : 10px;
	-webkit-border-radius : 10px;
	/*box-shadow: 0 1px 1px #222;
	-moz-box-shadow: 0 1px 1px #222;
	-webkit-box-shadow: 0 1px 1px #222;*/
	z-index               : 1;
}

.colordiv {
	width          : 10px;
	height         : 10px;
	vertical-align : middle;
	border         : 1px solid black;
	/*margin-right:5px;*/
	display        : inline-block;
}

.cub {
	height  : 10px;
	width   : 10px;
	border  : 1px solid #222;
	margin  : 3px 5px 0 0;
	display : inline-block;
}

.bullet {
	display               : inline-block;
	text-align            : center;
	min-width             : 1.2em;
	height                : 1.2em;
	font-size             : 0.75em;
	line-height           : 1.2em;
	margin-top            : -2px;
	-moz-border-radius    : 1.2em;
	-webkit-border-radius : 1.2em;
	border-radius         : 1.2em;
	padding               : 2px;
}

.bullet-mini {
	display               : inline-block;
	width                 : 0.6em;
	height                : 0.6em;
	line-height           : 0.6em;
	-moz-border-radius    : 1.2em;
	-webkit-border-radius : 1.2em;
	border-radius         : 1.2em;
}

.icon-bullet {
	position: absolute;
	top: 3px;
	right: 2px;
	font-size: 0.7em;
	display: block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	padding: 2px;
	-moz-border-radius: 1.2em;
	-webkit-border-radius: 1.2em;
	border-radius: 1.2em;
	background: var(--white);
}

.pagecontainer {
	position : relative;
}

.pagecontainer .mainbg {
	background : #01579B;
	color      : #FFF;
}

.pagecontainer .mainbg a:link {
	color : #FFF;
}

.page {
	position                        : fixed;
	bottom                          : 0;
	right                           : 20px;
	z-index                         : 1000;
	border                          : 1px solid #CCC;
	border-bottom                   : 0;
	padding                         : 5px 10px;
	text-align                      : center;
	border-top-left-radius          : 1px;
	-moz-border-radius-topleft      : 1px;
	-webkit-border-top-left-radius  : 1px;
	border-top-right-radius         : 1px;
	-moz-border-radius-topright     : 1px;
	-webkit-border-top-right-radius : 1px;
}

.page.pbottom {
	bottom : 0;
}

.short .page {

	position : absolute !important;
	bottom   : 0 !important;

}

.header_tbl {
	position      : fixed;
	margin-top    : -35px;
	padding       : 0;
	width         : 100%;
	display       : inline-block;
	z-index       : 3;
	border-top    : 1px solid #CCC;
	border-bottom : 1px solid #CCC;
	overflow      : hidden;
}

.header_tbl th {
	border-right : 1px dotted #CCC;
	font-size    : 1.0em;
	height       : 1.25em;
}

.header_tbl th:last-child {
	border-right : 0 dotted #CCC;
}

.header_tbl_ws {
	position      : fixed;
	margin-top    : 0;
	width         : 100%;
	display       : block;
	z-index       : 3;
	border-bottom : 1px solid transparent;
	overflow      : hidden;
}

.header_contaner,
.header_contaner a,
.header_contaner a:link,
.header_contaner a:visited {
	/*background:#EAEFF8;*/
	background : #EAEFF8;
	color      : #507192;
	height     : 35px;
}

#tagbox .tags {
	border                : 1px solid #79B7E7;
	background            : #D0E5F5;
	/*float:left;*/
	padding               : 5px;
	display               : inline-block;
	overflow              : hidden !important;
	font-weight           : bold;
	margin-bottom         : 2px;
	margin-right          : 2px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
	cursor                : pointer;
}

#tagbox .tags:hover {
	border     : 1px solid #79B7E7;
	background : #79B7E7;
}

#tagbox.gray .tags {
	border             : 1px solid #BDBDBD;
	background         : #E0E0E0;
	color              : #333;
	font-weight        : 400;
	box-shadow         : 0 1px 2px -1px rgba(0, 0, 0, 0.50);
	-webkit-box-shadow : 0 1px 3px -1px rgba(0, 0, 0, 0.50);
	-moz-box-shadow    : 0 1px 3px -1px rgba(0, 0, 0, 0.50);
}

#tagbox.gray .tags:hover {
	border     : 1px solid #79B7E7;
	background : #79B7E7;
	color      : #222 !important;
}

.sort {
	font-size     : 0.85em;
	float         : left;
	padding-right : 5px;
}

/*
Стрелки для табов рабочего стола
*/
.tab-arrow {
	display       : inline-block;
	position      : absolute;
	right         : 105px;
	bottom        : 0;
	border        : 1px solid #BDC3C7;
	font-size     : 0.9em;
	font-weight   : 500;
	color         : #CCC;
	background    : #FFF;
	cursor        : pointer;
	z-index       : 310;
	border-bottom : 0;
}

.tab-arrow .arrow-left {
	display : inline-block;
	/*width: 30px;*/
	padding : 0.4em 0.5em;
}

.tab-arrow .arrow-right {
	display     : inline-block;
	/*width: 30px;*/
	padding     : 0.4em 0.5em;
	border-left : 1px dotted #BDC3C7;
}

.tab-arrow .arrow-left:hover,
.tab-arrow .arrow-right:hover {
	background : #BDC3C7;
	color      : #FFF;
}

.divider {
	position       : relative;
	white-space    : nowrap;
	line-height    : 1;
	display        : table;
	height         : auto;
	text-align     : center;
	text-transform : uppercase;
	color          : var(--gray-dark);
	font-size      : 0.7em;
	font-weight    : 700;
}

.divider::after,
.divider::before {
	content           : '';
	display           : table-cell;
	position          : relative;
	top               : 50%;
	width             : 50%;
	background-repeat : no-repeat;
	background-image  : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC);
}

.divider::after {
	background-position : left 1em top 50%;
}

.divider::before {
	background-position : right 1em top 50%;
}

.divider-vertical {
	position    : relative;
	white-space : nowrap;
	width       : 1px;
	display     : table;
	height      : 100%;
	background  : var(--gray);
}

.mx-auto {
	margin : 0 auto;
}

.m0 {
	margin : 0 !important;
}

.m3 {
	margin     : 3px !important;
	text-align : left;
}

.m10 {
	margin     : 10px !important;
	text-align : left;
}

.mt0 {
	margin-top : 0 !important;
}

.mt5 {
	margin-top : 5px !important;
}

.mt10 {
	margin-top : 10px !important;
}

.mt15 {
	margin-top : 15px !important;
}

.mt20 {
	margin-top : 20px !important;
}

.mb0 {
	margin-bottom : 0 !important;
}

.mb2 {
	margin-bottom : 2px !important;
}

.mb3 {
	margin-bottom : 3px !important;
}

.mb5 {
	margin-bottom : 5px !important;
}

.mb10 {
	margin-bottom : 10px !important;
}

.mb15 {
	margin-bottom : 15px !important;
}

.mb20 {
	margin-bottom : 20px !important;
}

.ml5 {
	margin-left : 5px !important;
}

.ml10 {
	margin-left : 10px !important;
}

.ml15 {
	margin-left : 15px !important;
}

.ml20 {
	margin-left : 20px !important;
}

.mr5 {
	margin-right : 5px !important;
}

.mr10 {
	margin-right : 10px !important;
}

.mr15 {
	margin-right : 15px !important;
}

.mr20 {
	margin-right : 20px !important;
}

.ptb3, a.ptb3 {
	padding-top    : 3px !important;
	padding-bottom : 3px !important;
}

.ptb5, a.ptb5 {
	padding-top    : 5px !important;
	padding-bottom : 5px !important;
}

.p0 {
	padding : 0 !important;
}

.p3 {
	padding : 3px !important;
}

.p5 {
	padding : 5px !important;
}

.p10 {
	padding : 10px !important;
}

.p20 {
	padding : 20px !important;
}

.pt0 {
	padding-top : 0 !important;
}

.pt2 {
	padding-top : 2px !important;
}

.pt5 {
	padding-top : 5px !important;
}

.pt7 {
	padding-top : 7px !important;
}

.pt10 {
	padding-top : 10px !important;
}

.pt15 {
	padding-top : 15px !important;
}

.pt20 {
	padding-top : 20px !important;
}

.pt30 {
	padding-top : 30px !important;
}

.pt35 {
	padding-top : 35px !important;
}

.pt40 {
	padding-top : 40px !important;
}

.pb0 {
	padding-bottom : 0 !important;
}

.pb2 {
	padding-bottom : 2px !important;
}

.pb3 {
	padding-bottom : 3px !important;
}

.pb5 {
	padding-bottom : 5px !important;
}

.pb10 {
	padding-bottom : 10px !important;
}

.pb15 {
	padding-bottom : 15px !important;
}

.pb20 {
	padding-bottom : 20px !important;
}

.pl5 {
	padding-left : 5px !important;
}

.pl10 {
	padding-left : 10px !important;
}

.pl20 {
	padding-left : 20px !important;
}

.pr5 {
	padding-right : 5px !important;
}

.pr10 {
	padding-right : 10px !important;
}

.pr15 {
	padding-right : 15px !important;
}

.pr20 {
	padding-right : 20px !important;
}

/*Курсоры*/
.list, .info {
	cursor : help;
}

.hand {
	cursor : pointer;
}

.zoom {
	cursor : zoom-in;
}

.handle {
	cursor : move;
}

.cursor-default {
	cursor : auto;
}

/*Float*/
.pull-right {
	float : right;
}

.pull-left {
	float : left;
}

.pull-aright {
	float    : right;
	position : absolute;
	top      : 5px;
	right    : 3px;
}

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

.nowrap {
	word-break  : keep-all;
	white-space : nowrap;
}

.hidden-normal {
	display : none;
}

.ha .noborder td,
#zebra .noborder td,
.ha .noborder tr {
	border-left  : 0;
	border-right : 0;
}

.helper ul {
	margin  : 0;
	padding : 0;
}

.helper li {
	margin      : 0;
	padding     : 0;
	list-style  : none;
	line-height : 16px;
	overflow    : hidden;
}

.ui-widget-header {
	border-bottom : 1px solid #DDD;
}

.ui-datepicker .ui-datepicker-title {
	line-height : 1.85em;;
}

#pagecontainer {
	font-size : 0.95em;
}

#pages {
	display    : block;
	text-align : right;
}

#pages div {
	display     : inline-block;
	font-size   : 0.85em;
	width       : 30px;
	height      : 30px;
	line-height : 30px;
	border      : 1px solid #DDD;
	margin-left : 3px;
	text-align  : center;
	cursor      : pointer;
}

#pages div.active {
	background : #DDEDF9;
	cursor     : default;
}

#pages div:hover {
	background : #DDEDF9;
}

.tableDrag {
	background   : #3498DB;
	padding-left : 10px;
	width        : initial;
	color        : #FFF;
	font-weight  : 700;
}

.bottom {
	position   : absolute;
	bottom     : 5px;
	right      : 0;
	display    : block;
	width      : 99%;
	text-align : right;
}

.ydropDown {
	position              : relative;
	display               : block;
	background            : #FFF;
	cursor                : pointer;
	font-size             : 1.2em;
	line-height           : 1.5em !important;
	margin                : 0 0 2px;
	padding               : 5px 10px;
	border                : 2px solid var(--gray);
	outline               : none;
	color                 : #222;
	box-sizing            : border-box;
	border-radius         : 5px;
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	font-weight           : 400;
}

.ydropDown:hover {
	border : 2px solid var(--blue);
}

.ydropDown .icon {
	color       : var(--blue);
	font-size   : 0.7em;
	font-weight : 700;
	margin-top  : 3px;
}

.flyitbox .yselectBox,
.ydropDown .yselectBox {
	display       : none;
	position      : absolute;
	top           : 100%;
	left          : -1px;
	width         : 100%;
	z-index       : 100;
	max-height    : 40vh;
	overflow-y    : auto;
	overflow-x    : hidden;
	color         : #222;
	font-weight   : 500;
	border        : 1px solid #BBB;
	background    : #FFF;
	cursor        : auto;
	box-sizing    : border-box;
	box-shadow    : 1px 1px 3px #BBB;
	border-radius : 5px;
}

.ydropDown .yselectBox.top {
	bottom : calc(100% + 0.3em);
	top    : auto;
}

.flyitbox .ydropString,
.ydropDown .ydropString {
	display       : table;
	font-size     : 0.9em;
	color         : #222;
	border-bottom : 1px dotted #DDD;
	width         : 100% !important;
}

.flyitbox .ydropString label,
.ydropDown .ydropString label {
	display          : block;
	/*height           : 1.5em;*/
	/*line-height      : 1.5em;*/
	padding          : 5px 5px 5px 10px;
	position         : relative;
	text-overflow    : ellipsis !important;
	-o-text-overflow : ellipsis !important;
	overflow         : hidden !important;
	white-space      : nowrap;
	width            : 90%;
	vertical-align   : middle;
	margin-right     : -9999px;
	box-sizing       : border-box;
	text-align       : left;
}

.flyitbox .ydropString:hover,
.ydropDown .ydropString:hover {
	background : #D2E9FF;
}

.flyitbox .ydropCount,
.ydropDown .ydropCount {
	font-size     : 0.85em;
	font-weight   : 500;
	line-height   : 1.8em;
	margin-left   : 5px;
	margin-bottom : 3px;
	color         : #507192;
}

.flyitbox .ydropText,
.ydropDown .ydropText {
	display          : inline-block;
	font-size        : 0.85em;
	font-weight      : 500;
	line-height      : 1.8em;
	height           : 1.8em;
	margin-left      : 5px;
	margin-bottom    : 3px;
	color            : #507192;
	text-overflow    : ellipsis !important;
	-o-text-overflow : ellipsis !important;
	overflow         : hidden !important;
	white-space      : nowrap;
	width            : 70%;
	vertical-align   : middle;
	margin-right     : -9999px;
}

.flyitbox .yunSelect,
.flyitbox .ySelectAll,
.ydropDown .yunSelect,
.ydropDown .ySelectAll {
	display     : table;
	font-size   : 0.95em;
	font-weight : 500;
	line-height : 1.6em;
	padding     : 5px;
	text-align  : right;
	cursor      : pointer;
	width       : 95%;
	color       : #2980B9;
}

.flyitbox .yunSelect:hover,
.flyitbox .ySelectAll:hover,
.ydropDown .yunSelect:hover,
.ydropDown .ySelectAll:hover {
	color : #507192;
}

.ydropDown .action.yDoit {
	position : absolute;
	top      : 2px;
	left     : inherit;
	right    : -5px !important;
}

.flyitbox {
	position : relative;
	overflow : auto !important;
	z-index  : 100000;
	clear    : both;
}

.flyitbox .yselectBox {
	position : fixed;
}

.ydropDown input[type="text"] {
	font-size  : 0.95em;
	/*margin-top:-2px;*/
	display    : block;
	width      : 95%;
	border     : 0;
	background : transparent;
}

.ydropDown input[type="checkbox"] {
	vertical-align : middle;
}

.ydropDown .action {

	position    : absolute;
	z-index     : 20;
	top         : 0;
	left        : 100%;
	color       : #FFF;
	background  : #1565C0;
	border      : #1565C0 solid 1px;
	font-size   : 0.90em;
	line-height : 1.6em;
	padding     : 3px 7px;

}

.ydropDown.like-input {
	position              : relative;
	min-height            : calc(1.5em + 8px);
	margin                : 0;
	padding               : 2px 10px;
	background            : #FFF;
	border                : 1px inset #FFF;
	outline               : none;
	color                 : #222 !important;
	box-sizing            : border-box;
	height                : auto;
	border-radius         : 2px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
}

.ydropDown.like-input.req {
	border-left : 2px solid #E74C3C;
}

.ydropDown.like-input .ydropText {
	font-size   : 1.2em;
	color       : #222 !important;
	margin-left : 10px;
}

.ydropDown.like-input .yselectBox {
	top         : initial;
	margin-left : -1px;
	border      : 1px solid #CCC;
}

.ydropDown.like-input i {
	font-size    : 0.9em;
	font-weight  : 700;
	margin-top   : 5px;
	margin-right : -9px;
}

.ydropDown.like-input input {
	display : none;
}

#startinto {
	position : fixed;
	z-index  : 100000;
	top      : 230px;
	right    : -100px;
}

#startinto .showintro {
	font-size      : 1.0em;
	font-weight    : 700;
	text-transform : uppercase;
	background     : #E74B3B;
	color          : #FFF;
	height         : 40px;
	line-height    : 40px;
	cursor         : pointer;
	opacity        : 0.5;
	padding-right  : 10px;
}

#startinto span {
	display     : inline-block;
	width       : 40px;
	height      : 40px;
	line-height : 40px;
	text-align  : center;
}

#hideintro {
	color       : #FFF;
	font-size   : 0.85em;
	font-weight : 700;
	background  : #000;
	opacity     : 0.5;
	padding     : 5px;
	float       : right;
	display     : inline-block;
	cursor      : pointer;
}

.width-unset {
	width : unset !important;
}

.w0 {
	width : inherit !important;
}

/*Фиксированная ширина*/
.w5 {
	width : 5px !important;
}

.w10 {
	width : 10px !important;
}

.w15 {
	width : 15px !important;
}

.w20 {
	width : 20px !important;
}

.w30 {
	width : 30px !important;
}

.w35 {
	width : 35px !important;
}

.w40 {
	width : 40px !important;
}

.w50 {
	width : 50px !important;
}

.w60 {
	width : 60px !important;
}

.w70 {
	width : 70px !important;
}

.w80 {
	width : 80px !important;
}

.w90 {
	width : 90px !important;
}

.w100 {
	width : 100px !important;
}

.w120 {
	width : 120px !important;
}

.w140 {
	width : 160px !important;
}

.w160 {
	width : 160px !important;
}

.w180 {
	width : 180px !important;
}

.w200 {
	width : 200px !important;
}

.w250 {
	width : 250px !important;
}

.w300 {
	width : 300px !important;
}

.w350 {
	width : 350px !important;
}

.w400 {
	width : 400px !important;
}

.w600 {
	width : 605px !important;
}

/*Плавающие ширины колонок*/
.yw10 {
	width : 10px;
}

.yw20 {
	width : 20px;
}

.yw40 {
	width : 40px;
}

.yw50 {
	width : 50px;
}

.yw60 {
	width : 60px;
}

.yw80 {
	width : 80px;
}

.yw100 {
	width : 100px;
}

.yw120 {
	width : 120px;
}

.yw160 {
	width : 160px;
}

.yw200 {
	width : 200px;
}

.yw250 {
	width : 250px;
}

.yw300 {
	width : 300px;
}

.yw350 {
	width : 350px;
}

.yw400 {
	width : 400px;
}

/*Ширина в процентах*/
.wp100 {
	width : 100% !important;
}

.wp99 {
	width : 99% !important;
}

.wp97 {
	width : 97% !important;
}

.wp95 {
	width : 95% !important;
}

.wp93 {
	width : 93% !important;
}

.wp90 {
	width : 90% !important;
}

.wp85 {
	width : 85% !important;
}

.wp80 {
	width : 80% !important;
}

.wp75 {
	width : 75% !important;
}

.wp70 {
	width : 70% !important;
}

.wp65 {
	width : 65% !important;
}

.wp60 {
	width : 60% !important;
}

.wp55 {
	width : 55% !important;
}

.wp50 {
	width : 50% !important;
}

.wp45 {
	width : 45% !important;
}

.wp40 {
	width : 40% !important;
}

.wp35 {
	width : 35% !important;
}

.wp30 {
	width : 30% !important;
}

.wp25 {
	width : 25% !important;
}

.wp20 {
	width : 20% !important;
}

.wp15 {
	width : 15% !important;
}

.wp10 {
	width : 10% !important;
}

.wp5 {
	width : 5% !important;
}

.arrow_box {
	position   : relative;
	background : #F5F5F5;
	border     : 2px solid #2980B9;
}

.arrow_box:after, .arrow_box:before {
	left           : 100%;
	top            : 10%;
	border         : solid transparent;
	content        : " ";
	height         : 0;
	width          : 0;
	position       : absolute;
	pointer-events : none;
}

.arrow_box:after {
	border-color      : rgba(245, 245, 245, 0);
	border-left-color : #F5F5F5;
	border-width      : 7px;
	margin-top        : -7px;
}

.arrow_box:before {
	border-color      : rgba(41, 128, 185, 0);
	border-left-color : #2980B9;
	border-width      : 10px;
	margin-top        : -10px;
}

.row {
	/*display: table;*/
	width          : 100%;
	display        : flex !important;
	flex-direction : row;
	flex-wrap      : wrap;
	box-sizing     : border-box;
}

.row.hidden {
	display : none !important;
}

.row .row {
	/*display: inline-table;*/
	width : 50%;
}

.row .column {
	float       : left;
	display     : inline-table;
	box-sizing  : border-box;
	padding     : 5px;
	line-height : 1.55rem;
}

.row .column label {
	display : block;
	width   : 100%;
	height  : 100%;
}

.row .column input {
	height        : initial;
	margin-bottom : 1px;
}

.row.row-middle .column,
.row.row-middle .column12 {
	line-height : 100%;
}

.column.grid-1 {
	width : 10%;
}

.column.grid-2 {
	width : 20%;
}

.column.grid-3 {
	width : 30%;
}

.column.grid-4 {
	width : 40%;
}

.column.grid-5 {
	width : 50%;
}

.column.grid-6 {
	width : 60%;
}

.column.grid-7 {
	width : 70%;
}

.column.grid-8 {
	width : 80%;
}

.column.grid-9 {
	width : 90%;
}

.column.grid-10 {
	width : 100%;
}

.row .column12 {
	float       : left;
	display     : inline-table;
	/*display:flex !important;*/
	box-sizing  : border-box;
	padding     : 5px;
	line-height : 1.55rem;
}

.column12.grid-1 {
	width : 8.33333%;
}

.column12.grid-2 {
	width : 16.66667%;
}

.column12.grid-3 {
	width : 25%;
}

.column12.grid-4 {
	width : 33.33333%;
}

.column12.grid-5 {
	width : 41.66667%;
}

.column12.grid-6 {
	width : 50%;
}

.column12.grid-7 {
	width : 58.33333%;
}

.column12.grid-8 {
	width : 66.66667%;
}

.column12.grid-9 {
	width : 75%;
}

.column12.grid-10 {
	width : 83.33333%;
}

.column12.grid-11 {
	width : 91.66667%;
}

.column12.grid-12 {
	width : 100%;
}

.column12 .middle {
	line-height    : 1.55rem;
	display        : inline-block;
	vertical-align : middle;
}

.variants {
	position : relative;
}

.variants .list {
	position           : absolute;
	z-index            : 200000;
	top                : -5px;
	left               : -123px;
	font-size          : 0.9em;
	display            : none;
	background         : #FFF;
	color              : #222;
	width              : 120px;
	border             : 1px solid #01579B;
	-webkit-box-shadow : 0 1px 3px #2387CA;
	-moz-box-shadow    : 0 1px 3px #2387CA;
	box-shadow         : 0 1px 3px #2387CA;
}

.variants .list:after, .variants .list:before {
	left           : 100%;
	top            : 15px;
	border         : solid transparent;
	content        : " ";
	height         : 0;
	width          : 0;
	position       : absolute;
	pointer-events : none;
}

.variants .list:after {
	border-color      : rgba(255, 255, 255, 0);
	border-left-color : #FFF;
	border-width      : 8px;
	margin-top        : -8px;
}

.variants .list:before {
	border-color      : rgba(1, 87, 155, 0);
	border-left-color : #01579B;
	border-width      : 9px;
	margin-top        : -9px;
}

.variants .list span {
	display     : block;
	height      : 20px;
	line-height : 20px;
	padding     : 3px;
	cursor      : pointer;
}

.variants .list span:hover {
	background-color : #D2E9FF;
}

.variants:hover .list {
	display : block;
}

#ui-datepicker-div {
	box-shadow         : 1px 1px 1px #999;
	-webkit-box-shadow : 1px 1px 1px #999;
	-moz-box-shadow    : 1px 1px 1px #999;
}

.action--container {
	position           : relative;
	height             : 100%;
	display            : table;
	/*padding: 5px;*/
	margin             : -5px;
	transition         : all 300ms ease;
	-webkit-transition : all 300ms ease;
	-moz-transition    : all 300ms ease;
}

.action--block {
	position       : absolute;
	display        : table-cell;
	/*height: 45px;*/
	line-height    : 45px;
	right          : -200px;
	/*top: 0;*/
	z-index        : 20;
	white-space    : nowrap;
	/*background: #FFF;*/
	box-sizing     : border-box;
	margin         : auto 0;
	vertical-align : middle;
	overflow       : hidden;
	/*margin: -10px 0;*/
	/*padding: 5px 20px 5px 5px;*/
}

.action--box:hover .action--container,
tr:hover .action--container {
	transform : translate(-200px);
}

.action--block a {
	height      : 25px;
	width       : 25px;
	display     : inline-block;
	line-height : 25px;
	text-align  : center;
	/*margin: 0 2px 0 0;*/
	color       : #FFF;
	font-size   : 0.8em;
	opacity     : 0.95;
}

.action--block a > i {
	color : #FFF !important;
}

.action--block a:hover {
	color   : #FFF !important;
	opacity : 1.0;
}

.action--block a.gray.blue {
	background : #2980B9;
	color      : #FFF;
}

.action--block a.gray.green {
	background : #349C5A;
	color      : #FFF;
}

.action--block a.gray.orange {
	background : #FF9800;
	color      : #FFF;
}

.action--block a.gray.red {
	background : #CC2424;
	color      : #FFF;
}

.action--block a.gray.gray2 {
	background : #333;
	color      : #FFF;
}

.action--block a.gray:hover {
	background : #CC2424 !important;
}

.rotate45 {
	transform         : rotateZ(45deg);
	-webkit-transform : rotateZ(45deg);
}

.rotate90 {
	transform         : rotateZ(90deg);
	-webkit-transform : rotateZ(90deg);
}

.rotate270 {
	transform         : rotateZ(270deg);
	-webkit-transform : rotateZ(270deg);
}

.visible-large {
	display : none;
}

td.visible-normal, th.visible-normal {
	display : none;
}

.visible-min-h590,
.leftpop.visible-min-h590 {
	display : inherit !important;
}

.hidden-min-h590,
.leftpop.hidden-min-h590,
.leftpop .menu li.hidden-min-h590 {
	display : none !important;
}

.visible-min-h700,
.leftpop.visible-min-h700 {
	display : inherit !important;
}

.visible-iphone {
	display : none;
}

#menu .visible-iphone {
	display : initial;
}

tr.visible-iphone,
.flex-container.visible-iphone {
	display : none !important;
}

.hidden-min-h700,
.leftpop.hidden-min-h700,
.leftpop .menu li.hidden-min-h700 {
	display : none !important;
}

.logo-large {
	display : block;
}

.logo-small {
	display : none;
}

.scroller {
	position    : fixed;
	right       : 50px;
	width       : 40px;
	height      : 40px;
	text-align  : center;
	line-height : 40px;
	font-size   : 1.5rem;
	color       : #FFF;
	background  : rgba(0, 116, 217, 0.5);
	cursor      : pointer;
}

.scroller:hover {
	background : rgba(0, 116, 217, 1.0);
}

.scrollerTop {
	bottom : 150px;
}

.scrollerBottom {
	bottom : 100px;
}

hr.soften {
	height           : 1px;
	margin           : 0 0 30px 0;
	margin-top       : 0px;
	margin-bottom    : 30px;
	background-image : -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
	background-image : -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
	background-image : -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
	background-image : -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
	border           : 0;
}

@media (min-width : 768px) and (max-width : 1024px) {

	.scroller {
		right : 0;
	}

}

@media (max-width : 40em) {

	.scroller {
		right : 0;
	}

}


/*форма с плавающей надписью*/
.newform.flex-container {
	padding       : 10px;
	background    : #F5F5F5;
	border        : 1px solid #ECEFF1;
	border-radius : 5px;
}

.newform.flex-container .flex-string:first-child {
	text-align    : left !important;
	width         : 100% !important;
	font-size     : 0.8em !important;
	color         : #2980B9;
	padding-left  : 10px;
	margin-bottom : 10px;
}

.newform.flex-container .flex-string:last-child {
	width : 100% !important;
}

.flexdatalist-results {
	border-color : var(--liteblue) !important;
}

.flexdatalist-results li:last-child {
	border-bottom : 0 !important;
}

.flexdatalist-results li.item:empty {
	display : none;
}

/**
Модальный просмотр изображений
 */
.popup {
	position   : fixed;
	height     : 100vh;
	width      : 100vw;
	top        : 0;
	left       : 0;
	display    : none;
	text-align : center;
	z-index    : 100;
}

.popup--container {
	background : rgba(0, 0, 0, 0.4);
	position   : absolute;
	z-index    : 70;
	height     : 100%;
	width      : 100%;
}

.popup--img {
	position   : relative;
	margin-top : 3%;
	z-index    : 100;
	max-height : 90vh;
	max-width  : 90vw;
}

/**
Переключатель меню
 */
.popblock {
	position : relative;
}
.popblock.open > a {
	background : rgba(0, 0, 0, 0.3) !important;
}
.popblock.open .popblock-menu {
	display : block;
}

.popblock-menu {
	display               : none;
	margin-top            : 10px;
	position              : absolute;
	z-index               : 20;
	left                  : 0;
	/*top: 100%;*/
	width                 : 250px;
	text-align            : left;
	font-size             : 1.0rem;
	line-height           : 1.1rem;
	/*padding : 5px;*/
	border                : 1px solid #BBB;
	box-shadow            : 1px 1px 3px #BBB;
	-webkit-box-shadow    : 1px 1px 3px #BBB;
	-moz-box-shadow       : 1px 1px 3px #BBB;
	-webkit-border-radius : 5px;
	-moz-border-radius    : 5px;
	border-radius         : 5px;
	background            : #FFF;
	color                 : #222;
	cursor                : default;
}

.popblock-menu:after,
.popblock-menu:before {
	position       : absolute;
	top            : -12px;
	left           : 25px;
	border         : solid transparent;
	content        : " ";
	height         : 0;
	width          : 0;
	pointer-events : none;
}

.popblock-menu:after {
	border-color        : rgba(136, 183, 213, 0);
	border-bottom-color : #BBB;
	border-width        : 6px;
	margin-left         : -6px;
}
.popblock-menu:before {
	border-color        : rgba(255, 255, 255, 0);
	border-bottom-color : #FFF;
	border-width        : 6px;
	margin-left         : -6px;
	top                 : -10px;
	left                : 25px;
	z-index             : 21;
}

.popblock-menu.right {
	left  : auto;
	right : 0;
}
.popblock-menu.right:after,
.popblock-menu.right:before {
	left  : auto;
	right : 18px;
}
.popblock-menu.right:before {
	left  : auto;
	right : 18px;
}
.popblock-menu.right20 {
	left  : auto;
	right : -20px;
}
.popblock-menu.right20:after,
.popblock-menu.right20:before {
	left  : auto;
	right : 20px;
}
.popblock-menu.right20:before {
	left  : auto;
	right : 18px;
}

.popblock .popblock-items {
	margin     : 0;
	/*max-height : 50vh;*/
	overflow-y : auto;
}

.popblock .popblock-item {
	position      : relative;
	color         : #222;
	padding       : 5px;
	cursor        : pointer;
	border-bottom : 1px solid var(--gray);
}
.popblock .popblock-item:last-child {
	border-bottom : 0;
}
.popblock .popblock-item:hover {
	background : var(--biruza);
}
.popblock .popblock-item.current {
	background : var(--biruza);
}
.popblock .popblock-item.disabled {
	cursor     : progress;
	background : var(--gray);
	color      : var(--gray-dark)
}
.border--bottom .popblock-item {
	padding-bottom : 5px;
	border-bottom  : #CCC 1px dotted !important;
}
.border--bottom .popblock-item:last-child {
	border-bottom : 0 !important;
}

.bottom-block {
	position : fixed;
	bottom   : 37px;
	left     : 270px;
	z-index  : 1;
}

.bottom-block a {
	display       : inline-block;
	width         : 4rem;
	height        : 4rem;
	line-height   : 4rem;
	font-size     : 1.5rem;
	color         : var(--white);
	background    : var(--green);
	border        : 1px solid var(--green-dark);
	border-radius : 50px;
	text-align    : center;
	box-shadow    : 0 0 5px var(--green);
	cursor        : pointer;
}

.bottom-block a:hover {
	background : var(--green-lite);
}

.bottom-block a:active {
	background : var(--green-dark);
}

.bottom-block a.red {
	background : var(--red);
	color      : var(--white);
	border     : 1px solid var(--red-dark);
	box-shadow : 0 0 5px var(--red);
}

.bottom-block a.red:hover {
	background : var(--red-dark);
}

.bottom-block a.red:active {
	background : var(--red);
}

.bottom-block a.blue {
	background : var(--blue);
	color      : var(--white);
	border     : 1px solid var(--blue-dark);
	box-shadow : 0 0 5px var(--blue);
}

.bottom-block a.blue:hover {
	background : var(--blue-lite);
}

.bottom-block a.blue:active {
	background : var(--blue-dark);
}

.bottom-block a.orange {
	background : var(--orange);
	color      : var(--white);
	border     : 1px solid var(--orange-dark);
	box-shadow : 0 0 5px var(--orange);
}

.bottom-block a.orange:hover {
	background : var(--orange-lite);
}

.bottom-block a.orange:active {
	background : var(--orange-dark);
}

.bottom-block a.violet {
	background : var(--violet);
	color      : var(--white);
	border     : 1px solid var(--violet-dark);
	box-shadow : 0 0 5px var(--violet);
}

.bottom-block a.violet:hover {
	background : var(--violet-lite);
}

.bottom-block a.violet:active {
	background : var(--violet-dark);
}

.bottom-block a.indigo {
	background : var(--indigo);
	color      : var(--white);
	border     : 1px solid var(--indigo);
	box-shadow : 0 0 5px var(--indigo);
}

.bottom-block a.indigo:hover {
	background : var(--indigo-lite);
}

.bottom-block a.indigo:active {
	background : var(--indigo-dark);
}

.bottom-block a.disabled {
	color               : var(--black);
	background          : var(--gray-sub) !important;
	border              : 1px solid var(--gray-dark);
	box-shadow          : 0 0 5px var(--black);
	cursor              : not-allowed;
	pointer-events      : none;
	user-select         : none;
	-moz-user-select    : none;
	-webkit-user-select : none;
}

#image-holder {
	background : url("/assets/images/transparent.png") repeat;
}

.toggle--container {
	cursor : pointer;
}

.hidden--container {
	display : none;
}

.hidden--container.open {
	display : initial;
}

.speakers{
	display: grid;
	grid-template-columns : repeat(5, 1fr);
	grid-template-rows: auto;
	grid-gap: 5px;
}
.speaker--avatar {
	display    : block;
	padding    : 5px;
	text-align : center;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	border-radius: 100px;
	background-size: cover !important;
}
.speaker--name{
	line-height: 1.3em;
}

.countdown{
	font-weight: bolder;
	font-size: 5.0em !important;
	line-height: 1.2em;
}

/*форма с плавающей надписью*/

@-webkit-keyframes cd-bounce {
	0%, 100% {
		-webkit-transform : scale(1);
	}
	50% {
		-webkit-transform : scale(0.8);
	}
}

@-moz-keyframes cd-bounce {
	0%, 100% {
		-moz-transform : scale(1);
	}
	50% {
		-moz-transform : scale(0.8);
	}
}

@keyframes cd-bounce {
	0%, 100% {
		-webkit-transform : scale(1);
		-moz-transform    : scale(1);
		-ms-transform     : scale(1);
		-o-transform      : scale(1);
		transform         : scale(1);
	}
	50% {
		-webkit-transform : scale(0.8);
		-moz-transform    : scale(0.8);
		-ms-transform     : scale(0.8);
		-o-transform      : scale(0.8);
		transform         : scale(0.8);
	}
}

.fixReloadButton {
	display               : inline-block;
	position              : fixed;
	bottom                : 50px;
	right                 : 35px;
	width                 : 3rem;
	height                : 3rem;
	line-height           : 3rem;
	font-size             : 1.2rem;
	color                 : var(--blue);
	background            : var(--deepblue);
	border                : 4px solid var(--deepblue);
	text-decoration       : none;
	text-align            : center;
	cursor                : pointer;
	-moz-border-radius    : 40px;
	-webkit-border-radius : 40px;
	border-radius         : 40px;
	opacity               : 0.5;
}

.fixReloadButton:hover {
	opacity : 1.0;
	color   : var(--white);
}

@media all and (-webkit-min-device-pixel-ratio : 0) {

	BODY {
		font-size              : 1.1em;
		text-rendering         : geometricPrecision;
		-webkit-font-smoothing : antialiased;
	}

	sup {
		position    : relative;
		left        : 5px;
		font-size   : 0.65em;
		font-weight : 600
	}

	.sup {
		position     : relative;
		left         : -5px;
		top          : -5px;
		margin-right : -10px;
		font-size    : 0.65em;
	}

	i.sup {
		position     : relative;
		left         : -5px;
		top          : -5px;
		margin-right : -10px;
		font-size    : 0.65em;
	}

	.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
		padding : 0.22em 0;
	}

}

@media (min-width : 1500px) {

	body {
		font-size : 1.15em;;
	}

	.viget-mini .text-2x {
		font-size   : 1.25em;
		line-height : 1.05em;
	}

	.viget-mini .text-3x {
		font-size   : 1.45em;
		line-height : 1em;
	}

	.viget-mini .icon-10x {
		/*padding-top: 5%;*/
		font-size : 7.0em;
	}

	.viget-mini .cifra {
		padding-top : 2%;
	}

	.yw20 {
		width : 30px;
	}

	.yw40 {
		width : 60px;
	}

	.yw50 {
		width : 75px;
	}

	.yw60 {
		width : 90px;
	}

	.yw80 {
		width : 120px;
	}

	.yw100 {
		width : 150px;
	}

	.yw120 {
		width : 180px;
	}

	.yw160 {
		width : 250px;
	}

	.yw200 {
		width : 300px;
	}

	.yw250 {
		width : 400px;
	}

	.yw300 {
		width : 450px;
	}

	.ui-multiselect li a.action {
		top : 3px !important;
	}

	.visible-large {
		display : block;
	}

	td.visible-large, th.visible-large {
		display : table-cell;
	}

	td.visible-normal, th.visible-normal {
		display : table-cell;
	}

	.viget-placeholder {
		flex-basis : 30%;
	}

	.viget {
		margin-top : 10px;
	}

	.dialog #resultdiv .zagolovok {
		margin-bottom : 0;
		padding       : 10px 10px 10px 5px;
	}
}

@media (min-width : 1200px) and (max-width : 1500px) {
	body {
		font-size : 1.15em;;
	}

	.viget-mini .text-2x {
		font-size   : 1.15em;
		line-height : 1.05em;
	}

	.viget-mini .text-3x {
		font-size   : 1.40em;
		line-height : 1em;
	}

	.viget-mini .icon-10x {
		/*padding-top: 10%;*/
		font-size : 6.0em;
	}

	.viget-mini .cifra {
		padding-top : 2%;
	}

	#contentdiv td, #task td {
		font-size : 1.0em;
	}

	.yw20 {
		width : 30px;
	}

	.yw40 {
		width : 50px;
	}

	.yw50 {
		width : 65px;
	}

	.yw60 {
		width : 80px;
	}

	.yw80 {
		width : 100px;
	}

	.yw100 {
		width : 120px;
	}

	.yw120 {
		width : 140px;
	}

	.yw160 {
		width : 230px;
	}

	.yw200 {
		width : 240px;
	}

	.yw250 {
		width : 300px;
	}

	.yw300 {
		width : 350px;
	}

	.todo .yw80,
	.tableHeader[data-id="todo"] .yw80 {
		width : 160px;
	}

	.todo .yw100,
	.tableHeader[data-id="todo"] .yw100 {
		width : 160px;
	}

	#contentdiv td.mounth {
		font-size : 0.9em;
	}

	.hidden-large,
	.hidden-normal {
		display : none;
	}

	td.visible-normal, th.visible-normal {
		display : table-cell;
	}

	.vigetdiv {
		margin-top : 0;
	}

	.viget {
		margin-top : 5px;
	}

}

@media (min-width : 1024px) and (max-width : 1200px) {

	.hidden-netbook {
		display : none;
	}

	.hidden-normal {
		display : block !important;
	}

	span.hidden-normal {
		display : inline !important;
	}

	.visible-netbook {
		display : block;
	}

	.viget-mini .text-2x {
		font-size   : 1.05em;
		line-height : 1.05em;
	}

	.viget-mini .text-3x {
		font-size   : 1.15em;
		line-height : 1em;
	}

	.viget-mini .icon-10x {
		/*padding-top: 15%;*/
		font-size : 5.0em;
	}

	.viget-mini .cifra {
		padding-top : 5%;
	}

	.miditxt {
		font-size : 1.1em;
	}

}

@media (min-width : 768px) and (max-width : 1024px) {
	body {
		font-size : 1.0em;;
	}

	.hidden-netbook, .helper {
		display : block;
	}

	.hidden-normal {
		display : block;
	}

	span.hidden-netbook {
		display : none;
	}

	span.hidden-normal {
		display : inline;
	}

	.visible-netbook {
		display : block;
	}

	.visible-ipad {
		display : block;
	}

	.hidden-iphone {
		display : initial;
	}

	.visible-iphone {
		display : none;
	}

	th.hidden-iphone,
	th.visible-ipad,
	th.visible-netbook,
	th.hidden-normal,
	td.hidden-iphone,
	td.visible-ipad,
	td.visible-netbook,
	td.hidden-normal {
		display : table-cell;;
	}

	.ipad-title {
		width : 100px;
	}

	.ipad-user {
		width : 50px;
	}

	.ipad-70 {
		width : 80px;
	}

	.ipad-100 {
		width : 100px;
	}

	.ipad-200 {
		width : 200px;
	}

	.nowidth {
		width : auto;
	}

	.viget-mini .text-3x {
		font-size   : 1.05em;
		line-height : 1em;
	}

	.yw300 {
		width : 200px;
	}

	.yw400 {
		width : 250px;
	}

	.viget-mini {
		margin-top : 0;
	}

	.vigetdiv {
		margin-top : 10px;
	}

	.yw160 {
		width : 150px;
	}

	.yw120 {
		width : 100px;
	}

	td.min100, th.min100 {
		min-width : 100px !important;
	}

	.hidden-ipad {
		display : none;
	}

	input, select, textarea {
		font-size : 1.4em;
	}

}

@media (max-width : 767px) {
	html {
		font-size : 11px;
	}

	.hidden-netbook, .helper {
		display : none;
	}

	.visible-netbook {
		display : block;
	}

	.hidden-ipad {
		display : none !important;
	}

	.hidden-iphone {
		display : none !important;
	}

	.hidden-normal {
		display : block;
	}

	span.hidden-normal {
		display : inline;
	}

	tr.visible-iphone,
	.flex-container.visible-iphone,
	.visible-iphone {
		display : initial !important;
	}

	.visible-iphone #menu ul li:hover ul ul,
	.visible-iphone #menu ul ul li:hover ul ul {
		display : block !important;
	}

	th.visible-iphone,
	th.visible-netbook,
	th.hidden-normal,
	td.hidden-iphone,
	td.visible-iphone,
	td.visible-netbook,
	td.hidden-normal {
		display : table-cell;;
	}

	.ipad-title {
		width : 100px;
	}

	.ipad-user {
		width : 50px;
	}

	.ipad-70 {
		width : 80px;
	}

	.ipad-200 {
		width : 80px;
	}

	.yw300 {
		width : 100px;
	}

	.yw400 {
		width : 150px;
	}

	.nowidth {
		width : auto;
	}

	.column.grid-1,
	.column.grid-2,
	.column.grid-3,
	.column.grid-4,
	.column.grid-5,
	.column.grid-6,
	.column.grid-7,
	.column.grid-8,
	.column.grid-9,
	.column.grid-10,
	.column12.grid-1,
	.column12.grid-2,
	.column12.grid-3,
	.column12.grid-4,
	.column12.grid-5,
	.column12.grid-6,
	.column12.grid-7,
	.column12.grid-8,
	.column12.grid-9,
	.column12.grid-10,
	.column12.grid-11,
	.column12.grid-12 {
		width      : 100%;
		text-align : left !important;
		padding    : 0;
	}

	.viget {
		height     : auto;
		min-height : 25em;
	}

	.scroll, .noscroll {
		overflow   : hidden;
		height     : auto;
		max-height : 60em;
	}

	#dialog td,
	.fnameCold {
		text-align : left !important;
	}

	select {
		width : 90% !important;
	}

	.logo-large {
		display : none;
	}

	.logo-small {
		display : block;
	}

	.viget-mini {
		margin-top : 0;
	}

	.button.dotted {
		padding: 10px 10px !important;
	}
}

@media (max-width : 767px) {

	table header {
		display : none;
	}

	.dialog #resultdiv .zagolovok {
		/*cursor: move;*/
		pointer-events : none;
	}

	.mob-pull-right a {
		padding    : 10px !important;
		display    : inline-block !important;
		border     : 1px solid #CCD1D9;
		background : #FAFAFA;
		font-size  : 1.0rem;
	}

	#telo table:not(.nobg) {
		background : #F5F5F5;
	}

	#telo table:not(.nomob) tr:not(.toggler):not(.nobg),
	#dialog table {
		display       : table;
		width         : 100% !important;
		padding       : 5px;
		border        : 0;
		border-bottom : 0 dotted #CCC;
		box-sizing    : border-box !important;
		font-size     : 1.4em;
		margin-bottom : 5px;
		/*background    : #F5F5F5;*/
	}

	#dialog table {
		font-size : 1.2em;
	}

	#dialog .removeSpecaString {
		text-align : right !important;
	}

	#telo table tr.toggler {
		height      : 2em !important;
		line-height : 2em;
		font-size   : 1.05em;
	}

	#telo table td,
	#dialog table td {
		display    : block;
		width      : 100% !important;
		padding    : 10px;
		border     : 0 !important;
		text-align : left !important;
		position   : relative;
		box-sizing : border-box;
		height     : initial;
	}

	#telo table td:not(.toggler).mounth,
	#dialog table td:not(.toggler).mounth {
		background : #FFF;
	}

	#telo br,
	.contaner br {
		content     : "";
		margin      : 0;
		font-size   : 0;
		line-height : 0;
		display     : none !important;
	}

	table.rt-responsive-table.rt-vertical-table td:empty:before {
		display     : none !important;
		content     : " ";
		line-height : 1.5em;
	}

	table.rt-responsive-table.rt-vertical-table td input {
		width      : 99% !important;
		background : #FAFAFA;
	}

	.tableHeader,
	#telo table thead,
	#dialog table thead {
		display : none;
	}

	table .action--block a > i {

	}

	.action--container {
		box-sizing    : border-box;
		padding-right : 0 !important;
		text-align    : right;
	}

	div.action--block,
	tr:hover .action--container {
		position  : inherit !important;
		right     : auto;
		transform : translate(0);
		z-index   : 0;
	}

	.hidden-ipad,
	.hidden-netbook {
		display : none !important;
	}

	#telo .ellipsis,
	#dialog .ellipsis,
	.ellipsis {
		position         : relative;
		text-overflow    : unset !important;
		-o-text-overflow : initial !important;
		overflow         : unset !important;
		white-space      : initial;
		display          : block;
		line-height      : initial;
		height           : initial;
		width            : 100%;
		vertical-align   : initial;
		margin-right     : 0;
		box-sizing       : border-box;
		word-wrap        : break-word;
		word-break       : break-all;
	}

	.ellipsis .paddtop5 {
		padding : 0 !important;
	}

	table.mobile-table tr:not(.toggler):not(.dayname) td:before,
	table.rt-responsive-table.rt-vertical-table tr:not(.toggler):not(.dayname) td:before {
		/*display       : block;*/
		width         : 100%;
		font-weight   : 700;
		font-size     : 0.7em;
		color         : #999;
		margin-bottom : 10px;
	}

	#dialog table.mobile-table tr:not(.toggler):not(.dayname) td:before,
	#dialog table.rt-responsive-table.rt-vertical-table tr:not(.toggler):not(.dayname) td:before {
		display : block;
	}

	table.mobile-table tr.toggler td:before,
	table.mobile-table tr.dayname td:before,
	table.rt-responsive-table.rt-vertical-table tr.toggler td:before,
	table.rt-responsive-table.rt-vertical-table tr.dayname td:before {
		display : none;
	}

	table.mobile-table tr:not(.toggler):not(.dayname) td,
	table.rt-responsive-table.rt-vertical-table tr:not(.toggler):not(.dayname) td {
		display       : block;
		font-weight   : bold;
		border        : 1px dotted #CCC;
		background    : #FFF;
		padding       : 10px 5px 5px 5px;
		margin-bottom : 1px;
	}

	table.mobile-table td div,
	table.mobile-table td span,
	table.rt-responsive-table.rt-vertical-table td div,
	table.rt-responsive-table.rt-vertical-table td span {
		display       : block;
		/*text-align    : right !important;*/
		padding-right : 10px;
		padding-top   : 5px;
		box-sizing    : border-box;
	}

	.mrowtable tr {
		display    : table;
		width      : 100%;
		outline    : none;
		box-sizing : border-box;
		background : RGB(255, 255, 255) !important;
		border     : 1px solid rgb(195, 204, 204) !important;
	}

	.mrowtable tr:nth-child(2n+1) {
		border-bottom : 0 !important;
	}

	.mrowtable tr:nth-child(2n+2) {
		border-top    : 0 !important;
		margin-bottom : 5px;
	}

	.graybg {
		background : #E6E6E6 !important;
	}

	.yw1001 {
		border-bottom : 1px dotted #CCC;
	}

	.progressbar-completed {
		box-sizing : border-box;
		margin-top : 5px;
		height     : 0.6em;
		text-align : left !important;
	}

	.progressbarr {
		background : #FAFAFA;
		text-align : left !important;
		padding    : 0 !important;
	}

	.row .column:nth-child(2n+1),
	.row .column12:nth-child(2n+1),
	.ui-layout-content .flex-string:nth-child(1):not(.viget-micro),
	#telo .flex-string:nth-child(1),
	#dialog .flex-string .flex-string:nth-child(2n+1),
	#dialog .flex-string:nth-child(1) {
		display       : block;
		text-align    : left !important;
		width         : 100% !important;
		padding-left  : 10px;
		margin-bottom : 5px;
		font-size     : 1.0rem !important;
		font-weight   : 700;
		color         : #607D8B;
	}

	#telo .flex-string:last-child {
		display       : block;
		padding-left  : 10px;
		width         : 100% !important;
		margin-bottom : 5px;
	}

	.nopad,
	table.nopad,
	.row .column:nth-child(2n+1).nopad,
	.row .column12:nth-child(2n+1).nopad,
	#dialog .flex-string:nth-child(1).nopad {
		padding : 0 !important;
	}

	.row .column:nth-child(2n+2),
	.row .column12:nth-child(2n+2),
	#telo .flex-string:nth-child(2n+2),
	#dialog .flex-string .flex-string:nth-child(2n+2),
	#dialog .flex-string:nth-child(2) {
		padding-left  : 10px;
		font-size     : 1.3rem;
		margin-bottom : 10px;
		margin-top    : 5px;
	}

	#dialog .viewdiv {
		font-size : 1.3em;
	}

	#dialog .viewdiv.cleared input {
		font-size : inherit;
	}

	#dialog .flex-string input.wp30 {
		width : 95% !important;
	}

	#dialog .flex-string .smalltext,
	#dialog .flex-string .fs-10 {
		font-size : 0.8em;
	}

	#dialog tr {
		margin-bottom : 10px;
		margin-top    : 10px;
		display       : table;
		width         : 100%;
	}

	#dialog .p10.tab {
		padding : 3px !important;
	}

	#dialog #divider b {
		font-size : 1.5rem;
		color     : #607D8B;
	}

	#dialog .zagolovok {
		line-height : 1.5em;
		padding     : 10px 10px;
		font-size   : 1.4em;
	}

	#dialog .close {
		position    : absolute;
		top         : 3px;
		right       : 5px;
		width       : 30px;
		height      : 30px;
		font-size   : 1.5em;
		line-height : 30px;
	}

	#dialog .idel {
		right         : 25px !important;
		margin-right  : 0 !important;
		padding-right : 0 !important;
	}

	#dialog .cleared .idel {
		right         : 5px !important;
		margin-right  : 0 !important;
		padding-right : 0 !important;
	}

	#dialog > .select {
		width   : 100%;
		display : block;
	}

	#psdiv .but.w100 {
		width : 80px !important;
	}

	.mob-pull-right {
		text-align : right;
	}

	#tips {
		position    : fixed;
		top         : 20px;
		left        : 50px;
		z-index     : 1000;
		color       : #FFF;
		font-size   : 1.4em;
		font-weight : 700;
	}

	.mfh-09 {
		font-size : 0.9em !important;
	}

	.mfh-10 {
		font-size   : 1.0em !important;
		line-height : 1.2em;
	}

	.mfh-12 {
		font-size   : 1.2em !important;
		line-height : 1.5em;
	}

	.mmt-10 {
		margin-top : 10px;
	}

	.mblock {
		display : block;
	}

	.minline {
		display : inline-block !important;
	}

	.mp10 {
		padding : 10px !important;
	}

	.mpr0 {
		padding-right : 0 !important;
	}

	.mpr5 {
		padding-right : 5px !important;
	}

	.mpr10 {
		padding-right : 10px !important;
	}

	.mmt10 {
		margin-top : 10px !important;
	}

	.mp0 {
		padding : 0 !important;
	}

	.mwp100 {
		width : 100% !important;
	}

	#contentdiv .pull-aright {
		float : initial;
	}

	.text-center .text-left,
	.text-center .text-right {
		text-align : center !important;
	}

	div.nomob {
		padding-left : 0 !important;
	}

	div.nomob .miditxt,
	div.nomob table thead {
		font-size : 1.0em !important;
	}

	div.nomob .pull-aright {
		float : right !important;
	}

	div.nomob table thead tr {
		padding       : 0 !important;
		margin-bottom : 2px !important;
		border-bottom : 1px dotted #CCC !important;
	}

	div.nomob table tbody td {
		padding   : 5px 5px !important;
		font-size : 1.0rem !important;
	}

	div.nomob table td .fnameForm,
	div.nomob table td:first-child {
		text-align : left !important;
		color      : #607D8B !important;
	}

	div.nomob table td:first-child {
		font-size   : 1.0rem !important;
		font-weight : 700 !important;
	}

	div.nomob .smalltxt {
		font-size  : 1.0rem !important;
		margin-top : 10px !important;
	}

	div.nomob .warning {
		font-size : 1.0rem !important;
	}

	div.nomob a {
		font-size : 1.1rem !important;
	}

	div.nomob a.button {
		padding : 5px !important;
		margin  : 0 !important;
	}

	.row table select,
	.row table textarea,
	.row table label,
	.row table input[type="text"] {
		width : 100% !important;
	}

	.fs-20 {
		font-size : 1.8rem !important;
	}

	.viget {
		flex-grow     : 1;
		flex-basis    : 100%;
		margin-bottom : 5px;
	}

	.viget-mini {
		width  : 100%;
		margin : 0;
	}

	.viget-micro {
		width      : calc(50% - 5px) !important;
		box-sizing : border-box !important;
		text-align : center !important;
		margin     : 0;
	}

	.flex-string:nth-child(1).viget-micro {
		text-align : center !important;
	}

	/*.micro-container{
		max-width: 100% !important;
		overflow-x: auto !important;
		overflow-y: hidden;
		max-height: 10em;
		height: 10em;
		margin-bottom: 10px;
		display: inline-flex !important;
		flex-wrap: nowrap !important;
	}
	.micro-container .viget-micro{
		width: 45vw !important;
		display: inline-table;
	}*/
	/*
	.scroll, .noscroll {
		overflow: hidden;
		height: auto;
		max-height: unset;
	}
	*/
	.micro--container,
	.swiper-container {
		/*width: 100%;*/
		height : 100%;
		width  : calc(100% - 10px);
	}

	.swiper-slide {
		/* Center slide text vertically */
		-webkit-box-pack        : center;
		-ms-flex-pack           : center;
		-webkit-justify-content : center;
		-webkit-box-align       : center;
		-ms-flex-align          : center;
		-webkit-align-items     : center;
		align-items             : center;
		/*width: calc(100% - 5px) !important;*/
	}

	#subwindow .header li {
		line-height: 30px;
		height: 40px;
	}
	#ytabs ul.gray li {
		padding: 5px;
		border-bottom: 1px solid var(--gray-soft);
		box-sizing: border-box;
	}
	#subwindow .xfooter{
		width: 100vw;
	}

}

.material {
	position      : relative;
	/*padding       : 10px !important;*/
	margin-bottom : 10px;
}

.material .comment {
	font-size    : 0.9em;
	color        : var(--gray-darkblue);
	padding-left : 10px;
}

.material .showpass {
	top : calc(50% - 1em);
}

.material input,
.material textarea {
	display     : block;
	padding     : 10px;
	height      : auto;
}

.material input::placeholder,
.material input::-webkit-input-placeholder,
.material input::-moz-placeholder,
.material input:-moz-placeholder,
.material input:-ms-input-placeholder {
	color      : transparent !important;
	font-size  : 0.8em;
	text-align : left;
}

.material > label,
.material select ~ label,
.material textarea:empty ~ label,
.material input[value=""] ~ label {
	color              : #999;
	font-size          : 1.3rem;
	font-weight        : 700;
	position           : absolute;
	pointer-events     : none;
	left               : 15px;
	top                : 17px;
	transition         : 0.2s ease all;
	-moz-transition    : 0.2s ease all;
	-webkit-transition : 0.2s ease all;
	z-index            : 5;
}

.material input:not(:placeholder-shown) ~ label,
.material input:focus ~ label,
.material textarea:not(:empty) ~ label,
.material textarea:not(:placeholder-shown) ~ label,
.material textarea:focus ~ label {
	top            : -7px;
	font-size      : 1.1rem;
	font-weight    : 700;
	color          : var(--blue);
	background     : transparent;
	padding        : 0 5px;
	text-transform : uppercase;
}

.material input:not(:placeholder-shown) ~ label:after,
.material input:focus ~ label:after,
.material textarea:not(:placeholder-shown) ~ label:after,
.material textarea:focus ~ label:after {
	/*content    : " ";
	position   : absolute;
	top        : 47%;
	left       : 1px;
	height     : 50%;
	background : var(--gray);
	display    : block;
	width      : calc(100% - 2px);
	z-index    : -1;*/
	content: " ";
	position: absolute;
	top: 45%;
	left: 1px;
	height: 20%;
	background: var(--white);
	display: block;
	width: calc(100% - 2px);
	z-index: -1;
}

/**
к элементу select мы не можем применять псевдокласс :after/:before
к связанным элементам тоже (как оказалось)
поэтому часть логики придется реализовывать через app.material.js
 */
.material.mselect select {
	padding : 10px 10px;
	height  : auto;
}

.material.mselect option {
	background  : #FFF;
	font-size   : 1.05em;
	line-height : 1.1em;
}

.material.mselect span.select:after {
	content         : '';
	position        : absolute;
	z-index         : 1;
	right           : 2px;
	top             : 55%;
	margin-top      : -12px;
	display         : block;
	width           : 30px;
	height          : 20px;
	background      : url("/assets/images/cd-icon-arrow.svg") no-repeat center center;
	background-size : 50%;
	pointer-events  : none;
}

.material.mselect .label {
	color              : #999;
	font-size          : 1.3rem;
	font-weight        : 700;
	position           : absolute;
	pointer-events     : none;
	left               : 15px;
	top                : 17px;
	transition         : 0.2s ease all;
	-moz-transition    : 0.2s ease all;
	-webkit-transition : 0.2s ease all;
	z-index            : 5;
}

.material.mselect.checked .label {
	top            : -7px;
	font-size      : 1.1rem;
	font-weight    : 700;
	color          : var(--blue);
	background     : transparent;
	padding        : 0 5px;
	text-transform : uppercase;
}

.material.mselect.checked .label:after {
	content    : " ";
	position   : absolute;
	top        : 3px;
	left       : 1px;
	height     : 50%;
	background : #FFF;
	display    : block;
	width      : calc(100% - 2px);
	z-index    : -1;
}

/*класс блока, имитирующего input*/
.material.like-input {
	background : #FFF;
	font-size  : initial;
}

.material.like-input .label {
	position           : absolute;
	pointer-events     : none;
	left               : 15px;
	top                : -13px;
	font-size          : 1.1rem;
	font-weight        : 700;
	color              : var(--blue);
	background         : transparent;
	padding            : 0 5px;
	text-transform     : uppercase;
	transition         : 0.2s ease all;
	-moz-transition    : 0.2s ease all;
	-webkit-transition : 0.2s ease all;
	z-index            : 5;
}

.material.like-input .label:after {
	content    : " ";
	position   : absolute;
	top        : calc(50% - 1px);
	left       : 1px;
	height     : 50%;
	background : #FFF;
	display    : block;
	width      : calc(100% - 2px);
	z-index    : -1;
}

.material.like-input.req {
	border-left-color : var(--red);
}

.material.like-input.req.warning {
	border      : 2px solid var(--blue) !important;
	border-left : 2px solid var(--red) !important;
	background  : rgb(255, 227, 215);
}

/*класс для кастомного select*/
.material .ydropDown.like-input {
	position              : relative;
	font-size             : 1.2em;
	margin                : 0 0 2px;
	padding               : 10px 10px;
	border                : 2px solid var(--gray);
	outline               : none;
	color                 : #222;
	box-sizing            : border-box;
	border-radius         : 5px;
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	font-weight           : 400;
}

.material .ydropDown.like-input:hover {
	border             : 2px solid var(--blue);
	transition         : all 400ms ease;
	-webkit-transition : all 400ms ease;
	-moz-transition    : all 400ms ease;
	box-shadow         : 0 0 2px var(--liteblue);
	-webkit-box-shadow : 0 0 2px var(--liteblue);
	-moz-box-shadow    : 0 0 2px var(--liteblue);
	background         : rgba(59, 110, 170, 0.1);
}

.material .ydropDown.like-input.req {
	border-left : 2px solid #E74C3C;
}

.material .ydropDown.like-input .yselectBox {
	top : calc(100% + 1px);
}

.material .ydropDown.like-input .ydropText {
	font-family      : 'Exo 2', serif, arial;
	display          : inline-block;
	font-size        : 1.0em;
	font-weight      : 400;
	line-height      : initial;
	height           : initial;
	margin-left      : 5px;
	margin-bottom    : 3px;
	color            : #222;
	text-overflow    : ellipsis !important;
	-o-text-overflow : ellipsis !important;
	overflow         : hidden !important;
	white-space      : nowrap;
	width            : 95%;
	vertical-align   : middle;
	margin-right     : -9999px;
}

.material .ydropDown.like-input .ydropString {
	font-size : 0.8em;
}

.material .ydropDown.like-input i {
	font-size    : 0.9em;
	font-weight  : 700;
	margin-top   : 5px;
	margin-right : 2px;
}

.material .ydropDown.like-input > .label {
	color              : #999;
	font-size          : 1.3rem;
	font-weight        : 700;
	position           : absolute;
	pointer-events     : none;
	left               : 15px;
	top                : 8px;
	transition         : 0.2s ease all;
	-moz-transition    : 0.2s ease all;
	-webkit-transition : 0.2s ease all;
	z-index            : 5;
}

.material .ydropDown.like-input.checked .label {
	top            : -13px;
	font-size      : 1.1rem;
	font-weight    : 700;
	color          : var(--blue);
	background     : transparent;
	padding        : 0 5px;
	text-transform : uppercase;
}

.material .ydropDown.like-input.checked .label:after {
	content    : " ";
	position   : absolute;
	top        : 46%;
	left       : 1px;
	height     : 10%;
	background : #FFF;
	display    : block;
	width      : calc(100% - 2px);
	z-index    : -1;
}

.material a.linked {
	position      : absolute;
	right         : 2px;
	top           : 2px;
	font-size     : 1.2em;
	line-height   : 1.5em !important;
	margin        : 0 0 2px;
	padding       : 10px 10px;
	outline       : none;
	color         : #FFF;
	border        : 0;
	background    : var(--blue);
	box-sizing    : border-box;
	border-radius : 2px;
	font-weight   : 400;
	width         : 150px;
	text-align    : center;
}

.material a.linked:hover {
	color      : #222;
	background : var(--liteblue);
}

.material input.linked {
	padding-right : 160px;
}

/**
	колоризация элементов формы
**/
/* broun */
.material.broun input:not(:placeholder-shown) ~ label,
.material.broun input:focus ~ label,
.material.broun textarea:not(:empty) ~ label,
.material.broun textarea:not(:placeholder-shown) ~ label,
.material.broun textarea:focus ~ label {
	color          : var(--broun);
}
.material.broun.mselect.checked .label{
	color          : var(--broun);
}
.material.broun .ydropDown.like-input.checked .label {
	color: var(--broun);
}
.material.broun .ydropDown.like-input:hover {
	border: 2px solid var(--broun);
	box-shadow: 0 0 2px var(--broun-lite);
	-webkit-box-shadow: 0 0 2px var(--broun-lite);
	-moz-box-shadow: 0 0 2px var(--broun-lite);
}
input.broun:focus, textarea.broun:focus, select.broun:focus {
	border             : 2px solid var(--broun);
	box-shadow         : 0 0 2px var(--broun-lite);
	-webkit-box-shadow : 0 0 2px var(--broun-lite);
	-moz-box-shadow    : 0 0 2px var(--broun-lite);
}
input.broun:active, textarea.broun:active, select.broun:active {
	border : 2px solid var(--broun-lite);
}

/*deepblue*/
.material.deepblue input:not(:placeholder-shown) ~ label,
.material.deepblue input:focus ~ label,
.material.deepblue textarea:not(:empty) ~ label,
.material.deepblue textarea:not(:placeholder-shown) ~ label,
.material.deepblue textarea:focus ~ label {
	color          : var(--blue-dark);
}
.material.deepblue.mselect.checked .label{
	color          : var(--blue-dark);
}
.material.deepblue .ydropDown.like-input.checked .label {
	color: var(--blue-dark);
}
.material.deepblue .ydropDown.like-input:hover {
	border: 2px solid var(--blue-dark);
	box-shadow: 0 0 2px var(--blue2);
	-webkit-box-shadow: 0 0 2px var(--blue2);
	-moz-box-shadow: 0 0 2px var(--blue2);
}
input.deepblue:focus, textarea.deepblue:focus, select.deepblue:focus {
	border             : 2px solid var(--blue-dark);
	box-shadow         : 0 0 2px var(--blue2);
	-webkit-box-shadow : 0 0 2px var(--blue2);
	-moz-box-shadow    : 0 0 2px var(--blue2);
}
input.deepblue:active, textarea.deepblue:active, select.deepblue:active {
	border : 2px solid var(--blue2);
}

/*green*/
.material.green input:not(:placeholder-shown) ~ label,
.material.green input:focus ~ label,
.material.green textarea:not(:empty) ~ label,
.material.green textarea:not(:placeholder-shown) ~ label,
.material.green textarea:focus ~ label {
	color          : var(--green);
}
.material.green.mselect.checked .label{
	color          : var(--green);
}
.material.green .ydropDown.like-input.checked .label {
	color: var(--green);
}
.material.green .ydropDown.like-input:hover {
	border: 2px solid var(--green);
	box-shadow: 0 0 2px var(--green-lite);
	-webkit-box-shadow: 0 0 2px var(--green-lite);
	-moz-box-shadow: 0 0 2px var(--green-lite);
}
input.green:focus, textarea.green:focus, select.green:focus {
	border             : 2px solid var(--green);
	box-shadow         : 0 0 2px var(--green-lite);
	-webkit-box-shadow : 0 0 2px var(--green-lite);
	-moz-box-shadow    : 0 0 2px var(--green-lite);
}
input.green:active, textarea.green:active, select.green:active {
	border : 2px solid var(--green-lite);
}

/*emerald*/
.material.emerald input:not(:placeholder-shown) ~ label,
.material.emerald input:focus ~ label,
.material.emerald textarea:not(:empty) ~ label,
.material.emerald textarea:not(:placeholder-shown) ~ label,
.material.emerald textarea:focus ~ label {
	color          : var(--emerald);
}
.material.emerald.mselect.checked .label{
	color          : var(--emerald);
}
.material.emerald .ydropDown.like-input.checked .label {
	color: var(--emerald);
}
.material.emerald .ydropDown.like-input:hover {
	border: 2px solid var(--emerald);
	box-shadow: 0 0 2px var(--emerald-lite);
	-webkit-box-shadow: 0 0 2px var(--emerald-lite);
	-moz-box-shadow: 0 0 2px var(--emerald-lite);
}
input.emerald:focus, textarea.emerald:focus, select.emerald:focus {
	border             : 2px solid var(--emerald);
	box-shadow         : 0 0 2px var(--emerald-lite);
	-webkit-box-shadow : 0 0 2px var(--emerald-lite);
	-moz-box-shadow    : 0 0 2px var(--emerald-lite);
}
input.emerald:active, textarea.emerald:active, select.emerald:active {
	border : 2px solid var(--emerald-lite);
}

/*red*/
.material.red input:not(:placeholder-shown) ~ label,
.material.red input:focus ~ label,
.material.red textarea:not(:empty) ~ label,
.material.red textarea:not(:placeholder-shown) ~ label,
.material.red textarea:focus ~ label {
	color          : var(--red-dark);
}
.material.red.mselect.checked .label{
	color          : var(--red-dark);
}
.material.red .ydropDown.like-input.checked .label {
	color: var(--red-dark);
}
.material.red .ydropDown.like-input:hover {
	border: 2px solid var(--red-dark);
	box-shadow: 0 0 2px var(--red-lite);
	-webkit-box-shadow: 0 0 2px var(--red-lite);
	-moz-box-shadow: 0 0 2px var(--red-lite);
}
input.red:focus, textarea.red:focus, select.red:focus {
	border             : 2px solid var(--red-dark);
	box-shadow         : 0 0 2px var(--red-lite);
	-webkit-box-shadow : 0 0 2px var(--red-lite);
	-moz-box-shadow    : 0 0 2px var(--red-lite);
}
input.red:active, textarea.red:active, select.red:active {
	border : 2px solid var(--red-lite);
}

/*fiolet*/
.material.fiolet input:not(:placeholder-shown) ~ label,
.material.fiolet input:focus ~ label,
.material.fiolet textarea:not(:empty) ~ label,
.material.fiolet textarea:not(:placeholder-shown) ~ label,
.material.fiolet textarea:focus ~ label {
	color          : var(--violet);
}
.material.fiolet.mselect.checked .label{
	color          : var(--violet);
}
.material.fiolet .ydropDown.like-input.checked .label {
	color: var(--violet);
}
.material.fiolet .ydropDown.like-input:hover {
	border: 2px solid var(--violet);
	box-shadow: 0 0 2px var(--violet-lite);
	-webkit-box-shadow: 0 0 2px var(--violet-lite);
	-moz-box-shadow: 0 0 2px var(--violet-lite);
}
input.fiolet:focus, textarea.fiolet:focus, select.fiolet:focus {
	border             : 2px solid var(--violet);
	box-shadow         : 0 0 2px var(--violet-lite);
	-webkit-box-shadow : 0 0 2px var(--violet-lite);
	-moz-box-shadow    : 0 0 2px var(--violet-lite);
}
input.fiolet:active, textarea.fiolet:active, select.fiolet:active {
	border : 2px solid var(--violet-lite);
}

/*orange*/
.material.orange input:not(:placeholder-shown) ~ label,
.material.orange input:focus ~ label,
.material.orange textarea:not(:empty) ~ label,
.material.orange textarea:not(:placeholder-shown) ~ label,
.material.orange textarea:focus ~ label {
	color          : var(--orange-dark);
}
.material.orange.mselect.checked .label{
	color          : var(--orange-dark);
}
.material.orange .ydropDown.like-input.checked .label {
	color: var(--orange-dark);
}
.material.orange .ydropDown.like-input:hover {
	border: 2px solid var(--orange-dark);
	box-shadow: 0 0 2px var(--orange-lite);
	-webkit-box-shadow: 0 0 2px var(--orange-lite);
	-moz-box-shadow: 0 0 2px var(--orange-lite);
}
input.orange:focus, textarea.orange:focus, select.orange:focus {
	border             : 2px solid var(--orange-dark);
	box-shadow         : 0 0 2px var(--orange-lite);
	-webkit-box-shadow : 0 0 2px var(--orange-lite);
	-moz-box-shadow    : 0 0 2px var(--orange-lite);
}
input.orange:active, textarea.orange:active, select.orange:active {
	border : 2px solid var(--orange-lite);
}

/*carrot*/
.material.orange input:not(:placeholder-shown) ~ label,
.material.orange input:focus ~ label,
.material.orange textarea:not(:empty) ~ label,
.material.orange textarea:not(:placeholder-shown) ~ label,
.material.orange textarea:focus ~ label {
	color          : var(--carrot);
}
.material.orange.mselect.checked .label{
	color          : var(--carrot);
}
.material.orange .ydropDown.like-input.checked .label {
	color: var(--carrot);
}
.material.orange .ydropDown.like-input:hover {
	border: 2px solid var(--carrot);
	box-shadow: 0 0 2px var(--carrot-lite);
	-webkit-box-shadow: 0 0 2px var(--carrot-lite);
	-moz-box-shadow: 0 0 2px var(--carrot-lite);
}
input.orange:focus, textarea.orange:focus, select.orange:focus {
	border             : 2px solid var(--carrot);
	box-shadow         : 0 0 2px var(--carrot-lite);
	-webkit-box-shadow : 0 0 2px var(--carrot-lite);
	-moz-box-shadow    : 0 0 2px var(--carrot-lite);
}
input.orange:active, textarea.orange:active, select.orange:active {
	border : 2px solid var(--carrot-lite);
}

/*bezh*/
.material.bezh input:not(:placeholder-shown) ~ label,
.material.bezh input:focus ~ label,
.material.bezh textarea:not(:empty) ~ label,
.material.bezh textarea:not(:placeholder-shown) ~ label,
.material.bezh textarea:focus ~ label {
	color          : #EEBE59;
}
.material.bezh.mselect.checked .label{
	color          : #EEBE59;
}
.material.bezh .ydropDown.like-input.checked .label {
	color: #EEBE59;
}
.material.bezh .ydropDown.like-input:hover {
	border: 2px solid #EEBE59;
	box-shadow: 0 0 2px #F2CD7E;
	-webkit-box-shadow: 0 0 2px #F2CD7E;
	-moz-box-shadow: 0 0 2px #F2CD7E;
}
input.bezh:focus, textarea.bezh:focus, select.bezh:focus {
	border             : 2px solid #EEBE59;
	box-shadow         : 0 0 2px #F2CD7E;
	-webkit-box-shadow : 0 0 2px #F2CD7E;
	-moz-box-shadow    : 0 0 2px #F2CD7E;
}
input.bezh:active, textarea.bezh:active, select.bezh:active {
	border : 2px solid #F2CD7E;
}

/*olive*/
.material.olive input:not(:placeholder-shown) ~ label,
.material.olive input:focus ~ label,
.material.olive textarea:not(:empty) ~ label,
.material.olive textarea:not(:placeholder-shown) ~ label,
.material.olive textarea:focus ~ label {
	color          : #808000;
}
.material.olive.mselect.checked .label{
	color          : #808000;
}
.material.olive .ydropDown.like-input.checked .label {
	color: #808000;
}
.material.olive .ydropDown.like-input:hover {
	border: 2px solid #808000;
	box-shadow: 0 0 2px #C1C100;
	-webkit-box-shadow: 0 0 2px #C1C100;
	-moz-box-shadow: 0 0 2px #C1C100;
}
input.olive:focus, textarea.olive:focus, select.olive:focus {
	border             : 2px solid #808000;
	box-shadow         : 0 0 2px #C1C100;
	-webkit-box-shadow : 0 0 2px #C1C100;
	-moz-box-shadow    : 0 0 2px #C1C100;
}
input.olive:active, textarea.olive:active, select.olive:active {
	border : 2px solid #C1C100;
}

/*indigo*/
.material.indigo input:not(:placeholder-shown) ~ label,
.material.indigo input:focus ~ label,
.material.indigo textarea:not(:empty) ~ label,
.material.indigo textarea:not(:placeholder-shown) ~ label,
.material.indigo textarea:focus ~ label {
	color          : var(--indigo-dark);
}
.material.indigo.mselect.checked .label{
	color          : var(--indigo-dark);
}
.material.indigo .ydropDown.like-input.checked .label {
	color: var(--indigo-dark);
}
.material.indigo .ydropDown.like-input:hover {
	border: 2px solid var(--indigo-dark);
	box-shadow: 0 0 2px var(--indigo-lite);
	-webkit-box-shadow: 0 0 2px var(--indigo-lite);
	-moz-box-shadow: 0 0 2px var(--indigo-lite);
}
input.indigo:focus, textarea.indigo:focus, select.indigo:focus {
	border             : 2px solid var(--indigo-dark);
	box-shadow         : 0 0 2px var(--indigo-lite);
	-webkit-box-shadow : 0 0 2px var(--indigo-lite);
	-moz-box-shadow    : 0 0 2px var(--indigo-lite);
}
input.indigo:active, textarea.indigo:active, select.indigo:active {
	border : 2px solid var(--indigo-lite);
}

/*deeppink*/
.material.deeppink input:not(:placeholder-shown) ~ label,
.material.deeppink input:focus ~ label,
.material.deeppink textarea:not(:empty) ~ label,
.material.deeppink textarea:not(:placeholder-shown) ~ label,
.material.deeppink textarea:focus ~ label {
	color          : #880E4F;
}
.material.deeppink.mselect.checked .label{
	color          : #880E4F;
}
.material.deeppink .ydropDown.like-input.checked .label {
	color: #880E4F;
}
.material.deeppink .ydropDown.like-input:hover {
	border: 2px solid #880E4F;
	box-shadow: 0 0 2px #E9278D;
	-webkit-box-shadow: 0 0 2px #E9278D;
	-moz-box-shadow: 0 0 2px #E9278D;
}
input.deeppink:focus, textarea.deeppink:focus, select.deeppink:focus {
	border             : 2px solid #880E4F;
	box-shadow         : 0 0 2px #E9278D;
	-webkit-box-shadow : 0 0 2px #E9278D;
	-moz-box-shadow    : 0 0 2px #E9278D;
}
input.deeppink:active, textarea.deeppink:active, select.deeppink:active {
	border : 2px solid #E9278D;
}

/*gray*/
.material.gray input:not(:placeholder-shown) ~ label,
.material.gray input:focus ~ label,
.material.gray textarea:not(:empty) ~ label,
.material.gray textarea:not(:placeholder-shown) ~ label,
.material.gray textarea:focus ~ label {
	color          : var(--gray4);
}
.material.gray.mselect.checked .label{
	color          : var(--gray4);
}
.material.gray .ydropDown.like-input.checked .label {
	color: var(--gray4);
}
.material.gray .ydropDown.like-input:hover {
	border: 2px solid var(--gray4);
	box-shadow: 0 0 2px var(--gray3);
	-webkit-box-shadow: 0 0 2px var(--gray3);
	-moz-box-shadow: 0 0 2px var(--gray3);
}
input.gray:focus, textarea.gray:focus, select.gray:focus {
	border             : 2px solid var(--gray4);
	box-shadow         : 0 0 2px var(--gray3);
	-webkit-box-shadow : 0 0 2px var(--gray3);
	-moz-box-shadow    : 0 0 2px var(--gray3);
}
input.gray:active, textarea.gray:active, select.gray:active {
	border : 2px solid var(--gray3);
}

/*black*/
.material.black input:not(:placeholder-shown) ~ label,
.material.black input:focus ~ label,
.material.black textarea:not(:empty) ~ label,
.material.black textarea:not(:placeholder-shown) ~ label,
.material.black textarea:focus ~ label {
	color          : var(--black);
}
.material.black.mselect.checked .label{
	color          : var(--black);
}
.material.black .ydropDown.like-input.checked .label {
	color: var(--black);
}
.material.black .ydropDown.like-input:hover {
	border: 2px solid var(--black);
	box-shadow: 0 0 2px var(--gray-darkgray);
	-webkit-box-shadow: 0 0 2px var(--gray-darkgray);
	-moz-box-shadow: 0 0 2px var(--gray-darkgray);
}
input.black:focus, textarea.black:focus, select.black:focus {
	border             : 2px solid var(--black);
	box-shadow         : 0 0 2px var(--gray-darkgray);
	-webkit-box-shadow : 0 0 2px var(--gray-darkgray);
	-moz-box-shadow    : 0 0 2px var(--gray-darkgray);
}
input.black:active, textarea.black:active, select.black:active {
	border : 2px solid var(--gray-darkgray);
}

/*ночная тема*/

body.night{
	background: var(--gray-darkest);
	color: var(--white) !important;
}
body.night .head--title{
	color: var(--gray-lite);
}
body.night .sm--foot {
	background: var(--black);
}
body.night .sm--contact {
	border-right: 1px solid var(--gray-darkblue);
}
body.night .avatar--block {
	border: 1px solid var(--black);
	background: var(--black);
}
body.night .xtab {
	background: var(--black);
}
body.night .xtab:hover,
body.night .xtab.current {
	background: var(--black);
	color: var(--orange);
}
body.night .questions--form {
	background: var(--black);
}
body.night .chat--message {
	border: 1px solid var(--black);
	background: var(--black);
}
body.night .chat--message .graybg-sublite {
	border: 1px solid var(--black);
	background: var(--gray-darkblue);
}
body.night textarea {
	background: var(--gray-darkblue);
	color: var(--gray) !important;
	border: 2px solid var(--gray-darkblue);
}
body.night input,
body.night select {
	background: var(--gray-darkgray);
	border: 2px solid var(--gray-darkgray);
	color: var(--gray);
}
body.night .ydropDown.like-input {
	background: var(--gray-darkblue);
	border: 1px inset var(--gray-darkblue);
	color: var(--gray) !important;
}
body.night .material.like-input {
	background: var(--gray-darkgray);
	border: 2px solid var(--gray-darkgray);
	color: var(--gray);
}
body.night .material.like-input .label::after {
	background: var(--gray-darkgray);
}
body.night .material input:not(:placeholder-shown) ~ label:after,
body.night .material input:focus ~ label:after,
body.night .material textarea:not(:placeholder-shown) ~ label:after,
body.night .material textarea:focus ~ label:after {
	background : var(--gray-darkblue);
}
body.night .material .ydropDown.like-input.checked .label::after {
	background: var(--gray-darkblue);
}
body.night .ydropDown.like-input .ydropText {
	color: var(--gray) !important;
}
body.night .material .comment {
	font-size: 0.9em;
	color: var(--gray);
	padding-left: 10px;
}
body.night .speaker--name div:last-child{
	color: var(--biruza);
}

body.night .chatbro_body{
	border-color: var(--gray-darkblue) !important;
}
body.night .chatbro_messages_wrapper,
body.night .chatbro_message,
body.night .chatbro_messages_block,
body.night .chatbro_message_attachment_reply,
body.night .chatbro_send,
body.night .chatbro_open_upload_button,
body.night .chatbro_send_input,
body.night .chatbro_send_input_block,
body.night .chatbro_fake_messages,
body.night .chatbro_messages_space{
	color: var(--gray) !important;
	background: var(--black) !important;
}
body.night .chatbro_smiles_menu{
	color: var(--gray) !important;
	background: var(--gray-darkblue) !important;
}
body.night .chatbro_message_auth_name,
body.night .chatbro_message_text{
	color: var(--gray) !important;
}
body.night .chatbro_message_attachment_file a,
body.night a.chatbro_message_attachment_file{
	color: var(--orange) !important;
}
body.night .chatbro_message_replied_text{
	 color: var(--biruza) !important;
	background: var(--gray-darkblue) !important;
 }
body.night .chatbro_message_td_message{
	border-top: 1px solid var(--gray-darkblue) !important;
}
body.night .attention {
	border: 1px dashed #E67E22 !important;
	background: var(--gray-darkblue) !important;
}

body.night #subwindow{
	background: var(--gray-darkblue) !important;
}
body.night .infodiv{
	border: 1px dashed #BFCFFF !important;
	background: var(--gray-darkblue);
}
body.night #subwindow .header {
	background: var(--gray-darkblue);
	color: rgba(120, 144, 156, 1);
}
body.night #ytabs ul.gray {
	background: var(--gray-darkblue);
	border: 1px solid var(--black);
}
body.night #ytabs ul.gray li {
	color: var(--gray) !important;
	border-right: 1px solid var(--black);
	border-bottom: 1px solid var(--black);
}
body.night #ytabs ul.gray li.active {
	color: #222 !important;
	background: #F6BB42;
	border-bottom: 1px solid var(--orange-lite);
}
body.night .ha:hover {
	background: var(--gray-darkblue) !important;
}
body.night .success {
	background: var(--gray-darkblue) !important;
	color: var(--green-lite);
}
body.night .button.dotted {
	background: var(--gray-darkblue) !important;
}
body.night .speakerhall.gray{
	color: var(--blue-dark) !important;
}
body.night .schedule-slot.active {
	color: #F6BB42;
	background: var(--gray-darkblue) !important;
	border: 1px solid var(--orange-lite) !important;
}
body.night input.required,
body.night select.required,
body.night td.required,
body.night textarea.required {
	border-left: 2px solid var(--red-dark);
}

body.night input.required.error,
body.night select.required.error,
body.night td.required.error,
body.night textarea.required.error {
	background: var(--red-dark);
	color: var(--white)
}

body.night .profile--card {
	border: 1px solid var(--gray-darkblue);
	background: var(--gray-darkblue);
}