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

:root {
	--blue           : #3F51B5;
	--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-lite      : #FAFAFA;
	--gray-dark      : #999;
	--gray-sub       : #CFD8DC;
	--gray-darkblue  : #2C3E50;
	--gray-darkgray  : #37474F;
	--gray3          : #8899A6;
	--gray4          : #607D8B;
	--gray5          : #CFD8DC;
	--red            : #F44336;
	--red-dark       : #B71C1C;
	--red-lite       : #e57373;
	--red-sublite    : #FFCDD2;
	--pink           : #AD1457;
	--pink-lite      : #E91E63;
	--pink-sublite   : #F8BBD0;
	--green          : #26A69A;
	--greens         : #B2DFDB;
	--green-dark     : #00796B;
	--green-lite     : #4DB6AC;
	--green-sublite  : #E0F2F1;
	--orange         : #FF9800;
	--orange-dark    : #F57F17;
	--orange-lite    : #FFB300;
	--orange-sublite : #FFF8E1;
	--mint           : #4FC3F7;
	--biruza         : #90CAF9;
	--biruza-lite    : #D0E5F5;
	--broun          : #795548;
	--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', 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;
	/*scrollbar-color : #CFD8DC #FFF;*/
}

::-webkit-scrollbar {
	width            : 5px;
	background-color : #263238;
	color            : #263238;
}

::-webkit-scrollbar-thumb {
	height           : 50px;
	background-color : var(--green);
	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 {

}

/*
::-webkit-scrollbar {
	width  : 10px;
	height : 3px;
}
::-webkit-scrollbar-button {
	background-color : var(--gray-dark);
}
::-webkit-scrollbar-track {
	background-color : var(--gray-darkblue);
}
::-webkit-scrollbar-track-piece {
	background-color : var(--gray2);
}
::-webkit-scrollbar-thumb {
	height           : 50px;
	background-color : var(--gray-dark);
	border-radius    : 3px;
}
::-webkit-scrollbar-corner {
	background-color : var(--scrollbar);
}
::-webkit-resizer {
	background-color : var(--gray2);
}
*/

.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      : -10%;
	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;
}

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;
}

.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;
}

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

/*Вертикальная надпись*/
.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;
}

/*индикатор фоновой обработки*/
.loading {
	position        : fixed;
	bottom          : 0;
	left            : calc(50% - 50px);
	z-index         : 10000;
	display         : block;
	width           : 100px;
	height          : 100px;
	background      : url("/assets/images/loading.svg") no-repeat center center;
	background-size : contain;
}

.content-loading {
	display         : block;
	width           : 40px;
	height          : 40px;
	background      : url("/assets/images/loading.svg") no-repeat center center;
	background-size : contain;
}

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

.strelka {
	position      : relative;
	display       : inline-block;
	height        : 0.7em;
	width         : 30px;
	border-left   : 1px dotted var(--black);
	border-bottom : 1px dotted var(--black);
	margin-bottom : 0.3em;
	margin-top    : -0.9em;
}
.strelka:before {
	left              : 95%;
	top               : 100%;
	border-style      : solid;
	content           : " ";
	height            : 0;
	width             : 0;
	position          : absolute;
	pointer-events    : none;
	border-color      : transparent;
	border-left-color : var(--black);
	border-width      : 3px 0 3px 7px;
	margin-top        : -3px;
}

.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.05em !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      : anywhere; /* нет поддержки для русского языка */
	-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;
}

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

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

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

button.graybtn,
.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,
.button.graybtn:hover {
	background : var(--gray-darkblue) !important;
	border     : 1px solid var(--gray-darkblue) !important;
	color      : #FFF !important;
}

button.bluebtn,
.button.bluebtn {
	background : #2980B9 !important;
	border     : 1px solid #1565C0 !important;
	color      : #FFF !important;
}

