/* ============================ */
/*         SalesMan CRM         */
/* ============================ */
/* (C) 2018 Vladislav Andreev   */
/*       SalesMan Project       */
/*         salesman.pro         */
/*         ver. 2018.6          */
/* ============================ */

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

:root {
	--white             : rgba(255, 255, 255, 1);
	--blue              : rgba(21, 101, 192, 1);
	--blue2             : rgba(59, 110, 170, 1);
	--darkblue          : rgba(13, 71, 161, 1);
	--deepblue          : #1565C0;
	--liteblue          : #81D4FA;
	--scrollbar         : #999;
	--black             : #222;
	--gray              : #E5E5E5;
	--gray-superlite    : #FAFAFA;
	--gray-lite         : #EEE;
	--gray-dark         : #999;
	--gray-liteblue     : #ECEFF1;
	--gray-darkblue     : #2C3E50;
	--gray-litedarkblue : #78909C;
	--gray2             : #EEE;
	--gray-sub          : #CFD8DC;
	--gray5             : #8899A6;
	--red               : #F44336;
	--red-lite          : #FFCDD2;
	--red-dark          : #B71C1C;
	--green             : #4CAF50;
	--green-dark        : #388E3C;
	--green-lite        : #81C784;
	--green-sublite     : #C8E6C9;
	--orange            : #FFCE54;
	--orange-dark       : #F6BB42;
	--orange-lite       : #FFE082;
	--mint              : #4FC3F7;
	--biruza            : #90CAF9;
	--biruza-lite       : #D0E5F5;
	--white             : #FFF;
}

html {
	font-size : 12px;
	height    : 100%;
	overflow  : hidden;
}

body {
	padding          : 0;
	margin           : 0;
	line-height      : 1.05em;
	font-family      : 'PT Sans', 'robotoregular', tahoma, sans, arial, serif;
	font-kerning     : normal;
	font-synthesis   : weight;
	font-size        : 1.1em;
	background-color : #E6E6E6;
	height           : 100%;;
	overflow         : hidden;
}

.mono{
	/*font-family: monospace !important;*/
	/*font-size: 12px !important;*/
}
.mono a:link,
.mono a:visited{
	color:var(--blue) !important;
	font-weight: bold;
}

.mono blockquote{
	padding: 5px 5px;
	background-color: var(--gray-superlite);
	border: 1px dashed var(--blue);
	border-left: 3px solid var(--blue);
	margin: 0;
}

.mono code{
	font-family: monospace !important;
	color:var(--gray-darkblue) !important;
	font-size: 0.95em;
	padding: 3px 10px;
	background: var(--gray-superlite);
	border: 0 solid var(--gray-sub);
	border-left: 2px solid var(--gray-sub);
	display: block;
	margin-top:10px;
}
.mono li{
	line-height: 1.4em;
}

div, select, textarea, ul {
	scrollbar-width : thin;
	scrollbar-color : #222B30;

}
::-webkit-scrollbar {
	width : 10px;
}
::-webkit-scrollbar-thumb {
	height           : 50px;
	background-color : var(--gray-sub);
	border-radius    : 3px;
}

/*Стили для основных блоков*/
.ui-layout-north {
	height   : 50px;
	position : fixed;
	top      : 0;
	left     : 0;
	width    : 100vw;
	z-index  : 20;
}

.ui-layout-west {
	height             : calc(100vh - 50px);
	position           : fixed;
	top                : 50px;
	left               : 50px;
	/*padding-top: 5px !important;*/
	width              : 300px;
	z-index            : 10;
	box-sizing         : border-box;
	-webkit-box-shadow : 1px 0 3px 0 rgba(50, 50, 50, 0.3);
	-moz-box-shadow    : 1px 0 3px 0 rgba(50, 50, 50, 0.3);
	box-shadow         : 1px 0 3px 0 rgba(50, 50, 50, 0.3);
}
.ui-layout-west #rmenu,
.ui-layout-west #lmenu {
	height : calc(100vh - 50px);
}

.ui-layout-west.simple {
	left               : 0;
	width              : 50px !important;
	transition         : all 100ms ease;
	-webkit-transition : all 100ms ease;
	-moz-transition    : all 100ms ease;
}
.ui-layout-west.simple #rmenu {
	z-index : 100;
}
.ui-layout-west.simple #lmenu {
	position : absolute;
	top      : 50px;
	left     : -350px;
	z-index  : 90;
	height   : calc(100vh - 50px);
}
.ui-layout-west.simple.open {
	width : 350px;
}
.ui-layout-west.simple #lmenu {
	top  : 0;
	left : 50px;
}

.ui-layout-west.compact {
	width : 260px;
}
.ui-layout-west.compact #rmenu {
	z-index : 100;
}
.ui-layout-west.compact #lmenu {
	width : 260px;
}

.ui-layout-west.outlook {
	width              : 250px;
	-webkit-box-shadow : 1px 0 2px 0 rgba(50, 50, 50, 0.5);
	-moz-box-shadow    : 1px 0 2px 0 rgba(50, 50, 50, 0.5);
	box-shadow         : 1px 0 2px 0 rgba(50, 50, 50, 0.5);
}
.ui-layout-west.outlook #rmenu {
	z-index : 100;
}
.ui-layout-west.outlook #lmenu {
	width : 250px;
}
.ui-layout-west.outlook--close {
	left : -300px;
}

.ui-layout-center {
	height     : calc(100vh - 55px) !important;
	position   : fixed;
	z-index    : 10;
	left       : 355px;
	top        : 55px;
	width      : calc(100vw - 350px) !important;
	overflow-x : hidden;
	overflow-y : auto;
	/*box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.5);*/
}
.ui-layout-center .nano {
	display    : table;
	height     : 100%;
	box-sizing : border-box;
	overflow-y : auto;
}
.ui-layout-center .nano-content {
	outline : none !important;
}
.ui-layout-center a:link {
	color : #222;
}
.ui-layout-center .tableHeader {
	position           : fixed;
	top                : 55px;
	left               : 56px;
	transition         : all 500ms ease;
	-webkit-transition : all 500ms ease;
	-moz-transition    : all 500ms ease;
}
.ui-layout-center.simple {
	left               : 56px;
	width              : calc(100vw - 56px) !important;
	transition         : all 100ms ease;
	-webkit-transition : all 100ms ease;
	-moz-transition    : all 100ms ease;
}
.ui-layout-center.simple.open {
	left : 350px;
}
.ui-layout-center.simple.open .tableHeader {
	left : 350px;
}

.ui-layout-center.compact {
	height     : calc(100vh - 55px) !important;
	position   : fixed;
	z-index    : 10;
	left       : 315px;
	top        : 55px;
	width      : calc(100vw - 315px) !important;
	overflow-x : hidden;
	overflow-y : auto;
}

.ui-layout-center.outlook {
	top                : 50px;
	left               : calc(250px + 56px);
	width              : calc(25vw - 56px) !important;
	height             : calc(100vh - 50px) !important;
	transition         : all 100ms ease;
	-webkit-transition : all 100ms ease;
	-moz-transition    : all 100ms ease;
	-webkit-box-shadow : 1px 0 2px 0 rgba(50, 50, 50, 0.5);
	-moz-box-shadow    : 1px 0 2px 0 rgba(50, 50, 50, 0.5);
	box-shadow         : 1px 0 2px 0 rgba(50, 50, 50, 0.5);
}
.ui-layout-center.outlook--close {
	top                : 50px;
	left               : 56px;
	width              : calc(25vw - 56px) !important;
	height             : calc(100vh - 50px) !important;
	-webkit-box-shadow : 1px 0 2px 0 rgba(50, 50, 50, 0.5);
	-moz-box-shadow    : 1px 0 2px 0 rgba(50, 50, 50, 0.5);
	box-shadow         : 1px 0 2px 0 rgba(50, 50, 50, 0.5);
}
.ui-layout-center.outlook--close .tableHeader {
	/*left: 350px;*/
}
.ui-layout-center.outlook--w40 {
	top                : 50px;
	left               : calc(250px + 56px);
	width              : calc(40vw - 56px) !important;
	height             : calc(100vh - 50px) !important;
	transition         : all 100ms ease;
	-webkit-transition : all 100ms ease;
	-moz-transition    : all 100ms ease;
	-webkit-box-shadow : 1px 0 2px 0 rgba(50, 50, 50, 0.5);
	-moz-box-shadow    : 1px 0 2px 0 rgba(50, 50, 50, 0.5);
	box-shadow         : 1px 0 2px 0 rgba(50, 50, 50, 0.5);
}
.ui-layout-center.outlook--w40 .ui-layout-content {
	min-height : calc(100vh - 50px);
}

.ui-layout-center.l250 {
	left  : calc(250px + 56px);
	width : calc(100vw - 306px) !important;
}

.ui-layout-content {
	display    : block;
	min-height : calc(100vh - 55px);
	box-sizing : border-box;
	width      : 100%;
	outline    : none;
}

.ui-layout-east {
	display : none;
}
.ui-layout-east.outlook {
	position : fixed;
	z-index  : 11;
	display  : table;
	top      : 50px;
	right    : 0;
	height   : calc(100vh - 50px) !important;
	width    : calc(75vw - 256px) !important;
}
.ui-layout-east.outlook--close {
	position : fixed;
	z-index  : 5;
	display  : table;
	top      : 50px;
	right    : 0;
	height   : calc(100vh - 50px) !important;
	width    : calc(75vw - 6px) !important;
}
.ui-layout-east.outlook--w40 {
	position : fixed;
	display  : table;
	top      : 50px;
	right    : 0;
	height   : calc(100vh - 50px) !important;
	width    : calc(60vw - 256px) !important;
}

.ui-layout-center.outlook--w40--close {
	left               : calc(56px);
	width              : calc(40vw - 56px) !important;
	-webkit-box-shadow : 1px 0 2px 0 rgba(50, 50, 50, 0.5);
	-moz-box-shadow    : 1px 0 2px 0 rgba(50, 50, 50, 0.5);
	box-shadow         : 1px 0 2px 0 rgba(50, 50, 50, 0.5);
}

.ui-layout-east.outlook--w40--close {
	position : fixed;
	display  : table;
	right    : 0;
	top      : 50px;
	height   : calc(100vh - 50px) !important;
	width    : calc(60vw) !important;
}

.ui-layout-south {
	height   : 0;
	position : fixed;
	bottom   : 0;
	left     : 0;
	width    : 100vw;
}

/*правая панель. эксперимент.*/
.ui-rightpane {
	display : none;
}
/*
.ui-rightpane{
	position : absolute;
	top:0;
	right: 0;
	height: 100vh;
	width : 40px;
	background: #222;
	z-index: 25;
}
*/


/*Панель для иконок плагинов*/
.plugin--panel {
	position    : fixed;
	z-index     : 100;
	bottom      : 20px;
	left        : 80px;
	line-height : 20px;
	display     : inline-flex;
}
.plugin--panel .plugin--icon {
	position              : relative;
	display               : inline-block;
	margin-right          : 15px;
	font-size             : 0.9em;
	width                 : 20px;
	height                : 20px;
	text-decoration       : none;
	text-align            : center;
	line-height           : 20px;
	padding               : 5px;
	cursor                : pointer;
	-moz-border-radius    : 40px;
	-webkit-border-radius : 40px;
	border-radius         : 40px;
}

/*Панель иконок обновления и телефонии*/
.refresh--panel {
	position    : fixed;
	z-index     : 100;
	bottom      : 30px;
	right       : 10px;
	line-height : 20px;
	display     : inline-flex;
}
.refresh--panel .refresh--icon {
	position              : relative;
	display               : inline-block;
	margin-right          : 5px;
	font-size             : 0.9em;
	width                 : 30px;
	height                : 30px;
	text-decoration       : none;
	text-align            : center;
	line-height           : 30px;
	padding               : 5px;
	cursor                : pointer;
	-moz-border-radius    : 60px;
	-webkit-border-radius : 60px;
	border-radius         : 60px;
	color                 : #FFF;
	background            : var(--blue);
	border                : 2px solid var(--darkblue);
	opacity               : 0.5;
}
.refresh--panel .refresh--icon:hover{
	opacity               : 1;
}

.refresh--panel .refresh--icon.red {
	background            : var(--red);
	border                : 2px solid var(--red-dark);
}
.refresh--panel .refresh--icon.green {
	background            : var(--green);
	border                : 2px solid var(--green-dark);
}
.refresh--panel .refresh--icon.orange {
	background            : var(--orange);
	border                : 2px solid var(--orange-dark);
}

#logo {
	display : table;
	width   : 120px;
	height  : 50px;
}

#lmenu {
	position    : relative;
	padding-top : 5px !important;
	background  : #EEE;
	width       : 300px;
	box-sizing  : border-box;
}

/*для модуля ЦИЗ*/
#lmenu .abonent.active {
	background  : #B3E5FC;
	font-weight : 700;
}

/*левая вертикальная панель*/
#rmenu {
	position   : fixed;
	bottom     : 0;
	left       : 0;
	display    : block;
	height     : calc(100vh - 50px);
	background : #FFF;
	text-align : center;
	box-sizing : border-box;
	width      : 50px;
	z-index    : 20;
}
#rmenu a {
	color         : #546E7A !important;
	border        : transparent 1px solid;
	border-bottom : #CFD8DC 1px solid;
	padding       : 10px;
	display       : block;
	position      : relative;
}
#rmenu a:hover,
#rmenu a.active,
#rmenu a.active i,
a:hover i.my {
	color              : #FFF !important;
	background         : #2980B9;
	border             : transparent 1px solid;
	transition         : left 300ms ease;
	-webkit-transition : left 300ms ease;
	-moz-transition    : left 300ms ease;
}
#rmenu a.active i,
#rmenu a:hover i.my {
	background : inherit;
}
#rmenu a.active i.sup,
#rmenu a:hover i.sup {
	background : inherit;
}
#rmenu a.active i.sup {
	color : initial;
}
#rmenu .ymailer a.razdel i.sub {
	position      : absolute;
	/*top        : 14px;
	right      : 2px;*/
	z-index       : 30;
	/*background : transparent;*/
	/*color      : inherit;*/
	background    : #FFF;
	top           : 50%;
	right         : 20%;
	border-radius : 10px;
}
#rmenu .ymailer a.razdel i.sub::before {
	vertical-align : top;
}
#rmenu .ymailer a.razdel i.sub.green {
	color : #349C5A;
}
#rmenu .ymailer a.razdel i.sub.blue {
	color : #2980B9;
}
#rmenu .ymailer a.razdel:hover i.sub {
	color      : #FFF !important;
	background : inherit;
}
#rmenu .ymailer a.razdel.active i.sub {
	background : inherit !important;
}
#rmenu .tabs a.lpToggler {
	background    : #8899A6;
	color         : #FFF !important;
	border-bottom : #8899A6 1px solid;
}
#rmenu a:hover svg use, #rmenu a.active svg use, #rmenu a.active svg use, a:hover svg.my use {
	fill : #FFF !important;
}
#rmenu a.active i:before {
	transform : scale(1.3);
}
#rmenu .bottom {
	position   : absolute;
	bottom     : 0;
	right      : 0;
	display    : block;
	width      : 100%;
	text-align : inherit;
}
#rmenu a > .bullet {
	position  : absolute;
	right     : 1px;
	top       : 1px;
	color     : #222;
	font-size : 0.6em;
	padding   : 2px;
}
#rmenu a:hover > .bullet,
#rmenu a.active > .bullet {
	color : #FFF;
}
#rmenu a.lpToggler .icon-toggler:before {
	content            : "\e88d";
	transition         : all 500ms ease;
	-webkit-transition : all 500ms ease;
	-moz-transition    : all 500ms ease;
	transform          : rotate(180deg);
}
#rmenu a.lpToggler.open .icon-toggler:before {
	content            : "\e88d";
	transition         : all 500ms ease;
	-webkit-transition : all 500ms ease;
	-moz-transition    : all 500ms ease;
	transform          : rotate(0deg);
}
#rmenu > a.razdel i.sup {
	position      : absolute;
	z-index       : 30;
	/*color      : inherit;*/
	background    : #FFF;
	top           : 20%;
	left          : 70%;
	border-radius : 10px;
}
#rmenu > a.razdel.active i.sup,
#rmenu > a.razdel:hover i.sup {
	color      : #FFF !important;
	background : inherit !important;
}
#rmenu > a.razdel i.sup::before {
	vertical-align : top;
	padding        : 2px;
}
#rmenu > a.razdel.redbg-dark i.sup,
#rmenu > a.razdel.bluebg-dark i.sup {
	background : inherit;
}

#rmenu ul {
	list-style : none;
	position   : relative;
	margin     : 0;
	padding    : 0;
}
#rmenu ul li {
	display       : block;
	/*padding: 15px 10px 10px;*/
	/*text-align: center;*/
	color         : #546E7A;
	/*background:#EEEEEE;*/
	background    : #EEE;
	cursor        : pointer;
	position      : relative;
	border        : 1px solid #CFD8DC;
	border-bottom : 0;
	border-right  : 0;
	/*border-bottom: 1px solid #CFD8DC;*/
	border-radius : 0;
}
#rmenu ul li:first-child {
	/*border-top: rgb(204, 204, 204) 1px solid;*/
}
#rmenu ul li:last-child {
	border-bottom : 0;
}
#rmenu ul li .pops:hover {
	background : #CFD8DC;
	color      : #2980B9;
}
#rmenu ul li .bullet {
	position              : absolute;
	top                   : 5px;
	right                 : 5px;
	display               : inline-block;
	text-align            : center;
	min-width             : 1.1em;
	height                : 1.0em;
	line-height           : 1.0em;
	font-size             : 0.6em;
	font-weight           : 700;
	margin-top            : 3px;
	color                 : #FFF;
	background            : #E74C3C;
	padding               : 3px;
	border-radius         : 1.2em;
	-moz-border-radius    : 1.2em;
	-webkit-border-radius : 1.2em;
}
#rmenu ul li .bullet.green {
	background : #27AE60;
}
#rmenu ul li .bullet.blue {
	background : #2980B9;
}
#rmenu ul li .bullet.gray {
	background : #90A4AE;
	color      : #FFF;
}
#rmenu ul li i {
	pointer-events : none;
}
#rmenu ul li .pops {
	padding : 15px 10px 10px;
	/*border: 1px dotted red;*/
}
#rmenu .counters ul li {
	background : inherit;
}
#rmenu .popmenu {
	position : fixed;
	left     : 55px;
	top      : inherit;
	bottom   : 5px;
	height   : calc(100vh - 110px);
	padding  : 0;
}
#rmenu li .popbody {
	height     : calc(100% - 45px);
	max-height : calc(100% - 45px);
	overflow   : hidden;
	overflow-y : auto;
	display    : block;
}
#rmenu li.lpop .popbody {
	height     : calc(100% - 120px);
	max-height : calc(100% - 120px);
}
#rmenu li > #rmenu .popmenu.open {
	background : #CFD8DC;
	color      : #2980B9;
}
#rmenu .popmenu.open {
	display : block !important;
}
#rmenu .popmenu a:not(.button) {
	display         : inline-block;
	padding         : 0;
	text-decoration : none;
	border          : 0;
}
#rmenu .popmenu a:hover {
	background : transparent;
	color      : red !important;
}
#rmenu .pophead {
	height      : 40px;
	line-height : 40px;
	background  : #2980B9;
	color       : #FFF;
	font-weight : bold;
	font-size   : 1.2em;
	position    : relative;
	padding     : 0 5px;
}
#rmenu .pophead .link {
	position : absolute;
	right    : 5px;
	top      : 0;

}
#rmenu .pophead .link a i.blue {
	/*color:#2980B9 !important;*/
	color : #222;
}
#rmenu .pophead a {
	color   : #FFF !important;
	display : inline-block;
}
#rmenu .popheader {
	background  : #E3F2FD !important;
	color       : #222;
	height      : 20px;
	line-height : 20px;
}
#rmenu .popcontent {
	max-height : none !important;
	height     : auto;
}
#rmenu .popbody .popheader a i {
	color : #222;
}
#rmenu .popcontent .replay {
	margin     : 0;
	max-height : none !important;
	height     : auto;
}
#rmenu .popmenu .popcloser {
	float  : right;
	cursor : pointer;
}
#rmenu li .popmenu .left-triangle-after,
#rmenu li .popmenu .left-triangle-before {
	position       : absolute;
	content        : " ";
	display        : inline-block;
	width          : 0;
	height         : 0;
	border-style   : solid;
	border-width   : 5px 5px 5px 0;
	pointer-events : none;
	left           : -4px;
}
#rmenu li .popmenu .left-triangle-after {
	border-color : transparent #4A89DC transparent transparent;
	z-index      : 20;
	left         : -6px;
}
#rmenu li .popmenu .left-triangle-before {
	border-color : transparent #FFF transparent transparent;
	z-index      : 21;
}
#rmenu li[data-id="search"] .popmenu {
	width       : 40vw;
	cursor      : default;
	color       : inherit;
	white-space : initial;
}
#rmenu li[data-id="todo"] .popmenu {
	height      : calc(100vh - 60px);
	width       : 350px;
	cursor      : default;
	color       : inherit;
	white-space : initial;
}
#rmenu li[data-id="search"] .ydropDown {
	padding            : 5px 10px;
	box-shadow         : 0 1px 1px rgba(50, 50, 50, 0.3);
	-webkit-box-shadow : 0 1px 1px rgba(50, 50, 50, 0.3);
	-moz-box-shadow    : 0 1px 1px rgba(50, 50, 50, 0.3);
}
#rmenu li[data-id="search"] .ydropDown .yselectBox {
	top   : 2.35em;
	width : 170px;
}

.leftpop {
	position      : relative;
	display       : block;
	color         : #546E7A !important;
	border        : transparent 1px solid;
	border-bottom : #CFD8DC 1px solid;
	height        : 40px;
	cursor        : pointer;
	box-sizing    : border-box;
	padding       : 10px 5px;
}
.leftpop:hover {
	color              : #FFF !important;
	background         : #2980B9;
	border             : transparent 1px solid;
	transition         : left 300ms ease;
	-webkit-transition : left 300ms ease;
	-moz-transition    : left 300ms ease;
}
.leftpop .menu {
	position           : absolute !important;
	top                : -1px;
	left               : calc(100% + 1px);
	width              : 160px;
	display            : none;
	z-index            : 11;
	text-align         : left;
	box-shadow         : 1px 1px 1px rgba(50, 50, 50, 0.7);
	-webkit-box-shadow : 1px 1px 1px rgba(50, 50, 50, 0.7);
	-moz-box-shadow    : 1px 1px 1px rgba(50, 50, 50, 0.7);
}
.leftpop:hover > .menu {
	display : block;
}
.leftpop .menu li {
	display : block !important;
	padding : 0 !important;
	border  : 0 !important;
}
.leftpop .menu i {
	/*margin: 10px;*/
	margin-right : 5px;
}
.leftpop .menu a.razdel {
	display   : block !important;
	padding   : 10px !important;
	border    : 0 !important;
	word-wrap : normal;
}

#rmenu:after {
	z-index            : 10;
	position           : absolute;
	top                : -1px;
	left               : 0;
	width              : 100%;
	height             : 100%;
	content            : "";
	pointer-events     : none;
	-webkit-box-shadow : 1px 0 2px 0 rgba(50, 50, 50, 0.7);
	-moz-box-shadow    : 1px 0 2px 0 rgba(50, 50, 50, 0.7);
	box-shadow         : 1px 0 2px 0 rgba(50, 50, 50, 0.7);
}

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

/*Раскраска левой пнели*/
/*
#rmenu .counters ul li,
#rmenu {
	background: #01579b;
	border: 0;
	border-bottom: 1px solid #3B6EAA;
	border-right: 1px solid #3B6EAA;
	color: #FFF;
}

.leftpop,
#rmenu a {
	color: #FFF !important;
	border-bottom: 1px solid #3B6EAA;
}
#rmenu .menu a {
	color: #222 !important;
}
#rmenu .menu a:hover {
	color: #FFF !important;
}
#rmenu .active .sup{
	font-size: 0.4em !important;
}
#rmenu .orangebg-sub .cal-day,
#rmenu #taskweek{
	color: #01579b !important;
}
#rmenu .calendarHeader .black,
#rmenu .calendarHeader a.gray{
	color: #01579b !important;
}
.popcontent, .popcontent td, #rmenu .popcontent a, .ydropDown span{
	color: #3B6EAA !important;
}
*/

/*Левая панель в высоту экрана*/
/*
.ui-layout-north,
.ui-layout-north #menu{
	left:50px;
	width: calc(100vw - 50px);
}
#rmenu{
	height: calc(100vh);
}
*/

.options {
	position      : fixed;
	z-index       : 10;
	bottom        : 40px;
	right         : 50px;
	height        : 40px;
	width         : 40px;
	line-height   : 40px;
	color         : #FFF;
	background    : var(--darkblue);
	border        : 2px solid var(--darkblue);
	border-radius : 100px;
	text-align    : center;
	cursor        : pointer;
	box-shadow    : 0 0 3px 0 rgba(50, 50, 50, 0.75);
}
.options:hover {
	background : var(--blue);
	border        : 2px solid var(--blue);
}
.options:hover ul {
	display : block;
}
.option .box {
	position : relative;
	display  : inline;
}
.options ul {
	display    : none;
	list-style : none;
	position   : absolute;
	right      : -2px;
	bottom     : 41px;
	margin     : 0;
	padding    : 0;
}
.options ul li {
	display       : table;
	color         : #546E7A;
	background    : rgba(255, 255, 255, .8);
	cursor        : pointer;
	position      : relative;
	border        : 2px solid rgba(255, 255, 255, 1);
	height        : 40px;
	width         : 40px;
	line-height   : 40px;
	border-radius : 100px;
	margin-bottom : 5px;
	box-shadow    : 0 0 3px 0 rgba(50, 50, 50, 0.75);
}
.options ul li:hover {
	background : rgba(30, 136, 229, .1);
}
.options i {
	font-size : 1.0em;
}

