/* @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Roboto:400,700&subset=cyrillic-ext'); */

html, body {
	min-height: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}

body {
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
	color: #727272;
}

h1,h2,h3,h4,h5 {
/* 	font-family: 'Montserrat', sans-serif; */
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}


.row .row {
	margin: 0;
}


.avatar {
	border-radius: 200px;
	/* margin: 10px auto; */
	/* background-color: #b7b7b1; */
	background-image: url(/static/images/ava_blank.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
}

.wnd-no-header .ds-wnd-f1 {
    background: none !important;
}

/* body.login { */
/* body { */
	/* background: #605d25 url('/static/images/login-bg.jpg'); */
	/* -webkit-background-size: cover; */
	/* -moz-background-size: cover; */
	/* -o-background-size: cover; */
	/* background-attachment: scroll; */
	/* background-size: cover; */
/* } */

.login-logo {
	background-image: url('/static/images/logo.png');
	height: 107px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.main-logo {
	background-image: url('/static/images/sxlogo3b.svg');
	/* height: 100%; */
	height: 80%;
	background-size: contain;
	/* background-position: left center; */
	background-position: center center;
	background-repeat: no-repeat;
	width: 140px;
	position: relative;
	top: 10px;
}

.login-title {
    text-align: center;
    margin: 25px;
    font-size: 1.4em;
	color: #000;
}

.recent-login-item {
	cursor: pointer;
	padding: 5px;
	color: #000;
	border-radius: 5px;
}
.recent-login-item:hover {
	/* background-color: rgba(255, 167, 0, 0.5); */
	background-color: rgba(3, 173, 194, 0.2);
}
.recent-login-item > button {
	visibility: hidden;
	float: right;
	
	background: url(/static/images/cross.png) no-repeat center;
	border: 0;
	
	width: 30px;
	height: 30px;
}
.recent-login-item:hover > button {
	visibility: visible;
}
.recent-login-item > .avatar {
	width: 32px;
	height: 32px;
	vertical-align: middle;
}
.recent-login-item > span {
	margin-left: 5px;
}

.ds-wnd-f1 button {
	font-size: 0.8em;
	margin: 0;
	position: absolute;
	top: 10px;
}

.elLockLay {
	z-index: 1;
}


.main-layout-top {
	height: 50px;
	/* height: 80px; */
	display: flex;
	/* background: rgba(53, 38, 0, 0.8); */
	/* backdrop-filter: blur(10px); */
}
.main-layout-bottom {
	/* display: flex; */
	/* flex-direction: row; */
	position: absolute;
	top: 50px;
	/* top: 80px; */
	left: 0;
	right: 0;
	bottom: 0;
}

.main-layout-left {
	position: absolute;
	top: 10px;
	bottom: 10px;
	/* top: 0; */
	left: 0;
	/* bottom: 0; */
	width: 200px;
	transition: 0.2s width ease;
	z-index: 2;
	background: #fbfefe;
	border: 1px solid #dbdbdb;
}

.main-layout-right {
	/* background: rgba(255,230,170,0.5); */
	/* background: #fff5e0; */
	background: #fbfefe;
	/* min-height: 100%; */
	/* min-height: 600px; */
	/* margin-left: 200px; */
	/* flex: 1 0; */
	
	/* font-size: 32px; */
	
	position: absolute;
	top: 10px;
	left: 210px;
	bottom: 10px;
	right: 10px;
	overflow-x: hidden;
	overflow-y: auto;
	
	transition: 0.2s left ease;
	z-index: 1;
	
	padding: 0 10px;
	
	border: 1px solid #d0d0d0;
box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.main-project {
	margin-left: 10px;
	/* padding: 10px; */
	display: flex;
	align-items: center;
	/* width: 320px; */
	flex-grow: 1;
}

.main-clock {
	display: flex;
	align-items: center;
	padding: 10px;
	color: #000;
	font-size: 35px;
	margin-right: 10px;
}

.main-userinfo {
	display: flex;
	color: #000;
	align-items: center;
	margin-right: 30px;
}

.main-userinfo-ava {
	height: 40px;
	width: 40px;
	border-radius: 50px;
	background-size: cover;
	min-width: 40px;
	cursor: pointer;
}
.main-userinfo-namerole {
	display: flex;
	flex-direction: column;
	margin-left: 5px;
	/* min-width: 200px; */
	margin-right: 20px;
	cursor: pointer;
}
.main-userinfo-name {
	font-size: 1.1em;
}
.main-userinfo-role {
	font-size: 0.8em;
}
.main-userinfo-rating {
	margin-left: 5px;
	cursor: pointer;
}
.main-userinfo-rating span {
	background: rgba(0, 0, 0, 0.11);
    /* background: rgba(255,255,255,0.4); */
    border-radius: 15px;
    padding: 3px 5px;
    display: block;
    text-align: center;
    min-width: 15px;
    transition: 0.2s ease;
    right: 0;
	
	color: #fff;

}

.left-menu .main-userinfo {
	display: none;
}

.menu-project {
	padding: 2px;
	display: none;
}

.main-project > .DSelement_combo {
	/* position: absolute; */
	width: 320px;
}

.left-menu-section {
	border-top: 1px solid rgba(0,0,0,0.2);
	/* color: #fff; */
}
.left-menu {
	/* background: rgba(53, 38, 0, 0.8); */
	/* border-bottom-right-radius: 10px; */
	/* padding-bottom: 10px; */
	/* backdrop-filter: blur(10px); */
}

.left-menu-section-title {
	padding: 10px;
	text-align: center;
	overflow-x: hidden;
	transition: 0.2s opacity ease;
	cursor: default;
}

.left-menu-item {
	display: flex;
	padding: 5px;
	/* color: #fff; */
	color: #000;
	text-decoration: none;
	position: relative;
}
.left-menu-item:focus {
    box-shadow: 0 0 10px rgba(170, 228, 232, 0.4);
	outline: none;
}
.left-menu-item.active {
    background-color: #aae4e8;
}

.left-menu-item:hover {
	/* background-color: rgba(255,255,255,0.5); */
	/* background-color: #aae4e8; */
	
	background-color: #fff; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dcf1f4), to(#a3e7e8));
	background-image: -webkit-linear-gradient(top, #dcf1f4, #a3e7e8);
	background-image: -moz-linear-gradient(top, #dcf1f4, #a3e7e8);
	background-image: -ms-linear-gradient(top, #dcf1f4, #a3e7e8);
	background-image: -o-linear-gradient(top, #dcf1f4, #a3e7e8);
	background-image: linear-gradient(to bottom, #dcf1f4, #a3e7e8);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#dcf1f4, endColorstr=#a3e7e8);
	
	
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.left-menu-item.disabled, .left-menu-item.disabled:hover{
	background-color: transparent;
	background-image: none;
	box-shadow: none;
	cursor: default;
	color: #808080;
}

.left-menu-item-icon {
	width: 24px;
	margin-right: 5px;
	transition: 0.2s margin-left ease;
}
.left-menu-item-icon > img {
	width: 24px;
}

.left-menu-item-title {
	flex: 1 0;
	transition: 0.2s flex-grow ease;
	overflow-x: hidden;
	white-space: nowrap;
	
	
	justify-content: center;
	display: flex;
	flex-direction: column;
	
	font-size: 0.9em;
}

.left-menu-item-badge {
	/* width: 20px; */
	transition: 0.2s ease;
	position: relative;
	width: 25px;
}

.left-menu-item-badge span:not(:empty) {
	background: rgba(255,255,255,0.4);
	border-radius: 15px;
	padding: 3px 5px;
	display: block;
	text-align: center;
	min-width: 15px;
	transition: 0.2s ease;
	position: absolute;
	right: 0;
}



.menu-small .main-layout-left {
	width: 41px;
}
.menu-small .left-menu-item-icon {
	margin-left: 3px;
}
.menu-small .main-layout-right {
	left: 50px;
}
.menu-small .left-menu-section-title {
	opacity: 0;
}
.menu-small .left-menu-item-title {
	flex-grow: 0;
}
.menu-small .left-menu-item-badge span:not(:empty) {
	background: #fff;
	color: #000;
	padding: 0;
	font-size: 10px;
	right: 3px;
}


.menu-small .main-layout-left:hover .left-menu-item-icon,
.menu-small .main-layout-left:hover .left-menu-item-title,
.menu-small .main-layout-left:hover,
.menu-small .main-layout-left:hover .left-menu-item-badge span:not(:empty),
.menu-small .main-layout-left:hover .left-menu-section-title {
	transition-delay: 0.5s;
}
.menu-small .main-layout-left:hover .left-menu-item-icon {
	margin-left: 0;
}
.menu-small .main-layout-left:hover .left-menu-item-title {
	flex-grow: 1;
}
.menu-small .main-layout-left:hover {
	width: 200px;
}

.menu-small .main-layout-left:hover .left-menu-item-badge span:not(:empty) {
	color: inherit;
	background: rgba(255,255,255,0.4);
	padding: 3px 5px;
	font-size: inherit;
	right: 0;
}
.menu-small .main-layout-left:hover .left-menu-section-title {
	opacity: 1;
}



.left-menu-switch-lines,
.left-menu-switch-lines::after,
.left-menu-switch-lines::before {
	background: #000;
}

.left-menu-switch, 
.left-menu-switch-mobi {
	position: relative;
	/* width: 50px; */
	width: 60px;
	cursor: pointer;
}

.left-menu-switch-mobi {
	display: none;
}

.left-menu-switch:hover {
	/* background-color: rgba(255,255,255,0.5); */
	background-color: rgba(3, 173, 194, 0.2);
}

.left-menu-switch-lines {
	display: block;
	position: absolute;
	left: 50%;
	/* width: 16px; */
	width: 32px;
	top: 24px;
	/* top: 40px; */
	right: 8px;
	/* height: 2px; */
	height: 1px;
	transform: translate(-50%,0);
}

.left-menu-switch-lines::after, 
.left-menu-switch-lines::before {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	/* height: 2px; */
	height: 1px;
	content: "";
}

.left-menu-switch-lines::before {
	/* top: -5px; */
	top: -10px;
}

.left-menu-switch-lines::after {
	/* bottom: -5px; */
	bottom: -10px;
}



.resible-block2 {
	border-radius: 1000px;
}

.cell-nubmer {
	text-align: right;
}

.-row-canceled {
	text-decoration: line-through;
	color: #ccc;
}

.-row-active {
	/* color: #ccc; */
	background-color: #ceffcf;
}
.ds-grid-tbar {
	padding: 5px 0;
}

.stats-block {
	background: #222c36;
	box-shadow: 2px 2px 10px #000;
	color: white;
	padding: 20px;
	border-radius: 20px;
	margin-top: 10px;
}

.top-stats {
	display: flex;
	flex-wrap: wrap;
}
.top-charts {
	display: flex;
	flex-wrap: wrap;
}
.top-stats > div {
    flex: 1 0 25%;
    min-width: 250px;
}
.top-charts > div {
    flex: 1 0 50%;
    min-width: 300px;
}
.top-charts > div > div {
    margin: 2px;
	height: 250px;
	border-radius: 10px;
	overflow: hidden;
}
.top-stats > div > div:nth-child(2) {
	font-size: 1.5em;
}

.highcharts-credits {
	display: none!important;
	opacity: 0!important;
	visibility: hidden!important;
	position: absolute:!important;
	top: -9999!important;
	left: -9999!important;
}

.DSelement_window-button-close > img {
	width: 20px;
	vertical-align: middle;
}

fieldset {
	border-radius: 10px;
}

/* .main-project .combo {
	background-color: rgba(255, 122, 42, 0.14);
	color: white;
	border-color: rgba(255, 220, 200, 0.33);
}
.main-project .select_c {
	background-color: transparent;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEyOHB4IiBoZWlnaHQ9IjEyOHB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjg2LjkzNSw2OS4zNzdjLTMuNjE0LTMuNjE3LTcuODk4LTUuNDI0LTEyLjg0OC01LjQyNEgxOC4yNzRjLTQuOTUyLDAtOS4yMzMsMS44MDctMTIuODUsNS40MjQgICBDMS44MDcsNzIuOTk4LDAsNzcuMjc5LDAsODIuMjI4YzAsNC45NDgsMS44MDcsOS4yMjksNS40MjQsMTIuODQ3bDEyNy45MDcsMTI3LjkwN2MzLjYyMSwzLjYxNyw3LjkwMiw1LjQyOCwxMi44NSw1LjQyOCAgIHM5LjIzMy0xLjgxMSwxMi44NDctNS40MjhMMjg2LjkzNSw5NS4wNzRjMy42MTMtMy42MTcsNS40MjctNy44OTgsNS40MjctMTIuODQ3QzI5Mi4zNjIsNzcuMjc5LDI5MC41NDgsNzIuOTk4LDI4Ni45MzUsNjkuMzc3eiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
} */


.booking-grid > table {
	table-layout: fixed;
}

.tt-area {
	background-image: url('/static/images/1106458-gray-lines-1.jpg');
	background-size: 100% 100%;
}
.tt-timetable {
	background-color: rgba(128,128,128,0.5);
	border-radius: 5px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	background-image: url(/static/images/stripes.png);
}
.tt-period {
    background: rgba(0, 128, 0, 0.67);
	/* border-radius: 7px; */
	/* border: 1px solid #ccc; */
	box-sizing: border-box;
	
	outline: 3px dashed rgba(0, 255, 0, 0.7);
	outline-offset: -1px;

}
.tt-slot {
    /* background: rgba(0,0,0,0.5); */
	/* border-radius: 10px; */
	/* border: 1px solid #ccc; */
	box-sizing: border-box;
	
	outline: 1px solid gray;
	outline-offset: -1px;
	color: #eee;
	padding: 1px;
	position: relative;
}

.tt-slot.empty {
	background: rgba(0,0,0,0.5);
}
.tt-slot:hover {
	background: rgba(255,255,255,0.5);
}

.tt-book {

	position: absolute;
	background: #e4821c;
	outline: 1px solid gray;
	outline-offset: -1px;
	box-sizing: border-box;

	color:#eee;

	padding: 1px;
}

.tt-slot-caption {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
}


.tt-book-status-0 {
	background-color: #032200;
	background-image: url(/static/images/stripes.png);
}
.tt-book-status-1 {
	background-color: #07aaf9;
}
.tt-book-status-2 {
	/* background-color: #f28660; */
	background-color: #c56bfe;
}
.tt-book-status-3 {
	background-color: #e4821c;
}
/* .tt-book-status-4 {
	background-color: #22b4b3;
} */
/* .tt-book-status-4 {
	background-color: #;
} */
.tt-book-status-4,
.tt-book-status-5 {
	background-color: #908e9b;
}
.tt-book-status-6 {
	background-color: #53c41a;
}

.sq-book-status {
	width: 16px;
	height: 16px;
	border-radius: 3px;
	vertical-align: middle;
	display: inline-block;
}
.sq-book-status-0 {
	background-color: #032200;
	background-image: url(/static/images/stripes.png);
	color: white;
}
.sq-book-status-1 {
	background-color: #07aaf9;
}
.sq-book-status-2 {
	/* background-color: #f28660; */
	background-color: #c56bfe;
}
.sq-book-status-3 {
	background-color: #e4821c;
}
.sq-book-status-4,
.sq-book-status-5 {
	background-color: #908e9b;
}
.sq-book-status-6 {
	background-color: #53c41a;
}

.booking-row-0 > td{
	background-color: rgba(3, 34, 0, 0.5);
	background-image: url(/static/images/stripes.png)!important;
}
.booking-row-1 > td {
	background-color: rgba(7, 170, 249, 0.5);
}
.booking-row-2 > td{
	background-color: rgba(197, 107, 254, 0.5);
}
.booking-row-3 > td{
	background-color: rgba(228, 130, 28, 0.5);
}
.booking-row-4 > td,
.booking-row-5 > td{
	background-color: rgba(144, 142, 155, 0.5);
}
.booking-row-6 > td{
	background-color: rgba(83, 196, 26, 0.5);
}

.booking-plain-grid .ds-grid-data-row.-selected {
    background-color: #fff;
}
.booking-row-0.-selected > td{
	background-color: rgba(3, 34, 0, 0.2);
}
.booking-row-1.-selected > td {
	background-color: rgba(7, 170, 249, 0.2);
}
.booking-row-2.-selected > td{
	background-color: rgba(197, 107, 254, 0.2);
}
.booking-row-3.-selected > td{
	background-color: rgba(228, 130, 28, 0.2);
}
.booking-row-4.-selected > td,
.booking-row-5.-selected > td{
	background-color: rgba(144, 142, 155, 0.2);
}
.booking-row-6.-selected > td{
	background-color: rgba(83, 196, 26, 0.2);
}


.stats-status-wrapper,
.stats-user-wrapper,
.stats-store-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.stats-status {
    flex: 1 0 12.5%;
    min-width: 150px;
    border-radius: 10px;
    margin: 5px;
	padding: 5px;
	display: flex;
	justify-content: space-between;
	color: white;
}
.stats-status .-value {
	font-weight: bold;
}

.stats-user-wrapper > div {
    min-width: 250px;
    flex: 1 0 25%;
}
.stats-user-wrapper > div > div {
	background: #fff;
	border-radius: 10px;
	margin: 5px;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	display: flex;
    flex-wrap: wrap;
}
.stats-user-wrapper .-title {
    display: block;
    text-align: center;
    font-size: 1.2em;
    /* margin-bottom: 5px; */
	/* color: #e4821c; */
	flex: 1 0 100%;
	
	color: #fff;
	
	padding: 5px;
	background-color: #e4821c;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
	box-sizing: border-box;
}
.stats-user-wrapper .-img {
    width: 64px;
    height: 64px;
    object-fit: cover;
	margin: 5px;
	border-radius: 64px;
}
.stats-user-wrapper .-vals {
	margin: 5px 5px 5px 0;
	flex: 1;
	font-size: 0.8em;
}
.stats-user-wrapper .prop-wrap {
    display: flex;
    /* justify-content: ; */
}
.stats-user-wrapper .prop-wrap > span {
   flex: 1;
}

.stats-store-wrapper > div {
    min-width: 250px;
    flex: 1 0 25%;
}
.stats-store-wrapper > div > div {
	background: #fff;
	border-radius: 10px;
	margin: 5px;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	display: flex;
    flex-wrap: wrap;
}
.stats-store-wrapper .-title {
    display: block;
    text-align: center;
    font-size: 1.2em;
    /* margin-bottom: 5px; */
	flex: 1 0 100%;
	/* color: #e4821c; */
	
	color: #fff;
	padding: 5px;
	background-color: #e4821c;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
	box-sizing: border-box;
}
.stats-store-wrapper .-img {
    object-fit: cover;
	flex: 1 0 100%;
}
.stats-store-wrapper .-vals {
	margin: 5px;
	flex: 1;
	font-size: 0.8em;
}
.stats-store-wrapper .prop-wrap {
    display: flex;
    /* justify-content: ; */
}
.stats-store-wrapper .prop-wrap > span {
   flex: 1;
}

/* .tt-book-outside */
/* .tt-book-inside */
/* 
.ds-grid-data-col {
	position: relative;
} */

.tt-hour-line {
	position: absolute;
	left: 0;
	right: 0;
	border-top: 1px solid #ccc;
}


.tt-slot-lav {
	/*! background-color: green; */
	position: absolute;
	right: 1px;
	top: 1px;
	
	border: 10px solid transparent;
	border-top-color: #00ac00;
	border-right-color: #00ac00;
}
.tt-slot-lav.-unavail {
	border-top-color: #9b0000;
	border-right-color: #9b0000;
}
.tt-slot-lav > span {
	position: absolute;
	right: -10px;
	top: -10px;
	font-size: 0.8em;
}

.tt-slot.-unavail {

    background-color: #400000;
    background-image: url(/static/images/stripes.png);

}


.main-balance {
	display: flex;
	flex-direction: column;
	color: #000;
	align-self: center;
}
.main-balance-name {
	font-size: 1.1em;
}
.main-balance-value {
	font-size: 0.8em;
}

.row-total td {
	font-weight: bold;
	background-color: rgba(0,255,0,0.2);
}

.button-green {
    font-size: 1.2em;
    display: ;
    width: 100%;
    box-sizing: border-box;
    border: 2px outset #019101;
    border-radius: 5px;
    background-color: #0b0;
    color: white;
}

.button-green:hover {
	background-color: #69ce69
}

.button-green:active {
	border-style: inset;
    background-color: #0a0;
}

.mailing_status_launched {
	background-color: rgba(0, 255, 0, 0.3);
}
.mailing_status_banned {
	background-color: rgba(255, 0, 0, 0.3);
}

.tox.tox-silver-sink.tox-tinymce-aux {
	position: static!important;
}

.scroller__bar-wrapper {
	display: none;
}




.mail-domain-status {
	cursor: pointer;
	text-decoration: underline dashed;
}
.mail-domain-status.-ready {
	color: #0c0;
}
.mail-domain-status.-not-ready {
	color: #c00;
}

.mail-cli-row {
    display: flex;
}
.mail-cli-row > div {
    flex: 1 0;
}

.ds-grid-data-row.row-mailing {
    position: relative;
	transform: scale(1); /* хак для хромых браузеров */
}

.mailing-status-row {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 10px;
	/* background: red; */
	display: flex;
}

.row-mailing > td{
	position: static;
	padding-bottom: 10px;
}

.mailing-status-row > div {
	height: 100%;
}

.mail_stat_clicked {
	background-color: #35AFB2;
}
.mail_stat_readed {
	background-color: #71d277;
}
.mail_stat_unread {
	background-color: #7171d2;
}
.mail_stat_unsent {
	/* background-color: #; */
}
.mail_stat_unsub {
	background-color: #ccc;
}
.mail_stat_spammed {
	background-color: #fc0;
}
.mail_stat_error {
	background-color: #f00;
}

.main-layout-right > .DSelement_tab-panel{
    margin: 0 -10px;
}
.main-layout-right > .DSelement_tab-panel > .ds-tabs2-body{
    border: none;
    box-shadow: none;
}




form > .DSelement_button {
	display: block !important;
	text-align: center;
	margin-top: 15px;
}
form > .DSelement_button > button {
	min-width: 200px;
}

.ds-grid-tbar .DSelement {
    margin-left: 2px;
    margin-right: 2px;
}

.ds-grid-data-col.-has-reg {
	background-color: rgba(255, 227, 190, 0.5);
}

.-status-replace-required {
	background-color: rgba(255, 185, 185, 0.5);
}
.-status-replace-close {
	background-color: rgba(255, 204, 153, 0.5);
}
.-status-check-close {
	background-color: rgba(251, 251, 156, 0.5);
}


@media all and (max-device-width: 1024px) {
	.left-menu-switch {
		display: none;
	}
	.main-layout-left {
		width: 41px;
	}
	.left-menu-item-icon {
		margin-left: 3px;
	}
	.main-layout-right {
		left: 50px;
	}
	.left-menu-section-title {
		opacity: 0;
	}
	.left-menu-item-title {
		flex-grow: 0;
	}
	.left-menu-item-badge span:not(:empty) {
		background: #fff;
		color: #000;
		padding: 0;
		font-size: 10px;
		right: 3px;
	}
}

@media all and (max-device-width: 884px) {
	body {
		background-image: none;
	}
	
	.left-menu-switch-mobi {
		display: block;
	}
	
	.main-layout-right {
		position: relative;
		padding: 0 10px;
		left: 0;
		top: 0;
		z-index: 2;
	}
	
	.main-layout-top {
		position: fixed;
		z-index: 3;
		/* background: #605d25; */
		width: 100%;
	}
	
	.main-layout-bottom {
		position: static;
		padding-top: 80px;
	}
	
	.main-layout-left {
		position: fixed;
		top: 80px;
		width: 200px;
		overflow-y: auto;
		bottom: 0;
		left: 0;
		display: none;
		z-index: 1;
	}
	
	.slideout-open .main-layout-left {
		display: block;
	}
	.slideout-open, .slideout-open body {
		overflow-y: hidden;
	}
	
	.left-menu {
		border-bottom-right-radius: 0;
	}
	.left-menu-item-icon {
		margin-left: 0;
	}
	.left-menu-item-title {
		flex-grow: 1;
	}
	.left-menu-item-badge span:not(:empty) {
		color: inherit;
		background: rgba(255,255,255,0.4);
		padding: 3px 5px;
		font-size: inherit;
		right: 0;
	}
	.left-menu-section-title {
		opacity: 1;
	}
	
	.main-clock {
		display: none;
	}
	.main-userinfo {
		margin-right: 10px;
	}
	.main-userinfo-namerole {
		margin-right: 5px;
	}
	
	.main-balance {
		margin-right: 5px;
	}
}

@media all and (max-device-width: 780px) {
	/* .main-userinfo-ava {
		display: none;
	}
	.main-userinfo-rating {
		display: none;
	} */
	.main-layout-top .main-userinfo {
		display: none;
	}
	.left-menu .main-userinfo {
		display: flex;
		padding: 3px;
		margin-right: 0;
	}
	.left-menu .main-userinfo-nameava {
		flex-grow: 1;
	}
}

/* @media all and (max-device-width: 540px) { */
@media all and (max-device-width: 614px) {
	.main-project {
		display: none;
	}

	.menu-project {
		display: block;
	}
	
	.main-layout-right {
		padding: 0 3px;
	}
	
	.main-layout-right > .DSelement_tab-panel {
		margin: 0 -3px;
	}
	
	.stats-block {
		padding: 7px;
	}
}


.main-user-selector .-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: ;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 10;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.main-user-selector .-wrap {
  position: absolute;
  z-index: 11;
  right: 20px;
  background-color: #ccc;
  padding: 10px;
  border-radius: 10px;
  top: 20px;
}
.main-user-selector .-wrap > div {
  background: #888;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  margin: 5px 0;
  gap: 5px;
  align-items: center;
  cursor: pointer;
}
.main-user-selector .-org-ava {
	width: 50px;
	height: 50px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.main-user-selector .-wrap > div:hover {
  background-color: #aaa;
}
.main-user-selector {
  display: none;
}
.main-user-selector.-active {
  display: block;
}

.left-menu .main-user-selector .-wrap {
  right: 5px;
  left: 5px;
}