button.bluebtn:hover,
.button.bluebtn:hover {
	background         : #1E88E5 !important;
	color              : #FFF !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

button:hover:active,
.button:hover:active,
button.bluebtn:not(.disabled):active,
.button.bluebtn:not(.disabled):active{
	background         : var(--deepblue) !important;
}

button.indigobtn,
.button.indigobtn {
	background : #3949AB !important;
	border     : 1px solid #303F9F !important;
	color      : #FFF;
	box-shadow : 0 14px 10px -10px #303F9F !important;
}

button.indigobtn:hover,
.button.indigobtn:hover {
	background         : #5C6BC0 !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

button.indigobtn:not(.disabled):active,
.button.indigobtn:not(.disabled):active{
	background         : #303F9F !important;
}

button.greenbtn,
.button.greenbtn {
	background : #4CAF50 !important;
	border     : 1px solid #4B9664 !important;
	color      : #FFF !important;
	box-shadow : 0 14px 10px -10px #4B9664 !important;
}

button.greenbtn:hover,
.button.greenbtn:hover {
	background         : #8BC34A !important;
	color              : #FFF !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

button.greenbtn:not(.disabled):active,
.button.greenbtn:not(.disabled):active{
	background         : #4B9664 !important;
}

button.tealbtn,
.button.tealbtn {
	background : #00897B !important;
	border     : 1px solid #00796B !important;
	color      : #FFF;
	box-shadow : 0 14px 10px -10px #00796B !important;
}

button.tealbtn:hover,
.button.tealbtn:hover {
	background         : #009688 !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

button.tealbtn:not(.disabled):active,
.button.tealbtn:not(.disabled):active{
	background         : #00796B !important;
}

button.orangebtn,
.button.orangebtn {
	background : #FF9800 !important;
	border     : 1px solid #FB8C00 !important;
	color      : #FFF;
	box-shadow : 0 14px 10px -10px #FF9800 !important;
}

button.orangebtn:hover,
.button.orangebtn:hover {
	background         : #FFC107 !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

button.orangebtn:not(.disabled):active,
.button.orangebtn:not(.disabled):active{
	background         : #FB8C00 !important;
}

#orangedarkbutton .button,
.button.orangedarkbtn {
	background : #F4511E !important;
	border     : 1px solid #F4511E !important;
	color      : #FFF;
	box-shadow : 0 14px 10px -10px #F4511E !important;
}

#orangedarkbutton .button:hover,
.button.orangedarkbtn:hover {
	background         : #FF9800 !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

#orangedarkbutton .button:active,
.button.orangedarkbtn:active {
	background         : #BF360C !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

button.fioletbtn,
.button.fioletbtn {
	background : #673AB7 !important;
	border     : 1px solid #512DA8 !important;
	color      : #FFF;
	box-shadow : 0 14px 10px -10px #512DA8 !important;
}

button.fioletbtn:hover,
.button.fioletbtn:hover {
	background         : #9575CD !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

button.fioletbtn:not(.disabled):active,
.button.fioletbtn:not(.disabled):active{
	background         : #512DA8 !important;
}

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

button.whitebtn:hover,
.button.whitebtn:hover {
	background : #EEE !important;
}

button.redbtn,
.button.redbtn {
	background : #C0392B !important;
	border     : 1px solid #d32f2f !important;
	color      : #FFF;
	box-shadow : 0 14px 10px -10px #C0392B !important;
}

button.redbtn:hover,
.button.redbtn:hover {
	background         : #EF5350 !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

.button.reddarkbtn {
	background : #B71C1C !important;
	border     : 1px solid #B71C1C !important;
	color      : #FFF;
	box-shadow : 0 14px 10px -10px #B71C1C !important;
}
.button.reddarkbtn:hover {
	background         : #D32F2F !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

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

.button.limebtn {
	background : #AFB42B !important;
	border     : 1px solid #AFB42B !important;
	color      : #222;
	box-shadow : 0 14px 10px -10px #AFB42B !important;
}
.button.limebtn:hover {
	background         : #C0CA33 !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

.button.yellowbtn {
	background : #FFFF00 !important;
	border     : 1px solid #FDD835 !important;
	color      : #222 !important;
	box-shadow : 0 14px 10px -10px #FDD835 !important;
}
.button.yellowbtn:hover {
	background         : #FFF59D !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         : #6B8E23 !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

.button.disabled{
	opacity: 0.3;
	/*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;
}

button.redbtn:not(.disabled):active,
.button.redbtn:not(.disabled):active{
	background         : #d32f2f !important;
}

button.no-shadow,
button.no-shadow:hover,
.button.no-shadow,
.button.no-shadow:hover{
	box-shadow         : 0 0 0 0 transparent !important;
	-webkit-box-shadow : 0 0 0 0 transparent !important;
}

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;
}
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.orange:link, a.orange:visited {
	color : rgba(255, 193, 7, 1);
}

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

button.greenbtn.dotted,
.button.greenbtn.dotted {
	color : #4B9664 !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;
	background : var(--gray-darkblue) !important;
	border     : 1px solid var(--gray-darkblue) !important;
}
.button.dotted:hover i {
	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;
}

/*input[type="submit"].button:disabled
button.disabled,
.button.disabled,
button.disabled:hover,
.button.disabled:hover{
	background : #DDD !important;
	border     : 1px solid #CCC !important;
	color      : #CCC !important;
	box-shadow : 0 14px 10px -10px #222;
	cursor: not-allowed;
	user-select         : none;
	-moz-user-select    : none;
	-webkit-user-select : none;
}*/

.button:not(.disabled):active{
	/*background: var(--biruza) !important;*/
	transition: color 0s;
	box-shadow : 0 8px 10px -10px #222 !important;
}

.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;
}

#cnopkagroup {
	display : block;
}
#cnopkagroup ul {
	display               : inline-block;
	list-style            : none;
	background            : #FFCE54;
	border                : 1px solid #F6BB42;
	margin                : 3px;
	padding-left          : 0;
	font-size             : 0.9em;
	border-radius         : 4px;
	-moz-border-radius    : 4px;
	-webkit-border-radius : 4px;
}
#cnopkagroup 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;
}
#cnopkagroup ul li:last-child {
	border-right : 0;
}
#cnopkagroup ul li:hover {
	color      : #FFF;
	background : #C0392B;
}
#cnopkagroup ul.gray {
	background            : #E6E9ED;
	border                : 1px solid #CCD1D9;
	border-radius         : 2px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
}
#cnopkagroup ul.gray li {
	border-right : 1px solid #CCD1D9;
	padding      : 10px;
}
#cnopkagroup ul.gray li:hover,
#cnopkagroup ul.gray li.active {
	color       : #222;
	background  : #F6BB42;
	font-weight : bold;
}
#cnopkagroup ul.gray li:last-child {
	border-right : 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;
}

#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;
}
#ytabs ul.gray li:hover,
#ytabs ul.gray li.active {
	color              : #222;
	font-weight        : 700;
	background         : #F6BB42;
	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.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 {
	vertical-align : top;
}
.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-33 {
	flex-basis : 33% !important;
}
.flx-basis-40 {
	flex-basis : 40% !important;
}
.flx-basis-50 {
	flex-basis : 50% !important;
}

/**
Сетка
 */
.grid {
	display : grid !important;
}
.grid-2-col {
	grid-template-columns : 1fr 1fr;
}
.grid-3-col {
	grid-template-columns : 1fr 1fr 1fr;
}
.grid-4-col {
	grid-template-columns : 1fr 1fr 1fr 1fr;
}
.grid-5-col {
	grid-template-columns : 1fr 1fr 1fr 1fr 1fr;
}
.grid-6-col {
	grid-template-columns : 1fr 1fr 1fr 1fr 1fr 1fr;
}

/*Форатирование форм*/
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("../images/cd-icon-arrow.svg") no-repeat center center;
	background-size : 50%;
	pointer-events  : none;
}

input::-webkit-input-placeholder {
	color      : #CFD8DC;
	font-size  : 0.9em;
	text-align : left;
}
input::-moz-placeholder {
	color      : #95A5A6;
	font-size  : 0.9em;
	text-align : left;
}
input:-moz-placeholder {
	color      : #95A5A6;
	font-size  : 0.9em;
	text-align : left;
}
input:-ms-input-placeholder {
	color      : #CFD8DC;
	font-size  : 0.9em;
	text-align : left;
}

.icon-fire{
	position : relative;
	display: inline-block;
	width           : 1em;
	height          : 1em;
}
.icon-fire::after{
	content         : '';
	position        : absolute;
	z-index         : 1;
	right           : 2px;
	bottom          : 0;
	margin-top      : -12px;
	display         : block;
	width           : 100%;
	height          : 100%;
	background      : url("../images/fire.svg") no-repeat center center;
	background-size : 80%;
	pointer-events  : none;
}
.icon-fire.fs-09{
	width           : 0.9em;
	height          : 0.9em;
}

.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', arial, tahoma;
	font-size             : 1.1em;
	padding               : 4px 10px;
	background            : #FFF;
	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;
	-moz-box-sizing       : border-box;
	-webkit-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: 1px solid #C54032;*/
	border-left : 2px solid #E74C3C;
}

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;
}