/*
.options ul li:before {
	content       : "";
	position      : absolute;
	top           : calc(100% - 5px);
	left          : 14px;
	width         : 10px;
	height        : 10px;
	background    : #FFF;
	border        : 2px solid rgba(30, 136, 229, 1);
	border-radius : 20px;
	z-index: 11;
}
*/

@media (max-width : 767px) {

	.options {
		bottom : 10px;
		right  : 10px;
	}

}

.options ul li a {

}

.modules--name {

	display       : block;
	padding       : 10px 10px;
	font-weight   : 700;
	font-size     : 1.2em;
	width         : 100%;
	color         : #607D8B;
	border-bottom : 1px dotted #607D8B;

}

@media (min-width : 1500px) {

	.ui-layout-west.compact {
		width : 300px;
	}

	.ui-layout-west.compact #rmenu {
		z-index : 100;
	}

	.ui-layout-west.compact #lmenu {
		width : 300px;
	}

	.ui-layout-center.compact {
		height     : calc(100vh - 55px) !important;
		position   : fixed;
		z-index    : 10;
		left       : 355px;
		top        : 55px;
		width      : calc(100vw - 355px) !important;
		overflow-x : hidden;
		overflow-y : auto;
	}

	.ui-layout-west.outlook {
		width : 300px;
	}

	.ui-layout-west.outlook #rmenu {
		z-index : 100;
	}

	.ui-layout-west.outlook #lmenu {
		width : 300px;
	}

	.ui-layout-center.outlook {
		height     : calc(100vh - 50px) !important;
		position   : fixed;
		z-index    : 10;
		left       : 355px;
		top        : 50px;
		width      : calc(25vw) !important;
		overflow-x : hidden;
		overflow-y : auto;
	}

	.ui-layout-center.outlook--w40 {
		height     : calc(100vh - 50px) !important;
		position   : fixed;
		z-index    : 10;
		left       : 355px;
		top        : 50px;
		width      : calc(35vw - 20px) !important;
		overflow-x : hidden;
		overflow-y : auto;
	}

	.ui-layout-east.outlook {
		display : table;
		width   : calc(75vw - 360px) !important;
	}

	.ui-layout-east.outlook--close {
		height : calc(100vh - 50px) !important;
	}

	.ui-layout-east.outlook-w40 {
		display : table;
		width   : calc(75vw - 360px) !important;
	}

	.ui-layout-center.l250 {
		left  : calc(300px + 56px);
		width : calc(100vw - 356px) !important;
	}
}

@media (min-width : 1024px) {

	.leftpop .menu {
		width : 180px;
	}

}

@media (max-width : 1150px) {

	.button--group .button.fs-11.p10 {
		font-size : 0.9rem !important;
		padding   : 5px !important;
	}

}

@media (max-width : 1024px) {

	#lmenu {
		width : 170px !important;
		left  : 0;
	}

	#rmenu {
		width : 40px;
	}

	#rmenu ul li .bullet {
		left        : auto;
		right       : 2px;
		min-width   : 1.1em;
		height      : 1.0em;
		line-height : 1.0em;
		font-size   : 0.7em !important;
		font-weight : 400;
		margin-top  : 3px;
		padding     : 2px;
	}

	#rmenu a.razdel i.sup {
		left         : auto;
		right        : -10px;
		margin-right : 0;
	}

	#rmenu ul li a.razdel .bullet {
		left      : auto;
		right     : 5px;
		font-size : 0.7em !important;
	}

	#rmenu li .popmenu {
		left   : 45px;
		height : calc(100vh - 60px);
	}

	#rmenu li .pophead {
		font-size : 1.2em;
	}

	#rmenu li .popbody {
		/*height: calc(100vh - 60px);
			max-height: calc(100vh - 60px);*/
	}

	#rmenu li .popmenu .popcontent {

	}

	#rmenu a.razdel i.sup {
		right : -2px;
	}

	#rmenu a.razdel.active i.sup {
		right : -4px;
	}

	#rmenu a.razdel > [class^="icon-"]::before,
	#rmenu a.razdel > [class*=" icon-"]::before {
		margin-right : -2px;

	}

	#rmenu a.razdel.active > [class^="icon-"]::before,
	#rmenu a.razdel.active > [class*=" icon-"]::before {
		/*margin-right: -4px;*/
	}

	.ui-layout-west {
		width : 170px !important;
		left  : 40px;
	}

	.ui-layout-west.simple {
		width : 40px !important;
	}

	.ui-layout-center {
		left  : 250px;
		width : calc(100vw - 250px) !important;
	}

	.ui-layout-center.simple {
		left               : 44px;
		width              : calc(100vw - 46px) !important;
		transition         : all 500ms ease;
		-webkit-transition : all 500ms ease;
		-moz-transition    : all 500ms ease;
	}

	.ui-layout-west.simple.open {
		width : 200px !important;
	}

	.ui-layout-west.simple #lmenu {
		left : 40px;
	}

	.ui-layout-center.simple.open {
		left : 210px;
	}

	.ui-layout-center.simple.open .tableHeader {
		left : 250px;
	}

	.ui-layout-center.simple .tableHeader {
		left : 44px;
	}

	.ui-layout-center.compact {
		left  : 215px;
		width : calc(100vw - 215px) !important;
	}

	.ui-layout-center.outlook {
		left  : calc(160px + 56px);
		width : calc(216px) !important;
	}

	.ui-layout-center.outlook--close {
		left  : 46px;
		width : calc(30vw - 46px) !important;
	}

	.ui-layout-east.outlook {
		width : calc(75vw - 216px) !important;
	}

	.ui-layout-east.outlook--close {
		width : calc(70vw - 6px) !important;
	}

	.ui-layout-west.outlook #lmenu .mbutton .hidden-ipad {
		display : unset !important;
	}

}

@media (max-width : 767px) {

	.ui-layout-west.outlook--close.open #lmenu {
		width : calc(100vw - 46px) !important;
		left  : 0;
	}

	.ui-layout-west.outlook--close #lmenu {
		left : -100vw;
	}

	#rmenu li .popmenu {
		width : 60vw;
	}

	#rmenu li[data-id="search"] .popmenu {
		width : calc(100vw - 50px);
	}

	#rmenu a.razdel i.sup {
		right : 1px;
	}

	#rmenu a.razdel.active i.sup {
		right : -4px;
	}

	#rmenu a.razdel > [class^="icon-"]::before,
	#rmenu a.razdel > [class*=" icon-"]::before {
		margin-right : -4px;

	}

	#rmenu a.razdel.active > [class^="icon-"]::before,
	#rmenu a.razdel.active > [class*=" icon-"]::before {
		/*margin-right: -4px;*/
	}

	.ui-layout-west {
		width : calc(100vw - 40px) !important;
		left  : 40px;
	}

	.ui-layout-west.compact {
		/*width : 40px !important;*/
	}

	.ui-layout-center {
		/*left  : 100vw;*/
		/*width : calc(100vw - 250px) !important;*/
	}

	.ui-layout-center.compact {
		left               : 44px;
		width              : calc(100vw - 46px) !important;
		transition         : all 500ms ease;
		-webkit-transition : all 500ms ease;
		-moz-transition    : all 500ms ease;
		height             : calc(100vh - 50px) !important;
		top                : 50px;
	}

	.ui-layout-west.compact.open {
		width : calc(100vw - 40px) !important;
	}

	.ui-layout-west.compact #lmenu {
		/*left : 40px;*/
		width : calc(100vw - 46px) !important;
	}

	.ui-layout-center.compact.open {
		left : 100vw;
	}

	.ui-layout-center.compact.open .tableHeader {
		left : 100vw;
	}

	.ui-layout-center.compact .tableHeader {
		left : 44px;
	}

	.ui-layout-west.outlook--close {
		width : calc(100vw - 46px) !important;
	}

	.ui-layout-west.outlook--close.open {
		left : calc(46px);
	}

	.ui-layout-center.outlook--close,
	.ui-layout-center.outlook {
		top    : 50px;
		left   : calc(46px);
		width  : calc(100vw - 46px) !important;
		height : calc(100vh - 50px) !important;
	}

	.ui-layout-center.outlook--close.open,
	.ui-layout-center.outlook.open {
		left : calc(100vw);
	}

	.ui-layout-east.outlook--close,
	.ui-layout-east.outlook {
		z-index            : 25;
		top                : 50px;
		left               : calc(100vw);
		width              : calc(100vw - 46px) !important;
		height             : calc(100vh - 50px) !important;
		transition         : all 100ms ease;
		-webkit-transition : all 100ms ease;
		-moz-transition    : all 100ms ease;
	}

	.ui-layout-east.outlook--close.open {
		left : calc(46px);
	}

	.userblock {
		position : relative;
	}

	.avatar--mini--resp {
		width              : 50px !important;
		padding-top        : 50px !important;
		position           : absolute;
		top                : 15px;
		right              : 5px;
		-moz-box-shadow    : inset 0 0 5px #000;
		-webkit-box-shadow : inset 0 0 5px #000;
		box-shadow         : inset 0 0 5px #000;
	}

	.listHead .shado {
		display : none;
	}

}

@media (min-height : 800px) {

	#rmenu li .popmenu {
		height : calc(80vh);
	}

}

h1 {
	font-size   : 1.7rem;
	line-height : 1.7rem;
	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;
}

#contentdiv i.supp, i.supp {
	position     : relative;
	left         : -25px;
	top          : -7px;
	margin-right : -10px;
	font-size    : 0.6em;
}
#contentdiv i.supp {
	position     : absolute;
	left         : 5px;
	top          : 5px;
	margin-right : unset;
	font-size    : 0.6em;
}

.visible {
	display : block;
}
.unvisible {
	visibility : hidden;
}

#uploads input[type="file"] {
	font-size          : 0.9em;
	background         : #FFF;
	vertical-align     : middle;
	border-collapse    : collapse;
	width              : 100% !important;
	appearance         : none;
	-moz-appearance    : none;
	-webkit-appearance : none;
}
#uploads div {
	display     : inline-block;
	width       : 48%;
	padding     : 2px;
	margin-left : 2px;
}
#uploads .filebox {
	position      : relative;
	/*border        : 1px solid #EFEFDE;*/
	/*background    : #FFF;*/
	margin-top    : 10px;
	margin-bottom : 5px;
}
#uploads .delfilebox {
	position : absolute;
	top      : 25%;
	right    : 10px;
	width    : 20px;
	height   : 20px;
}

.noBold {
	font-weight : 500;
}
.Bold {
	font-weight : 600;
}

.relativ {
	position : relative;
}
.absolute {
	position : absolute;
}
.norelativ {
	position : inherit !important;
}

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

.other-btn {
	position    : absolute;
	/*height      : 100%;*/
	color       : lightgrey;
	line-height : 100%;
	padding     : 10px;
	cursor      : pointer;
}
.other-btn:hover {
	color        : #3B6EAA;
	cursor       : pointer;
	border-color : #3B6EAA;
}

.h1 {
	font-size   : 18px;
	font-weight : bold;
}

b, strong {
	font-weight : bold;
}

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

.inline {
	display : inline-block !important;
}
.block {
	display : block !important;
}
.itable {
	display : table !important;
}
.inherit {
	position : inherit !important;
}
.inset {
	border : 1px inset #FFF !important;
}
.full {
	width   : 100%;
	display : table !important;
}

.em {
	font-style : italic;
}

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

.sticked--top th {
	background : var(--gray-lite);
}

thead.sticked--top.noshadow th,
thead.sticked--top.noshadow tr:nth-child(2) th,
tr.sticked--top th.noshadow {
	box-shadow         : 0 0 0 0 transparent !important;
	-webkit-box-shadow : 0 0 0 0 transparent !important;
}
.sticked--top tr:nth-child(2) th.top0 {
	top : 0 !important;
}

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

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

/**
Тоже самое для браузеров на Хромиум
 */
@media screen and (-webkit-min-device-pixel-ratio : 0) {

	.sticked--top th {
		position           : sticky;
		top                : 0;
		z-index            : 10;
		color              : inherit;
		background         : var(--gray-lite); /*inherit !important;*/
		border             : 0;
		-webkit-box-shadow : 0 2px 2px -1px rgba(50, 50, 50, 0.5) !important;
	}

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

	.sticked--top tr:nth-child(2) th {
		position           : sticky;
		top                : 40px;
		z-index            : 10;
		color              : inherit;
		background         : inherit;
		border             : 0;
		-webkit-box-shadow : 0 2px 2px -1px rgba(50, 50, 50, 0.5) !important;
	}

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

	.sticked--bottom tr:first-child td {
		position           : sticky;
		bottom             : 0;
		z-index            : 10;
		background         : inherit;
		border             : 0;
		/*border-top         : 1px dotted #BBB;*/
		-webkit-box-shadow : 0 -1px 2px -2px rgba(50, 50, 50, 0.5) !important;
	}

}

@media (max-width : 768px) {

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

	tr.sticked--top td {
		/*border : initial;*/
	}

	div.sticked--top {
		/*display : initial;
		box-shadow : initial;*/
	}

	/**
	Тоже самое для браузеров на Хромиум
	 */
	@media screen and (-webkit-min-device-pixel-ratio : 0) {

		.sticked--top th {
			/*position           : initial;*/
			top : 0;
			/*z-index            : initial;
			color              : inherit;
			background         : initial;
			border             : initial;
			-webkit-box-shadow : initial;*/
		}

		.sticked--top tr:nth-child(2) th {
			/*position           : initial;*/
			top : 0;
			/*z-index            : initial;
			color              : inherit;
			background         : initial;
			border             : initial;
			-webkit-box-shadow : initial;*/
		}

		.sticked--top td {
			/*position           : initial;*/
			top : 0;
			/*z-index            : initial;
			color              : inherit;
			background         : initial;
			border             : initial;
			-webkit-box-shadow : initial;*/
		}

		.sticked--bottom tr:first-child td {
			/*position           : initial;
			bottom             : initial;
			z-index            : initial;
			background         : initial;
			border             : initial;
			border-top         : initial;
			-webkit-box-shadow : initial;*/
		}

	}

}

.flag {
	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,
.no-border div,
.no-border a {
	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;
}
.autoHeight {
	height     : auto !important;
	max-height : initial !important;
}

.no-shadow {
	box-shadow : 0 0 0 0 transparent !important;
}

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

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

/*Угол в блоке*/
.corner {
	position     : absolute;
	top          : 0;
	right        : 0;
	display      : inline-block;
	width        : 0;
	height       : 0;
	border-style : solid;
}
.corner.corner-right {
	border-width : 0 20px 20px 0;
	border-color : transparent var(--blue) transparent transparent;
}
.corner.corner-left {
	border-width : 20px 20px 0 0;
	border-color : var(--blue) transparent transparent transparent;
}

/*Текст с переносами и дефисами*/
/*.text-wrap,*/
.hy {
	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;
	word-break      : break-all !important;
}

/**делает элемент "прозрачным" для кликов и выделений**/
.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%;
}

/**
Очищает свойство br переносить текст
 */
.nobr br {
	content : ""
}
.nobr br:after {
	content : "\00a0"
}

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

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

.bigtext {
	font-size      : 1.15em;
	text-transform : uppercase;
	display        : block;
	font-weight    : bold;
}
.bigtxt {
	font-size : 1.5em;
}

.smalltxt {
	font-size      : 0.85em;
	line-height    : 1.2em;
	margin-bottom  : 3px;
	padding-bottom : 3px;
}
.smalltext {
	font-size   : 0.85em;
	line-height : 1.2em;
}

.miditxt {
	font-size   : 1.3em;
	line-height : 1.5em;
}

.smaller {
	font-size : 0.7em;
}

.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-16 {
	font-size : 1.6em !important;
}
.fs-18 {
	font-size : 1.8em !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-16 {
	line-height : 1.6em !important;
}
.flh-18 {
	line-height : 1.8em !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;
}

/**
Текст с переносом строк
https://habr.com/ru/post/445166/
 */
.text-wrap,
.text-wrap a,
a.text-wrap {
	overflow-wrap         : break-word; /* не поддерживает IE, Firefox; является копией word-wrap */
	word-wrap             : break-word;
	line-break            : anywhere; /* auto; нет поддержки для русского языка */
	hyphens               : auto; /* не работает в webkit */
	/*word-break            : keep-all;*/ /* работает в webkit */
	word-break            : break-word;
	white-space           : normal;
	width                 : 99%;
	/*word-break            : break-all !important;*/
	hyphenate-limit-chars : 6 3 2; /*Ограничение длины слова и количества символов до и после переноса*/
	hyphenate-limit-lines : 2; /*Ограничение числа последовательных переносов*/
	hyphenate-limit-last  : always; /* Запрет переносов в последней строке абзаца */
	hyphenate-limit-zone  : 10%;
}

.text-overflow {
	white-space   : nowrap; /* Перво-наперво, запретим перенос строк */
	overflow      : hidden; /* Скрываем текст, который не помещается в блок */
	text-overflow : ellipsis; /* Уводим текст в многоточие */
	display       : block; /* Элемент обязательно должен быть блочным */
}

.text-shadow {
	color       : #D9D9D9;
	background  : #E8E8E8;
	text-shadow : -1px -1px 1px rgba(255, 255, 255, .1), 1px 1px 1px rgba(0, 0, 0, .5);
}
.text-inset {
	color       : #616161;
	text-shadow : #E0E0E0 1px 1px 0;
}

.divbottom {
	position : absolute;
	bottom   : 0;
}

.hidden {
	display : none !important;
}

.dleft {
	float : left;
}

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

a.button, input.button, a.button:link, a.button:visited, div.button, input[type="submit"].button {
	/*padding               : 5px 10px;*/
	padding               : 10px 15px;
	/*margin                : 0 8px 3px 0;*/
	margin                : 0 8px 3px 0;
	line-height           : 20px;
	display               : inline-block;
	text-align            : center;
	text-decoration       : none;
	font-weight           : 500;
	color                 : #FFF;
	outline               : medium none;
	background            : #2980B9;
	border                : 1px solid #2980B9;
	cursor                : pointer;
	border-radius         : 2px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
	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);
}
a.button:hover, input.button:hover, a.sbutton:hover, div.button:hover, input[type="submit"].button:hover {
	background         : #03A9F4;
	border             : 1px solid #2196F3;
	color              : #FFF;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}
a.button:active, a.sbutton:hover {
	/*box-shadow: 0px 0px 0px #999;
		-webkit-box-shadow: 0px 0px 0px #999;
		-moz-box-shadow: 0px 0px 0px #999;*/
}

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

a.button.bcancel {
	color      : #222;
	background : #BDC3C7;
	border     : 1px solid #95A5A6;
}
a.button.bcancel:hover {
	background         : #95A5A6;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

a.button.stick {
	line-height : 1.5em;
	font-size   : 1.05em;
	margin      : 0 0 0 -5px !important;
	padding     : 4px 10px !important;
}

#fakebutton, #submitbutton, #cancelbutton {
	float : right;
}

#fakebutton .button,
.button.graybtn {
	background : #DDD !important;
	border     : 1px solid #CCC !important;
	color      : #222 !important;
}

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

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

#greenbutton .button,
.button.greenbtn {
	background : #4CAF50 !important;
	border     : 1px solid #4B9664 !important;
	color      : #FFF !important;
}

#brounbutton .button:hover,
.button.brounbtn:hover {
	background : #795548 !important;
	border     : 1px solid #8D6E63 !important;
	color      : #FFF !important;
}

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

#orangebutton .button,
.button.orangebtn {
	background : #FF9800 !important;
	border     : 1px solid #FF9800 !important;
	color      : #FFF;
}

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

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

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

#redbutton .button,
#redbutton div.button,
.button.redbtn {
	background : #C0392B !important;
	border     : 1px solid #C0392B !important;
	color      : #FFF;
}

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

.button.cancelbtn {
	background : var(--gray-darkblue) !important;
	border     : 1px solid var(--gray-darkblue) !important;
	color      : #FFF !important;
}
.button.cancelbtn:hover {
	background         : var(--gray-litedarkblue) !important;
	color              : #FFF !important;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

a.sbutton, a.sbutton:link, a.sbutton:visited {
	padding               : 2px 5px 2px 5px;
	margin                : 0 2px 2px 0;
	height                : 1.25em;
	line-height           : 1.25em;
	display               : inline-block;
	text-align            : center;
	font-size             : 0.85em;
	color                 : #FFF;
	background            : #2980B9;
	border                : 1px solid #2980B9;
	border-radius         : 2px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
	box-shadow            : 0 1px 1px #999;
	-webkit-box-shadow    : 0 1px 1px #999;
	-moz-box-shadow       : 0 1px 1px #999;
}

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

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

a.fbutton, a.fbutton:link, a.fbutton:visited, div.fbutton {
	display               : inline-block;
	font-size             : 0.8rem;
	line-height           : 0.95rem;
	font-weight           : 400;
	text-align            : center;
	text-decoration       : none;
	padding               : 5px 5px;
	color                 : #FFF;
	background            : #2980B9;
	border                : 1px solid #2980B9;
	cursor                : pointer;
	outline               : medium none;
	border-radius         : 2px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
}
a.fbutton:hover, div.fbutton:hover {
	background         : #03A9F4;
	border             : 1px solid #2196F3;
	color              : #FFF;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}
a.fbutton.red, a.fbutton.red:link, a.fbutton.red:visited, div.fbutton.red {
	background : #C0392B;
	border     : 1px solid #C0392B;
	color      : #FFF;
}
a.fbutton.red:hover, div.fbutton.red:hover {
	background : #E74C3C;
}
a.fbutton.green, a.fbutton.green:link, a.fbutton.green:visited, div.fbutton.green {
	background : #4CAF50;
	border     : 1px solid #4B9664;
	color      : #FFF;
}
a.fbutton.green:hover, div.fbutton.green:hover {
	background : #8BC34A;
}
a.fbutton.gray, a.fbutton.gray:link, a.fbutton.gray:visited, div.fbutton.gray {
	background : #DDD;
	border     : 1px solid #CCC;
	color      : #222;
}
a.fbutton.gray:hover, a.fbutton.gray:hover:link, a.fbutton.gray:hover:visited, div.fbutton.gray:hover {

}

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


.button.bluebtn.dotted {
	color : #2980B9 !important;
}
.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;
}

.button.small{
	padding: 3px !important;
	font-size: 0.7em;
	margin: 0 !important;
	line-height: 0.9em !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;
}

.button--group a.button {
	width              : 100%;
	box-sizing         : border-box;
	border-radius      : 0;
	box-shadow         : 0 0 0 0 rgba(0, 0, 0, 0);
	-webkit-box-shadow : 0 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow    : 0 0 0 0 rgba(0, 0, 0, 0);
}
.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;
}
.button--group a.button:hover {
	background : var(--gray-darkblue) !important;
	color      : var(--white) !important;
}

/** Панель кнопок для форматрования */
.a--group {
	width          : 100%;
	display        : flex !important;
	flex-direction : row !important;
	flex-wrap      : wrap !important;
	background     : transparent !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;
}
#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;
}

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

a.alink {
	color         : #507192;
	border-bottom : 1px dotted #222;
}
a.menu:link, a.menu:visited {
	font-size             : 0.95em;
	color                 : #333;
	text-decoration       : none;
	display               : block;
	padding               : 1px 1px 1px 10px;
	border                : 1px solid #FFF;
	line-height           : 1.65em;
	margin                : 1px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}
a.menu:hover {
	color            : #2E658D;
	/*font-weight: bold;*/
	text-decoration  : none;
	display          : block;
	padding          : 1px 1px 1px 10px;
	border           : 1px solid #A6C9E2;
	background-color : #D2E9FF;
}

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

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

.div--header {
	height        : 2.25em;
	font-size     : 1.25em;
	font-weight   : 700;
	line-height   : 2.25em !important;
	text-align    : center;
	background    : #FFF;
	color         : rgba(1, 87, 155, 1);
	border-right  : 1px dotted #CCC;
	border-bottom : 2px solid rgba(1, 87, 155, 1);
}

/*Гриды*/
.xgrid-col-2{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px 10px;
}
.xgrid-col-3{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 10px 10px;
}
.xgrid-col-4{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 10px 10px;
}
.xgrid-col-5{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 10px 10px;
}
.xgrid-col-6{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 10px 10px;
}

/*класс для гибких элементов*/
.flex-container {
	display         : flex !important;
	flex-direction  : row !important;
	flex-wrap       : wrap !important;
	justify-content : flex-start;
}
.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-container.Header {
	background         : var(--gray-liteblue);
	-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);
	margin-bottom      : 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-string.label {
	font-size      : 0.7em;
	color          : #607D8B;
	text-transform : uppercase;
	margin-top     : 10px;
	font-weight    : 700;
}

/**
Вертикальная (двухстрочная) компановка информации в карточке
 */
.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-container.custom-checkbox {
	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-wrap : initial !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 {
	box-sizing  : border-box;
	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-container.float .flex-string.wp10 {
	flex-basis : 10%;
}
.flex-container.float .flex-string.wp20 {
	flex-basis : 20%;
}
.flex-container.float .flex-string.wp30 {
	flex-basis : 30%;
}
.flex-container.float .flex-string.wp40 {
	flex-basis : 40%;
}
.flex-container.float .flex-string.wp50 {
	flex-basis : 50%;
}
.flex-container.float .flex-string.wp60 {
	flex-basis : 60%;
}
.flex-container.float .flex-string.wp70 {
	flex-basis : 70%;
}
.flex-container.float .flex-string.wp80 {
	flex-basis : 80%;
}
.flex-container.float .flex-string.wp100 {
	flex-basis : 100%;
}

.flex-33 {
	width : 33%;
}

/*все дочерние элементы приобретут новое свойство*/
.box--child .flex-container,
.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;
	flex-grow  : unset;
}
.flx-basis-33 {
	flex-basis : 32% !important;
	flex-grow  : unset;
}
.flx-basis-40 {
	flex-basis : 40% !important;
}
.flx-basis-50 {
	flex-basis : 50% !important;
	flex-grow  : unset;
}

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

input,
select {
	position              : relative;
	font-size             : 1.1em;
	line-height           : 1.5em !important;
	margin                : 0 0 2px;
	padding               : 4px 10px;
	border                : 1px inset #FFF;
	outline               : none;
	color                 : #333;
	background: #FFF;
	box-sizing            : border-box;
	border-radius         : 2px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
}

select {
	cursor             : pointer;
	appearance         : none;
	-moz-appearance    : none;
	-webkit-appearance : none;
	/*line-height: 1.3em !important;*/
}

/*попытка убрать outline у селекта*/
::-moz-focus-inner {
	border : none;
}

select:-moz-focusring {
	color            : transparent;
	text-shadow      : 0 0 0 #222;
	background-image : none !important;
}

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

input::-webkit-input-placeholder {
	color : #CFD8DC;
}
input::-moz-placeholder {
	color : #95A5A6;
}
input:-moz-placeholder {
	color : #95A5A6;
}
input:-ms-input-placeholder {
	color : #CFD8DC;
}

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

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

optgroup {
	font-size  : 0.9em;
	color      : var(--gray-darkblue);
	font-style : normal;
}
option {
	/*height: 1.2em;*/
	font-size : 0.9em;
	color     : var(--black);
}

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

	option {
		/*font-size : 1em;*/
		padding : 5px;
	}

}

textarea {
	font-family           : 'PT Sans', arial, tahoma, serif;
	font-size             : 1.1em;
	padding               : 4px 10px;
	background            : #FFF;
	border                : 1px inset #FFF;
	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             : 1px solid #2980B9;
	transition         : all 400ms ease;
	-webkit-transition : all 400ms ease;
	-moz-transition    : all 400ms ease;
	box-shadow         : 0 0 2px #00BCD4;
	-webkit-box-shadow : 0 0 2px #00BCD4;
	-moz-box-shadow    : 0 0 2px #00BCD4;
}
input:active, textarea:active, select:active {
	border : 1px solid #00BCD4;
}
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.well {
	border : 1px dotted #349C5A;
}
input.bbad {
	border : 1px dotted #C54032;
}

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;
	vertical-align     : middle;
}
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;*/
}

.ui-layout-west input,
.ui-layout-west select {

	padding       : 3px;
	border-bottom : 1px solid #ECF0F1;

}

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

.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 : #1583CC;
	box-shadow : inset 0 0 0 12px #FFF;
	top        : -2px;
}

.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    : anywhere; /* нет поддержки для русского языка */
	/*-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 : #2095F0;
	box-shadow   : none;
}
.checkbox input[type="checkbox"]:checked + .custom-checkbox .icon-ok {
	transform : scale(1);
}

.checkbox input[type="checkbox"]:disabled + .custom-checkbox {
	border-color : var(--gray-dark) !important;
	background   : var(--gray-dark) !important;
}

/*Radios*/
.radio .custom-radio {
	background    : #FFF;
	border-radius : 18px;
	transition    : all 180ms ease;
	top           : -2px;
}
.radio input[type="radio"]:checked + .custom-radio {
	border-color : #2980B9;
	background   : #2980B9;
}
.radio .icon-radio-check {
	position   : absolute;
	/*top        : -0.5px;
	left       : -4px;
	width      : 14px;
	height     : 14px;*/
	bottom     : 1px;
	right      : 5px;
	width      : 14px;
	height     : 100%;
	transform  : scale(0);
	transition : all 180ms ease;
}
.radio .icon-radio-check:before {
	position    : absolute;
	/*content     : '\e807';*/
	content     : '\e90d';
	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 : 1px solid #777;
}

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

.checkbox .success,
.radio .success {
	border     : 1px solid #16A085;
	padding    : 2px;
	box-sizing : initial !important;
}

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

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

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

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

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

.checkbox .disabled,
.radio .disabled {
	border         : 1px solid var(--gray-dark);
	opacity        : 0.35;
	cursor         : not-allowed;
	pointer-events : none;
}

/*Radios*/

/*Switcher*/
label.switch {
	position           : relative;
	display            : inline-block !important;
	font-size          : 20px;
	height             : 0.5em !important;
	width              : 2em !important;
	background         : var(--gray);
	border-radius      : 1em;
	text-align         : center;
	-moz-box-shadow    : inset 0 0 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow : inset 0 0 2px rgba(0, 0, 0, 0.3);
	box-shadow         : inset 0 0 2px rgba(0, 0, 0, 0.3);
}
.switch input {
	position   : absolute;
	visibility : hidden;
	display    : none;
}
.switch .slider {
	display               : table;
	position              : relative;
	height                : 1em;
	width                 : 1em;
	border-radius         : 1em;
	background            : var(--gray-sub);
	color                 : var(--black);
	margin-top            : -0.25em;
	-webkit-transition    : all 300ms;
	-moz-transition       : all 300ms;
	transition            : all 300ms;
	-webkit-touch-callout : none;
	-webkit-user-select   : none;
	-moz-user-select      : none;
	-ms-user-select       : none;
	user-select           : none;
	cursor                : pointer;
	overflow-wrap         : normal !important;
	word-wrap             : normal !important;
	-moz-hyphens          : initial !important;
	hyphens               : initial !important;
	-moz-box-shadow       : 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow    : 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
	box-shadow            : 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
}
/*.switch .slider:before{
	content: "OFF";
	position : absolute;
	top: 0.7em;
	left: 0.5em;
	line-height : 1em;
	font-size: 0.4em;
	color: var(--black);
}*/

.switch input:checked + .slider {
	background        : var(--blue);
	-webkit-transform : translate3d(100%, 0, 0);
	-moz-transform    : translate3d(100%, 0, 0);
	transform         : translate3d(100%, 0, 0);
}
.switch input:checked + .slider:before {
	content     : "ON";
	display     : block;
	position    : absolute;
	top         : 0.7em;
	left        : 0.55em;
	height      : 1em;
	width       : 1em;
	line-height : 1em;
	text-align  : center;
	font-size   : 0.4em;
	color       : var(--white);
}
.switch input:checked + .slider.empty:before {
	content : "";
}

/*Switcher*/

label {
	font-size : 1.1em;
}

#lmenu label {
	display : block;
}

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

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

/*Блок для перемешений*/
/*содержит блок с 6 точками в 2 ряда*/
/*применение см. в настройке колонок для сделок, клиентов*/
.drag-handler {
	position       : relative;
	height         : inherit;
	display        : inline-block;
	width          : 20px;
	margin-right   : 10px;
	vertical-align : top;
	pointer-events : none;
}
.drag-handler:before {
	font-family : "fontello";
	content     : "\e923";
	/*content     : "\e888";*/
	font-style  : normal;
	font-weight : normal;
	speak       : none;
	position    : absolute;
	color       : #C6C6C6;
	z-index     : 1;
	cursor      : move;
	left        : 5px;
}

/*Форатирование таблиц*/
tr.even {
	background : #EEE;
}

#tabs-0 td {
	font-weight : normal;
	color       : #222;
	font-size   : 1em;
	/*border-right: 1px dotted #ccc;*/
}
#tabs-0 td:last-child {
	/*border-right: 0px dotted #ccc;*/
}

.border td {
	border-right  : 1px dotted #CCC;
	border-bottom : 1px dotted #CCC;
}

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

.h0 {
	height : unset !important;
}
.h25 {
	height      : 25px;
	line-height : 24px;
	display     : block;
}
.h30 {
	height      : 30px;
	line-height : 29px;
	display     : block;
}
.h35 {
	height      : 35px;
	line-height : 34px;
	display     : block;
}
.h40 {
	height      : 40px;
	line-height : 38px;
	display     : block;
}
.h50 {
	height      : 50px;
	line-height : 48px;
	display     : block;
}

.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-70 {
	height  : 70px;
	display : block;
}
.space-80 {
	height  : 80px;
	display : block;
}
.space-90 {
	height  : 90px;
	display : block;
}
.space-100 {
	height  : 100px;
	display : block;
}

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

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

#zebraTable {
	position : relative;
	width    : 100%;
}

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,
table.border-bottom tr:last-child,
table.border-bottom tr:last-child td {
	border-bottom : 0;
}
.border--bottom .flex-container {
	padding-bottom : 5px;
	border-bottom  : #CCC 1px dotted !important;
}
.border--bottom .flex-container:last-child {
	border-bottom : 0 !important;
}

.ellipsis {
	position       : relative;
	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;
}

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

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

.bullet {
	display               : inline-block;
	text-align            : center;
	min-width             : 1.2em;
	height                : 1.2em;
	font-size             : 0.85em;
	line-height           : 1.2em;
	/*padding-left:2px;
	padding-right: 2px;*/
	margin-top            : -2px;
	-moz-border-radius    : 1.2em;
	-webkit-border-radius : 1.2em;
	border-radius         : 1.2em;
	/*background: #ff9896;
	color: #FFF;*/
}
.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;
}

#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 tr.tableDrag {
	background   : #3498DB;
	padding-left : 10px;
	color        : #222;
	font-weight  : 700;
}
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 dotted 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;
}

#contentdiv {

}
#contentdiv td {
	border-bottom : 1px dotted #ECF0F1;
	/*border-right: 1px dotted #ccc;*/
	font-size     : 1.0em;
}
#contentdiv i {
	font-size : 0.9em;
}
#contentdiv i.sup {
	font-size : 0.65em;
}
#contentdiv td:last-child {
	border-right : 0;
}
#contentdiv tbody {
	font-size : 1.05em;
}
#contentdiv .noborder td, #contentdiv .noborder tr {
	border : none;
}
#contentdiv .zagolovok {
	color      : #222;
	display    : block;
	width      : 99%;
	text-align : center;
	padding    : 10px 0;
	font-size  : 1.15em;
}
#contentdiv a.gray {
	color : #CCC;
}
#contentdiv a.gray:hover {
	color : #CC2424;
}
#contentdiv .messagelist.current a.gray:hover {
	color : #CC2424;
}
#contentdiv a.disabled:hover {
	color : #CCC;
}
#contentdiv table tr.dayname {
	height : 30px;
}
#contentdiv table tr.toggler {
	height : 50px;
}
#contentdiv thead {
	/*font-size          : 0.9rem;*/
	color              : #485B60;
	background         : #ECF0F1;
	border-top         : 1px solid #E6E6F0;
	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;
}
#contentdiv thead td {
	border-right : 1px solid #EFEFF5;
}
#contentdiv thead td:last-child {
	border-right : 0;
}
#contentdiv tbody td {
	border-bottom : 1px solid #E6E6F0;
	border-right  : 1px dotted #F7F7FD;
}
#contentdiv tbody td:last-child {
	border-right : 0;
}
#contentdiv tbody td .saction {
	display    : none;
	position   : absolute;
	z-index    : 12;
	right      : -1px;
	top        : -1px;
	color      : #BFCEDD;
	background : #FFF;
	padding    : 5px;
	font-size  : 0.9em;
	border     : 1px dashed #E6E6F0;
	cursor     : pointer;
}
#contentdiv tbody td:hover .saction {
	display    : block;
	color      : #FFF;
	background : #3498DB;
}
#contentdiv .ellipsis {
	width : 90%;
}
#contentdiv tbody tr.cherta > td {
	border-bottom : #333 dotted 1px !important;
}
#contentdiv tbody tr.cherta td {
	border-bottom : inherit;
}
#contentdiv .contentloader {
	background       : rgba(240, 240, 240, 0.5);
	/*background-color: #ECF0F1;*/
	background-image : repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, .5) 3px, rgba(255, 255, 255, .5) 10px);
	position         : absolute;
	top              : 0;
	left             : 0;
	z-index          : 100;
	width            : 100vw;
	height           : 100vh;
	min-height       : 400px;
	text-align       : center;
}
#contentdiv .contentloader img {
	margin     : 0 auto;
	margin-top : 200px;
}
#contentdiv .ydropDown {
	background : rgba(245, 245, 245, 1);
	/*background: #FFF;*/
	/*background: #D2E9FF;*/
	border     : 1px solid #DDD;
}
#contentdiv select,
#contentdiv input {
	border             : 1px solid RGB(181, 184, 200) !important;
	box-shadow         : 0 1px 1px #DDD;
	-webkit-box-shadow : 0 1px 1px #DDD;
	-moz-box-shadow    : 0 1px 1px #DDD;
}
#contentdiv .select {
	display : inline-block;
}
#contentdiv .select:after {
	right : 8px;
}
#contentdiv .idel {
	right : 20px !important;
}
#contentdiv .ui-tabs {
	padding : 0.4em 1em 0.4em 0;
}
#contentdiv .ui-tabs, #contentdiv .ui-tabs-nav {
	margin-bottom : 5px;
}
#contentdiv #formtabs li a {
	padding : 10px 20px;
}
#contentdiv .ui-state-default {
	border          : 1px solid transparent;
	background      : transparent;
	font-weight     : normal;
	text-decoration : underline;
}
#contentdiv .ui-state-default a {
	color : #222;
}
#contentdiv .ui-state-default a:hover {
	color : #507192;
}
#contentdiv .ui-state-active {
	border      : 1px solid rgb(195, 204, 204);
	background  : rgb(249, 249, 249);
	font-weight : bold;
}
#contentdiv .ui-state-active a {
	color : #507192;
}
#contentdiv .ui-state-active:after {
	content    : " ";
	position   : absolute;
	bottom     : 0;
	left       : 0;
	width      : 100%;
	height     : 5px;
	background : rgb(249, 249, 249);
}
#contentdiv table,
.tableHeader table {
	/*table-layout: fixed;*/
}

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

td.min100, th.min100 {
	min-width : 200px !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;
	border-bottom   : 1px solid #E6E6F0;
	-moz-box-shadow : 0 -2px 1px 0 rgba(50, 50, 50, 0.33);
}
.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;
}

.halight a.blue:link {
	color : #222;
}
.halight:hover {
	background         : RGB(210, 233, 255);
	transition         : all 300ms ease;
	-webkit-transition : all 300ms ease;
	-moz-transition    : all 300ms ease;
}

.focused:hover {
	transition         : all 400ms ease;
	-webkit-transition : all 400ms ease;
	-moz-transition    : all 400ms ease;
	box-shadow         : 0 0 2px #00BCD4;
	-webkit-box-shadow : 0 0 2px #00BCD4;
	-moz-box-shadow    : 0 0 2px #00BCD4;
}

/*Форатирование ячеек в карточках клиентов, персон, сделок*/
.text-header {
	color         : #333;
	font-size     : 1.0em;
	/*font-weight: bold;*/
	display       : block;
	line-height   : 1.25em;
	height        : 100%;
	padding       : 3px;
	/*text-transform: uppercase;*/
	border-bottom : 1px dotted #CCC;
}
.text-content {
	font-size             : 1.0em;
	line-height           : 1.25em;
	word-break            : break-all;
	background            : #FFF;
	padding               : 3px;
	overflow              : auto !important;
	border-radius         : 1px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
}

.tcn {
	font-size             : 1.0em;
	line-height           : 1.25em;
	background            : #FFF;
	border                : 1px #ACE3DF inset;
	padding               : 3px;
	display               : inline-block;
	overflow              : auto !important;
	border-radius         : 1px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
}

.text-content_rev {
	font-size             : 1.0em;
	line-height           : 1.25em;
	word-break            : break-all;
	padding               : 3px;
	background            : #EEF7FE;
	border-bottom         : 1px dotted #CCC;
	border-radius         : 1px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
}

.container {
	font-size             : 1.0em;
	background            : #EEF7FE;
	border                : 1px #ACE3DF outset;
	padding               : 3px;
	overflow              : auto !important;
	position              : relative;
	border-radius         : 1px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
}

.hid {
	/*max-height:8.35em;*/
	/*overflow:auto !important;*/
}

/*Форатирование панелей*/
.panel {
	position      : absolute;
	right         : -1px;
	top           : -1px;
	z-index       : 1;
	border        : 1px solid RGB(230, 233, 237);
	padding       : 10px;
	border-radius : 0 0 0 5px;
	background    : rgba(250, 250, 250, 1);
}
.panel_1 {
	position : absolute;
	width    : 20px;
	right    : 2px;
	top      : 10px;
	z-index  : 100;
}
.panel_2 {
	position : relative;
	width    : 40px;
	left     : 95%;
	z-index  : 100;
}

.inform {
	position  : relative;
	left      : 10px;
	top       : 5px;
	z-index   : 1;
	width     : 90%;
	color     : #999;
	font-size : 10px;
}

/*Прочее форматирование*/
.date {
	font-size : 1.0em;
	color     : #F35001;
}
.date2 {
	font-size   : 1.35em;
	font-weight : bold;
	color       : #C00;
}

.errorfont {
	color       : #E74B3B;
	font-size   : 1.05em;
	font-weight : bold;
}

.time {
	color : #999;
}

.theader {
	font-weight : bold;
	font-size   : 1.0em;
	color       : #FFF;
	background  : #1C6697;
}

.header {
	margin  : 3px;
	padding : 3px;
	color   : #FFF;
}
.header2 {
	color       : #222;
	font-weight : bold;
	font-size   : 0.95em;
}

.search {
	border-right  : #9BAAAF 1px solid;
	border-top    : #9BAAAF 1px solid;
	border-left   : #9BAAAF 1px solid;
	border-bottom : #AABBBF 1px solid;
	font-size     : 1.0em;
	color         : #222;
}

.bgt {
	background-color : #00B8E6;
}

.login--container {
	display     : table;
	width       : 100vw;
	height      : 100vh;
	padding-top : 100px;
	box-sizing  : border-box;
	background  : -moz-linear-gradient(top, rgba(187, 222, 251, .5) 0%, rgba(21, 101, 192, .9) 100%);
	background  : -webkit-linear-gradient(top, rgba(187, 222, 251, .5) 0%, rgba(21, 101, 192, .9) 100%);
	background  : linear-gradient(to bottom, rgba(187, 222, 251, .5) 0%, rgba(21, 101, 192, .9) 100%);
	/*
	background       : rgba(240, 240, 240, 0.5);
	background-image : repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, .5) 6px, rgba(255, 255, 255, .5) 3px);
	*/
}

.login--block {
	position              : relative;
	font-size             : 0.95em;
	color                 : #999;
	background            : #F5F7FA;
	width                 : 35em;
	margin                : 0 auto;
	padding               : 10px 10px 10px;
	box-sizing            : border-box;
	vertical-align        : middle;
	border                : 2px solid rgba(21, 101, 192, 1);
	border-radius         : 3px;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	box-shadow            : 0 1px 5px rgba(21, 101, 192, 0.5);
	-webkit-box-shadow    : 0 1px 5px rgba(21, 101, 192, 0.5);
	-moz-box-shadow       : 0 1px 5px rgba(21, 101, 192, 0.5);
}
.login--block .zagolovok {
	font-size      : 1.6em;
	font-weight    : 700;
	color          : #FFF;
	text-transform : uppercase;
	text-align     : center;
	background     : rgba(21, 101, 192, .8);
	background     : linear-gradient(
			rgba(21, 101, 192, 0.5),
			rgba(21, 101, 192, 0.3)
	),
	url(../images/bg/bluelight.png) repeat;
	border         : 0;
	margin         : -10px -10px 30px -10px;
	padding        : 10px 10px;
	border-radius  : 1px 1px 0 0;
}
.login--block .showpass {
	position  : absolute;
	font-size : 1.5em;
	top       : 15px;
	right     : 10px;
}
.login--block input {
	height             : 2.5em;
	width              : 99%;
	/*border: 2px solid #F5F7FA;*/
	border             : 0;
	font-size          : 1.35em;
	font-weight        : bold;
	line-height        : 2.5em;
	padding            : 0;
	color              : #222;
	background         : rgba(250, 250, 250, 0.3);
	vertical-align     : middle;
	text-align         : center;
	outline-style      : none;
	box-shadow         : 0 1px 0 #DDD;
	-webkit-box-shadow : 0 1px 0 #DDD;
	-moz-box-shadow    : 0 1px 0 #DDD;
}
.login--block input:focus {
	/*border-bottom: 2px solid #F1C40F;*/
	background         : rgba(59, 110, 170, 0.1);
	color              : #222;
	transition         : all 300ms ease;
	-webkit-transition : all 300ms ease;
	-moz-transition    : all 300ms ease;
	box-shadow         : 0 1px 0 #BBB;
	-webkit-box-shadow : 0 1px 0 #BBB;
	-moz-box-shadow    : 0 1px 0 #BBB;
}
.login--block .logo {
	position   : absolute;
	top        : -60px;
	width      : 100%;
	text-align : center;
}
.login--block .copy {
	position : absolute;
	bottom   : -25px;
	left     : 0;
	color    : #FFF !important;
}

@media (max-width : 767px) {

	.login--block {
		border             : 0;
		background         : transparent;
		width              : 100vw;
		box-shadow         : 0 0 0;
		-webkit-box-shadow : 0 0 0;
		-moz-box-shadow    : 0 0 0;
	}

	.login--block .zagolovok {
		background : transparent;
	}

	.login--block a.blue,
	.login--block .blue {
		color : #FFF;
	}

	.login--block input {
		background : #FFF;
	}

	.login--block input:focus {
		background : #FFF;
	}

	.login--block .copy {
		padding    : 10px;
		position   : fixed;
		bottom     : 5px;
		box-sizing : border-box;
		width      : 100vw;
	}

	.login--block div.red,
	.login--block div.green {
		background : rgba(250, 250, 250, 0.7);
		padding    : 10px;
	}

	.login--block .showpass {
		top : 10px;
	}

}

a.loginbutton {
	padding               : 2px 10px 2px 10px;
	height                : 2.5em;
	width                 : 100px;
	line-height           : 2.5em;
	font-size             : 1.15em;
	font-weight           : 700;
	display               : inline-block;
	text-align            : center;
	text-decoration       : none;
	text-transform        : uppercase;
	float                 : right;
	color                 : #FFF;
	background            : #01579B;
	border                : 1px solid #01579B;
	border-radius         : 2px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
	box-shadow            : 0 1px 1px #999;
	-webkit-box-shadow    : 0 1px 1px #999;
	-moz-box-shadow       : 0 1px 1px #999;
}
a.loginbutton:hover {
	background         : #0288D1;
	border             : 1px solid #0288D1;
	color              : #FFF;
	transition         : all 300ms ease;
	-webkit-transition : all 300ms ease;
	-moz-transition    : all 300ms ease;
}
a.loginbutton:active {
	background         : #F1C40F;
	border             : 1px solid #F39C12;
	color              : #FFF;
	transition         : all 100ms linear;
	-webkit-transition : all 100ms linear;
	-moz-transition    : all 100ms linear;
}

.shad {
	color          : #333;
	font-weight    : bold;
	text-transform : uppercase;
}

.calendar {
	height         : 180px;
	text-transform : none;
}

.folder {
	padding-left   : 11px;
	padding-top    : 10px;
	padding-bottom : 10px;
	text-transform : uppercase;
	font-size      : 0.95em;
	max-height     : 200px;
	overflow       : auto;
}

a.fol, div.fol {
	color   : #222;
	display : block;
	/*font-weight : normal;*/
}
a.fol:hover, div.fol:hover {
	color       : #C00;
	font-weight : bold;
	display     : block;
}
a.fol_it, div.fol_it {
	color       : var(--blue);
	background  : var(--gray-liteblue);
	font-weight : bold;
	display     : block;
}

#dialoge{
	width: 600px;
	margin: 0 auto;
	margin-top:100px;
}
#dialoge .warning{
	display: block;
	width: unset !important;
	box-sizing: border-box;
	min-height: 130px;
}

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

.dialog {
	position              : absolute;
	top                   : 80px;
	left                  : 310px;
	z-index               : 30;
	background            : #F7F7EE;
	color                 : #222;
	/*border: 1px solid #507192;*/
	border                : 1px solid #2980B9;
	display               : none;
	padding               : 5px;
	cursor                : default;
	width                 : 500px;
	min-height            : 40px;
	border-radius         : 4px;
	-moz-border-radius    : 4px;
	-webkit-border-radius : 4px;
	box-shadow            : 0 0 2px #507192;
	-webkit-box-shadow    : 0 0 2px #507192;
	-moz-box-shadow       : 0 0 2px #507192;
	overflow              : visible !important;
}
.dialog img {
	cursor     : hand;
	text-align : right;
}
.dialog a.button, .dialog input.button, .dialog a.button:link, .dialog a.button:visited {
	font-size             : 1.1em;
	margin-top            : 5px;
	margin-bottom         : 5px;
	border-radius         : 2px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
	-webkit-box-shadow    : 0 8px 6px -7px black;
	-moz-box-shadow       : 0 8px 6px -7px black;
	box-shadow            : 0 8px 6px -7px black;
}
.dialog .ui-tabs {
	padding : 0.4em 1em 0.4em 0;
}
.dialog .ui-tabs, .dialog .ui-tabs-nav {
	margin-bottom : 5px;
}