.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 .disabled,
.radio .disabled {
	border         : 1px solid #2199E8;
	opacity        : 0.35;
	cursor         : not-allowed;
	pointer-events : none;
}

.checkbox label.middle,
.radio label.middle {
	display : flex !important;
	left    : initial !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 !important;
}
.h40 {
	height      : 40px !important;
}
.h100 {
	height      : 100px !important;
}
.h200 {
	height      : 200px !important;
}
.h300 {
	height      : 300px !important;
}
.h400 {
	height      : 400px !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.no-border{
	border-bottom  : 0 !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);*/
}

.hight-light{
	background: var(--orange-lite);
}

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

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

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

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

#noborder table, #noborder th, #noborder tr, #noborder td {
	border : 0;
}

#bborder table {
	border        : 1px solid #FFF;
	border-bottom : 1px solid transparent;
}
#bborder tr:not(:last-child), #bborder tr:not(:last-child) td {
	border-bottom : 1px dotted #DDD;
}
#bborder tr:first-child {
	border-top : 1px solid #FFF;
}
#bborder tr:last-child, #bborder tr.ha:last-child, #bborder .ha tr:last-child {
	border        : 0;
	border-bottom : 1px solid transparent;
}
#bborder th {
	border-right : 0;
}
#bborder.bordered {
	border : 1px solid #78909C;
}
#bborder.bordered td {
	border-left   : 1px solid #78909C;
	border-bottom : 1px solid #78909C;
}
#bborder.bordered td:first-child {
	border-left : 0;
}
#bborder.bordered tr:not(:last-child), #bborder.bordered tr:not(:last-child) td {
	border-bottom : 1px solid #78909C;
}