/*.dialog #formtabse,
.dialog #formtabs {
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.5);
	margin-left: -5px;
	margin-right : -5px;
	margin-top: -5px;
}*/

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

.dialog .button--pane {
	padding : 5px 0;
}

#contentdiv .ui-multiselect ul .ui-state-default {
	border          : 1px solid rgb(195, 204, 204) !important;
	background      : #FFF !important;
	font-weight     : initial;
	text-decoration : initial;
}
#contentdiv .ui-multiselect ul .ui-state-hover {
	background  : #ECEFF1 !important;
	color       : #507192;
	font-weight : 700;
}

#contentdiv .ui-multiselect .ui-draggable-dragging {
	border          : 1px solid rgb(195, 204, 204) !important;
	background      : #ECEFF1 !important;
	text-decoration : initial;
	font-weight     : bold;
}
#contentdiv .ui-multiselect li a.action {
	top : 7px !important;
}

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

.close {
	position    : absolute;
	top         : 2px;
	right       : 5px;
	width       : 20px;
	height      : 20px;
	padding     : 5px 5px;
	color       : #FFF;
	font-size   : 1.0em;
	line-height : 20px;
	text-align  : center;
	/*background: #2980B9;*/
	/*border: 1px solid #F1C40F;*/
	cursor      : pointer;
}
.close:hover {
	color              : #F1C40F;
	background         : #3498DB;
	transition         : all 300ms ease;
	-webkit-transition : all 300ms ease;
	-moz-transition    : all 300ms ease;
}

/*Модальное окно для экспресс-отчетов*/
#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;
	padding        : 0;
	margin         : 0;
	padding-left   : 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;
}

/*фрейм для работы с карточками*/
iframe{
	border:0;
}
.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;
}

/*Содержимое модального окна .dialog для форм и просмотра*/
#resultdiv {
	background : #F7F7EE;
}
#resultdiv .zagolovok {
	color                           : #FFF;
	display                         : block;
	font-size                       : 1.2em;
	font-weight                     : bold;
	background                      : #2980B9;
	border                          : 1px solid #2980B9;
	margin                          : -5px -5px 5px -5px;
	padding                         : 10px 10px;
	border-top-left-radius          : 3px;
	-webkit-border-top-left-radius  : 3px;
	border-top-right-radius         : 3px;
	-webkit-border-top-right-radius : 3px;
}
#resultdiv .smalltxt {
	font-size     : 0.9em;
	line-height   : 1.0em;
	margin-bottom : 2px;
}
#resultdiv .header_contaner {
	background : #EAEFF8;
	color      : #222;
	border     : 1px dotted #CCC;
}
#resultdiv thead {
	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;
}
#resultdiv thead td {
	border-right : 1px solid #EFEFF5;
}
#resultdiv thead td:last-child {
	border-right : 0;
}

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

#subwindow.front{
	z-index: 1000;
}

@media (min-width : 1024px) {

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

}

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

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

}

@media (max-width : 767px) {

	#subwindow.open {
		width   : 100vw;
		left    : 0;
		z-index : 29;
	}

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

	.options {
		height      : 30px;
		width       : 30px;
		line-height : 30px;
		background  : rgba(30, 136, 229, .9);
		border      : 2px solid rgba(30, 136, 229, .9);
		box-shadow  : 0 0 3px 0 rgba(50, 50, 50, 0.75);
	}

	.options ul {
		bottom : 33px;
		right  : 0;
	}

	.options ul li {
		background  : rgba(238, 238, 238, 1);
		border      : 1px solid rgba(255, 255, 255, 1);
		height      : 30px;
		width       : 30px;
		line-height : 30px;
		box-shadow  : 0 0 3px 0 rgba(50, 50, 50, 0.75);
	}

}

.zagolovok_rep {
	color       : #222;
	padding     : 5px 2px;
	display     : inline-block;
	width       : 99%;
	font-size   : 1.3em;
	font-weight : bold;
}

.hd {
	cursor        : move;
	width         : 100%;
	padding       : 2px;
	border-bottom : 0;
	color         : #FFF;
	font-weight   : bold;
}
.cd {
	width     : 100%;
	margin    : 2px;
	cursor    : default;
	font-size : 0.9em;
}

.card {
	position         : absolute;
	z-index          : 1001;
	top              : 110px;
	left             : 140px;
	max-height       : 250px;
	width            : 327px;
	overflow         : auto !important;
	display          : none;
	background-color : #FF9;
	border           : 1px solid #E74B3B;
	padding          : 3px;
}

#accordion hr {
	width      : 98%;
	border-top : #999 1px dotted;
	height     : 1px;
	padding    : 0;
	margin     : 0;
}

/*Календарь большой*/
#bigCal {
	display : table;
	width   : 100%;
	height  : 100%;
}
#bigCal .weeks {
	display               : grid;
	grid-template-columns : 2fr 2fr 2fr 2fr 2fr 1fr 1fr;
	grid-gap              : 0;
}
#bigCal .weeks .week {
	display : block;
}

#bigCal .weekName,
.tableHeader .weekName {
	text-align  : center;
	line-height : 2em;
	padding     : 1px;
}
#bigCal .week,
.tableHeader .week {
	padding      : 0;
	border-right : 1px solid #FFF;
	box-sizing   : border-box;
	height       : 30px;
}
#bigCal .wStart,
.tableHeader .wStart {
	background  : #BFCEDD;
	color       : #222;
	font-weight : bold;
}
#bigCal .wEnd,
.tableHeader .wEnd {
	background  : #E6E6E6;
	color       : #222;
	font-weight : bold;
}

#bigCal .dayblock-dv {
	display    : inline-block;
	width      : 100%;
	box-sizing : border-box;
	height     : 140px;
}
#bigCal .day {
	position     : relative;
	/*width        : 14.28571428571429%;*/
	box-sizing   : border-box;
	height       : 140px;
	padding      : 0;
	border-right : 1px solid rgba(238, 238, 238, 1);
	border-top   : 1px solid rgba(238, 238, 238, 1);
}
#bigCal .day .bgray {
	border-right : 1px solid rgba(250, 250, 250, 1);
	border-top   : 1px solid rgba(250, 250, 250, 1);
}
#bigCal .dayname {
	font-size   : 0.95em;
	font-weight : bold;
	line-height : 30px;
	color       : #999;
	/*background  : #E9F1F1;*/
	padding     : 0;
	margin      : 0;
	display     : block;
	text-align  : left;
	width       : 100%;
	height      : 30px;
	box-sizing  : border-box;
}
#bigCal .dayname .date {
	font-size     : 0.7em;
	display       : inline-block;
	width         : 20px;
	height        : 20px;
	line-height   : 20px;
	border-radius : 20px;
	color         : #222;
	background    : rgba(238, 238, 238, .9);
	text-align    : center;
	margin-top    : 5px;
	box-sizing    : border-box;
}
#bigCal .next .date {
	background : #507192;
	color      : #FFF;
	width      : 40px;
}
#bigCal .bgray .date.next {
	width : 40px;
}
#bigCal .daytask {
	display    : block;
	overflow-y : auto;
	overflow-x : hidden;
	width      : 100%;
	height     : calc(100% - 30px);
}
#bigCal .greenbg, #bigCal .bgray {
	/*border : 0;*/
}
#bigCal .event {
	font-size  : 0.95em;
	padding    : 3px;
	display    : table;
	width      : 100%;
	height     : 100%;
	box-sizing : border-box;
}
#bigCal .event:hover {
	background : rgba(238, 238, 238, .5);
}
#bigCal .today {
	background : #FCF8D6;
}
#bigCal .today .date {
	background : rgba(255, 224, 130, 1) !important;
}
#bigCal .today a {
	color : #F95100;
}
#bigCal .todocal {
	line-height : 1.0em;
	padding     : 2px;
}
#bigCal .todocal:hover {
	background : #3498DB;
	color      : #FFF;
}
#bigCal .todocal:hover a,
#bigCal .todocal:hover i {
	color : #FFF;
}
#bigCal .today .dayname {
	/*background : rgba(255,236,179 ,1);*/
	color : #F95100;
}
#bigCal .wevent {
	font-size             : 0.8em;
	display               : grid;
	grid-template-columns : 40px auto;
	grid-gap              : 0;
	margin-bottom         : 1px;
	border-radius         : 3px;
	line-height           : 1.2em;
	height                : 1.65em;
	padding               : 0;
	width                 : 100%;
}
#bigCal .daytask .wtime {
	width       : 35px;
	box-sizing  : border-box;
	padding     : 3px;
	line-height : 1.2em;
}
#bigCal .daytask .wtitle {
	width             : 100%;
	border-radius     : 0 3px 3px 0;
	box-sizing        : border-box;
	background        : rgba(255, 255, 255, .5);
	padding           : 3px;
	margin-left       : 5px;
	line-height       : 1.2em;
	height            : 1.6em;
	text-overflow     : ellipsis !important;
	overflow          : hidden !important;
	cue-after         : url(../images/pixel000.gif);
	-ms-text-overflow : ellipsis;
	-o-text-overflow  : ellipsis;
}

/*Календарь недельный*/
#weekCal {
	display : table;
	width   : 100%;
	height  : 100%;
}
#weekCal .weekName,
.tableHeader.wc .weekName {
	text-align  : center;
	line-height : 2.5em;
	padding     : 1px;
}
#weekCal .weekNames {
	display               : grid;
	grid-template-columns : 3fr 3fr 3fr 3fr 3fr 2fr 2fr;
	grid-gap              : 0;
}
#weekCal .weeks {
	line-height   : 2.5em;
	height        : 2.5em;
	margin-bottom : 2px;
}
#weekCal .week,
.tableHeader.wc .week {
	display      : inline-block;
	float        : left;
	padding      : 0;
	border-right : 1px solid #FFF;
	box-sizing   : border-box;
	line-height  : 2.5em;
	height       : 2.5em;
}
#weekCal .wcStart,
.tableHeader.wc .wcStart {
	background  : #BFCEDD;
	color       : #222;
	font-weight : bold;
}
#weekCal .wcEnd,
.tableHeader.wc .wcEnd {
	background  : #E6E6E6;
	color       : #222;
	font-weight : bold;
}
#weekCal .week.time,
.tableHeader.wc .week.time {
	width       : 60px;
	text-align  : center;
	line-height : 2.5em;
	height      : 2.5em;
}
#weekCal .timepanel {
	display      : inline-block;
	line-height  : 2.5em;
	color        : #222;
	width        : 60px;
	box-sizing   : border-box;
	background   : rgba(250, 250, 250, 1);
	border-right : 1px solid #BFCEDD;
	float        : left;
}
#weekCal .timepanel .time {
	display       : block;
	border-bottom : 1px dotted #BFCEDD;
	height        : 100px;
	text-align    : right;
	padding-right : 5px;
}
#weekCal .timepanel .time.nowork {
	height : 30px;
}
#weekCal .taskpanel {
	width                 : calc(100% - 60px);
	box-sizing            : border-box;
	float                 : left;
	display               : grid;
	grid-template-columns : 3fr 3fr 3fr 3fr 3fr 2fr 2fr;
	grid-gap              : 0;
}
#weekCal .timepanel .time.sticked--top,
#weekCal .taskpanel.sticked--top {
	top        : 2.5em;
	background : rgba(250, 250, 250, 1);
}
#weekCal .taskpanel .day {
	position     : relative;
	display      : inline-block;
	box-sizing   : border-box;
	border-right : 1px solid rgba(238, 238, 238, 1);
}
#weekCal .taskpanel .day .hour--block {
	border-bottom : 1px solid rgba(238, 238, 238, 1);
	display       : block;
	height        : 100px;
	/*overflow-y    : hidden;
	overflow-x    : hidden;*/
	position      : relative;
}
#weekCal .taskpanel .day .hour--block:hover {
	background : rgba(238, 238, 238, .5);
}
#weekCal .timepanel .time.dayly,
#weekCal .taskpanel .day .hour--block.dayly {
	height : 100px;
}
#weekCal .taskpanel .hour--block.nowork .hour-events,
#weekCal .taskpanel .day .hour--block.nowork {
	height : 30px;
}
#weekCal .taskpanel .day .hour--block.wgray {
	background : rgba(238, 238, 238, .5);
}
#weekCal .taskpanel .day .hour--block.wgray:hover {
	background : inherit;
}
#weekCal .taskpanel .hour--block .hour-events {
	display    : block;
	height     : 100px;
	overflow-y : auto;
	overflow-x : hidden;
	/*border     : 1px dashed red;*/
}
#weekCal .taskpanel .hour--block .actions {
	display    : none;
	position   : absolute;
	z-index    : 1;
	right      : -1px;
	top        : -1px;
	color      : #BFCEDD;
	background : #FFF;
	padding    : 5px;
	font-size  : 0.9em;
	border     : 1px dashed #E6E6F0;
	cursor     : pointer;
}
#weekCal .taskpanel .hour--block:hover .actions {
	display : table;
}
#weekCal .taskpanel .hour--block .actions:hover {
	color      : #FFF;
	background : #3498DB;
}
#weekCal .taskpanel .day .hour--event {
	font-size             : 0.8em;
	display               : grid;
	grid-template-columns : 40px auto;
	grid-gap              : 0;
	margin-bottom         : 1px;
	border-radius         : 3px;
	height                : 1.6em;
	width                 : 100%;
}
#weekCal .taskpanel .day .wtime {
	width       : 35px;
	box-sizing  : border-box;
	padding     : 3px;
	line-height : 1.2em;
}
#weekCal .taskpanel .day .wtitle {
	width             : 100%;
	border-radius     : 0 3px 3px 0;
	box-sizing        : border-box;
	background        : rgba(255, 255, 255, .5);
	padding           : 3px;
	margin-left       : 5px;
	line-height       : 1.2em;
	height            : 1.65em;
	text-overflow     : ellipsis !important;
	overflow          : hidden !important;
	cue-after         : url(../images/pixel000.gif);
	-ms-text-overflow : ellipsis;
	-o-text-overflow  : ellipsis;
}
#weekCal .wevent {
	display               : grid;
	grid-template-columns : 40px auto;
	grid-gap              : 0;
	border-radius         : 3px;
	height                : 1.6em;
	padding               : 0;
}
#weekCal .wevent.mb1 {
	margin-bottom : 1px;
}
#weekCal .wevent.dayly {
	font-size : 0.8em;
}
#weekCal .greenbg, #weekCal .bgray {
	border : 0;
}
#weekCal .event {
}
#weekCal .wevent:hover {
	/*background : #ECF0F1;*/
}
#weekCal .today {
	background : #FCF8D6 !important;
}
#weekCal .today a {
	color : #F95100;
}
#weekCal .today .dayname {
	background : #FFFF71;
	color      : #F95100;
}
#weekCal .wtodocal {
}
#weekCal .wtodocal:hover {
	background : #3498DB;
	color      : #FFF;
}
#weekCal .wtodocal:hover a,
#weekCal .wtodocal:hover i {
	/*color : #FFF;*/
}

#calendar {
	padding-top : 0;
}
#calendar td, #cal_day td {
	font-size : 0.95em;
}

.calendarHeader {
	background    : #FFF;
	padding       : 10px;
	border-radius : 5px 5px 0 0;
	text-align    : center;
}

#cal_day {
	border-top    : 0;
	border-bottom : 0;
}
#cal_day table td {
	padding     : 0;
	position    : relative;
	cursor      : pointer;
	width       : unset;
	font-size   : 1.0em;
	line-height : 25px;
	color       : #222;
	border      : 1px solid transparent;
}
#cal_day table td.cal.bgray {
	background-color : #E6E6E6;
}
#cal_day table td.cal {
	background : rgba(189, 195, 199, 0.1);
}
#cal_day table td.cal:hover {
	background : #FFE3A2;
}
#cal_day table thead tr {
	height : 20px;
}
#cal_day table thead th {
	padding : 0;
}
#cal_day table tbody tr {
	height : 30px;
}

#cal_day .cal-day {
	display    : table;
	text-align : center;
	width      : 100%;
	height     : 100%;
}
#cal_day .cal-day:hover {
	background         : #FFE3A2;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
}

.cal-bullet {
	position              : absolute;
	top                   : -1px;
	right                 : -1px;
	display               : inline-block;
	text-align            : center;
	min-width             : 1.1em;
	height                : 1.1em;
	line-height           : 1.1em;
	font-size             : 0.7em;
	font-weight           : 700;
	margin-top            : -2px;
	color                 : #FFF;
	background            : #2980B9;
	padding               : 1px;
	/*border:1px solid #FFF;*/
	border-radius         : 1.2em;
	-moz-border-radius    : 1.2em;
	-webkit-border-radius : 1.2em;
}
.cal-bullet.old {
	background : #E74C3C;
}
.cal-bullet.today {
	background : #27AE60;
}

.cal-option {
	position              : absolute;
	top                   : 29px;
	left                  : 0;
	display               : none;
	z-index               : 101;
	padding               : 2px;
	background            : #FFF;
	border                : 1px solid #79B7E7;
	cursor                : default;
	border-radius         : 2px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
	box-shadow            : 0 1px 0 #999;
	-webkit-box-shadow    : 0 1px 0 #999;
	-moz-box-shadow       : 0 1px 0 #999;
}
.cal-option span {
	display     : inline-block;
	float       : left;
	padding     : 5px;
	width       : 20px;
	height      : 20px;
	line-height : 20px;
	cursor      : pointer;
}
.cal-option span:hover, .cal-day:hover > .cal-option span {
	background : #79B7E7;
}
.cal-option span:hover i {
	color : #FFF;
}

.cal-option .top-triangle-white {
	z-index       : 103;
	top           : -5px;
	left          : 15px;
	right         : auto;
	margin-left   : -5px;
	border-left   : 5px solid transparent;
	border-right  : 5px solid transparent;
	border-bottom : 5px solid #FFF;
}
.cal-option .top-triangle {
	z-index       : 102;
	top           : -6px;
	left          : 15px;
	right         : auto;
	margin-left   : -5px;
	border-left   : 5px solid transparent;
	border-right  : 5px solid transparent;
	border-bottom : 5px solid #79B7E7;
}

.wend {
	background : #E6E6E6;
	color      : #222;
	width      : 12%;
}
.wstart {
	background : #BFCEDD;
	color      : #222;
	width      : 12%;
}

tr:last-child .cal-option {
	top    : auto;
	bottom : calc(100% - 1px);
}
tr:last-child .cal-option > .top-triangle-white {
	z-index       : 103;
	top           : 34px;
	left          : 15px;
	right         : auto;
	margin-left   : -5px;
	border-left   : 5px solid transparent;
	border-right  : 5px solid transparent;
	border-bottom : 0;
	border-top    : 5px solid #FFF;
}
tr:last-child .cal-option > .top-triangle {
	z-index       : 102;
	top           : 35px;
	left          : 15px;
	right         : auto;
	margin-left   : -5px;
	border-left   : 5px solid transparent;
	border-right  : 5px solid transparent;
	border-bottom : 0;
	border-top    : 5px solid #79B7E7;
}

td:last-child .cal-option {
	left  : auto;
	right : 0;
}
td:last-child .cal-option > .top-triangle-white,
td:last-child .cal-option > .top-triangle {
	left  : auto;
	right : 10px;
}

.mleft {
	margin-left  : 30px;
	padding-left : 30px;
}

.alfabet {
	border        : 1px solid #FFF;
	background    : #FFF;
	float         : left;
	padding       : 5px;
	overflow      : hidden !important;
	font-size     : 0.9em;
	cursor        : pointer;
	width         : 20%;
	text-align    : center;
	box-sizing    : border-box;
	border-radius : 3px;
}
.alfabet:hover,
.alfabet.active {
	border      : 1px solid #FFCE54;
	font-weight : 700;
	background  : #FFCE54;
}

td.alf {
	cursor      : pointer;
	font-size   : 0.85em;
	background  : #FFF;
	padding-top : 5px;
}
td.alf:hover {
	background  : #E6E9ED;
	font-weight : 700;
}
td.alf.active {
	background  : #FFCE54;
	font-weight : 700;
}

.progressbar {
	font-size             : 0.9em;
	width                 : 100%;
	border                : #CCC 0 solid;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}
.progressbarr {
	font-size             : 0.9em;
	width                 : 100%;
	border                : #CCC 0 solid;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
	/*margin-left: -2px;*/
}
.progressbar-completed {
	height       : 0.4em;
	margin-left  : 1px;
	padding-left : 5px;
	/*background:#79b7e7;*/
}
.progressbar-completed div {
	float       : right;
	width       : 100%;
	height      : 0.4em;
	margin-left : 3px;
	margin-top  : -2px;
	/*display: inline;*/
}
.progress-blue {
	background-image : -webkit-gradient(linear, 0.00% 50.00%, 100.00% 50.00%, color-stop(0%, rgba(41, 128, 185, 0.50)), color-stop(100%, rgba(41, 128, 185, 1.00)));
	background-image : -webkit-linear-gradient(0deg, rgba(41, 128, 185, 0.50) 0%, rgba(41, 128, 185, 1.00) 100%);
	background-image : linear-gradient(90deg, rgba(41, 128, 185, 0.50) 0%, rgba(41, 128, 185, 1.00) 100%);
}
.progress-green {
	background-image : -webkit-gradient(linear, 0.00% 50.00%, 100.00% 50.00%, color-stop(0%, rgba(26, 188, 156, 0.50)), color-stop(100%, rgba(26, 188, 156, 1.00)));
	background-image : -webkit-linear-gradient(0deg, rgba(26, 188, 156, 0.50) 0%, rgba(26, 188, 156, 1.00) 100%);
	background-image : linear-gradient(90deg, rgba(26, 188, 156, 0.50) 0%, rgba(26, 188, 156, 1.00) 100%);
}
.progress-red {
	background-image : -webkit-gradient(linear, 0.00% 50.00%, 100.00% 50.00%, color-stop(0%, rgba(231, 76, 60, 0.50)), color-stop(100%, rgba(231, 76, 60, 1.00)));
	background-image : -webkit-linear-gradient(0deg, rgba(231, 76, 60, 0.50) 0%, rgba(231, 76, 60, 1.00) 100%);
	background-image : linear-gradient(90deg, rgba(231, 76, 60, 0.50) 0%, rgba(231, 76, 60, 1.00) 100%);
}
.progress-orange {
	background-image : -webkit-gradient(linear, 0.00% 50.00%, 100.00% 50.00%, color-stop(0%, rgba(255, 206, 84, 0.50)), color-stop(91.71%, rgba(255, 206, 84, 1.00)));
	background-image : -webkit-linear-gradient(0deg, rgba(255, 206, 84, 0.50) 0%, rgba(255, 206, 84, 1.00) 91.71%);
	background-image : linear-gradient(90deg, rgba(255, 206, 84, 0.50) 0%, rgba(255, 206, 84, 1.00) 91.71%);
}
.progress-gray {
	background-image : -webkit-gradient(linear, 0.00% 50.00%, 100.00% 50.00%, color-stop(0%, rgba(189, 195, 199, 1.00)), color-stop(91.71%, rgba(189, 195, 199, 1.00)));
	background-image : -webkit-linear-gradient(0deg, rgba(189, 195, 199, 1.00) 0%, rgba(189, 195, 199, 1.00) 91.71%);
	background-image : linear-gradient(90deg, rgba(189, 195, 199, 1.00) 0%, rgba(189, 195, 199, 1.00) 91.71%);
}
.progress-greenplus {
	background : rgb(200, 230, 201);
	background : linear-gradient(90deg, rgba(200, 230, 201, 1) 0%, rgba(200, 230, 201, 1) 30%, rgba(76, 175, 80, 1) 70%, rgba(56, 142, 60, 1) 100%);
}

.ray {
	background-image : -webkit-gradient(linear, 0.00% 50.00%, 100.00% 50.00%, color-stop(0%, rgba(189, 195, 199, 1.00)), color-stop(91.71%, rgba(189, 195, 199, 1.00)));
	background-image : -webkit-linear-gradient(0deg, rgba(189, 195, 199, 1.00) 0%, rgba(189, 195, 199, 1.00) 91.71%);
	background-image : linear-gradient(90deg, rgba(189, 195, 199, 1.00) 0%, rgba(189, 195, 199, 1.00) 91.71%);
}
.kol {
	text-align : right;
}
.rad {
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}

.message {
	position              : fixed;
	max-width             : 250px;
	top                   : 1px;
	right                 : 50px;
	display               : inline-block;
	font-size             : 1.0em;
	padding               : 5px;
	z-index               : 100000;
	color                 : #FFF;
	background            : #3498DB;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
	opacity               : .95;
	cursor                : pointer;
}
.message.bottom {
	position              : fixed;
	max-width             : 250px;
	top: initial;
	bottom                : 1px;
	left: initial;
	right                 : 1px;
	display               : inline-block;
	font-size             : 1.1em;
	padding               : 5px;
	z-index               : 100000;
	color                 : #FFF;
	background            : #3498DB;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
	opacity               : .95;
	cursor                : pointer;
}

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

.good {
	background-color      : #B6EFCE;
	border                : 1px dotted #159D82;
	padding               : 10px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
	color                 : #FFF;
	font-weight           : bold;
}
.formdiv {
	padding               : 10px;
	margin                : 0 auto;
	color                 : #222;
	background            : #EEE;
	width                 : 80%;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
	opacity               : .95;
}
.bad {
	background-color      : #FFF;
	border                : 1px dotted #E74B3B;
	padding               : 5px 5px 5px 5px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}
.warning, .warn {
	background-color : #FFE3D7;
	border           : 1px dashed #E74B3B;
	font-size        : 1.0em;
	padding          : 10px;
	margin           : 5px;
	border-radius    : 3px;
}

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

.success {
	background-color : #B6EFCE;
	border           : 1px dashed #159D82;
	font-size        : 1.0em;
	padding          : 10px;
	border-radius    : 3px;
	box-sizing       : border-box;
}
.infodiv {
	border        : 1px dashed #BFCFFF;
	background    : #E5F0F9;
	font-size     : 1.0em;
	padding       : 10px;
	display       : block;
	border-radius : 3px;
	box-sizing    : border-box;
}
.attention {
	border        : 1px dashed #E67E22;
	background    : #FFE3A2;
	font-size     : 1.0em;
	padding       : 10px;
	display       : block;
	border-radius : 3px;
	box-sizing    : border-box;
}
.div-info {
	border                : 1px dotted #BFCFFF;
	background            : #E5F0F9;
	padding               : 10px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}
.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;
}
.seldiv {
	padding               : 5px;
	margin                : 5px;
	color                 : #222;
	background            : #E6E6E6;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}

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

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

a.gray:hover {
	color : #434A54;
}
.gray:hover a > i.blue, a.gray:hover > i.blue, a.gray:hover > .blue {
	color : #2980B9;
}
.gray:hover a > i.green, a.gray:hover > i.green {
	color : #349C5A;
}
.gray:hover a > i.broun, a.gray:hover > i.broun {
	color : #C68A00;
}
.disabled:hover a > i.broun, a.disabled:hover > i.broun {
	color : #CCC;
}
.gray:hover a > i.yellow, a.gray:hover > i.yellow {
	color : #F6BB42;
}

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

a.redhov, .redhov a {
	color : #AAACFD;
}
a.redhov:hover {
	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;
}

.redd {
	color : #E74B3B;
}
.redlite {
	color : var(--red-lite);
}
.blue {
	color : #2980B9;
}
.bluelite {
	color : var(--liteblue);
}
.bluemint {
	color : var(--mint);
}
.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;
}
.gray2 {
	color : #607D8B;
}
.gray3 {
	color : #E0E0E0;
}
.gray-dark {
	color : #546E7A;
}
.deepgray{
	color:#2e4053;
}

.yelw {
	color : #F1C30F;
}

.green, .green a {
	color : #349C5A;
}
.green-lite {
	color : #8BC34A;
}
.green-sublite {
	color : var(--green-sublite);
}
.deepgreen{
	color:#1B5E20;
}

.white {
	color : #FFF;
}

.black {
	color : #222;
}

.bezh {
	color : #FFE3A2;
}
.bezh_dark {
	color : #F2CD7E;
}

.broun {
	color : #C68A00;
}
.broun2 {
	color : #FFBB78;
}
.deepbroun{
	color:#4E342E;
}
.lime{
	color:#C0CA33;
}

.orange {
	color : rgba(255, 193, 7, 1);
}
.orangedark {
	color : var(--orange-dark);
}
.deeporange{
	color:#E64A19;
}

.olive{
	color:#808000;
}
.indigo{
	color: #4B0082;
}
.darkhaki{
	color: #BDB76B;
}
.pink{
	color:#ef9a9a;
}
.deeppink{
	color:#880E4F;
}
.fiolet {
	color : #8E24AA;
}

.purple{
	color:#8E24AA;
}
.deeppurple{
	color:#5E35B1;
}
.cyan{
	color:#00ACC1;
}

.transparent {
	background : transparent !important;
}

.greenbg {
	/*background: rgba(133,205,136,1.0);*/
	background : #A5D6A7;
}
.greenbg-sub {
	/*background: rgba(39,174,96,0.1) !important;*/
	background : #E8F5E9 !important;
}
.greenbg-dark {
	background : #2E7D32;
}
.greenbg-lite2 {
	background : rgba(197, 225, 165, 1);
}
.greenbg-lite {
	background : #81C784;
	color      : #FFF;
}
.greenbg.bordered {
	border : 1px solid RGB(75, 150, 100);
}

.bluebg {
	/*background:rgba(172,191,210,1.0);*/
	background : #64B5F6;
}
.bluebg-sub {
	/*background:rgba(172,191,210,0.3) !important;*/
	background : #E3F2FD !important;
}
.bluebg-sublite {
	background : #BBDEFB !important;
}
.bluebg-lite {
	background : #2196F3;
	color      : #FFF;
}
.bluebg-dark {
	background : #0D47A1;
	color      : #FFF;
}
.bluebg2 {
	background : #E0E9F8;
}
.bluebg.bordered {
	border : #1565C0 solid 1px;
}

.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);
}
.orangebg.bordered {
	border : #FF6F00 solid 1px;
}

.yellowbg {
	background : #FFF176 !important;
}
.yellowbg-sub {
	background : #FCF8D6 !important;
}

.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 : #FFCDD2 !important;
}
.redbg-sublite {
	/*background: rgba(255,152,150,0.3) !important;*/
	background : #FFEBEE !important;
}
.redbg.bordered {
	border : RGB(199, 89, 73) solid 1px;
}

.graybg {
	background : #E6E6E6;
	border     : 1px solid #CCC;
}
.graybg-sub {
	background : #EEE;
}
.graybg-dark {
	background : #B0BEC5;
}
.graybg-black {
	background : var(--gray-darkblue);
}
.graybg-lite {
	background : #F5F7FA;
}

.bgray {
	background-color : #E6E6E6;
}

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

.brounbg {
	background : #F2CD7E;
	border     : 1px solid #C68A00;
}

.bgreen {
	font-size   : 1.1em;
	font-weight : bold;
	color       : #2DCB71;
}

.bgbluelight {
	border                : 1px dotted #BFCFFF;
	background            : #E5F0F9;
	border-radius         : 3px;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
}

.bgbezh {
	background : #FFE3A2;
	border     : 1px solid #F2CD7E;
}

.bgbezhdark {
	background : #F2CD7E;
}

.brounbg2 {
	background : #C68A00;
}

.ho .red, .ho .green, .ho .blue {
	color : #79F;
}
.ho .red:hover {
	color : #CC2424;
}
.ho .green:hover {
	color : #349C5A;
}
.ho .blue:hover {
	color : #507192;
}

.borderblue {
	border : 1px dotted #BFCFFF;
}

.sblue {
	font-weight : bold;
	color       : #1C6697;
}

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

.bl2 {
	border                : 1px solid #2980B9;
	background            : #2980B9;
	color                 : #FFF;
	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;
}
.bl2:hover {
	background : #7B99B7;
}

.grn {
	border                : 1px solid #C0392B;
	background            : #C0392B;
	color                 : #FFF;
	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;
}
.grn:hover {
	background         : #E74C3C;
	transition         : all 300ms ease;
	-webkit-transition : all 300ms ease;
	-moz-transition    : all 300ms ease;
}

.rd {
	border                : 1px solid #16A085;
	background            : #16A085;
	color                 : #FFF;
	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;
}
.rd:hover {
	background         : #1ABC9C;
	transition         : all 300ms ease;
	-webkit-transition : all 300ms ease;
	-moz-transition    : all 300ms ease;
}

.bl {
	border                : 1px solid #2980B9;
	background            : #2980B9;
	color                 : #FFF;
	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;
}
.bl:hover {
	background         : #03A9F4;
	transition         : all 300ms ease;
	-webkit-transition : all 300ms ease;
	-moz-transition    : all 300ms ease;
}

.bl:active, .rd:active, .grn:active {
	box-shadow         : 0 0 0 #999;
	-webkit-box-shadow : 0 0 0 #999;
	-moz-box-shadow    : 0 0 0 #999;
}

.center {
	margin : 0 auto;
}

.versia {
	display : inline-block;
	width   : 150px;
	border  : 1px;
}

a, img, select {
	outline : 0;
}

img {
	outline : 0;
	border  : 0
}

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

.check_sum {
	font-size   : 1.15em;
	margin-left : 20px;
}

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

.name_form {
	border-bottom : #333 dotted 1px;
	display       : inline-block;
	font-weight   : bold;
	width         : 100%;
}
.name_form2 {
	border-bottom : #333 dotted 1px;
	font-weight   : bold;
}

.divhead {
	line-height       : 1.25em;
	width             : 100%;
	text-overflow     : ellipsis !important;
	height            : 1.25em;
	overflow          : hidden !important;
	display           : inline-block;
	vertical-align    : middle;
	cue-after         : url(../images/pixel000.gif);
	-ms-text-overflow : ellipsis;
	-o-text-overflow  : ellipsis;
}

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

.tags {
	border                : 1px solid var(--white);
	background            : var(--gray-liteblue);
	float                 : left;
	padding               : 0.5em 1.0em;
	overflow              : hidden !important;
	margin-bottom         : 2px;
	margin-right          : 2px;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	border-radius         : 3px;
	position              : relative;
}
.tags .txt {
	height     : 100%;
	display    : inline-block;
	float      : right;
	background : var(--gray-sub);
	margin     : -0.5em -1.0em -0.5em 1.0em;
	padding    : 0.5em;
}
.xtag {
	border: 1px dotted var(--gray-lite);
	background: var(--gray-superlite);
	float                 : left;
	padding               : 0.3em 0.5em;
	overflow              : hidden !important;
	margin-bottom         : 2px;
	margin-right          : 2px;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	border-radius         : 3px;
	position              : relative;
}

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

.triangle-whitle {
	position      : absolute;
	z-index       : 101;
	bottom        : -6px;
	left          : 20%;
	margin-left   : -7px;
	border-top    : 7px solid #FFF;
	border-left   : 7px solid transparent;
	border-right  : 7px solid transparent;
	border-bottom : 0;
}
.triangle {
	position      : absolute;
	z-index       : 100;
	bottom        : -7px;
	left          : 20%;
	margin-left   : -7px;
	border-top    : 7px solid #CCC;
	border-left   : 7px solid transparent;
	border-right  : 7px solid transparent;
	border-bottom : 0;
}

.scroll {
	max-height : 17em;
	height     : 16.2em;
	border     : 0;
}
.noscroll {
	overflow : hidden;
}
.noscroll:hover {
	overflow-y : auto;
}
.noscrolls {
	overflow : hidden;
}

.vigetdiv {
	padding-left    : 5px;
	padding-right   : 5px;
	justify-content : space-between;
	/*column-count: 3;
		-moz-column-count: 3;
		-webkit-column-count: 3;
	width: 100%;*/
}

.viget {
	height                : 20em;
	/*только с column-gap*/
	/*
	display: inline-block;
	width: 100%;*/
	flex-basis            : 49.7%;
	flex-wrap             : wrap;

	width                 : 49.5%;
	margin-right          : calc(1% / 2);
	display               : inline-block !important;
	float                 : left !important;

	border                : 1px solid #E6E9ED;
	background            : #FFF;
	padding               : 5px;
	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.h2:nth-child(3n + 1) {
	height : calc(40em + 10px);
}
.viget.h2:nth-child(3n + 1) > .scroll {
	height     : 37em;
	max-height : 37em;
}

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

@media (min-width : 1500px) {
	.viget {
		flex-basis      : 33%;
		flex-wrap       : wrap;
		justify-content : space-between;
		box-sizing      : border-box;
		width           : 33%;
		margin-right    : calc(1% / 3);
		display         : inline-block !important;
		float           : left !important;
	}

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

#last {
	position : relative;
}
#last thead {
	font-size          : 90%;
	color              : #485B60;
	background         : #ECF0F1;
	border-bottom      : 1px solid #E6E6F0;
	box-shadow         : 1px 1px 1px #CCC;
	-webkit-box-shadow : 1px 1px 1px #CCC;
	-moz-box-shadow    : 1px 1px 1px #CCC;
}
#last thead td {
	border-right : 1px solid #EFEFF5;
}
#last thead td:last-child {
	border-right : 0;
}
#last .contentloader {
	background       : rgba(240, 240, 240, 0.5);
	background-image : repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, .5) 3px, rgba(255, 255, 255, .5) 10px);
	position         : absolute;
	top              : 0;
	left             : 0;
	z-index          : 100;
	width            : 100vw;
	height           : 100vh;
	min-height       : 400px;
	text-align       : center;
}
#last .contentloader img {
	margin     : 0 auto;
	margin-top : 200px;
}

.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                : 0;
	border-radius         : 200px;
	-webkit-border-radius : 200px;
	-moz-border-radius    : 200px;
	-moz-box-shadow       : inset 0 0 10px #000;
	-webkit-box-shadow    : inset 0 0 10px #000;
	box-shadow            : inset 0 0 10px #000;
}
.avatar--mini--resp {
	width                 : 80%;
	padding-top           : 80%;
	border                : 2px solid #CCC;
	border-radius         : 200px;
	-webkit-border-radius : 200px;
	-moz-border-radius    : 200px;
	-moz-box-shadow       : inset 0 0 10px #000;
	-webkit-box-shadow    : inset 0 0 10px #000;
	box-shadow            : inset 0 0 10px #000;
}

.avatar--micro {
	display               : inline-block;
	width                 : 20px;
	height                : 20px;
	/*border                : 1px solid #9DC6D8;*/
	border                : 0;
	border-radius         : 200px;
	-webkit-border-radius : 200px;
	-moz-border-radius    : 200px;
	-moz-box-shadow       : inset 0 0 5px #000;
	-webkit-box-shadow    : inset 0 0 5px #000;
	box-shadow            : inset 0 0 5px #000;
}

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

.avatarchange {
	position : relative;
}

.avarez {
	display : none;
}

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

.task_ind {
	display               : inline-block;
	text-align            : center;
	width                 : 90%;
	line-height           : 1.25em;
	font-size             : 0.85em;
	padding               : 1px 3px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}

.smallind {
	font-size : 0.9em;
	/*font-weight: bold;*/
	color     : #FFF;
}

.refresh_dt {
	position : relative;
	float    : right;
	top      : -2px;
	right    : 2px;
}

.tip_rel {
	width            : 14px;
	height           : 14px;
	vertical-align   : middle;
	background-color : #ECF0F1;
	border           : 1px solid #999;
	display          : inline-block;
	font-size        : 0.75em;
	font-weight      : 700;
	line-height      : 14px;
	text-align       : center;
}

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

.pagecontainer {
	position : relative;
}

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

}

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

.scroller_bottom {
	position                        : fixed;
	z-index                         : 2;
	bottom                          : 35px;
	display                         : none;
	left                            : -20px;
	background                      : #507192;
	color                           : #FFF;
	border                          : 1px solid #CCC;
	border-left                     : 0;
	padding                         : 5px;
	text-align                      : center;
	cursor                          : pointer;
	-moz-border-radius-topleft      : 1px;
	-webkit-border-top-left-radius  : 1px;
	border-top-left-radius          : 1px;
	-moz-border-radius-topright     : 1px;
	-webkit-border-top-right-radius : 1px;
	border-top-right-radius         : 1px;
	opacity                         : .70;
}
.scroller_bottom:hover {
	left    : 0;
	opacity : 1.0;
}

.contaner {
	background            : #FFF;
	padding               : 0;
	margin                : 0 3px 5px 5px;
	border                : 1px solid #CCC;
	overflow              : hidden;
	position              : relative;
	border-radius         : 3px;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	box-shadow            : 0 1px 0 0 rgba(50, 50, 50, 0.15);
	-webkit-box-shadow    : 0 1px 0 0 rgba(50, 50, 50, 0.15);
	-moz-box-shadow       : 0 1px 0 0 rgba(50, 50, 50, 0.15);
}
.contaner a.button {
	margin     : 0 0;
	padding    : 10px;
	background : #3B6EAA;
	border     : 0;
	box-sizing : border-box;
}
.contaner a.button:hover {
	border     : 0;
	background : #FAA732;
}

.contaner input[type="text"],
.contaner input[type=""] {
	width : 100% !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 {
	font-size  : 0.8em;
	/*background:#EAEFF8;*/
	background : #ECEFF1;
	color      : #455A64;
	height     : 35px;
}

#pid_list .pid_box {
	border                : 0;
	background            : #E6E6E6;
	display               : inline-block;
	padding               : 10px;
	float                 : left;
	height                : 1.5em;
	line-height           : 1.5em;
	overflow              : hidden !important;
	/*font-weight           : bold;*/
	margin-bottom         : 2px;
	margin-right          : 2px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}
#pid_list .el {
	text-overflow     : ellipsis;
	-ms-text-overflow : ellipsis;
	-o-text-overflow  : ellipsis;
}
#pid_list .del {
	width        : 1.4em;
	height       : 1.4em;
	display      : inline-block;
	float        : left;
	margin-right : 5px;
	cursor       : pointer;
	color        : #222;
	border       : 0;
	/*background   : #E6E6E6;*/
}
#pid_list .del:hover {
	color : red;
}

#spisok {
	margin : 20px 10px 10px 10px;
}
#spisok img {
	float : none;
}

#ospisok {
	position           : absolute;
	z-index            : 999900;
	top                : 35px;
	left               : 0;
	display            : none;
	border             : 1px solid #2387CA;
	background         : #FFF;
	margin             : 5px;
	padding            : 0;
	/*overflow:hidden;*/
	-webkit-box-shadow : 0 1px 3px #2387CA;
	-moz-box-shadow    : 0 1px 3px #2387CA;
	box-shadow         : 0 1px 3px #2387CA;
}
#ospisok .header {
	padding       : 5px 5px;
	display       : block;
	color         : #222;
	/*font-size: 1.0em;*/
	border-bottom : 1px solid #CCC;
}
#ospisok div.zbody {
	/*padding: 5px 5px;
		display: block;
		color: #222;
		font-size: 1.0em;*/
	overflow    : hidden;
	padding     : 5px;
	line-height : 1.2em;
	max-height  : 250px;
	/*border-bottom:1px dotted #ccc;*/
}
#ospisok div:last-child {
	/*border-bottom:0px dotted #fff;*/
}
#ospisok .user, #orgspisok .user {
	display     : inline;
	font-size   : 0.8em;
	padding-top : 3px;
	float       : right;
	z-index     : 10000;
	text-align  : right;
	width       : 45%;
	overflow    : hidden;
	/*background: #FFF;*/
}
#ospisok:after, #ospisok:before {
	top            : -10px;
	left           : 20px;
	border         : solid transparent;
	content        : " ";
	height         : 0;
	width          : 0;
	position       : absolute;
	pointer-events : none;
	z-index        : 20;
}
#ospisok:after {
	border-color        : rgba(136, 183, 213, 0);
	border-bottom-color : #FFF;
	border-width        : 5px;
	margin-left         : -5px;
}
#ospisok:before {
	top                 : -12px;
	border-color        : rgba(255, 255, 255, 0);
	border-bottom-color : #2387CA;
	border-width        : 6px;
	margin-left         : -6px;
}
#orgspisok {
	position           : absolute;
	z-index            : 110000;
	top                : -10px;
	left               : -5px;
	border             : 1px solid #79B7E7;
	background         : #FFF;
	margin             : 5px;
	padding            : 5px;
	box-shadow         : 0 0 2px #507192;
	-webkit-box-shadow : 0 0 2px #507192;
	-moz-box-shadow    : 0 0 2px #507192;
}
#orgspisok #pole {
	max-height : 200px;
	overflow   : auto;
	/*padding:5px;*/
}
#orgspisok .radio {
	overflow      : hidden;
	display       : block;
	padding       : 5px;
	border-bottom : 1px dotted var(--gray-darkblue);
}
#orgspisok .radio:last-child {
	border-bottom : 0;
}
#orgspisok .radio:hover {
	background : #FFE3A2;
}

.tbl_small {
	font-size : 0.85em;
}

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

.chartdiv {
	height     : 15px;
	border     : 0 solid #79B7E7;
	background : #E2F4FC;
	margin     : 0;
	padding    : 0;
}

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

.legenda {
	position              : fixed;
	bottom                : 20px;
	left                  : 240px;
	padding               : 10px;
	z-index               : 1;
	border                : 1px solid #CCC;
	background            : #E6E6E6;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}

.setka {
	border : 1px dotted #CCC;
}

.head_tbl {
	background  : #D0E5F5;
	font-weight : bold;
	color       : #1D5987;
}

/*Форма добавления Организаций, Персон*/
#formtabs {
	scrollbar-width : thin;
	scrollbar-color : var(--gray-darkblue);
}
#formtabs .fmain {
	display    : block;
	width      : 800px;
	max-height : 420px;
	overflow   : auto !important;
	border     : 0;
}
#formtabs .fdiv {
	display        : block;
	width          : 99%;
	float          : left;
	/*padding-top: 5px;*/
	padding-bottom : 2px;
	margin-bottom  : 7px;
	/*border-bottom:#eee dotted 1px;*/
}
#formtabs .req {
	/*background-color: #FFD9D9;*/
}
#formtabs .fdiv:hover {
	background-color : rgba(236, 239, 241, 1);
}
#formtabs .fname {
	display     : inline-block;
	/*float       : left;
	text-align  : right;*/
	font-size   : 1.2em;
	color       : #607D8B;
	width       : 146px;
	padding     : 6px 2px 0 7px;
	border      : 0 solid #09F;
	line-height : 1.5em;
}
#formtabs .fpole {
	position : relative;
	display  : inline-block;
	float    : right;
	width    : 610px;
	padding  : 5px 2px 2px 2px;
	border   : 0 solid #09F;
	/*border:#222 solid 1px;*/
}
#formtabs .hidden {
	visibility : hidden;
	display    : none;
}

.fpole .smalltxt {
	color : #666;
}

.fnameCold {
	display     : block;
	text-align  : right;
	font-size   : 1.2em;
	/*color:#222;*/
	color       : #607D8B;
	padding-top : 6px;
}
.fnameForm {
	display    : block;
	text-align : right;
	font-size  : 1.2em;
	/*color:#222;*/
	color      : #607D8B;
}

.fpoleCold {
	display        : block;
	font-size      : 1.1em;
	padding-top    : 6px;
	padding-bottom : 2px;
}
.pnameCold {
	display        : block;
	font-size      : 1.0em;
	color          : #222;
	padding-bottom : 2px;
}

td > .fnameCold {
	vertical-align : top;
	padding-top    : 5px;
}

#cardview {
	font-size : 1.0em;
}
#cardview td {
	font-size : 1.0em;
}
#cardview .d30 {
	width          : 32%;
	padding-bottom : 5px;
	display        : inline-block;
	float          : left;
}
#cardview .d50 {
	width          : 50%;
	padding-bottom : 5px;
	display        : inline-block;
	float          : left;
}
#cardview .d100 {
	width   : 100%;
	display : inline-block;
}
#cardview .box {
	width   : 100%;
	padding : 10px 0;
	display : inline-block;
}

#stat td {
	font-size : 120%;
}

.comt_bad {
	display     : inline-block;
	font-size   : 120%;
	font-weight : bold;
	color       : #E74B3B;
}
.comt_good {
	display     : inline-block;
	font-size   : 120%;
	font-weight : bold;
	color       : #2DCB71;
}

#tagbox .tags {
	border                : 1px dotted #79B7E7;
	background            : #D0E5F5;
	/*float:left;*/
	padding               : 5px;
	display               : inline-block;
	overflow              : hidden !important;
	font-weight           : bold;
	margin-bottom         : 2px;
	margin-right          : 2px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 5px;
	cursor                : pointer;
}
#tagbox .tags:hover {
	border     : 1px solid #79B7E7;
	background : #79B7E7;
	color: #FFF;
}
#tagbox.gray .tags {
	border             : 1px solid #BDBDBD;
	background         : #E0E0E0;
	color              : #333;
	font-weight        : 400;
	box-shadow         : 0 1px 2px -1px rgba(0, 0, 0, 0.50);
	-webkit-box-shadow : 0 1px 3px -1px rgba(0, 0, 0, 0.50);
	-moz-box-shadow    : 0 1px 3px -1px rgba(0, 0, 0, 0.50);
}
#tagbox.gray .tags:hover {
	border     : 1px solid #79B7E7;
	background : #79B7E7;
	color      : #222 !important;
}