#tborder table {
	border    : 1px solid #666;
	padding   : 2px 3px 2px 3px;
	font-size : 0.95em;
}
#tborder td {
	border-left   : 1px solid #CCC;
	border-bottom : 1px solid #CCC;
	padding       : 2px 3px 2px 3px;
	height        : 20px;
}
#tborder thead td, #tborder thead th {
	background : #E5F0F9;
}
#tborder thead {
	border : 2px solid #222;
}

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,
.dialog_container_plus {
	position           : fixed;
	top                : 0;
	left               : 0;
	z-index            : 90;
	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;
}
.dialog_container.open {
	display : block;
}

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

.dialog-preloader {
	display  : block;
	position : absolute;
	top      : calc(50vh - 64px);
	left     : calc(50vw - 64px);
	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_container.open .dialog {
	display : block;
}
.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;
	margin-left   : 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,
.dialog .close_plus {
	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,
.dialog .close_plus: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-dark);
	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;
}

/*фрейм для работы с карточками*/
.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 (max-width : 767px) {
	
	.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 : #CCC;
}

.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.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;
}

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

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

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

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

.gray {
	color : #95A5A6;
}

.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 : #607D8B;
}

.gray-lite {
	color : #E0E0E0;
}

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

.gray-dark {
	color : #546E7A;
}

.yellow {
	color : #F1C30F;
}

.green, .green a {
	color : var(--green);
}

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

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

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

.white {
	color : #FFF;
}

.black {
	color : #222;
}

.bezh {
	color : #FFE3A2;
}

.bezh_dark {
	color : #F2CD7E;
}

.broun {
	color : #C68A00;
}

.broun2 {
	color : #FFBB78;
}

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

.fiolet {
	color : #8E24AA;
}

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

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

.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;
}

.pinkbg-lite {
	background : var(--pink-sublite);
}

.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;
}

.rounded-1px {
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}
.rounded-2px {
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
	border-radius         : 2px;
}
.rounded-3px {
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	border-radius         : 3px;
}

.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;
}
.avatar--mini--resp {
	width                 : 80%;
	padding-top           : 80%;
	border                : 2px solid #CCC;
	border-radius         : 200px;
	-webkit-border-radius : 200px;
	-moz-border-radius    : 200px;
}
.avatar--micro {
	display               : inline-block;
	width                 : 20px;
	height                : 20px;
	border                : 1px solid #9DC6D8;
	border-radius         : 200px;
	-webkit-border-radius : 200px;
	-moz-border-radius    : 200px;
}
.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;
}

#avatarform {
	/*display: none;*/
	position           : absolute;
	top                : 230px;
	left               : 20px;
	text-align         : left;
	padding            : 10px;
	border             : 1px solid #BFCFFF;
	background         : #E5F0F9;
	box-shadow         : 0 1px 1px #222;
	-moz-box-shadow    : 0 1px 1px #222;
	-webkit-box-shadow : 0 1px 1px #222;
}
#avatarform:after, #avatarform:before {
	top            : -10px;
	left           : 45px;
	border         : solid transparent;
	content        : " ";
	height         : 0;
	width          : 0;
	position       : absolute;
	pointer-events : none;
	z-index        : 20;
}
#avatarform:after {
	border-color        : rgba(136, 183, 213, 0);
	border-bottom-color : #FFF;
	border-width        : 5px;
	margin-left         : -5px;
}
#avatarform:before {
	top                 : -12px;
	border-color        : rgba(255, 255, 255, 0);
	border-bottom-color : #2387CA;
	border-width        : 6px;
	margin-left         : -6px;
}