#profile {
	padding-bottom : 5px;
}
#profile .forma {
	width    : 100%;
	overflow : auto !important;
}
#profile .d50 {
	width   : 47%;
	padding : 5px;
	display : inline-block;
	float   : left;
}
#profile .d100 {
	width   : 98%;
	display : inline-block;
}
#profile .fname {
	display        : inline-block;
	float          : left;
	font-size      : 1.2em;
	width          : 98%;
	padding        : 1px;
	padding-bottom : 10px;
	color          : #607D8B;
	font-weight    : 700;
}
#profile .fpole {
	display : inline-block;
	float   : left;
	width   : 98%;
	padding : 3px 3px;
}
#profile .fdiv {
	display       : inline-block;
	width         : 98%;
	float         : left;
	padding       : 5px;
	border-bottom : #DDD dotted 1px;
	margin-bottom : 10px;
	box-sizing    : border-box;
}
#profile .fdiv:last-child {
	border-bottom : 0;
}
#profile .fdiv:hover {
	background-color : rgba(236, 239, 241, 1);
}
#profile select, #profile textarea {
	width : 100%;
}
#profile label {
	display : inline-block;
	width   : 48%;
	float   : left;
	padding : 5px;
}
#profile .tags {
	border                : 1px solid #C0C0C0;
	background            : #EEE;
	float                 : left;
	color                 : #CCC;
	padding               : 2px 5px;
	overflow              : hidden !important;
	font-weight           : bold;
	margin-right          : 2px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 5px;
}
#profile .tagsfull {
	border                : 1px dotted #79B7E7;
	background            : #D0E5F5;
	color                 : #222;
	float                 : left;
	padding               : 2px 5px;
	overflow              : hidden !important;
	font-weight           : bold;
	margin-right          : 2px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 5px;
}
#profile .text-content {
	font-size             : 1.0em;
	background            : #FFF;
	border                : 0;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
	line-height           : 1.65em;
	overflow              : auto !important;
	display               : inline-table;
	width                 : 100%;
	box-sizing            : border-box;
}

/*Анкета*/
#anketa {
	padding-bottom : 5px;
	font-size      : 1.05em;
}
#anketa .view {
	font-size   : 1.1em;
	line-height : 1.1em;
}
#anketa .forma {
	/*max-height:400px;*/
	width    : 100%;
	overflow : auto !important;
}
#anketa #divider b {
	color     : #999;
	font-size : 0.9em;
}
#anketa .d50 {
	width   : 47%;
	padding : 5px;
	display : inline-block;
	float   : left;
}
#anketa .d100 {
	width   : 98%;
	display : inline-block;
}
#anketa .fname {
	display        : inline-block;
	float          : left;
	/*font-size:1.0em;*/
	font-weight    : 700;
	width          : 17.5%;
	height         : 1.55em;
	/*line-height: 1.55em;*/
	text-align     : right;
	padding        : 1px 1px;
	/*padding-top:10px;*/
	border         : 1px dotted #DDD;
	padding-bottom : 5px;
}
#anketa .fpole {
	display : inline-block;
	float   : right;
	width   : 81%;
	padding : 3px 3px;
}
#anketa .fpoleCold {
	padding-bottom : 3px;
	font-size      : 90%;
}
#anketa .fdiv {
	display       : inline-block;
	width         : 98%;
	float         : left;
	padding       : 3px 3px;
	border-bottom : 0;
}
#anketa .fdiv:last-child {
	border-bottom : 0;
}
#anketa .fdiv:hover {
	background-color : #FF9;
}
#anketa select, #anketa textarea {
	width : 100%;
}
#anketa label {
	/*display:inline-block;*/
}
#anketa .cblock {
	display : inline-block;
	float   : left;
}
#anketa .tags {
	border                : 1px solid #C0C0C0;
	background            : #E0E0E0;
	float                 : left;
	color                 : #507192;
	padding               : 2px 5px;
	overflow              : hidden !important;
	font-weight           : bold;
	margin-right          : 2px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}
#anketa .tagsfull {
	border                : 1px solid #507192;
	background            : #507192;
	float                 : left;
	padding               : 2px 5px;
	overflow              : hidden !important;
	font-weight           : bold;
	margin-right          : 2px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}
#anketa .tagsfull2 {
	font-size             : 1.05em;
	line-height           : 1.10em;
	float                 : left;
	padding               : 2px 5px;
	overflow              : hidden !important;
	margin-right          : 2px;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
}
#anketa .text-content {
	font-size             : 1.0em;
	background            : #FFF;
	border                : 1px #ACE3DF inset;
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;
	/*line-height: 1.65em;*/
	overflow              : auto !important;
}

.margtxt {
	padding     : 5px 0;
	line-height : 1.25em;
}

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

#stable td {
	font-size : 0.9em;
}

#tab_set {
	position      : absolute;
	right         : 100px;
	bottom        : 0;
	border        : 1px solid transparent;
	padding       : 0.4em 1em;
	background    : transparent;
	font-size     : 0.9em;
	font-weight   : 500;
	color         : #CCC;
	cursor        : pointer;
	z-index       : 310;
	border-bottom : 0;
}
#tab_set:hover {
	color : #2E6E9E;
}

#tab_container {
	position      : absolute;
	right         : 5px;
	bottom        : 0;
	/*border:1px solid #69C;*/
	border        : 1px solid rgb(195, 204, 204);
	padding       : 0.4em 1em;
	background    : #FFF;
	font-size     : 0.9em;
	font-weight   : 500;
	color         : #2E6E9E;
	cursor        : pointer;
	z-index       : 30000;
	border-bottom : 0;
}
#tab_container:hover {
	background    : rgb(229, 240, 249);
	border-bottom : 0;
}
#tab_container .subtab {
	display    : none;
	padding    : 5px 5px;
	position   : absolute;
	top        : -1px;
	right      : -1px;
	border     : #09F 1px solid;
	background : #FFF;
	opacity    : .95;
	z-index    : 200;
}
#tab_container .subtab:hover {
}

/*
Стрелки для табов рабочего стола
*/
.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;
}

#dttabs {
	height     : 1.75em;
	max-height : 1.75em
}
#dttabs li {
	position : relative;
}
#dttabs li.hidden {
	display    : none !important;
	visibility : hidden !important;
}
#dttabs, #dttabs .ui-tabs {
	padding : 0.4em 1em 0.4em 0;
}
#dttabs .ui-tabs, #dttabs .ui-tabs-nav, #dttabs li a {
	padding : 0.4em 1em;
}
#dttabs .ui-state-default {
	border          : 1px solid transparent;
	background      : transparent;
	font-weight     : normal;
	text-decoration : underline;
}
#dttabs .ui-state-default a {
	color : #222;
}
#dttabs .ui-state-default a:hover {
	color : #507192;
}
#dttabs .ui-state-active {
	border      : 1px solid rgb(195, 204, 204);
	background  : rgb(249, 249, 249);
	font-weight : bold;
}
#dttabs .ui-state-active a {
	color : #507192;
}
#dttabs .ui-state-active:after {
	content    : " ";
	position   : absolute;
	bottom     : 0;
	left       : 0;
	width      : 100%;
	height     : 5px;
	background : rgb(249, 249, 249);
}

.hline {
	height     : 1px;
	border-top : 1px dotted #69F;
	padding    : 0;
	margin     : 0;
	width      : 98%;
}

#specaloader {
	display  : table;
	position : relative;
}
#specaloader .addspeca {
	position : absolute;
	display  : none;
	top      : 0;
	left     : 0;
	width    : 100%;
	height   : 400px;
	z-index  : 100;
}
#specaloader fieldset {
	position           : relative;
	border             : 1px solid #BFCFFF;
	padding            : 5px;
	background         : #E5F0F9;
	margin-bottom      : 10px;
	-webkit-box-shadow : 0 1px 0 #CCC;
	-moz-box-shadow    : 0 1px 0 #CCC;
	box-shadow         : 0 1px 0 #CCC;
}
#specaloader legend {
	font-size   : 1.15em;
	padding     : 10px 10px;
	color       : #222;
	font-weight : bold;
}

/*
#divider {
	background     : url(../images/cherta.png);
	line-height    : 20px;
	vertical-align : middle;
	padding-right  : 20px;
	margin         : 10px 0 3px 0;
}
#divider b {
	background     : #F5F7FA;
	padding        : 0 5px 3px 5px;
	text-transform : uppercase;
	color          : #222;
}
*/

#divider {
	position       : relative;
	white-space    : nowrap;
	line-height    : 1;
	display        : table !important;
	height         : auto;
	text-align     : center;
	text-transform : uppercase;
	color          : var(--gray5);
	background     : transparent !important;
	font-size      : 0.7em;
	font-weight    : 700;
	margin         : 15px 0;
	width          : 100%;
}
#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 b {
	background : transparent !important;
}

.divider {
	position       : relative;
	white-space    : nowrap;
	line-height    : 1;
	display        : table;
	height         : auto;
	text-align     : center;
	text-transform : uppercase;
	color          : var(--gray5);
	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);
}

.marg0, .m0 {
	margin : 0 !important;
}
.marg3, .m3 {
	margin     : 3px !important;
	text-align : left;
}
.marg5, .m5 {
	margin : 10px !important;
}
.marg10, .m10 {
	margin     : 10px !important;
	text-align : left;
}

.margtop0, .mt0 {
	margin-top : 0 !important;
}
.margtop5, .mt5 {
	margin-top : 5px !important;
}
.margtop10, .mt10 {
	margin-top : 10px !important;
}
.margtop15, .mt15 {
	margin-top : 15px !important;
}
.margtop20, .mt20 {
	margin-top : 20px !important;
}

.margbot0, .mb0 {
	margin-bottom : 0 !important;
}
.margbot2, .mb2 {
	margin-bottom : 2px !important;
}
.margbot3, .mb3 {
	margin-bottom : 3px !important;
}
.margbot5, .mb5 {
	margin-bottom : 5px !important;
}
.margbot10, .mb10 {
	margin-bottom : 10px !important;
}
.margbot15, .mb15 {
	margin-bottom : 15px !important;
}
.margbot20, .mb20 {
	margin-bottom : 20px !important;
}

.margleft5, .ml5 {
	margin-left : 5px !important;
}
.margleft10, .ml10 {
	margin-left : 10px !important;
}
.margleft15, .ml15 {
	margin-left : 15px !important;
}
.margleft20, .ml20 {
	margin-left : 20px !important;
}

.margright5, .mr5 {
	margin-right : 5px !important;
}
.margright10, .mr10 {
	margin-right : 10px !important;
}
.margright15, .mr15 {
	margin-right : 15px !important;
}
.margright20, .mr20 {
	margin-right : 20px !important;
}

.ptb5lr15 {
	padding : 5px 15px !important;
}

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

.pad0, .p0 {
	padding : 0 !important;
}
.pad3, .p3 {
	padding : 3px !important;
}
.pad5, .p5 {
	padding : 5px !important;
}
.pad10, .p10 {
	padding : 10px !important;
}
.pad15, .p15 {
	padding : 15px !important;
}
.pad20, .p20 {
	padding : 20px !important;
}
.pt0 {
	padding-top : 0 !important;
}

.paddtop2, .pt2 {
	padding-top : 2px !important;
}
.paddtop5, .pt5 {
	padding-top : 5px !important;
}
.paddtop7, .pt7 {
	padding-top : 7px !important;
}
.paddtop10, .pt10 {
	padding-top : 10px !important;
}
.paddtop15, .pt15 {
	padding-top : 15px !important;
}
.paddtop20, .pt20 {
	padding-top : 20px !important;
}
.paddtop30, .pt30 {
	padding-top : 30px !important;
}
.paddtop35, .pt35 {
	padding-top : 35px !important;
}
.paddtop40, .pt40 {
	padding-top : 40px !important;
}

.pb0 {
	padding-bottom : 0 !important;
}
.pb2 {
	padding-bottom : 2px !important;
}
.pb3 {
	padding-bottom : 3px !important;
}
.paddbott5, .pb5 {
	padding-bottom : 5px !important;
}
.paddbott10, .pb10 {
	padding-bottom : 10px !important;
}
.paddbott15, .pb15 {
	padding-bottom : 15px !important;
}
.paddbott20, .pb20 {
	padding-bottom : 20px !important;
}

.paddleft5, .pl5 {
	padding-left : 5px !important;
}
.paddleft10, .pl10 {
	padding-left : 10px !important;
}
.paddleft20, .pl20 {
	padding-left : 20px !important;
}
.paddleft30, .pl30 {
	padding-left : 30px !important;
}
.paddleft40, .pl40 {
	padding-left : 40px !important;
}
.paddleft50, .pl50 {
	padding-left : 50px !important;
}
.paddleft60, .pl60 {
	padding-left : 60px !important;
}
.paddleft70, .pl70 {
	padding-left : 70px !important;
}
.paddleft80, .pl80 {
	padding-left : 80px !important;
}
.paddright5, .pr5 {
	padding-right : 5px !important;
}
.paddright10, .pr10 {
	padding-right : 10px !important;
}
.paddright15, .pr15 {
	padding-right : 15px !important;
}
.paddright20, .pr20 {
	padding-right : 20px !important;
}

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

/*Блок всплывающий для телефонии*/
.caller {
	position           : fixed;
	display            : none;
	z-index            : 12;
	font-size          : 1.05em;
	bottom             : 75px;
	right              : 10px;
	width              : 350px;
	min-height         : 200px;
	background         : #FFF;
	border             : 1px solid rgba(13, 71, 161, 0.7);
	-webkit-box-shadow : 0 1px 3px #222;
	-moz-box-shadow    : 0 1px 3px #222;
	box-shadow         : 0 1px 3px #222;
	border-radius      : 5px;
}
.caller:before {
	z-index      : 13;
	position     : absolute;
	bottom       : -4px;
	right        : 15px;
	content      : "";
	display      : inline-block;
	width        : 0;
	height       : 0;
	border-style : solid;
	border-width : 7px 7px 0 7px;
	border-color : #FFF transparent transparent transparent;
}
.caller:after {
	position     : absolute;
	bottom       : -7px;
	right        : 15px;
	content      : "";
	display      : inline-block;
	width        : 0;
	height       : 0;
	border-style : solid;
	border-width : 7px 7px 0 7px;
	border-color : rgba(13, 71, 161, 0.7) transparent transparent transparent;
}
.caller ul, .caller ol {
	padding : 0;
	margin  : 0;
}
.caller .zag {
	font-size  : 1.0em;
	padding    : 10px;
	/*margin:-1px -1px 5px -1px;*/
	background : rgba(13, 71, 161, 0.7);
}
.caller .zag.top {
	border-top-left-radius  : 4px;
	border-top-right-radius : 4px;
}
.caller .btn {
	margin-right : 10px;
	font-size    : 0.8em;
	font-weight  : 600;
}
.caller .carda {
	display     : block;
	font-size   : 1.00em;
	font-weight : 600;
	padding     : 5px 20px;
}
.caller .hid {
	position : absolute;
	float    : right;
	z-index  : 101;
	top      : 8px;
	right    : 5px;
	cursor   : pointer;
	width    : 20px;
	height   : 20px;
	/*color:#FFC235;*/
}
.caller .hid:hover {
	color : #BB8300;
}
.caller b {
	font-weight : 700;
	/*color:#000;*/
}
.caller hr {
	width      : 99%;
	border     : 0 none;
	border-top : #CCC 1px dotted;
	/*border-top: 1px solid #2387CA;*/
	padding    : 0;
	height     : 1px;
	margin     : 5px 0;
	clear      : both;
}

.caller #peerlist {
	max-height : 400px;
	/*min-height : 100px;*/
	overflow-y : auto;
}
.caller #peerlist li {
	/*max-height: 400px;*/
	list-style        : none;
	line-height       : 16px;
	padding           : 2px 0;
	overflow          : hidden;
	/*border-bottom     : 1px dotted #DDD;*/
	text-overflow     : ellipsis;
	-ms-text-overflow : ellipsis;
	-o-text-overflow  : ellipsis;
}
.caller #peerlist .peerone {
	line-height : 20px;
}

.caller #inpeerlist {
	max-height : 30vh;
	overflow-x : auto;
}
.caller #inpeerlist ol li {
	list-style : decimal;
}
.caller #inpeerlist li {
	line-height       : 16px;
	padding           : 2px 0;
	overflow          : hidden;
	background        : #FFF;
	text-overflow     : ellipsis;
	-ms-text-overflow : ellipsis;
	-o-text-overflow  : ellipsis;
}

.caller #rezult {
	background  : #FFF;
	color       : #222;
	font-size   : 0.95em;
	line-height : 1.2em;
	/*overflow    : auto;*/
	max-height  : 300px;
	text-align  : center;
}
.caller #rezult2 {
	border-top  : 0;
	background  : #FFF;
	color       : #222;
	font-size   : 0.8em;
	padding     : 3px;
	line-height : 1.2em;
	overflow    : auto;
	max-height  : 300px;
}

.caller #lastcolls .clist {
	display        : block;
	font-size      : 0.9em;
	padding-top    : 5px;
	padding-bottom : 5px;
}
.caller #lastcolls .clist:hover {
	color            : #2E658D;
	background-color : #D2E9FF;
}
.caller #lastcolls .icons {
	padding-left  : 5px;
	padding-right : 5px;
	/*border:1px dotted red;*/
	width         : 40px;
}
.caller #lastcolls .time {
	padding-left  : 5px;
	padding-right : 5px;
	/*border:1px dotted red;*/
	display       : inline-block;
	width         : 60px;
}
.caller #lastcolls .tel {
	padding-left  : 5px;
	padding-right : 5px;
	display       : inline-block;
}
.caller #lastcolls .title {
	padding-left : 5px;
	display      : block;
	overflow     : hidden;
}

.calllink {
	display  : inline-block;
	position : relative;
}

.caller .hangup {
	float     : right;
	position  : absolute;
	top       : 5px;
	right     : 3px;
	font-size : 1.5em;
}
.caller .rezult {
}
.caller .ctriangle-white {
	position     : absolute;
	z-index      : 101;
	bottom       : 20px;
	left         : 0;
	margin-left  : -7px;

	border-style : solid;
	border-width : 7px 7px 7px 0;
	border-color : transparent #FFF transparent transparent;

}
.caller .ctriangle {
	position     : absolute;
	z-index      : 100;
	bottom       : 20px;
	left         : 0;
	margin-left  : -8px;

	border-style : solid;
	border-width : 7px 7px 7px 0;
	border-color : transparent #CCC transparent transparent;
}

.caller--icon {
	background    : var(--green) !important;
	border        : 2px solid var(--green-dark) !important;
}

#task {

}
#task .tskheader {
	background    : rgba(189, 195, 199, 0.1);
	padding       : 5px;
	border-bottom : 1px dotted #DDD;
}
#task a:hover, a#task:hover {
	color : #F00;
	/*text-decoration:underline;*/
}
#task hr {
	margin : 0;
}
#task sup {
	font-size   : 0.5em;
	margin-left : -5px;
	margin-top  : -5px;
}
#task td {
	border-bottom : 1px dotted #ECF0F1;
	font-size     : 1.0em;
}

.contaner > #tasklist {
	margin-top : -5px;
}

#taskweek .header {
	background : #CCD1D9;
	color      : #222;
	margin     : 0;
}

/*Курсоры*/
.list, .info {
	cursor : help;
}
.hand {
	cursor : pointer;
}
.zoom {
	cursor : zoom-in;
}
.handle {
	cursor : move;
}
.cursor-default {
	cursor : auto !important;
}

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

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

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

.hidden-normal {
	display : none;
}

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

.datumPole {
	position : relative;
	float    : left;
	width    : 50%;
	/*border:1px solid red;*/
}
.timePole {
	position     : relative;
	float        : left;
	padding-left : 10px;
	width        : 35%;
	/*border:1px solid red;*/
}
.datumPole input, .timePole input {
	width : 96%;
}

.datumTasks {
	border     : 1px dotted #BFCFFF;
	background : #E5F0F9;
	font-size  : 1.0em;
	padding    : 2px;
	display    : inline-block;
}
.datumTasksView {
	position   : absolute;
	display    : none;
	z-index    : 1100;
	top        : 20px;
	left       : 0;
	width      : 400px;
	border     : 3px solid #BFCFFF;
	background : #FFF;
	font-size  : 1.0em;
	padding    : 2px;
}

.taskIcon {
	position : absolute;
	top      : 5px;
	right    : 5px;
}

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

#articles {
	height     : 545px;
	padding    : 10px;
	background : #FFF;
	border     : 1px solid #DDD;
}
#articles h1, #articles h2 {
	line-height : 1.6em;
	font-weight : 600;
}
#articles p, #articles li {
	font-size   : 1.15em;
	line-height : 1.4em;
}

#public {
	padding : 10px;
}
#public h1, #public h2 {
	line-height : 1.6em;
	font-weight : 600;
}
#public p, #public li {
	font-size   : 1.15em;
	line-height : 1.4em;
}
#public img {
	max-width : 95%;
	height    : auto !important;
}

#psdiv {
	font-size   : 0.80em;
	border      : 0 solid #7B99B7;
	/*background: #EEF2F7;*/
	background  : none;
	color       : #7B99B7;
	margin-left : 5px;
	margin-top  : 3px;
	display     : inline-block;
}
#psdiv .but {
	float       : left;
	display     : inline-block;
	padding     : 5px;
	margin-left : 2px;
	cursor      : pointer;
}
#psdiv .but:hover {
	background : #DDD;
}
#psdiv .but.active {
	background : #DDD;
}
#psdiv .but.active {
	background : #DDD;
}

.phone {
	position : relative;
	/*display:inline-block;*/
}
.phone .lnk {
	position     : absolute;
	/*display:inline-block;*/
	font-size    : 10px;
	color        : #FFF;
	padding-left : 5px;
	padding-top  : 5px;
	margin-top   : 4px;
	z-index      : 100;
	top          : 0;
	left         : 5px;
	width        : 20px;
	height       : 20px;
	background   : #2DCB71;
	border       : 1px solid #27AD5F;
}
.phone .lnk2 {
	position     : absolute;
	/*display:inline-block;*/
	font-size    : 10px;
	color        : #FFF;
	padding-left : 5px;
	padding-top  : 5px;
	margin-top   : 4px;
	z-index      : 100;
	top          : 0;
	left         : 34px;
	width        : 20px;
	height       : 20px;
	background   : #5A95F3;
	border       : 1px solid #3E79D5;
}
.phone .lnk a, .phone .lnk2 a {
	height      : 20px;
	width       : 20px;
	line-height : 15px;
	margin-top  : -10px;
	margin-left : -5px;
	padding     : 4px;
	color       : #FFF;
}
.phonec {
	position : relative;
	color    : #3E79D5;
	display  : inline-block;
}
.phonec .lnk {
	position     : absolute;
	font-size    : 12px;
	color        : #FFF;
	padding-left : 5px;
	margin-top   : -5px;
	line-height  : 20px;
	z-index      : 100;
	top          : 0;
	right        : -25px;
	width        : 20px;
	height       : 20px;
	background   : #2DCB71;
	border       : 1px solid #27AD5F;
}
.phonec .lnk2 {
	position     : absolute;
	font-size    : 12px;
	color        : #FFF;
	padding-left : 5px;
	/*padding-top: 5px;*/
	margin-top   : -5px;
	line-height  : 20px;
	z-index      : 100;
	top          : 0;
	right        : -55px;
	width        : 20px;
	height       : 20px;
	background   : #5A95F3;
	border       : 1px solid #3E79D5;
}
.phonec .lnk a, .phonec .lnk2 a {
	height      : 20px;
	width       : 20px;
	line-height : 15px;
	margin-top  : -5px;
	margin-left : -5px;
	padding     : 10px 4px 4px 4px;
	color       : #FFF;
}

#old_task {
	position           : absolute;
	z-index            : 100;
	width              : 500px;
	border             : 1px solid #79B7E7;
	padding            : 5px;
	background-color   : #F2F9FD;
	display            : none;
	box-shadow         : 1px 1px 1px #999;
	-webkit-box-shadow : 1px 1px 1px #999;
	-moz-box-shadow    : 1px 1px 1px #999;
}
#old_task .zagolovok {
	cursor     : default;
	color      : #507192;
	background : #DDEDF9;
}

.ui-widget-header {
	border-bottom : 1px solid #DDD;
}
.ui-datepicker .ui-datepicker-title {
	line-height : 1.85em;;
}

.tumbs {
	display : inline-block;
	float   : left;
	margin  : 0 5px 5px;
	border  : 1px solid #DDD;
	width   : 80px;
	height  : 80px;
}

#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       : #222;
	font-weight : 700;
}

#contentdiv tr.tableDrag {
	border-left  : 10px solid #3498DB;
	padding-left : 0;
	color        : #222;
}

.setSaveButton {
	display  : inline-block;
	position : fixed;
	bottom   : 30px;
	right    : 65px;
}
.setSaveButton a,
.setSaveButton a:link {
	display               : inline-block;
	width                 : 35px;
	height                : 35px;
	line-height           : 35px;
	/*padding               : 5px;*/
	margin-right          : 10px;
	color                 : rgba(30, 136, 229, 1);
	background            : rgba(30, 136, 229, 0.2);
	border                : 4px solid rgba(30, 136, 229, 0.5);
	text-decoration       : none;
	text-align            : center;
	cursor                : pointer;
	-moz-border-radius    : 40px;
	-webkit-border-radius : 40px;
	border-radius         : 40px;
}
.setSaveButton a:hover {
	color              : rgba(244, 67, 54, 1);
	background         : rgba(244, 67, 54, 0.4);
	border             : 4px solid rgba(244, 67, 54, 0.5);
	transition         : all 300ms ease;
	-webkit-transition : all 300ms ease;
	-moz-transition    : all 300ms ease;
}

.fixReloadButton {
	display               : inline-block;
	position              : fixed;
	bottom                : 30px;
	right                 : 65px;
	width                 : 20px;
	height                : 20px;
	color                 : rgba(30, 136, 229, 1);
	background            : rgba(30, 136, 229, 0.2);
	border                : 4px solid rgba(30, 136, 229, 0.5);
	text-decoration       : none;
	text-align            : center;
	line-height           : 20px;
	padding               : 5px;
	cursor                : pointer;
	-moz-border-radius    : 40px;
	-webkit-border-radius : 40px;
	border-radius         : 40px;
	opacity               : 0.5;
	font-size             : 0.9em;
}
.fixReloadButton:hover {
	opacity : 1.0;
	/*animation: spin 1.5s linear infinite;
	-webkit-animation: spin 1.5s linear infinite;*/
}

#fixBotButton {
	position              : fixed;
	z-index               : 1001;
	bottom                : 100px;
	right                 : 10px;
	color                 : #FFF;
	background            : #CC2424;
	border                : 4px solid #FFCACA;
	padding               : 10px;
	font-size             : 1.1em;
	text-decoration       : none;
	text-align            : center;
	cursor                : pointer;
	-moz-border-radius    : 10px;
	-webkit-border-radius : 10px;
	border-radius         : 10px;
	opacity               : 0.8;
}
#fixBotButton:hover {
	opacity : 1.0;
}

.fixAddBotButton {
	position              : fixed;
	z-index               : 1001;
	bottom                : 20px;
	left                  : 350px;
	color                 : #FFF;
	background            : #2980B9;
	border                : 1px solid #2E658D;
	padding               : 10px;
	font-size             : 1.1em;
	text-decoration       : none;
	text-align            : center;
	cursor                : pointer;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	border-radius         : 3px;
	opacity               : 0.9;
	box-shadow            : 0 0 5px #222;
	-webkit-box-shadow    : 0 0 5px #222;
	-moz-box-shadow       : 0 0 5px #222;
}
.fixAddBotButton:hover {
	opacity : 1.0;
}
.fixAddBotButton a {
	color : #FFF;
}

@media (min-width : 1500px) {

	.fixAddBotButton {
		left : 380px;
	}

}

.cdialogs:nth-child(odd) {
	margin-right : 40px;
	background   : var(--gray-superlite);
}
.cdialogs:nth-child(even) {
	margin-left : 40px;
	background  : var(--white);
}

#pagecontainer {
	font-size : 0.95em;
}

.fullscreen {
	position : absolute;
	right    : 30px;
	top      : 10px;
	color    : #FFF;
}

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

.filterdiv {
	/*padding: 10px;
	background:#E5F0F9;*/
}

#dtpCalFilter {
	position : absolute;
	top      : 0;
	right    : 0;
	z-index  : 1000;
	padding  : 10px;
}

#CalFilter, #CalFilter2 {
	position           : absolute;
	top                : 0;
	left               : 0;
	width              : 100%;
	z-index            : 900;
	background         : #E5F0F9;
	box-sizing         : border-box;
	-moz-box-sizing    : border-box;
	-webkit-box-sizing : border-box;
	-moz-box-shadow    : 0 2px 3px 0 rgba(0, 0, 0, 0.16);
	-webkit-box-shadow : 0 2px 3px 0 rgba(0, 0, 0, 0.16);
	box-shadow         : 0 2px 3px 0 rgba(0, 0, 0, 0.16);
}

#salesteps, #pipelineSteps {
	margin  : 5px;
	display : table;
	width   : 100%;
}
#salesteps .sheader, #pipelineSteps .sheader {
	text-align            : center;
	padding               : 10px;
	margin                : 1px 1px 0;
	position              : relative;
	font-size             : 12px;
	line-height           : 13px;
	-moz-border-radius    : 5px 1px 1px 5px; /* Firefox */
	-webkit-border-radius : 5px 1px 1px 5px; /* WebKit */
	border-radius         : 5px 1px 1px 5px; /* Standard */
	/*width: 110%;
		z-index: 10;*/

	-webkit-box-shadow    : 0 1px 2px 0 rgba(50, 50, 50, 0.3);
	-moz-box-shadow       : 0 1px 2px 0 rgba(50, 50, 50, 0.3);
	box-shadow            : 0 1px 2px 0 rgba(50, 50, 50, 0.3);
}
#salesteps .sheader .next, #pipelineSteps .sheader .next {
	position      : absolute;
	z-index       : 100;
	top           : 4px;
	right         : -10px;
	width         : 14px;
	height        : 14px;
	border-radius : 10px;
	border        : 1px solid #222;
	background    : #FFF;
	line-height   : 14px;
	font-size     : 8px;
}
#salesteps .subheader {
	text-align  : center;
	height      : 2em;
	color       : #999;
	padding-top : 2px;
	overflow    : hidden;
	line-height : 0.95rem;
	font-size   : 0.85rem;
}
#salesteps .steps, #pipelineSteps .steps {
	border                : 1px dotted transparent;
	display               : inline-block;
	float                 : left;
	height                : 100%;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	border-radius         : 3px;
	box-sizing            : border-box;
	-moz-box-sizing       : border-box;
	-webkit-box-sizing    : border-box;
	position              : relative;
}

#pipelineSteps {
	display  : none;
	position : fixed;
	top      : 60px;
	/*left     : 0;*/
	z-index  : 10;
	width: 97%;
}

.sheader.graybg {
	border : 1px solid #78909C;
}
.sheader:before {
	position     : absolute;
	top          : 0;
	left         : calc(100% + 1px);
	z-index      : 11;
	content      : "";
	display      : inline-block;
	width        : 0;
	height       : 0;
	border-style : solid;
	border-width : 17px 0 17px 15px;
	border-color : transparent transparent transparent #78909C;
}
.sheader:after {
	position     : absolute;
	top          : 0;
	left         : calc(100% - 0px);
	z-index      : 12;
	content      : "";
	display      : inline-block;
	width        : 0;
	height       : 0;
	border-style : solid;
	border-width : 17px 0 17px 15px;
	border-color : transparent transparent transparent #E6E6E6;
}
.sheader.greenbg:before {
	border-color : transparent transparent transparent #2E7D32;
}
.sheader.greenbg:after {
	border-color : transparent transparent transparent #A5D6A7;
}
.sheader.bluebg:before {
	border-color : transparent transparent transparent #1565C0;
}
.sheader.bluebg:after {
	border-color : transparent transparent transparent #64B5F6;
}
.sheader.redbg:before {
	border-color : transparent transparent transparent RGB(199, 89, 73);
}
.sheader.redbg:after {
	border-color : transparent transparent transparent #EF9A9A;
}

#salesteps .steps:hover {
	border             : 1px solid RGBA(255, 227, 162, 0.5);
	background         : RGBA(255, 227, 162, 0.3);
	box-shadow         : 0 2px 2px RGBA(255, 227, 162, 0.5);
	-webkit-box-shadow : 0 2px 2px RGBA(255, 227, 162, 0.5);
	-moz-box-shadow    : 0 2px 2px RGBA(255, 227, 162, 0.5);
}
#salesteps .step {
	margin                : 2px 1px 7px;
	padding               : 5px;
	font-size             : 0.9em;
	box-sizing            : border-box;
	-moz-box-sizing       : border-box;
	-webkit-box-sizing    : border-box;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	border-radius         : 3px;
	cursor                : move;
}
#salesteps .step.redbg,
#salesteps .step.redbg a,
#salesteps .step.redbg a.blue,
#salesteps .step.redbg a.gray,
#salesteps .step.redbg .gray,
#salesteps .step.redbg .gray2,
#salesteps .step,
#salesteps .step a,
#salesteps .step a.gray > i,
#salesteps .step a.gray,
#salesteps .step .gray,
#salesteps .step .gray2 {
	color : #424242 !important;
}
#salesteps .step {
	background : #FFF;
}

/**
Вариант с градиентным оформлением блоков сделок
Также нужно убрать тег {{color}} в pipeline.html
 */
/*
#salesteps .step.redbg-dark .red,
#salesteps .step.bluebg b.blue,
#salesteps .step.greenbg b.green,
#salesteps .step.bluebg-dark,
#salesteps .step.bluebg-dark a,
#salesteps .step.bluebg-dark a.blue,
#salesteps .step.bluebg-dark a.gray,
#salesteps .step.bluebg-dark .gray,
#salesteps .step.bluebg-dark .gray2,
#salesteps .step.bluebg-dark .blue {
	color : #F5F5F5 !important;
}
#salesteps .step.bluebg-lite a.blue{
	color: #222 !important;
}

#salesteps .step.greenbg-lite{
	background: linear-gradient(0deg, rgba(255,255,255 ,.5) 0%, rgba(255,255,255 ,.5) 20%, rgba(165,214,167 ,1) 90%, rgba(165,214,167 ,1) 100%);
}
#salesteps .step.greenbg{
	background: linear-gradient(0deg, rgba(76,175,80 ,.1) 0%, rgba(76,175,80 ,1) 100%);
}
#salesteps .step.bluebg-lite{
	background: linear-gradient(0deg, rgba(255,255,255 ,.5) 0%, rgba(255,255,255 ,.5) 20%, rgba(79,195,247 ,1) 90%, rgba(79,195,247 ,1) 100%);
	color: #222 !important;
}
#salesteps .step.bluebg{
	background: linear-gradient(0deg, rgba(3,155,229 ,.2) 0%, rgba(3,155,229 ,1) 100%);
	color: #222 !important;
}
#salesteps .step.redbg{
	background: linear-gradient(0deg, rgba(255,255,255 ,.5) 0%, rgba(255,255,250 ,.5) 20%, rgba(239,154,154 ,1) 90%, rgba(239,154,154 ,1) 100%);
}
#salesteps .step.redbg-dark{
	background: linear-gradient(0deg, rgba(244,67,54 ,.2) 0%, rgba(244,67,54 ,1) 100%);
	color: #222 !important;
}
*/

#salesteps .step.greenbg-lite {
	border-top : 3px solid rgba(165, 214, 167, 1);
}
#salesteps .step.greenbg {
	border-top : 3px solid rgba(76, 175, 80, 1);
}
#salesteps .step.bluebg-lite {
	border-top : 3px solid rgba(79, 195, 247, 1);
}
#salesteps .step.bluebg {
	border-top : 3px solid rgba(3, 155, 229, 1);
}
#salesteps .step.redbg {
	border-top : 3px solid rgba(239, 154, 154, 1);
}
#salesteps .step.redbg-dark {
	border-top : 3px solid rgba(244, 67, 54, 1);
}
#salesteps .step {
	box-shadow         : 0 2px 2px rgba(176, 190, 197, .5);
	-webkit-box-shadow : 0 2px 2px rgba(176, 190, 197, .5);
	-moz-box-shadow    : 0 2px 2px rgba(176, 190, 197, .5);
}
#salesteps .step:hover {
	/*border: 1px solid #ddd;*/
	/*background:
				linear-gradient(
						#FFFFFF,
						#BBDEFB
				);*/
	-moz-box-shadow    : 0 0 2px #999;
	-webkit-box-shadow : 0 0 2px #999;
	box-shadow         : 0 0 2px #999;
}

#salesteps .tagsmenu.r0 div.blok {
	background    : rgba(0, 0, 0, .9) !important;
	border        : 1px solid #FFF !important;
	border-radius : 2px 0 2px 2px;
	color         : #FFF !important;
	width         : auto;
}
#salesteps .tagsmenu.r0 div.blok {
	border-radius : 3px;
}
#salesteps .tagsmenu.r0 div.blok ul {
	border-top    : 2px solid #222;
	border-bottom : 2px solid #222;
	width         : auto;
	background    : transparent !important;
}
#salesteps .tagsmenu.r0 ul,
#salesteps .step > .block > li {
	/*color : #222 !important;*/
}
#salesteps .tagsmenu.r0 ul li {
	border : 0;
}
#salesteps .tagsmenu.r0 ul li:hover {
	color      : var(--orange) !important;
	background : rgba(0, 0, 0, 1);
}
#salesteps .step .tagsmenu.r0 i.blue {
	color : #2980B9 !important;
}
#salesteps .tagsmenu.r0 ul,
#salesteps .step > .block > li {
	font-size : 0.9em;
}

#salesteps .tagsmenu.r0 li {
	display       : flex;
	padding-right : 10px !important;
}
#salesteps .tagsmenu.r0::after {
	border-color        : rgba(136, 183, 213, 0);
	border-bottom-color : rgba(0, 0, 0, .9);
	border-width        : 5px;
	margin-left         : -5px;
}
#salesteps .tagsmenu.r0::after,
#salesteps .tagsmenu.r0::before {
	right : 4px;
	top   : -9px;
}
#salesteps .tagsmenu.r0::before {
	border-color        : rgba(255, 255, 255, 0);
	border-bottom-color : rgba(0, 0, 0, .9);
	border-width        : 5px;
	margin-left         : -5px;
	right               : 4px;
	z-index             : 21;
}

@media (min-width : 1500px) {

	#salesteps .step {
		font-size : 1.0em;
	}

	#salesteps .tagsmenu.r0 ul,
	#salesteps .step > .block > li {
		font-size : 1.0em;
	}

}

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

	#salesteps .step {
		font-size : 1.0em;
	}

	#salesteps .tagsmenu.r0 ul,
	#salesteps .step > .block > li {
		font-size : 1.1em;
	}

}

.step-0-20 {
	background : #CFD8DC;
	color      : #222;
}
.step-20-40 {
	background : #B0BEC5;
	color      : #222;
}
.step-40-60 {
	background : #78909C;
	color      : #FFF;
}
.step-60-80 {
	background : #546E7A;
	color      : #FFF;
}
.step-80-100 {
	background : #37474F;
	color      : #FFF;
}
.step-100 {
	background : #B71C1C;
	color      : #FFF;
}

.sheader:before {
	border-color : transparent transparent transparent #FFF;
}
.sheader.step-0-20:after {
	border-color : transparent transparent transparent #CFD8DC;
}
.sheader.step-20-40:after {
	border-color : transparent transparent transparent #B0BEC5;
}
.sheader.step-40-60:after {
	border-color : transparent transparent transparent #78909C;
}
.sheader.step-60-80:after {
	border-color : transparent transparent transparent #546E7A;
}
.sheader.step-80-100:after {
	border-color : transparent transparent transparent #37474F;
}
.sheader.step-100:after {
	border-color : transparent transparent transparent #B71C1C;
}

.pipeline .ydropDown.pipeline {
	background         : #FFF;
	-webkit-box-shadow : 0 1px 2px 0 rgba(50, 50, 50, 0.3);
	-moz-box-shadow    : 0 1px 2px 0 rgba(50, 50, 50, 0.3);
	box-shadow         : 0 1px 2px 0 rgba(50, 50, 50, 0.3);
}

.ydropDown {
	position      : relative;
	display       : block;
	padding       : 3px 0;
	padding-left  : 8px !important;
	font-size     : 0.95em;
	font-weight   : 700;
	height        : 1.6em;
	line-height   : 1.6em;
	background    : #FFF;
	border        : 1px solid transparent;
	border-bottom : 1px solid #ECF0F1;
	margin-bottom : 5px;
	cursor        : pointer;
}
.ydropDown > i {
	color       : #2980B9;
	font-size   : 0.7em;
	font-weight : 700;
}
.ydropString > i {
	/*color: unset;*/
}

#flyitbox .yselectBox,
.ydropDown .yselectBox {
	display            : none;
	position           : absolute;
	top                : 2.05em;
	left               : -1px;
	width              : 205px;
	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;
	-moz-box-sizing    : border-box;
	-webkit-box-sizing : border-box;
	/*-webkit-box-shadow : 0 3px 3px -1px rgba(0, 0, 0, 0.50);
	-moz-box-shadow    : 0 3px 3px -1px rgba(0, 0, 0, 0.50);
	box-shadow         : 0 3px 3px -1px rgba(0, 0, 0, 0.50);*/
	box-shadow         : 1px 1px 3px #BBB;
	-webkit-box-shadow : 1px 1px 3px #BBB;
	-moz-box-shadow    : 1px 1px 3px #BBB;
}
.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;
}
#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.pipeline {
	font-size     : 1.05em;
	background    : rgba(245, 245, 245, 1);
	border        : 1px solid #ECF0F1;
	margin-bottom : 5px;
	margin-top    : 5px;
	width         : 200px;
}

.ui-layout-west .ydropDown,
.ydropDown.border {
	padding            : 3px;
	border             : 1px inset #FFF;
	font-size          : 1.1em;
	box-shadow         : 0 0 0 #BBB;
	-webkit-box-shadow : 0 0 0 #BBB;
	-moz-box-shadow    : 0 0 0 #BBB;
	/*box-shadow: 0 1px 1px #bbb;
	-webkit-box-shadow: 0 1px 1px #bbb;
	-moz-box-shadow: 0 1px 1px #bbb;*/
}

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

.ydropDown.selects {
	line-height        : 1.7em !important;
	height             : calc(1.7em + 10px);
	padding            : 4px 10px;
	color              : #333;
	background         : #FFF !important;
	border             : 1px solid RGB(181, 184, 200) !important;
	box-sizing         : border-box;
	box-shadow         : 0 1px 1px #DDD;
	-webkit-box-shadow : 0 1px 1px #DDD;
	-moz-box-shadow    : 0 1px 1px #DDD;
	margin-bottom      : 0;
}
.ydropDown.selects .yselectBox {
	top        : 100%;
	left       : -1px;
	border     : 1px solid #222;
	background : #FFF;
}
.ydropDown.selects .ydropCount {
	font-size : 1.1em;
	color     : #333;
}
.ydropDown.selects .ydropString {

}

#startinto {
	position : fixed;
	z-index  : 20;
	bottom   : -0px;
	right    : calc(50vw - 50px);
}
#startinto:hover {
	bottom : 0;
}
#startinto .showintro {
	font-size               : 1.0em;
	font-weight             : 700;
	text-transform          : uppercase;
	background              : #E74B3B;
	color                   : #FFF;
	height                  : 40px;
	line-height             : 40px;
	cursor                  : pointer;
	padding-right           : 10px;
	opacity                 : 0.5;
	border-top-left-radius  : 5px;
	border-top-right-radius : 5px;
}
#startinto .showintro:hover {
	opacity : 1.0;
}
#startinto span {
	display     : inline-block;
	width       : 40px;
	height      : 40px;
	line-height : 40px;
	text-align  : center;
}
#startinto #hideintro {
	position    : absolute;
	left        : 100%;
	top         : 5px;
	color       : #FFF;
	font-size   : 0.85em;
	font-weight : 700;
	background  : #000;
	opacity     : 0.5;
	padding     : 5px;
	float       : right;
	display     : none;
	cursor      : pointer;
}
#startinto #hideintro:hover {
	opacity : 1.0;
}
#startinto:hover #hideintro {
	display : inline-block;
}

.width-unset,
.width-unset a{
	width: unset !important;
}
.w0 {
	width : inherit !important;
}

/*Фиксированная ширина*/
.w5 {
	width : 5px !important;
}
.w10 {
	width : 10px !important;
}
.w15 {
	width : 15px !important;
}
.w20 {
	width : 20px !important;
}
.w25 {
	width : 25px !important;
}
.w30 {
	width : 30px !important;
}
.w35 {
	width : 35px !important;
}
.w40 {
	width : 40px !important;
}
.w45 {
	width : 45px !important;
}
.w50 {
	width : 50px !important;
}
.w55 {
	width : 55px !important;
}
.w60 {
	width : 60px !important;
}
.w65 {
	width : 65px !important;
}
.w70 {
	width : 70px !important;
}
.w75 {
	width : 75px !important;
}
.w80 {
	width : 80px !important;
}
.w85 {
	width : 85px !important;
}
.w90 {
	width : 90px !important;
}
.w100 {
	width : 100px !important;
}
.w110 {
	width : 110px !important;
}
.w120 {
	width : 120px !important;
}
.w130 {
	width : 130px !important;
}
.w140 {
	width : 140px !important;
}
.w150 {
	width : 150px !important;
}
.w160 {
	width : 160px !important;
}
.w170 {
	width : 170px !important;
}
.w180 {
	width : 180px !important;
}
.w190 {
	width : 190px !important;
}
.w200 {
	width : 200px !important;
}
.w250 {
	width : 250px !important;
}
.w300 {
	width : 300px !important;
}
.w350 {
	width : 350px !important;
}
.w400 {
	width : 400px !important;
}
.w450 {
	width : 450px !important;
}
.w500 {
	width : 500px !important;
}
.w550 {
	width : 550px !important;
}
.w600 {
	width : 600px !important;
}
.w650 {
	width : 650px !important;
}
.w700 {
	width : 700px !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;
}
.wp95-5 {
	width : calc(95% - 5px) !important;
}
.wp95--5 {
	width : calc(95% + 5px) !important;
}
.wp95-10 {
	width : calc(95% - 10px) !important;
}
.wp95--10 {
	width : calc(95% + 10px) !important;
}
.wp93 {
	width : 93% !important;
}
.wp93-5 {
	width : calc(93% - 5px) !important;
}
.wp93--5 {
	width : calc(93% + 5px) !important;
}
.wp93-10 {
	width : calc(93% - 10px) !important;
}
.wp93--10 {
	width : calc(93% + 10px) !important;
}
.wp90 {
	width : 90% !important;
}
.wp85 {
	width : 85% !important;
}
.wp80 {
	width : 80% !important;
}
.wp75 {
	width : 75% !important;
}
.wp70 {
	width : 70% !important;
}
.wp65 {
	width : 65% !important;
}
.wp60 {
	width : 60% !important;
}
.wp55 {
	width : 55% !important;
}
.wp50 {
	width : 50% !important;
}
.wp45 {
	width : 45% !important;
}
.wp40 {
	width : 40% !important;
}
.wp35 {
	width : 35% !important;
}
.wp30 {
	width : 30% !important;
}
.wp25 {
	width : 25% !important;
}
.wp20 {
	width : 20% !important;
}
.wp15 {
	width : 15% !important;
}
.wp10 {
	width : 10% !important;
}
.wp5 {
	width : 5% !important;
}

/*Высоты*/
.height--50 {
	height     : initial;
	max-height : 50px;
}
.height--100 {
	height     : initial;
	max-height : 100px;
}
.height--150 {
	height     : initial;
	max-height : 150px;
}
.height--200 {
	height     : initial;
	max-height : 200px;
}
.height--250 {
	height     : initial;
	max-height : 250px;
}
.height--300 {
	height     : initial;
	max-height : 300px;
}

/*Радиальная диаграмма*/
#plando {
}
#plando #div1, #plando #div2 {
	width      : 49%;
	height     : 130px;
	box-sizing : border-box;
	float      : left;
}
#plando #div2 .arc {
	stroke-weight : 0.1;
	fill          : #98DF8A;
}
#plando #div2 .arc2 {
	stroke-weight : 0.1;
	fill          : #1D871B;
}
#plando .radial {
	border-radius : 3px;
	background    : #FFF;
	color         : #000;
}
#plando .background {
	fill         : #FFF;
	fill-opacity : 0.01;
}
#plando .component {
	fill : #E1E1E1;
}
#plando .component .label {
	text-anchor : middle;
	fill        : #000;
	display     : none;
}
#plando .arc {
	stroke-weight : 0.1;
	fill          : #7B99B7;
}
#plando .arc2 {
	stroke-weight : 0.1;
	fill          : #3660B0;
}
#plando .label {
	text-anchor : middle;
}
#plando .radial-svg {
	display : block;
	margin  : 0 auto;
	height  : 120px;
}