#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;
}

.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 .tag {
	border                : 1px dotted #79B7E7;
	background            : #D0E5F5;
	padding               : 5px;
	display               : inline-block;
	overflow              : hidden !important;
	margin-bottom         : 2px;
	margin-right          : 2px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 5px;
	cursor                : pointer;
}
.tagbox .tag:hover {
	border     : 1px solid #79B7E7;
	background : #79B7E7;
}
.tagbox.gray .tag {
	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 .tag:hover {
	border     : 1px solid #79B7E7;
	background : #79B7E7;
	color      : #222 !important;
}
.tagbox.white .tag {
	border             : 1px solid #E0E0E0;
	background         : #FFF;
	color              : #333;
	font-weight        : 400;
	box-shadow         : 0 1px 1px -1px rgba(0, 0, 0, 0.50);
	-webkit-box-shadow : 0 1px 1px -1px rgba(0, 0, 0, 0.50);
	-moz-box-shadow    : 0 1px 1px -1px rgba(0, 0, 0, 0.50);
}
.tagbox.white .tag:hover {
	border     : 1px solid #E0E0E0;
	background : #E0E0E0;
	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;
}
.mt2 {
	margin-top : 2px !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;
}

.ml2 {
	margin-left : 2px !important;
}
.ml5 {
	margin-left : 5px !important;
}
.ml10 {
	margin-left : 10px !important;
}
.ml15 {
	margin-left : 15px !important;
}
.ml20 {
	margin-left : 20px !important;
}

.mr2 {
	margin-right : 2px !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;
}
.pl15 {
	padding-left : 15px !important;
}
.pl20 {
	padding-left : 20px !important;
}
.pl30 {
	padding-left : 30px !important;
}
.pl40 {
	padding-left : 40px !important;
}

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

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

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

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

.pr50 {
	padding-right : 50px !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;
}

.noborder {
	border : 0 !important;
}

.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       : block;
	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;
}

.w--content {
	width : max-content !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;
}

.wp33 {
	width : calc(33.33% - 5px) !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;*/
	line-height : 45px;
	top         : 0;
	right       : -200px;
	z-index     : 20;
	white-space : nowrap;
	box-sizing  : border-box;
	margin      : auto 0;
	/*vertical-align : middle;*/
	overflow    : hidden;
}

.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;
}

@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;
}

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

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

.disabled .logo {
	filter : blur(2px) grayscale(90%);
}

.toggle--container {
	cursor : pointer;
}

.hidden--container {
	display : none;
}

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

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

@-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(--green);
	background            : var(--green-sublite);
	border                : 4px solid var(--green);
	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 20px 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 : 1400px) {
	
	body {
		font-size   : 13px;
		line-height : 16px;
	}
	
}

@media (min-width : 1024px) and (max-width : 1200px) {
	
	body {
		font-size : 12px;
	}
	
	.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;
	}
	
	.button.dotted {
		padding : 3px 5px !important;
	}
	
}

@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;
	}
}

@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;*/
	}
	
}

.material {
	position      : relative;
	padding       : 10px auto !important;
	margin-bottom : 10px;
}

.material .comment {
	font-size    : 0.9em;
	color        : var(--gray-darkblue);
	padding-left : 10px;
}

.material .showpass {
	top : calc(50% - 0.6em);
}

.material input,
.material textarea {
	display     : block;
	padding     : 10px;
	height      : auto;
	font-family : "Exo 2";
}

.material textarea {
	padding-top : 20px;
}

.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:not(.like-input) > 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        : 3px;
	left       : 1px;
	height     : 50%;
	background : #FFF;
	display    : block;
	width      : calc(100% - 2px);
	z-index    : -1;
}

@media (min-width : 800px) and (max-width : 1400px) {
	
	.material input:not(:placeholder-shown) ~ label:after,
	.material input:focus ~ label:after,
	.material textarea:not(:placeholder-shown) ~ label:after,
	.material textarea:focus ~ label:after {
		top : 5px;
	}
	
}

/**
к элементу 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        : 3px;
	left       : 1px;
	height     : 50%;
	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;
}