.tooltips {
	position : relative;
	/*display: inline;*/
}
.tooltips span {
	font       : 300 12px 'PT Sans', sans-serif;
	position   : absolute;
	color      : #FFF;
	background : #000;
	padding    : 5px 10px;
	width      : 140px;
	text-align : left;
	visibility : hidden;
	opacity    : 0;
	filter     : alpha(opacity=0);
	transition : transform .3s, opacity .6s, margin-left .2s, margin-top .2s;
}
.tooltips span yellow {
	color : #FDD835;
}
.tooltips span blue {
	color : #039BE5;
}
.tooltips span green {
	color : #76FF03;
}
.tooltips span red {
	color : #D32F2F;
}
.tooltips > span img {
	max-width : 140px;
}
.tooltips[tooltip-position="top"] span {
	margin-left       : 10px;
	-ms-transform     : rotate(30deg);
	-webkit-transform : rotate(30deg);
	transform         : rotate(30deg);
}
.tooltips[tooltip-position="bottom"] span {
	-ms-transform     : rotate(-30deg);
	-webkit-transform : rotate(-30deg);
	transform         : rotate(-30deg);
}
.tooltips[tooltip-position="left"] span {
	margin-top        : 30px;
	-ms-transform     : rotate(-30deg);
	-webkit-transform : rotate(-30deg);
	transform         : rotate(-30deg);
}
.tooltips[tooltip-position="right"] span {
	margin-top        : 30px;
	-ms-transform     : rotate(30deg);
	-webkit-transform : rotate(30deg);
	transform         : rotate(30deg);
}
.tooltips span:after {
	content  : '';
	position : absolute;
	width    : 0;
	height   : 0;
}
.tooltips[tooltip-position="top"] span:after {
	top          : 100%;
	left         : 50%;
	margin-left  : -8px;
	border-top   : 8px solid black;
	border-right : 8px solid transparent;
	border-left  : 8px solid transparent;
}
.tooltips[tooltip-position="bottom"] span:after {
	bottom        : 100%;
	left          : 50%;
	margin-left   : -8px;
	border-bottom : 8px solid black;
	border-right  : 8px solid transparent;
	border-left   : 8px solid transparent;
}
#pptt .tooltips[tooltip-position="bottom"] span:after {
	bottom        : 100%;
	left          : 50%;
	margin-left   : -8px;
	border-bottom : 8px solid black;
	border-right  : 8px solid transparent;
	border-left   : 8px solid transparent;
}
.tooltips[tooltip-position="left"] span:after {
	top           : 50%;
	left          : 100%;
	margin-top    : -8px;
	border-left   : 8px solid black;
	border-top    : 8px solid transparent;
	border-bottom : 8px solid transparent;
}
.tooltips[tooltip-position="right"] span:after {
	top           : 50%;
	right         : 100%;
	margin-top    : -8px;
	border-right  : 8px solid black;
	border-top    : 8px solid transparent;
	border-bottom : 8px solid transparent;
}
.tooltips:hover span {
	visibility        : visible;
	opacity           : 1;
	z-index           : 100999;
	-ms-transform     : rotate(0deg);
	-webkit-transform : rotate(0deg);
	transform         : rotate(0deg);
	filter            : alpha(opacity=100);
}
.tooltips[tooltip-position="top"]:hover span {
	bottom      : 30px;
	left        : 50%;
	margin-left : -76px;
}
.tooltips[tooltip-position="bottom"]:hover span {
	top         : 30px;
	left        : 50%;
	margin-left : -76px;
}
.tooltips[tooltip-position="left"]:hover span {
	right        : 100%;
	top          : 50%;
	margin-top   : -15px;
	margin-right : 15px;
}
.tooltips[tooltip-position="right"]:hover span {
	left        : 100%;
	top         : 50%;
	margin-top  : -15px;
	margin-left : 15px;
}
.tooltips[tooltip-type="primary"] > span {
	background-color : #2980B9;
}
.tooltips[tooltip-type="primary"][tooltip-position="top"] > span:after {
	border-top : 8px solid #2980B9;
}
.tooltips[tooltip-type="primary"][tooltip-position="bottom"] > span:after,
#pptt .tooltips[tooltip-type="primary"][tooltip-position="bottom"] > span:after {
	border-bottom : 8px solid #2980B9;
}
.tooltips[tooltip-type="primary"][tooltip-position="left"] > span:after {
	border-left : 8px solid #2980B9;
}
.tooltips[tooltip-type="primary"][tooltip-position="right"] > span:after {
	border-right : 8px solid #2980B9;
}
.tooltips[tooltip-type="success"] > span {
	background-color : #27AE60;
}
.tooltips[tooltip-type="success"][tooltip-position="top"] > span:after {
	border-top : 8px solid #27AE60;
}
.tooltips[tooltip-type="success"][tooltip-position="bottom"] > span:after {
	border-bottom : 8px solid #27AE60;
}
.tooltips[tooltip-type="success"][tooltip-position="left"] > span:after {
	border-left : 8px solid #27AE60;
}
.tooltips[tooltip-type="success"][tooltip-position="right"] > span:after {
	border-right : 8px solid #27AE60;
}
.tooltips[tooltip-type="warning"] > span {
	background-color : #F39C12;
}
.tooltips[tooltip-type="warning"][tooltip-position="top"] > span:after {
	border-top : 8px solid #F39C12;
}
.tooltips[tooltip-type="warning"][tooltip-position="bottom"] > span:after {
	border-bottom : 8px solid #F39C12;
}
.tooltips[tooltip-type="warning"][tooltip-position="left"] > span:after {
	border-left : 8px solid #F39C12;
}
.tooltips[tooltip-type="warning"][tooltip-position="right"] > span:after {
	border-right : 8px solid #F39C12;
}
.tooltips[tooltip-type="danger"] > span {
	background-color : #C0392B;
}
.tooltips[tooltip-type="danger"][tooltip-position="top"] > span:after {
	border-top : 8px solid #C0392B;
}
.tooltips[tooltip-type="danger"][tooltip-position="bottom"] > span:after {
	border-bottom : 8px solid #C0392B;
}
.tooltips[tooltip-type="danger"][tooltip-position="left"] > span:after {
	border-left : 8px solid #C0392B;
}
.tooltips[tooltip-type="danger"][tooltip-position="right"] > span:after {
	border-right : 8px solid #C0392B;
}
.tooltips[tooltip-type="gray"] > span {
	background-color   : #E6E9ED;
	border-top         : 1px solid #CCD1D9;
	color              : #222;
	box-shadow         : 0 1px 1px #222;
	-webkit-box-shadow : 0 1px 1px #222;
	-moz-box-shadow    : 0 1px 1px #222;
}
.tooltips[tooltip-type="gray"][tooltip-position="top"] > span:after {
	border-top : 8px solid #E6E9ED;
}
.tooltips[tooltip-type="gray"][tooltip-position="bottom"] > span:after {
	border-bottom : 8px solid #E6E9ED;
}
.tooltips[tooltip-type="gray"][tooltip-position="left"] > span:after {
	border-left : 8px solid #E6E9ED;
}
.tooltips[tooltip-type="gray"][tooltip-position="right"] > span:after {
	border-right : 8px solid #E6E9ED;
}
.tooltips[tooltip-type="orange"] > span {
	background-color   : #FFCE54;
	border-top         : 1px solid #F6BB42;
	color              : #222;
	box-shadow         : 0 1px 1px #222;
	-webkit-box-shadow : 0 1px 1px #222;
	-moz-box-shadow    : 0 1px 1px #222;
}
.tooltips[tooltip-type="orange"][tooltip-position="top"] > span:after {
	border-top : 8px solid #FFCE54;
}
.tooltips[tooltip-type="orange"][tooltip-position="bottom"] > span:after {
	border-bottom : 8px solid #FFCE54;
}
.tooltips[tooltip-type="orange"][tooltip-position="left"] > span:after {
	border-left : 8px solid #FFCE54;
}
.tooltips[tooltip-type="orange"][tooltip-position="right"] > span:after {
	border-right : 8px solid #FFCE54;
}

.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;
	border-collapse : separate;
}
.row.hidden {
	display : none !important;
}
.row .row {
	/*display: inline-table;*/
	width : 50%;
}

.uline .column {
	border-bottom : 1px dotted #DDD;
}

.hover .column:hover {
	color : #2980B9;
}

.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;
	cursor             : pointer;
}
.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;
}
td > .action--container {
	/*overflow: hidden;*/
}
tr:hover .action--container {
	transform : translate(-200px);
}

.action--block {
	position       : absolute;
	display        : block;
	height         : 100%;
	line-height    : 35px;
	right          : -200px;
	z-index        : 20;
	white-space    : nowrap;
	box-sizing     : border-box;
	margin         : auto 0;
	vertical-align : middle;
	/*лечим проблему whitespace only*/
	letter-spacing : -.36em;

}
.action--block a {
	height         : 25px;
	width          : 25px;
	display        : inline-block;
	line-height    : 25px;
	text-align     : center;
	margin         : 0 4px 0 0;
	color          : #FFF;
	font-size      : 0.8em;
	opacity        : 0.95;
	/*whitespace only - возвращаем к исходному*/
	letter-spacing : normal;
}
.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;
}

.hidden-notebook {
	display : initial;
}
.hidden-notebook-normal {
	display : none;
}

.logo-large {
	display : block;
}
.logo-small {
	display : none;
}

/*используется в метрике. сезонность*/
.month-horizontal {
	display               : grid;
	grid-template-columns : repeat(3, 1fr);
	grid-template-rows    : repeat(4, auto);
	grid-auto-flow        : row;
	grid-gap              : 5px 10px;
}
.month-horizontal-block {
	padding    : 5px;
	background : var(--gray-lite);
	border     : 0 dotted var(--gray-dark);
}

/*форма с плавающей надписью*/
.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;
}
/*форма с плавающей надписью*/

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

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

	BODY {
		/*font-family: tahoma,arial,sans;*/
		/*font-family: 'Arimo', 'Roboto', tahoma, sans, arial;*/
		font-size              : 1.1em;
		text-rendering         : geometricPrecision;
		-webkit-font-smoothing : antialiased;
		/*text-shadow: transparent 0px 0px 0px, rgba(0,0,0, 0.38) 0px 0px 0px !important;*/
		/*-webkit-font-smoothing: subpixel-antialiased !important;*/
		/*-webkit-text-stroke-width: 0.13px !important;*/
	}

	.fname, .fnameCold, .fnameForm, .fpoleCold, .pnameCold {
		/*color:#507192;*/
		/*color:#222;*/
		/*font-weight: 500;*/
		/*font-size: 1.1em;
		line-height: 1.5em;*/
		/*padding-top: 3px !important;*/
	}

	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         : 0;
		top          : -10px;
		margin-right : -5px;
		font-size    : 0.45em;
	}

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

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

	.sblue {
		font-weight : normal;
	}

	b, strong {
		font-weight : bold;
	}

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

	select {
		/*padding-bottom : 6px !important;*/
	}

	#last .action--block {
		margin-top  : -5px;
		line-height : 100% !important;
		/*border: 1px dotted red;*/
	}
}

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

	tr.sticked--top {
		position : initial;
	}

}

@media (min-width : 1500px) {

	body {
		font-size : 1.25em;;
	}

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

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

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

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

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

	.viget {
		margin-top : 10px;
		height     : 20em;
		min-height : 20em;
	}

	/*
	.vigetdiv{
		display: flex;
		flex-flow: column wrap;
		justify-content: inherit;
		align-items: center;
	}
	.viget:nth-child(3n + 1) { order: 1; }
	.viget:nth-child(3n + 2) { order: 2; }
	.viget:nth-child(3n + 3) { order: 3; }
	.viget:nth-child(-n + 3) {
		page-break-before: always;
		break-before: always;
	}
	*/

}

@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;
		flex-basis   : 33% !important;
		width        : 33% !important;
		margin-right : calc(1% / 3);
		display      : inline-block !important;
		float        : left !important;
	}

	.viget.h2 {
		height : calc(40em + 5px) !important;
	}

	.viget.h2 > .scroll {
		height     : 37em;
		max-height : 37em;
	}

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

	i.sup {
		font-size : 0.45em;
	}

}

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

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

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

}

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

	.hidden-netbook {
		display : none;
	}

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

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

	.visible-netbook {
		display : block;
	}

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

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

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

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

	.miditxt {
		font-size : 1.1em;
	}

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

	.viget {
		margin-bottom : 5px;
	}

	.viget.h2:nth-child(2n + 1) {
		height : calc(40em + 5px) !important;
	}

	.viget.h2:nth-child(2n + 1) > .scroll {
		height     : 37em;
		max-height : 37em;
	}

}

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

	body {
		font-size : 1.0em;;
	}

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

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

	col.hidden-iphone,
	col.visible-ipad,
	col.visible-netbook,
	col.hidden-normal {
		display : table-column;
	}

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

	#salesteps .step {
		padding   : 3px;
		font-size : 0.65em;
	}

	#footpanel a.profile {
		width     : 40px;
		font-size : 1.0em;
	}

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

	.vigetdiv {
		margin-top : 10px;
	}

	.viget {
		margin-bottom : 5px;
	}

	.viget.h2:nth-child(2n + 1) {
		height : calc(40em + 5px) !important;
	}

	.viget.h2:nth-child(2n + 1) > .scroll {
		height     : 37em;
		max-height : 37em;
	}

	.yw160 {
		width : 150px;
	}

	.yw120 {
		width : 100px;
	}

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

}

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

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

	.visible-netbook {
		display : block;
	}

	.hidden-ipad {
		display : none;
	}

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

	col.visible-iphone,
	col.visible-ipad,
	col.visible-netbook,
	col.hidden-normal {
		display : table-column;
	}

	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;
		width         : 100%;
		margin-bottom : 5px;
	}

	.viget.h2 {
		height : calc(40em + 5px);
	}

	.viget.h2 > .scroll {
		height     : 37em;
		max-height : 37em;
	}

	.vigetdiv {
		display        : flex !important;
		flex-direction : row !important;
		flex-wrap      : wrap !important;
	}

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

	#dialog td,
	#formtabs .fname,
	#formtabs .fpole {
		display    : block;
		width      : 100%;
		text-align : left !important;
	}

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

	select {
		width : 90% !important;
	}

	.logo-large {
		display : none;
	}

	.logo-small {
		display : block;
	}

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

}

@media (max-height : 700px) {

	.visible-min-h700 {
		display : none !important;
	}

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

}

@media (max-height : 590px) {

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

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

}

@media (max-width : 767px) {

	table header {
		display : none;
	}

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

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

	.ui-layout-content table:not(.nobg),
	#telo table:not(.nobg),
	#contentdiv table:not(.nobg) {
		background : #F5F5F5;
	}

	.ui-layout-content table:not(.nomob) tr:not(.toggler):not(.nobg),
	#telo table:not(.nomob) tr:not(.toggler):not(.nobg),
	#contentdiv 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,
	.ui-layout-content table tr.toggler,
	#contentdiv table tr.toggler {
		height      : 2em !important;
		line-height : 2em;
		font-size   : 1.05em;
	}

	#telo table td,
	.ui-layout-content table td,
	#contentdiv *:not(.nomob) 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,
	.ui-layout-content table td:not(.toggler).mounth,
	#contentdiv table td:not(.toggler).mounth,
	#dialog table td:not(.toggler).mounth {
		background : #FFF;
	}

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

	table.rt-responsive-table.rt-vertical-table td:empty:before,
	.ui-layout-content table td b:empty,
	.ui-layout-content table td div:empty,
	.ui-layout-content table td span:empty,
	.ui-layout-content table td:empty,
	.ui-layout-content table td.ipad-100 {
		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,
	.ui-layout-content:not(.nomob) 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,
	#contentdiv .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;
		hyphens               : auto;
		hyphenate-limit-chars : 6 3 3;
		hyphenate-limit-lines : 2;
		hyphenate-limit-last  : always;
		-moz-hyphens          : auto;
		word-wrap             : break-word;
	}

	table.mobile-table td a {
		hyphens               : auto;
		hyphenate-limit-chars : 6 3 3;
		hyphenate-limit-lines : 2;
		hyphenate-limit-last  : always;
		-moz-hyphens          : auto;
		word-wrap             : break-word;
	}

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

	/**
	Stacktable.js
	 */
	/*.st-head-row{
		display: none !important;
	}
	.st-key {
		display       : block !important;
		width         : 100% !important;
		font-weight   : 700;
		font-size     : 0.7em;
		color         : #999;
		padding: 0;
		text-align : left !important;
	}
	.ui-layout-content table td.st-key,
	#contentdiv table td.st-key,
	#dialog table td.st-key {
		padding    : 0;
	}
	.st-val {
		display       : block !important;
		box-sizing: border-box;
		padding: 0;
	}
	.ui-layout-content table td.st-val,
	#contentdiv table td.st-val,
	#dialog table td.st-val {
		width         : 100% !important;
		padding    : 10px 0 0 0;
		font-size  : 1.4em;
		font-weight   : 700;
	}*/
	/**
	Stacktable.js
	 */
	.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),
	#contentdiv .flex-string:nth-child(1):not(.viget-micro),
	#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;
	}

	#speca tr td:last-child {
		display    : block;
		text-align : right !important;
	}

	#speca tr td:last-child > a {
		text-align : right !important;
		display    : block;
	}

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

	#subpan3 {
		width : 95vw !important;
	}

	#subpan3 table {
		width : 100% !important;
	}

	#subpan3 br {
		content     : "";
		margin      : 0;
		font-size   : 0;
		line-height : 0;
		display     : none !important;
	}

	#subpan3 .ellipsis {
		position         : relative;
		text-overflow    : ellipsis !important;
		-o-text-overflow : ellipsis !important;
		overflow         : hidden !important;
		white-space      : nowrap;
		display          : block;
	}

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

	.mwp50 {
		width         : 50% !important;
		flex-grow     : 0;
		margin-bottom : 5px !important;
		font-size     : 1.0rem !important;
		margin-top    : 0 !important;
	}

	#telo .flex-string.mwp50:nth-child(1) {
		width     : 50% !important;
		flex-grow : 0;
	}

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

	#rmenu .popmenu {
		font-size : 1.2rem;
	}

	#rmenu .pophead {
		height       : 50px;
		line-height  : 50px;
		padding-left : 10px;
	}

	#rmenu .popcloser {
		height      : 50px;
		width       : 50px;
		line-height : 50px;
		text-align  : center;
	}

	#rmenu .popblock input[type="text"] {
		padding   : 10px;
		font-size : 1.3rem;
		width     : 100% !important;
	}

	#rmenu .popblock a.button {
		border-bottom : 0;
		padding: 10px !important;
		font-size: 1.35rem;
	}

	#rmenu .popblock a.button:hover {
		background : indianred;
	}

	#rmenu .popblock .idel {
		top          : 10px;
		font-size    : 1.6rem;
		margin-right : 5px !important;
	}

	#rmenu .popblock .flex-string.wp80 {
		/*width: 100% !important;*/
	}

	#rmenu .popblock .hidden-netbook {
		display : inline-block !important;
	}

	#rmenu li[data-id="search"] .ydropDown {
		margin-top : 10px;
	}

	#rmenu li[data-id="search"] .yselectBox {
		width : 100% !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;
	}

	.messagelist {
		background  : #FFF !important;
		font-size   : 1.4rem !important;
		line-height : 1.2rem !important;
	}

	.messagelist.current {
		background : #E6E9ED !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;*/
	}

	.menu--mobile .visible-mobile {
		display : initial !important;
	}

}

/**
Блок редактирования одиночного поля Клиента, Сделки
 */
#editfield {
	position           : absolute;
	z-index            : 110000;
	top                : -10px;
	left               : -5px;
	font-size          : 1.25rem;
	border             : 0 solid var(--darkblue);
	background         : var(--gray-liteblue);
	margin             : 5px;
	padding            : 0;
	border-radius      : 2px;
	box-shadow         : 0 0 2px var(--black);
	-webkit-box-shadow : 0 0 2px var(--black);
	-moz-box-shadow    : 0 0 2px var(--black);
}
#editfield .idel {
	margin-top : 15px !important;
}
#editfield #pole {
	position : relative;
	padding  : 0 10px 5px 10px;
}
#editfield .button--pane {
	border-top : 1px dotted var(--gray-dark);
	padding    : 10px;
}
.fldclose {
	display    : block;
	padding    : 5px 10px 5px 5px;
	text-align : right;
	font-size  : 0.7em !important;
}

.fcontainer {
	position      : relative;
	border        : 1px solid #E6E9ED;
	padding       : 10px;
	/*margin-right: 5px;*/
	/*background    : #FFF;*/
	margin-bottom : 10px;
}

/**
Оформление блока с этапами в карточке Сделки
**/

a.currentStep {
	font-size     : 2.0em;
	font-weight   : 700;
	border-bottom : 1px dashed #222;
}

.stepline {
	cursor      : pointer;
	line-height : 40px;
}

/*Канбан-таблица*/
.canban {
	display               : grid;
	grid-template-columns : 1fr 1fr 1fr 1fr;
	grid-gap              : 5px;
}
/*три колонки*/
.canban.two {
	grid-template-columns : 1fr 1fr;
}
/*три колонки*/
.canban.three {
	grid-template-columns : 1fr 1fr 1fr;
}
/*4 колонки*/
.canban.four {
	grid-template-columns : 1fr 1fr 1fr 1fr;
}
/*5 колонок*/
.canban.five {
	display               : grid;
	grid-template-columns : 1fr 1fr 1fr 1fr 1fr;
}
/*6 колонок*/
.canban.six {
	grid-template-columns : 1fr 1fr 1fr 1fr 1fr 1fr;
}
/*7 колонок*/
.canban.seven {
	grid-template-columns : 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.canban--header.sticked--top {
	margin-bottom : 10px;
	width         : 100%;
	display       : inline-grid;
	box-shadow    : 0 4px 2px -3px rgba(50, 50, 50, 0);
}
.canban--header .canban--item {
	background : var(--gray);
	border     : 1px dotted #CCC;
	margin     : 0;
	box-shadow : 0 4px 2px -3px rgba(50, 50, 50, 0.5);
}
.canban--item {
	border        : 1px dotted #CCC;
	box-sizing    : border-box;
	margin-bottom : 5px;
}
.canban--body .canban--item:hover {
	background         : var(--gray-lite);
	border             : 1px solid var(--blue);
	box-shadow         : 0 0 2px var(--blue);
	-webkit-box-shadow : 0 0 2px var(--blue);
	-moz-box-shadow    : 0 0 2px var(--blue);
}
.canban-placeholder {
	height                : 50px;
	border                : 1px dotted #FF0;
	background            : #FCF8D6;
	-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;
	margin-bottom         : 5px;
}

.multi--buttons {
	position : fixed;
	bottom   : 40px;
	left     : 340px;
	z-index  : 100;
}

/** Стили для просмотра изображений из почты. Не закончено */
.popup--block {
	
	position   : fixed;
	height     : 100vh;
	width      : 100vw;
	top        : 0;
	left       : 0;
	display    : none;
	text-align : center;
	
}
.popup--bg {
	
	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;
	
}

pre a,
code a{
	color : #CC2424 !important;
	font-weight: bold;
}

code blockquote{
	margin-left : 5px !important;
	padding      : 10px;
	border-left: 2px solid var(--blue);
	font-size    : 1.0rem;
	background   : var(--gray-superlite);
	border-right : 3px;
}

@media (min-width : 1500px) {

	a.currentStep {
		font-size : 2.5em;
	}

	.currentStepTitle {
		width : calc(100% - 150px);
	}

	.stepDeal {
		width          : 150px;
		padding-bottom : 5px;
	}

	.caller {
		width : 400px;
	}

	.multi--buttons {
		left : 380px;
	}

}

@media (min-width : 900px) and (max-width : 1500px) {

	a.currentStep {
		font-size : 2.5em;
	}

	.currentStepTitle {
		padding-top : 5px;
		/*width       : calc(100% - 100px);*/
	}

	.stepDeal {
		width       : 100px;
		padding-top : 5px;
	}

}

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

	.multi--buttons {
		left : 230px;
	}

}

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

	a.currentStep {
		font-size : 2.5em;
	}

	.currentStepTitle {
		width : calc(100% - 100px);
	}

	.stepDeal {
		width       : 100px;
		padding-top : 5px;
	}

	.multi--buttons {
		left : 230px;
	}

}

@media (max-width : 768px) {

	a.currentStep {
		font-size : 2.5em;
	}

	.currentStepTitle {
		width : calc(100% - 30px);
	}

	.stepDeal {
		width          : 30px;
		padding-top    : 10px;
		padding-bottom : 5px;
	}

	/**
	Тоже самое для браузеров на Хромиум
	 */
	@media screen and (-webkit-min-device-pixel-ratio : 0) {

		.sticked--top th {
			position           : initial;
			top                : initial;
			z-index            : initial;
			color              : inherit;
			background         : initial;
			border             : initial;
			-webkit-box-shadow : initial;
		}

		.sticked--top tr:nth-child(2) th {
			position           : initial;
			top                : initial;
			z-index            : initial;
			color              : inherit;
			background         : initial;
			border             : initial;
			-webkit-box-shadow : initial;
		}

		.sticked--top td {
			position           : initial;
			top                : initial;
			z-index            : initial;
			color              : inherit;
			background         : initial;
			border             : initial;
			-webkit-box-shadow : initial;
		}

		.sticked--bottom tr:first-child td {
			position           : initial;
			bottom             : initial;
			z-index            : initial;
			background         : initial;
			border             : initial;
			border-top         : initial;
			-webkit-box-shadow : initial;
		}

	}

	.ui-widget-content > a.menu {
		padding   : 10px;
		font-size : 1.1em;
	}

	.ui-accordion .ui-accordion-header a {
		font-size : 1.1em !important;
		padding   : 10px 10px 10px 30px !important;
	}

	.mh100 {
		display : block;
		height  : 100%;
	}

	.mh80 {
		display : block;
		height  : 80%;
	}

	#swindow {
		z-index : 101;
	}

	.viget .flex-string br {
		height      : 0 !important;
		line-height : 0 !important;
	}

	.flex-string.mobile,
	.flex-string.mobile:first-child,
	.mobile.p10,
	.mobile.p5 {
		padding-left  : 0 !important;
		padding-right : 0 !important;
	}

	.viget .flex-string:nth-child(1) {
		padding-left : 0 !important;
	}

	.viget .flex-string:nth-child(1) span:first-child {
		font-size : 1.5em !important;
	}

	.viget .flex-string:nth-child(2) {
		padding-left : 5px !important;
		width        : 30% !important;
	}

	.viget .flex-string:nth-child(3) {
		padding-left : 5px !important;
		width        : 65% !important;
		line-height  : 0.7em;
	}

	.viget .ellipsis.mt5.ml5 {
		margin       : 0 !important;
		padding-left : 5px !important;
		font-size    : 1.1em !important;
	}

	.viget .mob--card br {
		content     : "";
		margin      : 0;
		font-size   : 0;
		line-height : 0;
		display     : none !important;
	}

	.viget .mob--card .flex-string:nth-child(2) {
		font-size   : 1.1em !important;
		width       : 100% !important;
		margin-left : -5px !important;
	}

	.mob--card .flex-string:last-child {
		width   : 100% !important;
		display : block;
	}

	.mob--card .flex-string:last-child span {
		width       : 100%;
		padding     : 0 0 2px 0;
		font-size   : 1.2em !important;
		display     : block;
		text-align  : right !important;
		line-height : 1.1em;
	}

	.mmt5 {
		margin-top : 5px;
	}

	.mmt10 {
		margin-top : 10px;
	}

	#startinto {
		display : none;
	}

}

/*Отступы только для широких экранов*/
@media (min-width : 768px) {

	.not--mob {
		padding : 10px;
	}

}