/* Styles for system only */

@font-face {
  font-family: MyHelvetica;
  src: local("Roboto-Regular"), url(../fonts/Roboto-Regular.ttf);
  font-weight: normal;
}
@font-face {
  font-family: MyHelvetica;
  src: local("Roboto-Bold"), url(../fonts/Roboto-Bold.ttf);
  font-weight: bold;
}

body {
	background: RGB(242, 242, 242) center center no-repeat;
	background-image: none;
	background-size: auto;
	text-align: center;
	background-size: cover;
}
#body {
	position: absolute;
	height: auto;
	overflow: hidden;
	margin: auto;
	box-sizing: border-box;
	top: 0px;
	bottom: 0px;
	z-index: 0;
	left: 0px;
	right: 0px;
	background: inherit;
	overflow: visible !important;
	scroll-behavior: smooth;
}
.updates_list, .restore_list {
	margin: 5px auto;
	border: dashed 1px rgb(168, 168, 168);
	padding: 10px 0px;
	border-left: transparent;
	border-right: transparent;
	overflow: hidden auto;
	max-height: 520px;
}
.updates_list item, .restore_list item {
	cursor: pointer;
	color: rgb(33, 157, 22);
	padding: 0px 0px;
	border-bottom: solid 1px rgb(231, 239, 253);
	background: transparent !important;
	display: table;
	width: 100%;
}
.restore_list item {
	padding: 5px 0px;
}
.updates_list item right, .restore_list item right {
	width: 250px;
}
.updates_list item small {
	color: rgb(47, 47, 47);
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
}
.update_backup_list item left {
	
}
.update_backup_list .button {
	padding: 5px 7px !important;
	background-color: rgba(2, 2, 2, 0) !important;
	color: rgb(149, 149, 149) !important;
	border: solid 1px rgb(240, 240, 240);
	font-size: 15px;
	display: inline-block;
	vertical-align: middle;
}
.update_backup_list item:hover .button:first-child {
	background: #353535 !important;
	color: #FFF !important;
	border-color: transparent;
	transition: 0.35s all;
}
.restore_list left i {
	font-style: normal;
	color: rgb(121, 121, 121);
	margin: 5px auto auto auto;
	display: inline-block;
	font-weight: normal;
	font-size: 15px;
}
.update_status {
	font-size: 12px;
	color: rgb(4, 113, 31);
	border: solid 1px rgb(221, 221, 221);
	padding: 5px 10px;
	text-align: center;
	display: inline-block;
	margin: 12px auto auto auto;
	left: 0px;
	right: 0px;
	position: relative;
	border-radius: 7px;
	float: right;
}
.aversion:hover {
	color: #151515;
}

.update_window {
	margin: auto;
	padding: 5px;
	min-width: 320px;
	text-align: center;
}
.update_window .changes {
	margin: 25px auto !important;
	display: block;
	padding: 0px;
	text-align: left;
	border-radius: 5px;
	box-sizing: border-box;
	max-height: 520px;
	overflow: hidden auto;
	color: rgb(43, 43, 43);
	font-size: 15px;
	width: auto;
	max-width: unset;
}
.update_window h2 {
	margin: auto;
	text-align: left;
	color: rgb(17, 82, 166);
	font-size: 22px;
	padding: 0px;
}
.update_window .changes {
	margin: 5px auto 25px auto !important;
	display: block;
	padding: 0px;
	text-align: left;
	border-radius: 5px;
	box-sizing: border-box;
	max-height: 520px;
	overflow: hidden auto;
	color: rgb(43, 43, 43);
	font-size: 15px;
	width: auto;
	max-width: unset;
}
.update_window .changes p {
	margin: auto;
	padding: 10px 0px;
	border-bottom: solid 1px rgb(28, 82, 122);
}
.update_window button {
	background: rgb(94, 155, 33) !important;
	color: #FFFFFF;
}
#logo {
	display: inline-block;
	vertical-align: middle;
	color: #353535;
	font-size: 23px;
	font-weight: normal;
	text-transform: uppercase;
	width: 72px;
	margin: auto;
	border: transparent;
	max-width: 220px;
	max-height: 72px;
	background: transparent url('../images/logo_anim.svg') center 0px no-repeat;
	background-size: 100%;
	height: 28px;
}
/* For SVG logo (Q) */
/*#logo #eyes {
	left: 0px;
	top: 0px;
	position: relative;
	transition: 0.35s all;
}
#logo #lips_top {
	display: none;
	position: relative;
}*/
#logo.cash {
	background-position-y: -29px;
}
#logo.like {
	background-position-y: -60px;
}
#logo.bad {
	background-position-y: -90px;
}
#logo.eyes {
	background-position-y: -121px;
}
/*#logo.say #lips_top {
	display: block !important;
}
#logo.sad #lips_top {
	display: block !important;
}
#logo.sad #lips_bottom {
	display: none !important;
}*/
#logo.look_top #eyes {top: -1px;}
#logo.look_bottom #eyes {top: 1px;}
#logo.look_left #eyes {left: -1px;}
#logo.look_right #eyes {left: 1px;}

#wpadminbar {
	position: fixed !important;
	bottom: 0px !important;
	top: auto !important;
	background: rgb(37, 53, 85) !important;
	width: 92% !important;
	margin: auto !important;
	left: 0px !important;
	right: 0px !important;
	border-radius: 10px 10px 0px 0px;
}
body header .btnLangSelect {
	vertical-align: middle;
	font-size: 0px;
	color: transparent;
	width: 24px;
	height: 24px;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: ;
}
.header-titles-wrapper {
	display: none;
}
.header-navigation-wrapper {
	display: table;
	margin: auto;
	padding: 0px;
	overflow: visible;
	max-width: 1024px !important;
	text-align: left;
	position: relative;
	width: 95%;
}
.header-navigation-wrapper nav {
	display: table-cell;
	width: 80%;
	text-align: left;
	vertical-align: middle;
}
left {
	text-align: left;
	display: block;
}
nav {
	text-align: center;
}
menu.main ul {
	display: table;
	overflow: visible;
	text-align: center;
	width: 95%;
	color: inherit;
}
.right .button {
	display: inline-block;
	vertical-align: middle;
	margin: 5px auto;
}
/*nav > ul::before {
	content: "";
	background: url('../images/logo.svg') center center no-repeat;
	width: 25px;
	height: 25px;
	background-size: 100%;
	display: inline-block;
	vertical-align: middle;
}*/
menu.main ul li {
	list-style: none;
	color: inherit;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	background: transparent;
	display: table-cell;
	padding: 7px 12px 12px 12px;
	position: relative;
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	width: 20%;
}
menu.main ul li::after {
	content: "";
	width: 0%;
	height: 2px;
	background: rgb(137, 247, 201);
	position: relative;
	top: 0px;
	display: block;
	border-radius: 5px;
	margin: 1px auto;
	transition: 0.35s all;
}
menu.main ul li:hover::after {
	width: 100%;
}
body > header ul li.lang {
	background-size: 200%;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 0px;
	width: 22px;
	height: 16px;
	font-size: 0px;
	padding: 0px;
	vertical-align: middle;
	margin: auto 10px;
	display: inline-block;
	max-height: unset !important;
}
/* body > header ul li { */
	/* color: rgb(255, 255, 255); */
	/* background: rgb(7, 39, 136); */
/* } */
.current_page_item {
	color: rgb(255, 255, 255);
	background: rgb(7, 39, 136);
}
body > header ul li a {
	text-decoration: inherit !important;
	color: inherit !important;
	font: inherit;
}
body > header ul li ul {
	position: absolute;
	width: 120px;
	top: 42px;
	border-top: solid 1px red;
	margin-top: 10px;
	transition: 0.35s all;
	pointer-events: none;
	opacity: 0;
	left: 0px;
	right: 0px;
	margin: auto;
}
menu.main ul li:hover ul {
	opacity: 1;
	margin-top: 0px;
	pointer-events: auto;
}
body > header ul li ul li {
	display: block;
}
body > header ul li.consultation {
	background: rgb(7, 64, 153);
	padding: 5px 15px;
	border-radius: 25px;
	border: solid 1px rgb(96, 128, 176);
}
body > header ul li:hover.consultation {
	background: transparent;
	border: transparent;
}
body > header ul li a[href="/"] { /* Menu - logo */
	font-weight: bold;
	margin-left: 32px;
}
body > header ul li a[href="/"]::before { /* Menu - logo (icon) */
	content: "";
	background: url('../images/logo.svg') center center no-repeat;
	background-size: auto;
	width: 28px;
	height: 22px;
	background-size: 100%;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	position: absolute;
	left: 0px;
}
.menu-modal {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 100;
	opacity: 0;
	z-index: -10;
	pointer-events: none;
	transition: 0.35s all;
}
.showing-menu-modal .menu-modal {
	opacity: 1;
	z-index: 100;
	pointer-events: auto;
}
.menu-modal .menu-top {
	background: #FFFFFF;
	width: 320px;
	margin: auto;
	padding: 0px;
	position: absolute;
	left: auto;
	right: -500px;
	top: 25px;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 3px 3px 15px -5px rgba(0, 0, 0, 0.5);
	transition: 0.35s all;
}
.showing-menu-modal .menu-modal .menu-top {
	right: 25px;
}
.menu-modal .menu-top li {
	display: block;
	margin: auto;
	border-bottom: solid 1px rgb(230, 230, 230);
	color: #151515;
	text-align: left;
	padding: 12px 17px;
}
.close-nav-toggle {
	position: fixed;
	left: auto;
	right: 0px;
	top: 0px;
	background: #FFFFFF;
	font-size: 0px;
	width: 32px;
	height: 32px;
	border-radius: 50px;
	margin: 32px;
	border: 1px solid #EEEEEE;
	box-shadow: 3px 3px 15px -5px rgba(0, 0, 0, 0.5);
}
#bScrollTop {
	font-size: 0px;
	width: 37px;
	height: 37px;
	padding: 0px;
	background: rgb(174, 202, 247) url('../images/top.png') center center no-repeat;
	position: fixed;
	right: 0px;
	bottom: 0px;
	margin: 42px;
	z-index: 99;
	border-radius: 50px;
	background-size: 24px;
	transition: 0.35s all;
}
#bScrollTop.hide {
	bottom: -250px;
}


/*#site-footer {
	background: rgb(30, 30, 30);
	text-align: center;
	overflow: visible;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	display: block;
}*/
#site-footer > .section-inner {
	margin: auto;
	text-align: center;
	display: block;
	padding: 22px 22px 45px 22px;
	color: #151515;
}
.powered-by-wordpress {
	display: none;
}

#site-content {
	min-height: 100%;
	position: relative;
}

body > .page {
	margin: auto;
	max-width: unset;
	width: 100%;
	position: relative;
	min-height: 100%;
}
body > .page h1 {
	margin: 15px auto;
	font-size: 22px;
	text-align: center;
	padding: 25px 0px;
}
body > header .td.left {
	text-align: left;
	vertical-align: middle;
	align-content: ;
	width: auto;
}
body > header .logo {
	width: 252px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
body > header .logo b {
	color: rgb(53, 53, 53);
	font-weight: bold;
	font-size: 17px;
	margin-left: 15px;
}
body > header .center_bar {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	border-left: 1px solid rgb(201, 230, 225);
	padding-left: 15px;
}
body > header .center_bar h1 {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	margin: auto;
	padding: 0px;
	line-height: normal;
	color: black;
	font-weight: normal;
}
body > header .center_bar h2 {
	font-size: 15px;
	display: block !important;
	margin: auto auto -2px auto;
	padding: 0px;
	text-align: left;
	font-weight: normal;
	color: rgb(43, 170, 140);
}
body > header .td.right {
	text-align: right;
}
.button_mobile_menu {
	width: 32px;
	height: 32px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	background: url("../images/menu.svg") center center no-repeat;
	background-size: 24px;
	cursor: pointer;
}
.qContent .qMenu {
	transition: 0.35s all;
	position: relative;
	border: none;
	max-height: 100%;
	display: block;
	width: 100%;
	box-sizing: border-box;
	left: 0px;
	overflow: hidden;
	scrollbar-width: thin;
	height: auto;
	background: transparent;
	margin: auto;
	padding: 0px;
	flex: 1;
}
.qContent .qMenu.hide {
	position: relative;
	left: -350px;
	width: 100%;
	transition: 0.35s all;
}
.qContent .qPagesSelector {
	margin: 3px auto;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	overflow: hidden;
}
.qHeaderHide header {
	display: none;
}

.qLeftMenu {
	width: 270px;
	height: 100%;
	position: relative;
	overflow: visible;
	z-index: 2;
	display: flex;
	flex-direction: column;
	background: transparent;
	box-sizing: border-box;
	padding-left: 22px;
}

.qLeftMenuMattBlur {
	background: rgba(255, 255, 255, 0.35);
	margin: 25px 0px 25px 25px;
	padding: 0px;
	backdrop-filter: blur(15px);
	border-radius: 15px;
	max-height: 100vh;
	height: auto;
}

.qLeftMenuMattBlur .qOnMenu {
	margin: 0px;
	width: 100%;
	border-radius: 15px 15px 0px 0px;
	background: rgba(253, 253, 253, 0.1);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
}

.qLeftMenuMattBlur .qMenu {
	margin: 0px;
	padding: 0px;
}

.qLeftMenuMattBlur .qMenu ul {
	margin: 0px;
	padding: 0px;
}

.qLeftMenuMattBlur .qMenu ul li {
	background-color: transparent;
}

.qLeftMenuMattBlur .qBtnMenuMinimize {
	margin: 0px;
	border-radius: 0px 0px 15px 15px;
	background-color: rgba(255, 255, 255, 0);
	box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.12);
}

/*.qLeftMenu {
	width: 270px;
	height: 100%;
	position: relative;
	overflow: visible;
	z-index: 2;
	display: flex;
	flex-direction: column;
	background: rgba(255, 255, 255, 0.82);
	backdrop-filter: blur(25px);
}*/
.qOnMenu {
	text-align: right;
	max-height: 67px;
	display: block;
	transition: 0.35s all;
	background: transparent;
	position: sticky !important;
	top: 0px;
	padding: 0px;
	overflow: visible;
	flex: auto;
	margin: 25px auto auto auto;
	width: 245px;
	/* border-radius: 0px; */
	box-sizing: border-box;
	box-shadow: none;
	border: none;
	z-index: 1;
}
/*.qOnMenu {
	text-align: right;
	max-height: 62px;
	display: block;
	transition: 0.35s all;
	background: transparent;
	position: sticky !important;
	top: 0px;
	padding: 0px;
	overflow: hidden;
	flex: auto;
	margin: auto;
	width: 100%;
	border-radius: 0px;
	box-sizing: border-box;
	box-shadow: none;
	border-bottom: solid 1px rgba(0, 0, 0, 0.03);
	z-index: 1;
}*/
.qOnMenu .logo {
	margin: auto;
	display: block;
	text-align: center;
	height: 67px;
	cursor: pointer;
	color: #151515;
	padding: 17px 12px 15px 12px;
	box-sizing: border-box;
}
.OnMenuShow .qOnMenu .logo {
	background-color: inherit;
	border-radius: inherit;
	z-index: 1;
	position: relative;
}
/*.qOnMenu .logo {
	margin: auto;
	display: block;
	text-align: left;
	height: 62px;
	cursor: pointer;
	color: #151515;
	padding: 16px;
	box-sizing: border-box;
}*/

.qOnMenu .logo img {
	height: auto;
	width: 32px;
	object-fit: cover;
	display: inline-block;
	vertical-align: middle;
	margin: auto;
}
.qOnMenu .logo b {
	display: inline-block;
	vertical-align: middle;
	color: inherit;
	font-weight: normal;
	margin: auto;
	width: 122px;
	padding: 0px;
	text-align: center;
}
/*.qOnMenu .logo b {
	display: inline-block;
	vertical-align: middle;
	color: inherit;
	font-weight: normal;
}*/
.qOnMenu .user_info > img {
	margin: 12px auto;
	border-radius: 100%;
	/* border: 1px solid rgb(0, 0, 0); */
	width: 150px;
	height: 150px;
	display: block;
	object-fit: cover;
	/* box-shadow: 5px 5px 5px 0px rgb(0, 0, 0) inset; */
}
.qOnMenu .user_place {
	position: absolute;
	background: inherit;
	width: 100%;
	border-radius: 0px 0px 15px 15px;
	margin-top: -10px;
	transition: 0.35s all;
	opacity: 0;
	pointer-events: none;
	text-align: center;
}
div.OnMenuShow .qOnMenu {
	border-radius: 15px 15px 0px 0px;
	background-color: #FFFFFF;
	box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.5);
}
.OnMenuShow .user_place {
	opacity: 1;
	margin-top: 0px;
	pointer-events: auto;
	box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.5);
}
.qLeftMenu .photo {
	text-align: center;
	background: url('/images/1_site_logo.jpg') center center no-repeat;
	background-size: auto;
	background-size: 100%;
	width: 150px;
	height: 150px;
	margin: 12px auto;
	border-radius: 250px;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.45) inset;
}
.qLeftMenu .user_place .user_name {
	margin: 5px auto auto auto;
	display: block;
	color: rgb(63, 99, 155);
	font-size: 15px;
	font-weight: normal;
}
.user_info {
	min-width: 520px;
}
.user_info .left {
	padding: 0px 12px 0px 5px;
	vertical-align: top;
	width: 150px;
	text-align: center;
}
.user_info .left > b {
	display: block !important;
	text-align: center;
	color: rgb(102, 102, 102);
	font-size: 17px;
	margin: 15px auto auto auto;
	width: auto;
	box-sizing: border-box;
	font-weight: bold;
	float: unset;
}

/* Default style - small */
.qLeftMenu .user_place .user_information > img {
	width: 50px;
	display: inline-block;
	margin: 15px 7px 15px 15px;
	border-radius: 50px;
	border: solid 2px #FFF;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	vertical-align: middle;
	font-weight: bold !important;
	object-fit: cover;
	height: auto;
	max-height: 245px;
}
.qLeftMenu .user_place .user_name {
	margin: auto;
	display: inline-block;
	color: rgb(63, 99, 155);
	font-size: 15px;
	font-weight: normal;
	vertical-align: middle;
	font-weight: bold;
}
.qLeftMenu .user_place .user_name u {
	display: block;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	color: rgb(163, 178, 206);
	font-size: 12px;
}

.qLeftMenu .user_place .user_information {
	text-align: left;
	cursor: pointer;
	border: solid 1px rgba(0,0,0,0.05);
	border-left: none;
	border-right: none;
}
.qLeftMenu .user_place .user_information:hover {
	background: rgb(25, 32, 45);
	background: rgb(236, 251, 234);
}

.qLeftMenu .user_place.big_view .user_information > img {
	object-fit: cover;
	width: 100%;
	height: auto;
	max-height: 245px;
	margin: auto;
	border-radius: 0px;
	border: transparent;
	padding: 0px;
	box-shadow: none;
}
.qLeftMenu .user_place.big_view .user_name {
	margin: auto;
	padding: 15px;
	text-align: center;
	display: block;
}
/*.user_info .left .group {
	display: block;
	text-align: center;
	color: gray;
	margin: 12px auto auto auto;
}
.user_info .left .status {
	display: inline-block;
	text-align: center;
	color: rgb(101, 157, 70);
	margin: 5px auto auto auto;
	border-top: solid 1px rgb(230, 230, 230);
	padding: 5px 12px 5px 12px;
	font-size: 15px;
}*/
.user_info .right {
	width: auto;
	vertical-align: top;
}
.user_info .line {
	display: block;
	margin: auto 7px;
	padding: 7px 0px;
	border-bottom: solid 1px rgb(240, 240, 240);
	text-align: left;
	color: rgb(0, 117, 123);
	min-height: 18px;
}
.user_info .line b {
	display: inline-block;
	margin: auto;
	padding: 0px;
	font-size: 15px;
	float: left;
	font-weight: normal;
	color: rgb(149, 147, 147);
	width: 135px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.user_info > img {
	cursor: pointer;
}
.user_info .left > img {
/*	width: auto;
	max-height: 150px;
	max-width: 150px;
	height: auto;
	border-radius: 12px;*/
	margin: auto auto 12px auto;
}
.user_info .left i {
	display: block;
	text-align: left;
	padding: 7px 0px;
	border-bottom: 1px dashed rgb(213, 213, 213);
	margin: auto 5px;
	font-size: 15px;
}
.user_info .left i:nth-child(3) {
	color: #AAAAAA;
}
.user_info .left i:nth-child(4) {
	color: #CCCCCC;
}
.user_info .photo {
	display: block;
	width: auto;
	margin: auto;
	max-width: 250px;
	max-height: 250px;
}
.qOnMenu .top_buttons {
	display: block;
	margin: auto;
	text-align: left;
	padding: 0px 0px;
	height: 50px;
	overflow: hidden;
	border-radius: 0px 0px 15px 15px;
}
.qOnMenu .top_buttons button {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background: transparent center center no-repeat;
	background-size: 24px;
	border-right: solid 1px rgb(244, 244, 244);
	margin: auto;
	border-radius: 0px;
	transition: none;
}
.qOnMenu .top_buttons button:hover {
	background-color: rgb(221, 246, 249);
}
.qOnMenu .top_buttons .btnLangSelect {
	color: transparent;
	font-size: 0px;
}
.qOnMenu .top_buttons::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.qOnMenu right {
	position: absolute;
	margin: auto;
	right: 0px;
	top: 0px;
	padding: 0px 15px 0px 0px;
}
.btnShowOnMenu {
	width: 32px;
	height: 32px;
	margin: auto;
	background: transparent url('../images/down.svg') center center no-repeat;
	background-size: 12px;
	display: inline-block;
	vertical-align: middle;
	transition: 0.35s all;
}
.OnMenuShow .btnShowOnMenu {
	transform: scaleY(-1);
}
.btnShowMobileMenu {
	width: 32px;
	height: 32px;
	margin: 15px 5px;
	background: url('../images/menu_square.svg') center center no-repeat;
	background-size: 30px;
	vertical-align: middle;
	box-sizing: border-box;
}
.qRightContent {
	width: auto;
	flex: 1;
	overflow: auto;
	height: 100%;
	scrollbar-width: thin;
	scrollbar-color: rgb(98, 98, 98) rgb(217, 235, 253);
	position: relative;
	z-index: 0;
}
.qRightContent .loading {
	display: block;
	margin: auto;
	text-align: center;
	width: 100%;
	height: 100%;
	background: rgba(7, 20, 32, 0.15) url('/Q2/images/white/loading.svg') center center no-repeat;
	backdrop-filter: blur(5px);
	border-radius: 0px;
	background-size: 72px;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
} /* OB('.qRightContent').innerHTML = OB('.qRightContent').innerHTML + '<div class="loading"></div>'; */

/* qCentralContentScrolled - Central content scrolled, for panel (pages in bottom) */
.qRightContent.qCentralContentScrolled {
	display: flex;
	max-height: 100%;
	overflow: hidden;
	height: 100%;
	box-sizing: border-box;
	scrollbar-width: thin;
	margin: 0px;
	padding: 0px;
	flex-direction: column;
}
.qRightContent.qCentralContentScrolled .qStickyTop {
	min-height: 65px;
	flex: 0;
	position: sticky;
	top: 0px;
	z-index: 10;
	flex-grow: 0;
}
.qRightContent.qCentralContentScrolled > div:nth-child(2) {
	overflow: auto;
	flex: auto;
	margin-bottom: auto;
	padding: 15px;
	flex-grow: 0;
}
.qRightContent.qCentralContentScrolled #content_list {
	padding: 0px;
}
.qRightContent.qCentralContentScrolled #content_list > div table tr:first-child, .qRightContent.qCentralContentScrolled .qCentralContentScrolledCard > div table tr:first-child {
	position: sticky;
	top: 0px;
	z-index: 1;
	pointer-events: none;
}
.qRightContent.qCentralContentScrolled #content_list:last-child, .qRightContent.qCentralContentScrolled .qCentralContentScrolledCard:last-child {
	margin-bottom: 25px;
}
.qRightContent.qCentralContentScrolled #content_list.qViewPics {
	padding: 0px !important;
}
.qRightContent.qCentralContentScrolled .qStickyBottom {
	flex: 1;
	min-height: 60px;
	flex-grow: 0;
	/*border-radius: 12px;*/
}

.qRightContent .qViewPics item b {
	margin: 2px auto auto auto;
	color: inherit;
	display: block;
}

.qAutoHeightRows {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 0px;
}
.qAutoHeightRows > div {
	flex: auto;
	flex-grow: 1;
}
.qAutoHeightRows > .qFilters {
	flex-grow: 0;
	min-height: 67px;
}
.qFilters {
	white-space: nowrap;
}
/*
.qCentralContentScrolled.qVC_ {
	margin: 25px;
	max-height: 100vh;
	box-sizing: border-box;
	border-radius: 10px !important;
	overflow: hidden !important;
	height: auto;
	max-height: calc(100% - 50px);
	position: relative;
	padding: 0px;
}
.qCentralContentScrolled.qVC_ > div {
	margin: 0px;
	border-radius: 0px !important;
	max-height: 90vh;
	box-shadow: none !important;
	border-bottom: solid 1px #EEEEEE;
}
.qRightContent.qCentralContentScrolled #content_list, .qRightContent.qCentralContentScrolled .qCentralContentScrolledCard {
	overflow: auto !important;
}
*/

.qContent .qMenu ul {
	display: block;
	width: 100%;
	overflow: hidden auto;
	height: 100%;
	scrollbar-width: thin;
	padding: 0px 0px !important;
	box-sizing: border-box;
}
.qContent ul li:last-child {
	border: transparent;
}
.qContent ul li:hover {
	background-color: #FFFFFF;
	filter: none;
}
.qContent ul li:hover::after {
	opacity: 1;
	transition: 0.1s all;
}
.qContent ul li.active {
	background-color: rgb(255, 255, 255);
	filter: none;
	color: #151515;
}

.qContent ul li a {
	color: inherit;
	display: block;
	padding: 12px 5px 12px 50px;
	text-align: left;
	text-decoration: none;
	font-weight: 400;
	cursor: pointer;
	background-size: 28px;
	background-position: 0px center;
	background-repeat: no-repeat;
	filter: grayscale(80%);
	font-size: 15px;
}
.qContent ul li u {
	background: transparent;
	content: "";
	position: absolute;
	right: 14px;
	top: 0px;
	bottom: 0px;
	width: auto;
	height: 15px;
	margin: auto;
	pointer-events: none;
	text-decoration: none;
	text-align: right;
	padding: 6px;
}
.qContent ul li u:empty {
	background: url('../images/arrow_right_shin.png') center center no-repeat;
	background-size: 16px;
}
.qContent ul > b {
	display: block;
	color: rgb(85, 90, 100);
	font-size: 15px;
	padding: 12px 12px 0px 32px;
}
.qContent ul > b::after {
	content: "";
	display: inline-block;
	width: 92%;
	border-bottom: solid 1px rgb(219, 219, 219);
	margin: 12px auto auto auto;
}
.minimizeMenu .qContent .left {
	max-width: 55px !important;
	width: 55px !important;
	min-width: 55px !important;
}
.minimizeMenu .qContent .left:hover {
	width: 250px !important;
	max-width: 250px !important;
	transition: 0.35s all;
}
.minimizeMenu .qContent .qMenu {
	margin: auto !important;
	text-align: left;
}
.minimizeMenu .qContent ul li {
	margin-left: auto;
	width: 100%;
}
.minimizeMenu .qContent .left .qMenu li a {
	width: 250px;
	position: relative;
	color: transparent;
}
.minimizeMenu .qContent .left:hover .qMenu li a {
	color: #353535 !important;
}
.minimizeMenu .qContent .qMenu li::after {
	display: none !important;
}
.minimizeMenu .qContent .qMenu li c {
	left: auto;
	display: none;
}
.minimizeMenu .manager.orders {
	width: 100% !important;
	max-width: calc(100vw - 55px) !important;
}
body .order_content h1 {
	margin: auto;
	width: 100%;
	display: block;
	max-width: unset;
	padding: 12px 17px;
	border-bottom: solid 1px rgb(230, 230, 230);
	position: relative;
	color: #FFFFFF;
	font-weight: normal;
	background: rgb(26, 116, 232);
	position: relative;
	z-index: 1;
}
.order_content .uname {
	font-size: 22px;
	margin: auto;
	padding: 7px 5px;
	text-align: left;
	display: block;
	color: rgb(10, 60, 89);
	width: 92%;
}
.order_content .ename {
	font-size: 18px;
	margin: auto;
	padding: 7px 5px;
	text-align: left;
	display: block;
	color: rgb(97, 119, 48);
	width: 92%;
}
.order_content d {
	position: absolute;
	top: 55px;
	right: 20px;
	font-size: 15px;
	color: rgb(13, 62, 251);
}
.card {
	border-radius: 20px !important;
}
.edit.list {
	top: 0px !important;
}
.no_items {
	border-radius: 15px;
	padding: 22px;
	font-size: 15px;
	text-align: left;
	color: rgb(27, 55, 108);
}
.home .entry-header {
	display: none;
}
.page-template #html h1 {
	display: none;
}

.ulpb_PageBody {
	top: 0px !important;
	padding: 0px !important;
	overflow: hidden;
}
.fullPageBgOverlay {
	display: none;
}
#altbody {
	display: block;
	position: fixed;
	top: 72px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 0;
	overflow: hidden auto;
}
body #html {
	z-index: 0;
	overflow: hidden auto;
	box-sizing: border-box;
	scroll-behavior: smooth;
	transition: 0.15s filter;
	min-height: auto;
	margin: 0px;
	top: 0px;
	bottom: 0px;
	/* background-image: url('../images/bg.jpg'); */
	/* background: linear-gradient(165deg, rgb(169, 202, 255), rgb(213, 240, 255)); */
	position: fixed;
	left: 0px;
	right: 0px;
}
#html.hide h1.title {
    margin-top: -55px;
}
#html.hideAnim {
  margin-left: -100%;
  opacity: 0;
}
#html.hideAnimRight {
  margin-left: 100% !important;
  transition: 0s all !important;
}

label .editor_area_view {
	background: rgb(232, 243, 255);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
	text-align: left;
	overflow: auto;
	padding: 10px 10px;
	box-sizing: border-box;
	border-radius: inherit;
}
.editor_area_view p {
	display: block;
	margin: auto;
	padding: 0px;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: rgb(255, 255, 255);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
.card-style {
    overflow: hidden;
    margin: 16px 15px 16px 15px;
    border-radius: 20px;
    border: none;
    box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.07);
    background-size: cover;
    border: 0px !important;
    max-height: 150000px;
    margin-bottom: 30px;
    background-position: center center !important;
}
.darktheme .welcome_block h1 {
	color: #EEEEEE;
}
.welcome_block .top {
	background: url('../images/home_title.jpg') center -80px no-repeat !important;
	background-size: 100% !important;
	min-height: 200px;
	color: inherit;
	cursor: pointer;
	transition: 0.35s all;
	margin: auto;
}
.welcome_block .top:hover {
	background-size: 120% !important;
}
.welcome_block .top::after {
	content: "";
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	box-sizing: border-box;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.8) 70%, rgb(0, 0, 0) 100%) !important;
	bottom: 0px;
	transition: 0.35s all;
}
.welcome_block .top:hover::after {
	background-color: rgba(11, 11, 11, 0.28) !important;
}
.welcome_block .top h2 {
	margin: 70px auto auto 0px !important;
	position: relative;
	z-index: 1;
	padding: 15px !important;
	font-size: 24px !important;
	max-width: 350px;
	color: #FFFFFF;
	text-align: left;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
#bg_svg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	margin: auto;
	/*background: linear-gradient(-45deg, rgb(199, 139, 249), rgb(115, 168, 200), rgb(240, 248, 251), rgb(35, 213, 171), rgb(23, 191, 120));*/
	background-size: cover;
	background: linear-gradient(90deg, rgb(185, 222, 237), rgb(239, 239, 239));
	/*animation: gradient 15s ease infinite;*/
}

body.darktheme #bg_svg {
	background: linear-gradient(120deg, rgb(2, 25, 55), rgb(3, 35, 74));
}
.window_content > h1 {
	margin: auto;
	text-align: left;
	font-size: 20px;
	max-width: unset;
	background: transparent;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 5px 0px;
	color: rgb(5, 159, 145);
	font-weight: bold;
}
.window_content > h2 {
	font-size: 17px;
	color: rgb(12, 156, 213);
	margin: auto;
	padding: 5px 0px;
	max-width: 100%;
	display: block;
	box-sizing: border-box;
	font-weight: bold;
	text-align: left;
}
.window_content .list {
	top: auto;
}
.window_content > .err {
	margin: 0px auto 16px auto;
	background: #FFFFFF;
	padding: 35px 12px;
}
.top .bNewOrder, .top .bLike {
	position: absolute;
	z-index: 1;
	background: #FFFFFF;
	color: rgb(53, 53, 53);
	left: 15px;
	top: 15px;
	border-radius: 12px;
	padding: 7px 12px;
	font-weight: bold;
	font-size: 14px;
}
.top .bLike {
	left: auto;
	right: 15px;
}
.top h2 {
	margin: 100px auto auto 0px;
	position: relative;
	z-index: 1;
	padding: 15px;
	font-size: 24px;
	max-width: 350px;
}
.top ._footer {
	display: block;
	margin: auto;
	color: inherit;
	border-top: solid 1px rgba(255, 255, 255, 0.24);
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 10px 15px;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}
header langs {
	position: relative;
	z-index: 1;
	cursor: pointer;
	background: transparent center center no-repeat;
	background-size: 100%;
	width: 25px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	margin: auto 15px auto 5px;
}

#html header + #page {
	margin-top: 22px;
}
input:focus {outline: none;}

/* .hello {
	background: #FFFFFF;
	border: transparent;
	border-radius: 5px;
	margin: 12px auto;
	padding: 22px;
	color: #151515;
	max-width: 80%;
	line-height: 24px;
} */
.hello {
	background: rgba(255, 254, 254, 0.85);
	border: transparent;
	border-radius: 0px;
	margin: auto;
	padding: 12px 22px;
	color: #151515;
	max-width: 92% !important;
	line-height: 24px;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 15px;
	display: block;
	text-align: justify;
}
.hello > h2 {
	font-size: 20px;
	color: RGB(74, 137, 220);
	margin: auto auto -10px auto;
	line-height: normal;
	padding: 12px 0px;
	background: transparent;
	font-weight: bold;
	text-align: left;
}
.window_content .hello {
	background: rgba(255, 254, 254, 0.85);
	border: transparent;
	border-radius: 0px;
	margin: auto;
	padding: 12px 22px;
	color: #151515;
	max-width: 92% !important;
	line-height: 24px;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 15px;
	display: block;
	text-align: justify;
}
.window_content .hello > h2 {
	font-size: 20px;
	color: RGB(74, 137, 220);
	margin: auto auto -10px auto;
	line-height: normal;
	padding: 12px 0px;
	background: transparent;
	font-weight: bold;
	text-align: left;
}
body .buttons button {
	margin: auto 5px;
	display: inline-block;
}
body #menu, body #admin {
	background: rgb(62, 106, 132);
	color: #FFFFFF;
	border: transparent;
	font-size: 15px;
	padding: 7px 27px;
	border-radius: 5px;
	position: fixed;
	z-index: 100;
	right: 15px;
	bottom: 15px;
	box-shadow: 2px 2px 5px 0px rgba(2, 2, 2, 0.51);
	cursor: pointer;
	width: 100px;
	box-sizing: border-box;
}
body #menu.hide {
	opacity: 0;
	z-index: -1;
	pointer-events: none;
}
.list {
	margin: auto;
	overflow: auto;
	width: 100%;
	padding: 0px;
}
.list.edit {
	z-index: 1;
	margin: 0px auto 25px auto !important;
	box-sizing: border-box;
	padding: 0px !important;
	background: #FFFFFF;
	border-radius: 0px 0px 25px 25px;
	box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.36);
	max-width: 640px !important;
	min-width: 450px;
	width: 100%;
	display: block;
	overflow: hidden auto;
	position: relative;
	/* max-width: unset; */
}
/*.list.edit::after {
	content: "";
	display: block;
	width: 100%;
	height: 52px;
	box-sizing: border-box;
}*/

.list.ulist {
	width: 100%;
	margin: auto auto 12px;
}
.ulist.list item::before {
	content: "";
	width: 90%;
	position: absolute;
	bottom: 0px;
	border-bottom: solid 1px rgb(208, 218, 227);
	left: 0px;
	right: 0px;
	margin: auto;
}
.ulist item::before {
	content: "";
	width: 90%;
	position: absolute;
	bottom: 0px;
	border-bottom: solid 1px rgb(208, 218, 227);
	left: 0px;
	right: 0px;
	margin: auto;
}
.ulist.list item {
	background-position: -500px -500px;
	padding: 20px 72px 22px 72px;
}
.ulist.list item::after {
	background: transparent center center no-repeat;
	width: 32px;
	height: 32px;
	background-image: inherit;
	position: absolute;
	left: 18px;
	top: 0px;
	border-radius: 100%;
	z-index: 1;
	padding: 10px;
	right: auto;
	bottom: 0px;
	margin: auto;
	transition: 0.35s all;
	content: "";
	background-size: 100%;
}
.ulist.list item:last-child::before {
	display: none;
}
.list item + button {
	margin-top: 25px;
}
/*.list button:last-child {
	margin-bottom: 25px;
}*/
.list item:hover::after {
    transform: scale(1.1);
}
.list item:last-child {
	border-bottom: transparent;
}
.list item u {
	display: block;
	font-size: 15px;
	color: rgb(100, 100, 100);
	text-decoration: none;
	margin: 5px auto auto auto;
}
.list form {
	padding: 12px 0px 0px 0px;
	overflow: auto;
	margin: auto;
}
item .buttons.right > s {
	color: green;
	text-decoration: none;
}
body .list.ulist item::after {
	background-size: 32px;
	border-radius: 35%;
}
button.radius {
	background: rgb(77, 136, 6);
	max-width: 80%;
	margin: 15px auto;
	overflow: hidden;
	border-radius: 5px;
	padding: 10px 10px !important;
	min-height: auto;
	text-align: center;
	color: #FFFFFF;
	font-weight: normal;
	border: transparent;
	min-width: 120px;
	font-size: 17px;
	cursor: pointer;
}
.window form h2 {
	max-width: 90%;
	color: rgb(60, 148, 246);
}
.window form h3 {
	max-width: 90%;
	color: rgb(4, 163, 141);
}
button.mini {
	background: rgb(91, 91, 91);
	font-size: 15px;
	font-weight: normal;
	width: 50%;
	padding: 7px 7px !important;
}
button.b_uk {
	background-image: url('../images/lang_flags.png');
	background-size: 26px !important;
	background-position-y: -75px;
}
button.b_ru {
	background-image: url('../images/lang_flags.png');
	background-size: 26px !important;
	background-position-y: -33px;
}
button.b_en {
	background-image: url('../images/lang_flags.png');
	background-size: 26px !important;
	background-position-y: 10px;
}
.radio_select u {
	display: inline-block;
	width: 82px;
	vertical-align: top;
	background: rgb(211, 247, 211);
	border-radius: 7px;
	padding: 5px;
	box-sizing: border-box;
	margin: 10px 0px;
	text-decoration: none;
    position: relative;
    cursor: pointer;
    transition: 0.35s all;
}
.radio_select u i {
	display: block;
	position: relative;
	font-weight: bold;
	color: rgb(126, 172, 121);
	margin: 5px auto auto auto;
	border-top: solid 1px rgba(0, 0, 0, 0.11);
	/* min-height: 22px; */
	padding: 3px 0px 0px 0px;
	text-align: center;
	box-sizing: border-box;
	font-style: normal;
}
.radio_select u.sel {
	background: rgb(0, 94, 0);
	color: #FFFFFF;
}
.radio_select.two u {
	width: 120px;
}
.show_err {
	transition: 0.15s all cubic-bezier(.6,-0.28,.74,.05);
	outline: 3px solid rgba(255, 0, 0, 0.25) !important;
	background-color: rgba(255, 0, 0, 0.1) !important;
}
.load_error {
    margin: 22px auto;
    background: rgb(36 34 34);
    overflow: auto;
    display: block;
    border-radius: 15px;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.28);
    padding: 25px 25px;
    box-sizing: border-box;
    font-size: 16px;
    width: 92%;
    max-width: 650px;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
    border: solid 2px #ffffff;
}
.load_error button {
	display: block;
	margin: 25px auto;
	background: rgb(34, 31, 31);
	padding: 10px 32px;
	border-radius: 50px;
	border: transparent;
	color: #FFFFFF;
	cursor: pointer;
	border: solid 2px rgb(251, 244, 244);
}
/* #login {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	display: block;
	background: rgb(53, 61, 72);
	width: 320px;
	height: 188px;
	margin: auto;
	box-shadow: 7px 7px 10px 0px rgba(2, 2, 2, 0.57);
	border-radius: 10px;
	overflow: hidden;
	padding: 17px 0px;
	box-sizing: border-box;
	transition: 0.35s all;
	border: 3px solid rgb(53, 61, 72);
} */
#login button {
	background: rgb(5, 176, 128);
	color: #FFFFFF;
	border: transparent;
	padding: 12px 52px;
	border-radius: 7px;
	font-size: 18px;
	font-weight: normal;
	border: solid 2px #FFFFFF;
	margin: 15px auto 10px auto;
}
body #admin {
	color: #FFFFFF;
	width: 38px;
	height: 42px;
	background: rgb(4, 90, 225) url('../images/edit_white.svg') center center no-repeat;
	border-radius: 0px 25px 25px 0px;
	font-size: 0px;
	padding: 5px 14px;
	right: auto;
	bottom: 92px;
	left: 0px;
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
	border: solid 2px rgb(86, 141, 244);
	border-left: none;
	background-size: 18px;
	z-index: 10001;
	transition: 0.35s all;
}
body #admin.x {
	background-image: url('../images/close_white.svg');
	background-size: 14px;
	background-position-x: 14px;
	left: 270px;
	z-index: 99;
}
#admin_menu {
	position: fixed;
	top: 72px;
	background: rgb(244, 246, 255);
	color: #FFFFFF;
	text-align: left;
	box-sizing: border-box;
	width: 270px;
	transition: 0.35s all;
	border-radius: 0px;
	left: -300px;
	overflow: hidden auto;
	bottom: 15px;
	z-index: 1000;
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.45);
	right: auto;
}
#admin_menu.show {
	left: 0px;
}
#admin_menu p {
	display: block;
	line-height: normal;
	margin: auto;
	padding: 15px 22px 15px 50px;
	border-bottom: solid 1px rgba(2, 18, 43, 0.08);
	font-size: 15px;
	cursor: pointer;
	color: rgb(28, 28, 28);
	background-position: 20px center;
	background-repeat: no-repeat;
	background-size: 18px;
}
#admin_menu p:hover {
	background-color: #EEEEEE;
}
.m_lang {
    background-image: url('../images/b_lang.png');
}
.m_users {
	background-image: url('../images/b_users.png');
}
.m_achats {
	background-image: url('../images/m_achats.png');
}
.m_steps {
	background-image: url('../images/m_steps.png');
}
.m_services {
	background-image: url('../images/s_services.svg');
}
.m_instants {
	background-image: url('../images/m_instants.png');
}
.m_menuedit {
	background-image: url('../images/m_menuedit.png');
}
.m_favorites {
	background-image: url('../images/m_favorites.png');
}
.m_settings {
	background-image: url('../images/m_settings.gif');
}
.m_logout {
	background-image: url('../images/m_logout.png');
} 
.bEdit {
	display: inline-block;
	vertical-align: middle;
	margin: auto 5px;
	font-size: 0px;
	background: url('../images/edit.png') center center no-repeat;
	width: 20px;
	height: 20px;
	background-size: 80%;
}
.bEdit:hover {
    background-size: 100%;
    transition: 0.2s all;
}
.bDelete {
	display: inline-block;
	vertical-align: middle;
	margin: auto 5px;
	font-size: 0px;
	background: url('../images/redX.png') center center no-repeat;
	width: 17px;
	height: 17px;
	background-size: 70%;
}
.bDelete:hover {
    background-size: 100%;
    transition: 0.2s all;
}
.bMinus {
	background: url('../images/minus.png') center center no-repeat;
	background-size: 14px;
	color: transparent;
	font-size: 0px;
	width: 24px;
	height: 24px;
	display: inline-block;
	margin: auto 3px;
	line-height: normal;
	vertical-align: middle;
}
/* buttons {
	position: absolute;
	right: 0px;
	z-index: 1;
	padding: 5px 7px;
	top: 0px;
	bottom: 0px;
	height: 35px;
	box-sizing: border-box;
	border-radius: 5px;
	margin: auto;
} */

.invoices label > b {
	margin: 19px auto;
	border: transparent;
	background: transparent;
	color: #353535;
	right: 15px;
	border-radius: 3px;
	pointer-events: none;
}
.invoices groups label > b {
	display: none;
}
/*.window label b:hover {
    width: 50%;
}*/
.buttons.edit item {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 92%;
}
.edit .catalog {
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}
body .edit .catalog > item {
	width: 100%;
	padding-left: 55px;
	background: url('../images/folder.png') 12px center no-repeat;
	color: rgb(12, 57, 85);
	background-size: 32px;
}
.edit .catalog > item buttons {
    right: 7px;
}
.edit .catalog .open_list {
	transition: 0.35s all;
	overflow: hidden auto;
	max-height: 0px;
}
.catalog.show .open_list {
	max-height: 720px;
}

.catalog .open_list item, .edit item {
	background-image: url('../images/list.png');
	background-size: 20px;
	padding-left: 45px;
	background-position: 10px center;
}
/*.window .field_textarea b {
	width: 100% !important;
	position: relative;
	display: block;
	border-radius: 3px 3px 0px 0px;
}*/

form > u {
	font-size: 12px;
	color: rgb(91, 96, 117);
	text-decoration: none;
	text-align: left;
	width: 84%;
	display: block;
	margin: auto;
}
h1.title {
	margin: auto;
	margin-top: 0px;
	padding: 12px 15px;
	font-size: 17px;
	background: rgb(11, 15, 32);
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	transition: 0.35s all;
	position: relative;
}

h1 buttons button {
	display: inline-block;
	border: transparent;
	background: #FFFFFF;
	margin: auto 5px auto auto;
	font-size: 16px;
	border-radius: 50px;
	padding: 5px 10px;
	vertical-align: middle;
	color: rgb(55, 50, 50);
}
h1 buttons p {
	background: transparent center center no-repeat;
	background-size: 100%;
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: auto 7px;
	padding: 0px;
	cursor: pointer;
	vertical-align: middle;
}
h1 buttons #local_lang {
	display: inline-block;
	width: 22px;
	background: rgb(64, 63, 63);
	border: transparent;
	color: rgb(185, 185, 185);
	font-size: 15px;
	vertical-align: middle;
	-moz-appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}
.window_content .title.edit {
	width: 100%;
	max-width: unset;
	padding: 14px 22px;
	max-height: 50px;
}
.window_content .title.edit buttons {
	right: 30px;
}
.title .refresh {
	background-image: url('../images/refresh.png');
}
h1 .addnew {
	background-image: url('../images/add.png');
}
.buttons item s, .list item s {
	position: relative;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	margin: 2px auto auto 0px;
	text-align: left;
	border: transparent;
	border-radius: 3px;
	padding: 0px;
	background: transparent;
	color: rgb(6, 57, 210);
	height: 15px;
	display: block;
	width: 95%;
	box-sizing: border-box;
	overflow: hidden;
	font-weight: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.buttons item s u, .list item s u {
	display: inline-block;
	vertical-align: top;
	margin: auto;
	font-size: 12px;
	text-decoration: underline dashed;
	position: relative;
z-index: 10;
}
.noitems {
	display: block;
	width: 220px;
	background: rgb(255, 255, 255);
	margin: 150px auto;
	text-align: center;
	padding: 12px;
	box-sizing: border-box;
	border-radius: 50px;
	color: #151515;
	border: solid 2px rgb(222, 222, 238);
}

/*
.window .loading {
	position: relative;
	box-sizing: border-box;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	margin: 12% auto;
	color: transparent;
	transition: 1s 1s all;
	opacity: 0;
	border: transparent;
	border-radius: 35% 35% / 39% 39%;
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.show .window .loading {
	opacity: 1;
}
.window .loading::before {
	background: linear-gradient(185deg, rgb(0, 0, 0) 30%, rgb(198, 209, 221) 45%,rgb(0, 0, 0) 45%, rgb(44, 45, 46) 70%, rgb(0, 0, 0) 70%) center center no-repeat;
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 500px;
	left: 0px;
	top: -0px;
	transition: 0.35s all;
	animation: q_loading_bgtm 5s linear infinite;
}
.show .window .loading::after {
	content: "";
	position: absolute;
	width: auto;
	height: auto;
	display: block;
	left: 0px;
	top: 0px;
	border-radius: inherit;
	z-index: 0;
	background: RGB(255, 255, 255) url('../images/logo.svg') center 52% no-repeat;
	background-size: 62%;
	margin: 2px;
	box-sizing: border-box;
	right: 0px;
	bottom: 0px;
}
*/

/*.window .loading::after {
	content: "";
	background: url('../images/spinner.gif') center center no-repeat;
	width: 38px;
	height: 38px;
	display: block;
	background-size: 100%;
	margin: 35px auto -35px auto;
}*/
.err {
	color: red;
	font-size: 15px;
}
/*body .users item {
	background-image: url('../images/account.png');
	background-size: 45px !important;
	background-position: 3px center;
	border-bottom: solid 1px rgba(0, 0, 0, 0.08) !important;
	background-repeat: no-repeat;
}
.users item.consultant, .consultant item.consultant {
    background-image: url('../images/consultant.png');
}*/
li c {
	background: RGB(212, 224, 255);
	width: 26px;
	height: 26px;
	border-radius: 50px;
	text-align: center;
	font-size: 12px;
	padding: 6px 0px;
	z-index: 2;
	color: inherit;
	box-sizing: border-box;
	position: absolute;
	right: 5px;
	top: 0px;
	bottom: 0px;
	margin: auto;
}
body #html .orders_card {
	display: inline-block;
	width: 270px;
	background: #FFFFFF;
	border-radius: 0px;
	margin: auto 12px auto auto;
	vertical-align: top;
	box-shadow: none;
	height: 500px;
	overflow: hidden auto;
	position: relative;
	scrollbar-width: thin;
	scrollbar-color: rgba(3, 3, 3, 0.28) rgba(0, 0, 0, 0.09);
	border-radius: 7px;
	box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.24);
}
/*body #html .orders_card {
	display: inline-block;
	width: 210px;
	background: rgba(255, 255, 255, 0.36);
	border-radius: 10px;
	margin: 16px 12px auto auto;
	vertical-align: top;
	box-shadow: 3px 3px 10px rgba(2, 2, 2, 0.22);
	height: 500px;
	overflow: hidden auto;
	position: relative;
	scrollbar-width: thin;
	scrollbar-color: rgba(3, 3, 3, 0.28) rgba(0, 0, 0, 0.09);
}*/
body #html .orders_card h2 {
	margin: auto auto auto 0px;
	display: inline-block;
	background: rgb(229, 243, 255);
	color: rgb(23, 23, 23);
	font-size: 15px;
	text-align: left;
	padding: 15px 20px 9px 20px;
	border-radius: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: 100%;
	right: auto;
	text-align: left;
	box-sizing: border-box;
	height: 50px;
}
body #html .orders_card h2 b {
	margin: auto;
	width: 32px;
	height: 32px;
	box-sizing: border-box;
	border-radius: 6px;
	text-align: center;
	padding: 5px 12px;
	position: absolute;
	right: 10px;
	top: 9px;
	color: #FFFFFF;
	background-position: right top !important;
}
/*body #html .orders_card h2 {
	margin: auto;
	display: block;
	background: rgb(36, 36, 36);
	color: #FFF !important;
	font-size: 15px;
	text-align: left;
	padding: 7px 15px;
	border-radius: 2px 2px 0px 0px;
	position: sticky;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: 100%;
	right: 0px;
}*/
body #html .orders_card h2::after {
	/* content: ""; */
	width: 30px;
	height: 26px;
	border-radius: 0px 5px 0px 0px;
	background: inherit;
	position: absolute;
	right: 15px;
	top: 1px;
	z-index: 1;
	box-shadow: 5px -4px 5px 0px rgba(0, 0, 0, 0.14);
	transform: rotate(45deg);
}
body #html .orders_card:nth-child(1) h2 b {
	background: linear-gradient(45deg, transparent, rgb(0, 90, 100));
}
body #html .orders_card:nth-child(2) h2 b {
	background: linear-gradient(45deg, rgba(255, 0, 0, 0), rgb(31, 234, 215));
	color: #353535 !important;
}
body #html .orders_card:nth-child(3) h2 b {
	background: linear-gradient(45deg, rgba(255, 0, 0, 0), rgb(10, 91, 3));
}
body #html .orders_card:nth-child(4) h2 b {
	background: linear-gradient(45deg, rgba(255, 0, 0, 0), rgb(181, 86, 3));
}
body #html .orders_card:nth-child(5) h2 b {
	background: linear-gradient(45deg, rgba(255, 0, 0, 0), rgb(172, 138, 3));
}
body #html .orders_card:nth-child(6) h2 b {
	background: linear-gradient(45deg, rgba(255, 0, 0, 0), rgb(93, 106, 1));
}
body #html .orders_card:nth-child(7) h2 b {
	background: linear-gradient(45deg, rgba(255, 0, 0, 0), rgb(8, 87, 1));
}
body #html .orders_card:nth-child(8) h2 b {
	background: linear-gradient(45deg, rgba(255, 0, 0, 0), rgb(45, 45, 45));
}
body #html .orders_card:nth-child(9) h2 b {
	background: linear-gradient(45deg, rgba(255, 0, 0, 0), rgb(125, 125, 125));
}
.account_orders {
	position: relative;
}
.filters.right {
	background: #F5F5FA;
	border-radius: 5px;
	display: inline-block;
	position: absolute !important;
	right: -12px;
	top: -12px;
	padding: 3px;
}
.filters.right a {
	padding: 12px 15px;
	border-radius: 5px;
	color: #2A3752;
	font-size: 12px;
}
.filters.right .active {
	background: #FFFFFF;
}
#html .filters {
	float: right;
	position: relative;
}
.filters a {
	display: inline-block;
	font-size: 15px;
	border-right: 1px solid rgba(253, 253, 253, 0.1);
	padding: 0px 10px 0px 5px;
}
.pay_status {
	position: absolute;
	right: 15px;
	top: 15px;
	font-weight: normal;
	color: rgb(114, 114, 114);
	font-size: 17px;
	background: transparent;
	padding: 5px 10px;
	border-radius: 3px;
	width: 92px;
	text-align: center;
	border: solid 1px rgb(114, 114, 114);
}
.pay_status.paid {
	background: rgb(36, 113, 196);
	color: #FFFFFF;
}

body item .uname {
	color: rgb(6, 32, 134) !important;
}
body item .ename {
	color: rgb(111, 140, 5) !important;
}

body #html .orders_card .no_orders {
	display: block;
	text-align: center;
	margin: auto;
	padding: 22px;
	font-size: 15px;
	color: #353535;
}
body #html .manager.orders {
	white-space: nowrap;
	overflow: auto;
	display: block;
	scrollbar-width: thin;
	padding: 22px 22px 22px 22px;
	box-sizing: border-box;
	background: RGB(238, 238, 238);
	margin: auto;
	position: relative;
	width: 100vw;
	max-width: calc(100vw - 250px);
	height: 100vh;
	max-height: calc(100vh - 72px);
}
body #html .manager.orders item {
	background: #FFFFFF;
	width: 100%;
	box-sizing: border-box;
	display: block;
	padding: 7px 7px !important;
	overflow: hidden;
	margin: auto;
	cursor: pointer;
	transition: 0.15s all;
	position: relative;
	border: transparent;
	border-bottom: solid 2px rgb(215, 215, 215);
}
body #html .manager.orders item:hover {
	background: rgb(219, 245, 253);
}
body #html .manager.orders item price {
	display: block;
	text-align: right;
	color: green;
	font-size: 15px;
	position: absolute;
	right: 7px;
	bottom: 1px;
}
body #html .manager.orders item .uname {
	display: block;
	text-align: left;
	max-width: 92%;
	margin: auto;
	padding: 0px;
	line-height: normal;
	font-size: 14px;
	text-overflow: ellipsis;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
}
body #html .manager.orders item .ename {
	text-align: left;
	font-size: 14px;
	width: 92%;
	margin: 2px auto;
	text-overflow: ellipsis;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
}
body #html .manager.orders item h3 {
	display: block;
	margin: auto;
	padding: 7px 7px;
	font-size: 17px;
	text-align: left;
	color: rgb(41, 41, 41);
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
body #html .orders_card.dragon {
	background: #FFF;
	z-index: 100;
	position: relative;
	box-shadow: 0px 5px 15px 0px rgb(0, 0, 0);
	transform: scale(1.05);
	transition: 0.15s all;
}
body #html .orders_card item.dragnow {
	opacity: 0;
	transition: 0.3s all;
}
body #html .manager.orders item b {
	font-weight: normal;
	text-align: left !important;
	color: green;
	display: block;
	padding: 0px 7px;
	font-size: 14px;
}
body #html .manager.orders d {
	display: block;
	font-size: 12px;
	text-align: left;
	width: 92%;
	margin: auto;
	color: rgb(123, 101, 13);
}
.manager.orders item #paybtn {
	display: none;
}

.consultant item {
	background: url('../images/blanks.png') 20px center no-repeat;
	background-size: 30px;
	padding-left: 75px !important;
	background-position-x: 25px !important;
}
.consultant .edit.list {
	top: 0px;
}
.consultant item.user {
    background-image: url('../images/account.png');
    background-size: 35px;
    background-position: 12px center;
}
.consultant item.steps {
	background-image: url("../images/steps.png");
}
.consultant.darktheme item.steps {
	background-image: url("../images/steps_white.png");
}
.consultant item.invoice {
	background-image: url("../images/invoice.png");
}
.consultant #html {
	margin: auto;
	position: fixed;
	z-index: 1;
	overflow: hidden auto;
	width: 100%;
	left: 0px;
	top: 70px;
	height: 100%;
	padding-top: 45px;
	box-sizing: border-box;
}
.consultant #html .title {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 2;
	width: 100%;
	height: 45px;
	box-sizing: border-box;
}
.consultant i b {
	font-size: 12px;
}

.consultant .noconnected .onlyconnected {
	opacity: 0.3;
	filter: grayscale(1);
}

.languages p {
	display: block;
	width: auto;
	margin: 1px auto;
	padding: 12px 12px 12px 50px;
	text-align: left;
	box-sizing: border-box;
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: 15px center;
	border-bottom: solid 1px rgb(198, 198, 198);
	cursor: pointer;
}
.languages h2 {
	display: block;
	margin: 18px auto !important;
	text-align: center;
	padding: 0px;
	width: auto;
	font-size: 18px;
	color: rgb(30, 30, 30);
	font-weight: normal;
}
.lang_list .content_pages {
	margin: 15px auto 5px auto;
	text-align: center;
	overflow: hidden;
}
.content_pages i, .content_pages a {
	display: inline-block;
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	font-style: normal;
	background: rgb(35, 135, 223);
	margin: auto 1px;
	width: 20px;
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 15px;
	cursor: pointer;
}
.content_pages i[active], .content_pages a[active], .content_pages a.active {
	background: rgb(130, 130, 130);
	color: #FFFFFF;
}
.window .languages {
	padding: 5px 0px;
}
.window_content .languages h1 {
	display: none;
}

#html.consultant {
	padding-top: 45px;
}
.userinfo {
	margin: auto;
	text-align: left;
	display: block;
	border-radius: 15px;
	position: relative;
	min-height: unset;
	padding: 0px 0px 22px 0px;
	color: #151515;
	border: transparent !important;
	background: transparent;
}
.userinfo p {
	display: block;
	margin: 5px auto auto 0px;
	padding: 2px 0px;
	overflow: hidden;
	font-size: 15px;
	border-bottom: solid 1px rgba(0, 0, 0, 0.04);
	box-sizing: border-box;
	width: 95%;
}
.userinfo p b {
	display: inline-block;
	width: 18px;
	padding: 0px;
	color: rgb(10, 152, 196);
	font-weight: normal;
	text-align: left;
	height: 18px;
	vertical-align: middle;
	background-size: 90%;
	margin: 5px 5px 5px 0px;
	background-position: center center;
	background-repeat: no-repeat;
}
.userinfo p u {
	width: auto;
	text-decoration: none;
	display: inline-block;
	margin: auto;
	vertical-align: middle;
	color: inherit;
}
.userinfo .buttons button {
	border-radius: 3px;
	margin: 5px auto auto;
	display: block;
	font-size: 15px;
	padding: 5px 1px 5px 10px !important;
	width: 100%;
	cursor: pointer;
	border: transparent;
	text-align: left;
	background: rgb(29, 32, 36);
	/* color: #151515; */
	/* border-bottom: dashed 1px rgb(185, 185, 185); */
	box-sizing: border-box;
}
.userinfo .user_name {
	font-weight: bold;
	font-size: 17px;
	width: 82%;
	margin: -12px auto auto auto;
}
.userinfo .user_login {
	color: #555555;
	font-size: 12px;
}
.headinfo {
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.headinfo .left {
	width: 150px;
	display: table-cell;
	text-align: center;
	vertical-align: top;
	position: relative;
}
.headinfo .right {
	padding: 12px;
	width: 68%;
	display: table-cell;
	text-align: left;
	vertical-align: top;
	position: relative;
}
.headinfo .user_photo {
	width: 80px;
	height: 80px;
	display: inline-block;
	background-position: center;
	background-size: 70px;
	margin: 15px;
	background-color: #FFFFFF;
	border-radius: 10px;
	background-repeat: no-repeat;
}
.headinfo .verify.ok {
	background-image: url('../images/verify_ok.png');
}
.headinfo .verify.sended {
	background-image: url('../images/waite.png');
}

.userinfo .verify {
	background: transparent center center no-repeat;
	width: 35px;
	height: 35px;
	position: absolute;
	background-size: 100%;
	top: 2px;
	right: 7px;
}
.userinfo .buttons {
	text-align: right;
	padding: 12px;
}


.msg_info {
	margin: 100px auto;
	text-align: center;
	width: 80%;
	display: block;
	color: rgb(158, 249, 155);
	background: rgb(62, 62, 62);
	padding: 12px;
	box-sizing: border-box;
	border-radius: 5px;
}

button.bsave_fly {
	position: fixed;
	z-index: 100;
	bottom: 15px;
	left: 0px;
	right: 0px;
	margin: auto;
	width: 95px;
	text-align: center;
	padding: 7px 7px;
	line-height: normal;
	height: auto;
	min-height: unset;
}

body.darktheme {
	background: #080514;
	color: #FFFFFF;
}
.darktheme .cscroll i.active {
	background: rgba(255, 255, 255, 0.09);
	color: rgb(244, 244, 231);
}
.darktheme .cscroll {
	background: rgba(0, 0, 0, 0.31);
	color: #FFFFFF;
}
.darktheme .buttons {
	background: transparent;
}
.darktheme item {
	background-position-x: 22px;
	border-top: solid 1px rgba(11, 11, 11, 0.35);
	width: 100%;
	background-position-x: 15px;
	color: inherit;
	padding-left: 58px;
}
.darktheme .edit .catalog {
	background-color: transparent;
	color: #EEEEEE;
}
.darktheme .edit item {
	color: rgb(229, 241, 253);
}
.darktheme .edit item s {
	color: rgb(96, 96, 96);
}
.darktheme .buttons item::before {
	border: transparent;
}
.darktheme .catalog .open_list item, .darktheme .edit item {
    background-image: url('../images/list_white.png');
}
body.darktheme .edit .catalog > item {
	color: #EEEEEE;
}
body.darktheme header {
	background-color: inherit !important;
}
.darktheme header .mobile_menu img {
	filter: invert(1);
}
.darktheme .lang_mob.mobile {
	filter: invert(1);
}
.darktheme #html {
	background-color: transparent;
	color: #EEEEEE;
}
.darktheme .hello {
	background: inherit;
	/*color: #EEEEEE;*/
}
body.darktheme .window {
	background: rgb(39, 50, 60);
	color: #FFFFFF;
	border: solid 2px rgb(208, 208, 208);
}
.darktheme .card h1 {
	color: #353535;
}
.darktheme .card .descr {
	color: rgb(27, 55, 91);
}
.darktheme menu {
	background: rgb(7, 15, 38);
	border-top: 1px solid rgb(81, 118, 196);
}
.darktheme menu li {
	color: rgb(81, 118, 196);
}
.darktheme #html .card {
	background-color: #0D0821;
	border-color: #160E34;
	color: #FFFFFF;
}
.darktheme .company_info {
	background: transparent;
	color: #FFFFFF;
}
body.darktheme .company_info {
	background: transparent;
	color: #FFFFFF;
	background-image: url('../images/logo_wt.svg') !important;
}
.darktheme .popular.card h2 {
	border-color: #FFFFFF;
	color: #FFFFFF;
}
.darktheme .popular.card h3 .empty {
	margin: auto;
	display: block;
	padding: 100px 12px;
	text-align: center;
	font-size: 15px;
}

.h_msg, .h_undefined, .h_reply, .h_operator {
	background: rgb(72, 136, 136);
	width: 75%;
	margin: 12px 12px auto 12px;
	border-radius: 7px;
	padding: 5px 12px;
	font-size: 15px;
	text-align: left;
	box-sizing: border-box;
}
.h_undefined {
    background: rgb(94, 96, 98);
}
.h_operator {
	background: rgb(162, 91, 28);
	margin: 12px 12px 12px auto;
}
.h_reply {
	background: rgb(16, 102, 136);
	margin: 12px 12px 12px auto;
}
.h_cons_start, .h_start {
	background: #353535;
	width: 90%;
	box-sizing: border-box;
	margin: 5px auto;
	padding: 7px;
	text-align: center;
	border: solid 1px rgb(134, 134, 134);
	border-radius: 3px;
}
.edit.steps item {
	background: RGB(255, 255, 255) url("../images/steps.png") 15px 15px no-repeat;
	border-radius: 5px;
	margin: 12px auto;
	box-shadow: none;
	background-size: 32px;
	width: 95%;
	padding-left: 57px;
	font-size: 15px;
	color: #151515;
	border: transparent;
	box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.edit.steps item b {
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 83%;
	display: block;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	font-weight: normal;
}
.edit.steps item t {
	display: block;
	padding: 12px 12px 12px 55px;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	margin: auto;
	border: solid 1px #DDDDDD;
	overflow: visible;
	border-radius: 5px !important;
	background: inherit;
	background-position: 12px center;
}
.edit.steps item t::before {
	content: "";
	position: absolute;
	left: -8px;
	top: 45%;
	width: 5px;
	height: 1px;
	border-top: dashed 1px rgb(187, 187, 187);
}
.substeps t {
	margin-top: 5px !important;
	margin-left: 10px !important;
}
.edit.steps .lang {
	background-image: url("../images/languages.png");
}
.edit.steps .form, .edit.steps .blank, .consultant .blank {
	background-image: url("../images/form.png");
}
.edit.steps .invoice {
	background-image: url("../images/invoice.png");
}
.edit.steps .blanks {
	background-image: url("../images/invoice.png");
}

.substeps {
	width: 92%;
	margin: auto 5px auto auto;
	border-left: dashed 1px rgb(215, 215, 215);
	border-radius: 0px;
	overflow: hidden;
	box-sizing: border-box;
}
.substeps .substeps {
	border-radius: 5px !important;
	z-index: 1;
	position: relative;
	background: #FFFFFF;
	overflow: hidden;
	border: transparent;
	width: 92%;
	margin: auto 5px auto auto;
	border-left: dashed 1px rgb(215, 215, 215);
	border-radius: 0px;
}
.substeps item {
	border: transparent !important;
	width: 100% !important;
	border-bottom: solid 1px rgb(236, 236, 236) !important;
	border-radius: 0px !important;
	padding: 10px 5px 10px 55px !important;
	margin: auto !important;
}

.addnew.step {
	background: rgb(251, 248, 248) url('../images/add.png') center center no-repeat !important;
	background-size: 18px !important;
	width: 32px;
	height: 32px;
	display: block;
	border-radius: 50px;
	font-size: 0px;
	padding: 0px;
	border: solid 1px #CCCCCC;
	margin: 5px auto;
}
.bAddStetostep {
	background: #FFFFFF url('../images/add.png') center center no-repeat;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
	background-size: 70%;
	border: solid 1px #DDDDDD;
	border-radius: 15px;
	box-shadow: 0px 0px 0px 5px #FFFFFF;
}
.buttons.ulist.edit.steps button {
	width: 250px;
	box-sizing: border-box;
}
.field_textarea.step_steps {
	height: auto;
	background: #FFF;
	max-height: 320px;
	overflow: hidden auto;
}
form > b {
	font-size: 12px;
	text-align: left;
	display: block;
	margin: 15px auto -5px auto;
	width: 85%;
	color: rgb(83, 83, 83);
}
.window .buttons.edit {
	width: auto;
	position: relative;
	margin: auto;
	top: 0px;
	bottom: 0px;
	padding: 0px;
}
item.substep {
	position: relative;
	width: 100%;
	background: transparent;
	border-bottom: solid 1px rgb(236, 234, 234);
	border-radius: 0px;
	text-align: left;
	color: #353535;
	margin: auto;
	padding: 9px 15px;
	display: block;
	box-sizing: border-box;
}
item.substep:hover {
	background: rgb(219, 230, 249);
	border-color: transparent;
}
.step_steps b {
	display: none;
}
.page_loading {
	position: fixed;
	top: 42%;
	bottom: auto;
	width: 200px;
	background: rgba(0, 0, 0, 0.29);
	padding: 13px 5px;
	height: 45px;
	box-sizing: border-box;
	margin: auto;
	right: 0px;
	left: 0px;
	color: #FFFFFF;
	border-radius: 50px;
}
.page.card {
    max-width: 620px;
    width: auto;
    margin: 22px auto;
}
#html > .list.card {
	max-width: 640px !important;
	margin: 20px auto !important;
}
#html > .card {
	margin: 22px;
}
.edit item.sub1 {
	width: 90%;
	margin: -5px 8px 10px auto;
}
.edit item.sub2 {
	width: 85%;
	margin: -5px 8px 10px auto;
}
.edit item.sub3 {
	width: 80%;
	margin: -5px 8px 10px auto;
}

.step_blank, .client_form {
	display: block;
	margin: 22px auto auto auto;
	text-align: center;
	position: relative;
}
.step_blank {
	margin: -22px auto auto auto;
}
.step_blank form, .client_form form {
	width: 90%;
	background: rgba(255, 255, 255, 0.42);
	margin: 32px auto 52px auto;
	border-radius: 10px;
	border: solid 3px rgb(255, 255, 255);
}
.step_blank img {
	width: 60%;
	height: auto;
	max-width: 80%;
	display: block;
	margin: auto;
	border-radius: 3px;
	border: solid 1px #EEEEEE;
	/* box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.2); */
}
.step_blank item, .client_form item {
	background: rgb(74, 74, 74) linear-gradient(rgb(79, 79, 79),rgb(60, 60, 60));
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	width: 200px;
	padding: 9px 18px;
	border: transparent !important;
	border-radius: 5px;
	height: auto;
	min-height: auto;
	margin: 32px auto 32px auto;
}
.step_blank item:before {
	display: none;
}
.step_blank item:after {
	display: none;
}
.step_blank price, .step_blank input, .step_blank select, .client_form input, .client_form select, form price, .order_content price {
	color: rgb(0, 0, 0);
	margin: 20px auto 20px auto;
	display: block;
	border: transparent;
	background: #FFFFFF;
	width: 92%;
	padding: 10px 5px;
	box-sizing: border-box;
	border-radius: 3px;
	text-align: left;
	max-width: 92%;
	font-size: 20px;
	line-height: 24px;
}
form price, .order_content price {
	border: solid 1px rgb(146, 156, 196);
	width: 90%;
	max-width: unset;
	border-radius: 10px;
	padding: 12px 20px;
	color: rgb(79, 79, 79);
}
form price i, .order_content price i, .more_information price i {
	display: table;
	font-size: 16px;
	color: #151515;
	width: 100%;
	border-bottom: dashed 1px rgb(193, 193, 193);
	font-style: normal;
	vertical-align: middle;
	padding: 1px 0px;
	transition: 0.35s all;
}
form price i.hide, .order_content price i.hide, .more_information price i.hide {
	box-sizing: border-box;
	opacity: 0;
	height: 0px;
	padding: 0px;
	overflow: hidden;
	margin-bottom: -25px;
}
form price i b, .order_content price i b, .more_information price i b {
	display: table-cell;
	text-align: left;
	width: 100%;
	color: rgb(113, 113, 113);
	font-weight: normal;
	vertical-align: middle;
	padding: 7px 0px 3px 0px;
}
form price i u, .order_content price i u, .more_information price i u {
	display: table-cell;
	width: 35%;
	color: #353535;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
	padding: 0px 0px 3px 0px;
}
form price i.total, .order_content price i.total, .more_information price i.total {
	font-size: 24px;
	color: #151515;
}
form price i.total b, .order_content price i.total b, .more_information price i.total b {
	font-size: 24px;
	color: #151515;
}
form price i.total u, .order_content price i.total u, .more_information price i.total u {
	font-size: 24px;
	color: #151515;
}
.total u {
    font-size: 27px;
}
.step_blank input {
	margin: 5px auto 15px auto;
}
.step_blank label {
	width: 100%;
	display: block;
	margin: auto;
}
.step_blank label b {
	display: block;
	text-align: left;
	line-height: normal;
	font-size: 15px;
	width: 80%;
	max-width: 250px;
	margin: 5px auto auto auto;
	font-weight: normal;
	color: rgb(68, 68, 68);
}
form.client_form {
	width: 92%;
	background: #FFF !important;
	margin: 22px auto;
	border-radius: 10px;
	border: solid 3px rgb(255, 255, 255);
	box-sizing: border-box;
	text-align: center;
	max-width: 650px;
}
form.client_form label {
	width: 90%;
	display: block;
	margin: 32px auto;
	border: solid 1px rgb(61, 61, 61);
	border-radius: 10px;
	position: relative;
	height: auto;
	padding: 0px 0px;
}
form.client_form label b {
	display: block;
	text-align: left;
	line-height: normal;
	font-size: 12px;
	width: auto;
	max-width: 250px;
	margin: auto;
	font-weight: normal;
	color: rgb(18, 49, 170);
	position: absolute;
	left: 17px;
	top: -7px;
	background: #FFFFFF;
	padding: 0px 10px;
	height: 16px;
	box-sizing: border-box;
	overflow: hidden;
	right: auto;
	bottom: auto;
	border: transparent;
}
form.client_form input, form.client_form select {
	margin: auto;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	padding: 0px 20px;
	border: transparent;
	box-sizing: border-box;
	max-width: unset;
	border-radius: inherit;
	color: rgb(16, 52, 162);
	height: 47px !important;
	max-height: unset !important;
	min-height: unset !important;
}
form.client_form select {
	background: url('../images/arrow_down_black.svg') 95% center no-repeat;
	background-size: 16px;
	list-style-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
body label.datalist {
	position: relative;
}
body label.datalist list {
	position: absolute;
	top: 100%;
	left: 0px;
	background: rgb(253, 253, 253);
	border: 1px solid rgb(242, 242, 242);
	border-radius: 5px;
	overflow: hidden auto;
	max-height: 250px;
	z-index: 1;
	box-shadow: 3px 3px 10px 0px rgba(6, 6, 6, 0.17);
	margin: 1px auto auto auto;
	width: 250px;
	right: 0px;
	pointer-events: none;
	opacity: 0;
	z-index: -1;
}
body label.datalist list.show {
	pointer-events: auto;
	opacity: 1;
	z-index: 1;
}
body label.datalist p {
	display: block;
	margin: auto;
	padding: 7px 12px 7px 42px;
	height: auto;
	text-align: left;
	font-size: 15px;
	border-bottom: solid 1px rgb(244, 244, 244);
	cursor: pointer;
	background-position: 12px center;
	background-size: 24px;
	background-repeat: no-repeat;
	color: #353535;
}
body label.datalist p:hover {
	background-color: rgb(223, 223, 223);
}
label.withleft.phone left, label.withleft.country left {
	position: absolute;
	left: 12%;
	top: auto;
	bottom: 0px;
	width: 36px;
	height: 32px;
	margin: auto;
	cursor: pointer;
}
body label.withleft.phone input, body label.withleft.country input {
	padding-left: 39px !important;
	background-position: 9px center;
	background-repeat: no-repeat;
	background-size: 22px;
}

.orders .order {
	background: rgb(52, 62, 96) 15px center no-repeat;
	margin: 5px auto;
	padding: 7px 12px;
	text-align: left;
	width: 90%;
	border-radius: 7px;
	position: relative;
	height: 55px;
	color: rgb(234, 234, 234);
	cursor: pointer;
	background-size: 32px;
}
.orders .order b {
	font-size: 17px;
	display: inline-block;
	margin: 5px auto;
	position: absolute;
	left: 55px;
	top: 7px;
	border-bottom: dotted 1px rgba(255, 255, 255, 0.31);
	font-weight: normal;
}
.orders .order n {
	position: absolute;
	bottom: 15px;
	left: 55px;
	color: rgb(151, 151, 151);
	font-size: 15px;
	width: auto;
}
.orders .order p {
	position: absolute;
	right: 10px;
	top: 10px;
	margin: auto;
	padding: 0px;
	text-align: right;
	font-size: 14px;
	font-weight: normal;
	color: rgb(112, 221, 3);
}
.orders .order s {
	position: absolute;
	right: 10px;
	bottom: 10px;
	margin: auto;
	padding: 0px;
	text-align: right;
	font-size: 14px;
	font-weight: normal;
	color: rgb(3, 139, 221);
	text-decoration: none;
}
.orders .order s.status_ {
	color: rgb(139, 255, 0);
	font-weight: bold;
	font-size: 17px;
}
.orders .order s.status_1 { /* New */
	color: rgb(100, 244, 19);
}
.orders .order s.status_2 { /* In work */
	color: rgb(19, 213, 244);
}
.orders .order s.status_3 { /* Finish */
	color: rgb(142, 142, 142);
}
.orders .order s.status_4 { /* Closed */
	color: rgb(142, 142, 142);
}
.orders i {
	display: block;
	margin: 5px auto;
	text-align: left;
	padding: 7px 0px;
	width: 90%;
	border-bottom: solid 1px rgba(134, 134, 134, 0.2);
	box-sizing: border-box;
	color: inherit;
	font-style: normal;
	font-size: 16px;
}
.orders i b {
	display: inline-block;
	width: 100px;
	vertical-align: top;
}
.orders .i_text {
	display: block;
	background: rgba(0, 0, 0, 0.22);
	padding: 5px 7px;
	border-radius: 10px;
	margin: 15px auto;
	box-sizing: border-box;
	border: transparent;
}
.orders .i_text b {
	display: inline-block;
	width: 100%;
	font-weight: normal;
	font-size: 15px;
}

body .orders item {
	width: 220px;
	margin: 5px;
	vertical-align: middle;
	text-align: center;
	padding: 8px 6px !important;
}
body .orders button {
	width: 230px;
	display: block;
	margin: 10px auto 5px auto;
}
body .orders .close_order {
    background-color: rgb(236, 60, 60);
}
body .orders .finish_order {
    background-color: rgb(236, 60, 60);
}
item.drag_taked {
	opacity: 0.25;
	transform: scale(0.8);
	transition: 0.35s all;
	box-shadow: 0px 0px 0px 5px rgb(49, 82, 134) !important;
}

#html .invoices item {
	display: block;
	position: relative;
}
#html .invoices.edit h2 {
	text-align: left !important;
	display: block !important;
	font-size: 18px !important;
	background: transparent;
	color: #FFFFFF;
	padding: 0px 22px;
	margin: auto !important;
}
#html .invoices item price {
	position: absolute;
	right: 107px;
	top: 10px;
	color: rgb(19, 82, 6);
	/* background: rgb(235, 251, 229); */
	border-radius: 5px;
	padding: 5px 15px;
	/* border: solid 1px rgb(187, 240, 180); */
	font-size: 22px;
	text-align: right;
	width: 92px;
	font-weight: bold;
}
.invoices groups {
	display: block;
	margin: auto;
	padding: 25px 0px;
	width: auto;
	border-radius: 0px;
	position: relative;
	background: linear-gradient(25deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.26));
	border: transparent;
	background-color: #335EEA;
}
.invoices groups h2 {
	display: block;
	color: #FFFFFF;
	width: auto;
	max-width: 87%;
	font-size: 17px;
	font-weight: normal;
	text-align: left;
}
.invoices group:hover {
	background-color: rgba(0, 0, 0, 0.19);
}
.invoices group {
	display: block;
	margin: auto;
	padding: 0px 0px;
	width: auto;
	border-radius: 0px;
	position: relative;
	max-height: 0px;
	overflow: hidden;
	transition: 0.5s all;
	border: transparent;
}
.invoices group.show {
	max-height: 100px;
}
.invoices group label {
	border: transparent !important;
	font-size: 17px;
	display: inline-block;
	border-radius: 50px;
}
.invoices group label.field_service_price {
	border: rgb(251, 251, 251) solid 2px !important;
	background: rgba(0, 0, 0, 0.24) !important;
	color: #FFFFFF !important;
	width: 60px !important;
}
.invoices group .field_service_price {
	width: 55px;
	text-align: center !important;
	box-sizing: border-box;
	position: relative;
	pointer-events: none;
}
.invoices group .field_service_price input {
	width: 100%;
	height: 100%;
	margin: auto;
	text-align: center !important;
	border: transparent !important;
	max-height: 100%;
	font-weight: bold;
	pointer-events: none;
}
.invoices group #field_count {
	text-align: right !important;
	padding: 5px 2px !important;
}
.field_select.field_service {
	max-width: 370px;
}
.field_select.field_count {
	width: 60px !important;
}

.edit.invoices label + b {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	width: 85%;
	display: block;
	margin: 10px auto auto auto;
	color: inherit;
	overflow: hidden;
}
.invoices item {
	background: transparent !important;
	border-bottom: dashed 1px rgb(128, 132, 128) !important;
	margin: auto !important;
	padding: 7px 17px !important;
	display: block;
	width: auto;
	box-sizing: border-box;
	text-align: center !important;
}
.invoices #bFieldAdd {
	width: 42px;
	height: 42px;
	border: solid 3px rgb(46, 111, 102);
	border-radius: 50px;
	position: relative;
	bottom: 0px;
	margin: auto auto -43px auto;
	padding: 0px;
	left: 0px;
	right: 0px;
	background: #FFF url('../images/add.png') center center no-repeat;
	background-size: 20px;
	cursor: pointer;
	z-index: 1;
	box-sizing: border-box;
}
.edit.invoices .field_count, .edit.invoices .field_price, .edit.invoices .field_discount, .edit.invoices .field_price_total, .edit.invoices .field_ex_payment, .edit.invoices .field_ex_days {
	width: 41%;
	display: inline-block;
	margin: 5px 1% 5px 1% !important;
}
.edit.invoices .field_count b, .edit.invoices .field_price b, .edit.invoices .field_discount b, .edit.invoices .field_price_total b, .edit.invoices .field_ex_payment b, .edit.invoices .field_ex_days b {
	left: 0px;
	right: auto;
}
.edit.invoices .field_count input, .edit.invoices .field_price input, .edit.invoices .field_discount input, .edit.invoices .field_price_total input, .edit.invoices .field_ex_payment input, .edit.invoices .field_ex_days select {
	text-align: right;
	padding-right: 12px !important;
}
.edit.invoices .field_price input, .edit.invoices .field_price input {
	color: rgb(23, 23, 23);
	background: transparent;
	font-weight: bold;
	pointer-events: none;
}
.edit.invoices button {
	background: rgb(50, 98, 242);
	margin: 12px auto auto auto;
	display: inline-block;
	width: auto;
	height: auto;
	padding: 10px 25px !important;
	font-size: 17px;
}
.inv_send {
	background: rgb(27, 41, 100) !important;
}
.tg_message {
	display: block;
	position: relative;
	margin: 12px 12px 70px 12px;
	border: transparent;
	border-radius: 15px;
	background: rgb(72, 72, 72);
	text-align: left;
	font-size: 15px;
	color: #EEEEEE;
}
.tg_message title {
	display: block;
	font-size: inherit;
	font-weight: normal;
	margin: auto;
	padding: 10px 12px;
	color: rgb(51, 203, 238);
}
.tg_message img {
	max-width: 90%;
	margin: auto auto auto 0px;
	left: 5%;
	position: relative;
	display: block;
	overflow: hidden;
}
.tg_message descr {
	padding: 5px 17px;
	display: block;
	font-weight: normal;
	margin: auto;
	overflow: hidden;
}
.tg_message pay {
	display: block;
	text-align: center;
	margin: auto;
	width: 180px;
	background: #353535;
	padding: 7px 12px;
	overflow: auto;
	position: relative;
	border-radius: 5px;
	border: solid 1px rgba(255, 253, 253, 0.14);
	position: absolute;
	bottom: -42px;
}
.tg_message pay p {
	margin: auto -25px auto auto;
	display: inline-block;
	font-weight: bold;
	padding: 0px 8px;
	color: rgb(134, 134, 134);
}
.window_content {
	overflow: hidden;
	position: relative;
	z-index: 1;
	top: 0px;
	min-height: 72px;
}
.div_msg {
	width: 80%;
	max-width: 320px;
	background: rgb(68, 68, 68);
	text-align: center;
	margin: 25px auto;
	padding: 25px;
	box-sizing: border-box;
	color: #FFFFFF;
	font-size: 17px;
	border-radius: 5px;
}
.buttons.langs item::after {
	border-radius: 2px;
	height: 20px;
	width: 32px;
	background-size: 100%;
	padding: 0px;
	margin-left: 5px;
}
.window .descr {
	margin: auto;
	padding: 12px 0px;
	text-align: left;
	border-top: solid 1px #EEEEEE;
	width: 90% !important;
	box-sizing: border-box;
}
.window .descr i {
	display: block;
	margin: auto;
	padding: 5px 0px 0px 0px;
	font-style: normal;
}

.consultant .home item {
	display: inline-block;
	width: 105px;
	margin: 5px;
	vertical-align: top;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.04);
	height: 95px;
	min-width: unset;
	font-weight: normal;
	font-size: 12px;
	padding: 60px 3px 3px 3px !important;
	border-radius: 10px;
	background-position: center 10px !important;
	background-size: 45px;
	border: solid 1px rgba(255, 255, 255, 0.08);
	cursor: pointer;
}
.consultant .invoices item {
	text-align: center;
}
body.instant_view {
	max-width: 620px;
	margin: auto;
	text-align: left;
}
body.instant_view content {
	margin: 22px;
	background: #FFFFFF;
	border-radius: 10px;
	box-shadow: 5px 5px 10px 0px #353535;
}
body.instant_view content {
	margin: 22px;
	background: #FFFFFF;
	border-radius: 10px;
	box-shadow: 5px 5px 10px 0px rgba(53, 53, 53, 0.16);
	overflow: hidden auto;
	display: block;
}
body.instant_view content img {
	margin: 12px auto auto auto;
	border-radius: 5px;
	width: 100%;
	height: auto;
	max-width: 95%;
	box-sizing: border-box;
	display: block;
}
body.instant_view content h1 {
	margin: 12px 12px auto 12px;
	color: rgb(13, 133, 153);
	font-size: 25px;
}
body.instant_view content .text {
	margin: 12px 12px 12px 12px;
	line-height: 25px;
	font-size: 17px;
	box-sizing: border-box;
	max-width: 100%;
}
body .list item {
	display: block;
	font-size: 15px;
	padding: 12px;
	width: 100%;
	color: rgb(40, 40, 40);
	box-sizing: border-box;
	text-align: left;
	background-size: 32px;
	border: transparent;
	border-top-color: transparent;
	border-top-style: none;
	border-top-width: medium;
	border-radius: 0px;
	margin: auto;
	min-height: 32px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	font-weight: bold;
}
#notification_edit {
	min-width: 520px;
	max-width: 90vw;
}
#notification_edit h3 {
	text-align: left;
}
.info_text {
	margin: 10% auto;
	font-size: 17px;
	background: #FFFFFF;
	padding: 22px;
	width: auto;
	display: inline-block;
	border-radius: 10px;
	box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.08);
	color: #353535;
	max-width: 72%;
	position: relative;
}
.info_text.loading::after {
	content: "";
	background: rgb(158, 212, 234) url('../images/loading.svg') center center no-repeat;
	width: 62px;
	height: 62px;
	z-index: 1;
	display: inline-block;
	background-size: 100%;
	background-position: 15px center;
	border-radius: 100px;
	margin: auto;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: -100px;
	border: solid 2px #FFFFFF;
	box-shadow: inherit;
}
.view_0, .view_, .view_1 {
    display: inline-block;
    vertical-align: middle;
    margin: auto 5px;
    font-size: 0px;
    background: url('../images/enable.png') center center no-repeat;
        background-size: auto;
    width: 32px;
    height: 20px;
    background-size: 80%;
}
.view_0, .view_ {
    background-image: url('../images/enable_false.png');
}
body .languages item {
	background-size: 28px;
	background-position: 10px center;
	padding: 12px 12px 12px 50px;
	background-repeat: no-repeat;
}
body .languages item s {
	text-decoration: none;
	text-align: right;
	font-size: 15px;
	width: 45px;
	display: inline-block;
}
.languages i {
	border-radius: 100%;
	width: 24px;
	height: 24px;
	background-size: 18px;
}
.window .languages p {
	max-width: unset;
	margin: 10px auto;
	background-position-x: 20px;
	padding: 15px 15px 15px 55px;
	background-color: #EDEDED;
	border: transparent;
	border-radius: 5px;
	width: 90%;
	border: solid 1px transparent;
}
.darktheme .window .languages p {
	background-color: rgb(8, 5, 20);
}
.window .languages p:hover {
	background-color: rgb(206, 206, 206);
}
.window .languages p:last-child {
	border: transparent;
}

.window .simple_fields label {
	background: transparent !important;
	border: transparent;
	border-radius: 0px;
	position: relative;
	width: 91%;
	height: 45px;
	overflow: unset;
	border-bottom: solid 1px rgba(0, 0, 0, 0.22);
	margin: 10px auto;
}
.window .simple_fields  label b {
    position: absolute;
    right: 12px;
    top: -9px;
    bottom: 0px;
    width: auto;
    background: rgb(244, 244, 244);
    text-align: left;
    padding: 0px 9px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 10px;
    box-sizing: border-box;
    color: rgb(115, 115, 115);
    overflow: hidden;
    line-height: 24px;
    transition: 0.35s all;
    z-index: 1;
    height: 17px;
    border: solid 1px #CCCCCC;
    line-height: normal;
}
.window .simple_fields label input, .window .simple_fields label select {
	margin: auto;
	width: 100%;
	height: auto !important;
	padding: 14px 10px 14px 5px !important;
	box-sizing: border-box;
	background: transparent;
	border: transparent;
	transform: none !important;
	border-radius: inherit;
	font-weight: bold;
	max-height: unset;
}
.window .welcome_form label {
	background: url('../images/user.png') 5px center no-repeat !important;
	background-size: 12px !important;
	padding-left: 25px;
	box-sizing: border-box;
}
.window .welcome_form h1 {
	text-align: left;
	font-weight: normal;
	padding-left: 70px;
}
.window .welcome_form h2 {
	text-align: center;
	font-size: 15px;
	margin: auto;
	padding: 12px;
	color: rgb(45, 45, 45);
}
.welcome_form img:first-child {
	width: 39px;
	height: 39px;
	margin: auto;
	position: absolute;
	left: 22px;
	right: auto;
	top: 8px;
	background: rgb(255, 255, 255);
	border-radius: 50px;
	padding: 3px;
	border: transparent;
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.29) inset;
}
input::placeholder {
	color: inherit;
	opacity: 0.35;
	transition: 0.35s all;
}
input:focus::placeholder {
	opacity: 0;
}
#SendOkWindow .window {
	background: rgb(63, 155, 112);
	color: #FFFFFF;
}
#SendOkWindow .window h1 {
	color: inherit;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	margin: 25px auto 10px auto;
	background: url('../images/white_check_circle.png') center top no-repeat;
	background-size: 51px;
	padding: 55px 12px 0px 12px;
}
#SendOkWindow .window p {
	max-width: 80%;
	display: block;
	margin: 0px auto 25px auto;
	color: inherit;
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
}
#SendOkWindow .window button {
	background: #FFFFFF;
	color: #353535;
}
.darktheme .wnd .window .window_caption, .darktheme .window_content h1, .darktheme .window_content h2, .darktheme .window .simple_fields label input, .darktheme .window .simple_fields label select {
	color: #FFFFFF;
}
body.darktheme .window label {
	border: solid 1px #fff;
	background: rgb(0, 0, 0) center center no-repeat;
	border-radius: 5px;
}
body.darktheme .window label.haveImage {
	border: solid 1px #fff;
	background: rgb(0, 0, 0) center center no-repeat;
	border-radius: 5px;
	background-size: cover;
}
.wconstext {
	font-size: 22px;
	max-width: 100%;
	margin: auto;
	padding: 105px 5px 12px 5px;
	text-align: center;
	box-sizing: border-box;
	background: url('../images/consultation-w.png') center 32px no-repeat;
	background-size: 65px;
}
.wconstext u {
	text-decoration: none;
	font-size: 15px;
	color: rgb(49, 143, 242);
	margin: auto;
	padding: 0px;
}
.rButtons {
	position: absolute;
	right: 12px;
	margin: auto;
	top: 22px;
	left: auto;
	width: auto;
	z-index: 1;
}
.rButtons p {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 0px;
	width: 25px;
	height: 25px;
	background: rgba(255, 255, 255, 0) url('../images/day_night.png') center center no-repeat;
	margin: auto 10px;
	border-radius: 0px;
	background-size: 90%;
	filter: invert(1);
	cursor: pointer;
}
.settings h2 {
	text-align: left !important;
	margin: auto auto 15px auto !important;
}
.settings h3 {
	display: block;
	margin: 15px auto auto auto;
	padding: 0px;
	text-align: left;
	width: 90%;
	color: rgb(19, 113, 0);
	font-size: 17px;
}
.settings label {
	width: 90%;
	border-radius: 0px;
	padding: 0px;
	margin: 5px auto auto 0px !important;
	position: relative;
}
/*.settings label b {
	text-align: left;
	margin: 5px auto auto auto;
	padding: 5px 0px;
	font-size: 15px;
	color: rgb(102, 102, 102);
	display: block;
	width: 100%;
	box-sizing: border-box;
}*/
.settings label input {
	margin: auto;
	border-radius: 5px;
}
.settings form {
	margin: auto auto auto 0px;
	text-align: left;
	max-width: 620px;
}
.list button {
	min-width: 120px;
	border: transparent;
	background: rgb(11, 146, 152) linear-gradient(rgba(2, 2, 2, 0),rgba(0, 0, 0, 0.05));
	color: #FFFFFF;
	padding: 10px 25px;
	box-sizing: border-box;
	font-size: 15px;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}
.list button:hover {
	background-color: rgb(4, 99, 183);
}
.mini_good::after {
	background: transparent url('../images/good.png') center center no-repeat;
	content: "";
	position: fixed;
	width: 62px;
	height: 62px;
	left: -100px;
	bottom: 110px;
	background-size: 100%;
	transition: 0.35s all;
}
.show .mini_good::after {
	left: -5px;
}
.window_content > form {
	/*padding-top: 15px;*/
}
#loading {
	position: fixed;
	z-index: -1;
	background: rgba(0, 0, 0, 0.25);
	background-size: cover;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	transition: 0.15s opacity;
	pointer-events: none;
	opacity: 0;
}
#loading::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 120px;
	height: 120px;
	background: rgba(255, 0, 0, 0) url('../images/loading.svg') center center no-repeat;
	z-index: 100;
	margin: auto;
	top: 0;
	bottom: 0;
	background-size: 330%;
	/* -webkit-animation: blink_opacity 1s infinite; */
	/* animation: blink_opacity 1s infinite; */
	box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.33);
	border-radius: 100px;
}
#loading.show {
	opacity: 1;
	pointer-events: auto;
	z-index: 1000;
}
.log.list code {
	display: block;
	background: #FFFFFF;
	width: 100%;
	overflow: auto;
	max-width: unset;
	height: auto;
	white-space: normal;
	padding: 5px;
}
.hidden {display: none;}
.info_text.loading {
	color: #FFFFFF;
	position: fixed;
	z-index: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 0px;
	text-align: center;
	font-size: 17px;
	line-height: 30px;
	background: rgb(73, 79, 98);
	font-family: Arial;
	left: 0px;
	top: 0px;
	margin: auto;
	max-width: unset;
	border-radius: 0px;
}
.info_text.loading b {
  background: url('../images/identify.png') center top no-repeat;
  background-size: 100px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  width: 320px;
  height: 220px;
  padding: 120px 0px 0px 0px;
  box-sizing: border-box;
  font-weight: normal;
  font-size: inherit;
}
.favorites {
	margin: auto;
	display: table;
	width: 100%;
	max-width: 95%;
}
.favorites .col {
	display: table-cell;
	width: 50%;
	padding: 7px;
	vertical-align: top;
}
.favorites item {
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: 125px;
	background: rgb(255, 255, 255) center center no-repeat;
	background-size: cover;
	border-radius: 17px;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.darktheme .favorites item {
	background-color: rgb(0, 0, 0) !important;
	border: transparent;
}
.favorites .col:first-child item {
	height: 260px;
}
.favorites item p {
	display: block;
	margin: auto;
	padding: 30% 0px 0px 0px;
	box-sizing: border-box;
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
	top: auto;
	color: #FFFFFF;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.8) 70%, rgb(0, 0, 0) 100%) !important;
}
.favorites item p b {
	display: block;
	padding: 2px 12px;
	text-align: left;
	font-size: 18px;
	line-height: 20px;
}
.favorites item p u {
	text-decoration: none;
	font-size: 12.5px;
	text-align: left;
	display: block;
	padding: 0px 12px 10px 12px;
	overflow: hidden;
}
.footer_info h2 {
	margin: auto;
	line-height: normal;
	padding: 22px 5px 5px 5px;
	font-size: 27px;
	font-weight: bold;
}
.footer_info h3 {
	margin: auto;
	font-size: 12px;
	color: #555555;
	font-weight: normal;
	padding: 0px 0px 22px 0px;
}
.company_info {
	background: url('../images/wisenotary.svg') center 32px no-repeat !important;
	background-size: 162px !important;
	padding: 82px 55px 0;
	font-size: 12px;
	line-height: normal;
	color: rgb(85, 85, 85);
}
.company_info p {
	font-weight: 700;
	font-size: inherit;
	line-height: normal;
	margin: 10px auto 20px auto;
}
.th {
	max-width: 92%;
	text-align: left;
	box-sizing: border-box;
	margin: 5px auto;
	font-size: 18px;
	font-weight: normal;
}
.social_buttons {
	margin: auto auto 25px auto;
	display: block;
}
.social_buttons a {
	margin: 0px;
	display: inline-block;
	width: 37px;
	height: 37px;
	background: rgb(73, 121, 198) center center no-repeat;
	border-radius: 0px;
	background-size: 100%;
	margin: auto 7px;
}
.social_buttons a:hover {
	transform: scale(1.15);
	transition: 0.35s all;
}
body .facebook {
	background-image: url('../images/facebook.png');
	background-color: transparent;
}
body .instagram {
	background-image: url('../images/instagram.png');
	background-color: transparent;
}
body .share {
	background-image: url('../images/share.png');
	background-color: rgb(15, 169, 244);
	filter: invert(1);
	background-size: 62%;
	border-radius: 6px;
}
.social_buttons .messenger {
	background-image: url('../images/messanger.png');
	background-color: transparent;
}
.social_buttons .share_bot {
	display: block;
	width: 200px;
	color: #FFFFFF;
	line-height: normal;
	padding: 10px;
	font-size: 17px;
	text-decoration: none;
	font-weight: bold;
	height: 38px;
	box-sizing: border-box;
	margin: 5px auto;
	border-radius: 3px;
}
#share_menu {
	position: fixed;
	z-index: 100;
	left: 0px;
	right: 0px;
	bottom: -500px;
	background: #FFFFFF;
	transition: 0.5s all;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.24);
}
#share_menu.show {
	bottom: 0px;
}
#share_menu h2 {
	text-align: center;
	margin: auto;
	padding: 15px 17px 5px 17px;
	display: block;
	width: 92%;
}
#share_menu a {
	display: block;
	color: #353535;
	text-align: left;
	padding: 15px 12px 15px 42px;
	border-bottom: solid 1px rgb(223, 223, 223);
	max-width: 92%;
	box-sizing: border-box;
	margin: auto;
	width: 100%;
	text-decoration: none;
	position: relative;
}
#share_menu a::before {
	content: "";
	width: 32px;
	height: 32px;
	background: rgb(63, 82, 119);
	border-radius: 7px;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
}
#share_menu a.fb::before {
	background: rgb(59, 89, 152) url('../images/socials_icons.png') center -1px no-repeat;
	background-size: 35px;
}
#share_menu a.tw::before {
	background: rgb(59, 89, 152) url('../images/socials_icons.png') center -52px no-repeat;
	background-size: 38px;
}
#share_menu a.li::before {
	background: rgb(59, 89, 152) url('../images/socials_icons.png') -2px -103px no-repeat;
	background-size: 38px;
}
#share_menu a.wa::before {
	background: rgb(59, 89, 152) url('../images/socials_icons.png') -3px -159px no-repeat;
	background-size: 39px;
}
#share_menu a.em::before {
	background: rgb(59, 89, 152) url('../images/socials_icons.png') center -190px no-repeat;
	background-size: 37px;
}
#share_menu a.cl::before {
	background: rgb(59, 89, 152) url('../images/socials_icons.png') center -217px no-repeat;
	background-size: 35px;
}
.qContent.account ul li {
	width: 100%;
	margin: auto !important;
	left: 0px;
	box-sizing: border-box;
}
.window_content .account buttons {
	margin-top: 35px;
}
.account h1 {
	background: url('uploads/images/id_passport.png') 15px center no-repeat;
	background-size: 32px;
	padding: 10px 12px 10px 56px !important;
	margin: 5px auto auto auto !important;
}
.account h2 {
	margin: auto !important;
	text-align: left !important;
	display: block;
	padding: 0px 22px 25px 25px;
	position: relative;
	font-size: 22px !important;
	color: #353535 !important;
	font-weight: normal !important;
}
.account buttons button {
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    border: transparent;
    border-radius: 3px;
    background: #2f50f5;
    padding: 7px 12px !important;
    font-size: 15px !important;
    color: #FFFFFF;
    cursor: pointer;
}
.account buttons button:hover {
	background: rgb(44, 78, 152);
}
.account .data {
	display: block;
	font-size: 0px;
}
.account item {
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
	text-align: left;
	border: none;
	margin: auto;
	height: auto;
	vertical-align: top;
	background-size: 32px;
	background-position: 5px 15px;
	background-repeat: no-repeat;
	padding: 15px 5px 15px 47px;
	border-bottom: solid 1px rgb(238, 238, 238);
}
.darktheme .account item {
	color: #FFFFFF;
}
.account item:last-child {
	border: transparent;
}
.account item b {
    font-weight: normal;
    color: rgb(64 169 243);
    font-size: 12px;
}
.account item u {
	width: auto;
	text-decoration: none;
	font-size: 17px;
	color: rgb(17, 17, 17);
	text-align: left;
	padding-top: 5px;
	display: block;
	/* font-weight: bold; */
	margin: -5px auto auto auto;
}
.darktheme .account item u {
	color: #FFFFFF;
}
.account item a {
	text-decoration: underline dashed 1px;
	color: rgb(0, 141, 210);
}
.account label {
	margin: 5px auto auto 0px;
	border-radius: 5px !important;
	padding: 0px !important;
}
.account label b {
	display: none;
}
.account label input {
	border-radius: 5px !important;
	margin: auto;
}
.account .data form item + button {
	display: block;
	width: auto;
	font-size: 17px;
	margin: 5px 10px 5px auto;
	border: transparent;
	background: rgb(47, 80, 245);
	padding: 10px 32px;
	color: #FFFFFF;
	border-radius: 5px;
}
.account .lang_item {
	max-height: 0px;
	box-sizing: border-box;
	overflow: hidden;
	padding: 0px !important;
	opacity: 0 !important;
	transition: 0.35s all;
}
.account .lang_item.show {
	max-height: 500px;
	opacity: 1 !important;
	padding: 7px 3px !important;
}
.darktheme .account_page {
	background: rgb(34, 37, 43);
}
.darktheme .account_page h1 {
	color: #FFFFFF;
}
.darktheme .account_page .card {
	background: rgb(19, 40, 81);
	color: #FFFFFF;
}
.darktheme .account_page .card item {
	border-bottom: solid 1px rgba(0, 0, 0, 0.13);
}
.darktheme .account_page .card item:hover {
	background-color: rgba(0, 0, 0, 0.09);
}
.darktheme .account_page .card item b {
	color: #EEEEEE;
}
.darktheme .account_page .card item u, .darktheme .account_page .card item a {
	color: #FFFFFF;
}

.card h1 {
	font-size: 22px;
	text-align: left;
	margin: auto;
	padding: 10px 10px 10px 20px;
	display: block;
	width: 100%;
	box-sizing: border-box;
}
#chat_online {
	position: fixed;
	left: 12px;
	bottom: 82px;
	width: 45px;
	height: 45px;
	background: rgb(253, 253, 253) url('../images/chat.png') center center no-repeat;
	background-size: 27px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	border-radius: 100px;
	border: solid 1px rgb(217, 217, 217);
	cursor: pointer;
	transition: 0.35s all cubic-bezier(.65,.05,.17,3.04);
	transform: scale(0);
	opacity: 0;
	z-index: -10;
}
#chat_online:hover {
	transform: scale(1.2) rotate(5deg) !important;
}
#chat_online.show {
	transform: scale(1);
	opacity: 1;
	z-index: 1;
}
.window .account_page {
	margin: auto !important;
}
.account_page {
	overflow: hidden;
	padding-bottom: 25px;
	text-align: left;
	padding: 22px;
}
.account_page buttons {
	top: 0px;
	right: 15px;
	position: absolute;
	bottom: auto;
	left: auto;
	margin: auto !important;
	padding: 0px;
}
.account_orders h1 {
	margin: auto;
	max-width: 92%;
	padding: 15px 0px 0px 15px;
}
.account_orders item, .orders item {
	display: block;
	margin: auto;
	border-bottom: solid 1px rgba(0,0,0,0.05);
	position: relative;
	padding: 12px;
	text-align: left;
	width: 82%;
	cursor: pointer;
	border: solid 1px transparent;
}
.account_orders item d, .orders item d {
	display: block;
	font-size: 12px;
	color: rgb(119, 198, 4);
}
.account_orders item s, .orders item s {
	font-size: 15px !important;
	text-decoration: none;
	color: rgb(132, 132, 132);
	margin: auto !important;
	width: 200px !important;
	right: -11px !important;
	padding: 5px !important;
}
.account_orders item p {
	position: absolute;
	right: 25px;
	top: 5px;
	color: green;
	z-index: 0;
}
.account_orders #paybtn {
	font-size: 15px;
	padding: 8px 8px !important;
	margin: auto auto auto -15px;
	width: 120px;
	display: inline-block;
	vertical-align: middle;
}
.account_orders #paybtn::after {
	border-radius: 3px;
}
.account_orders #paybtn::before {
	content: "";
	background: linear-gradient( 45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000 );
	position: absolute;
	top: -1px;
	left: -1px;
	background-size: 400%;
	z-index: -1;
	filter: blur(5px);
	-webkit-filter: blur(3px);
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	animation: glowing-button-85 20s linear infinite;
	transition: opacity 0.3s ease-in-out;
	border-radius: 2px;
}
#userWindow .window {
	max-width: 640px;
}
#userWindow .window .window_caption {
	background: transparent !important;
	color: transparent !important;
	margin: auto auto -50px auto !important;
}
#userWindow .window .window_caption h1 {
	display: none;
}
#userWindow .qContent {
	margin: auto;
	padding: 0px;
	width: auto;
}
#userWindow .account .data item {
	width: 100%;
}
.account_page .uName i {
	background-position: center !important;
	width: 38px;
	background-size: 34px;
	background-color: #FFFFFF;
	border-radius: 100px;
	height: 38px;
	display: inline-block !important;
	box-sizing: border-box;
	margin: 12px 5px 10px 15px;
}
h1.title.edit {
	display: block !important;
	top: 0px;
	position: relative;
	max-width: 640px;
	border-radius: 15px 15px 0px 0px;
	text-align: left;
	padding: 15px 22px !important;
	background: rgb(25, 25, 26);
	margin: 32px auto auto auto !important;
	font-size: 17px;
	box-sizing: border-box;
}
#html > .services {
	background: rgb(255, 255, 255) !important;
	box-shadow: none;
	max-width: 92%;
	margin: auto;
}
.darktheme #html > .services {
	background: transparent !important;
}
#html > .services .cEditor {
	text-align: left;
	line-height: 23px;
	color: #828282;
}
#html .edit.steps {
	background: transparent !important;
	box-shadow: none !important;
}
.services item {
	display: block;
	width: 92%;
	padding: 12px 72px 15px 0px;
	border-bottom: solid 1px rgba(0,0,0,.04);
	box-sizing: border-box;
	margin: auto;
	text-align: left;
	color: #3c3c3c;
	font-weight: 700;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 32px;
	cursor: pointer;
	filter: grayscale(1);
}
.services item:hover {
	filter: grayscale(0);
}
.services h1, .services item b {
	background: linear-gradient(266.63deg, RGB(143, 0, 255) -10.49%, RGB(255, 0, 0) 106.07%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	display: inline-block;
	font-weight: normal;
	font-size: 23px;
	margin: 12px auto;
	text-align: left;
	width: auto;
	font-weight: bold;
	background-size: 100%;
}
.services item > b {
	color: #353535 !important;
	background: transparent;
	background-clip: unset;
	-webkit-text-fill-color: unset;
	font-size: 17px;
	padding-left: 47px;
	margin: 10px auto 10px auto;
	font-weight: 600;
}
.darktheme .services item > b {
	color: #FFFFFF !important;
}
.services h1 {
	margin: 32px auto auto auto;
}
.services item p {
	font-size: 14px;
	color: #828282;
	font-weight: normal;
	margin: 5px auto;
	text-align: left;
	line-height: 20px;
}
.services h5 {
	font-size: 18px;
	margin: auto;
	display: block !important;
	text-align: left;
	color: inherit;
	max-width: unset;
	width: 100%;
	border-radius: 0px !important;
}
.services > h5 {
	font-size: 22px;
	margin: 25px auto -15px auto;
	max-width: 92%;
}
.services item:nth-child(2) {
	border-top: none;
	margin-top: 15px;
}
.services .cTitle {
	display: block;
	text-align: left;
	margin: 12px auto auto;
}
.services .cTitle h1 {
	display: inline-block;
	padding: 1px;
}
#page h5 {
	display: block;
	margin: auto auto -12px auto;
	width: 95%;
	padding: 12px 0px 0px 20px;
	text-align: left;
	color: rgb(0, 171, 255);
	font-size: 12px;
}
.services .descr {
	text-align: left;
	line-height: normal;
	margin: auto;
	border-top: solid 1px rgb(227, 227, 227);
	width: 92%;
	margin: auto;
	padding: 15px 0px;
	box-sizing: border-box;
	font-size: 17px;
}
.services .descr li {
	margin: auto;
	padding-left: 18px;
	list-style: none;
	background: url("../images/circle.png") left center no-repeat;
	background-size: 12px;
	line-height: normal;
}

.change_theme {
	position: fixed;
	z-index: 1;
	background: #FFF url('/uploads/images/day_night.png') center center no-repeat;
	background-size: 80%;
	width: 32px;
	height: 32px;
	right: 15px;
	top: 15px;
	border-radius: 25px;
	border: transparent;
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
	cursor: pointer;
}
.account .uName {
	background-image: url('../images/blue_account.png');
}
.account .uLogin {
	background-image: url('../images/blue_account.png');
}
.account .uStatus {
	background-image: url('../images/blue_verify.png');
}
.account .uStatus .confirm_link {
	display: block;
	width: auto;
	font-size: 15px;
	color: rgb(15, 130, 253) !important;
	cursor: pointer;
}
.account .uPhone {
	background-image: url('../images/u_phone.svg');
}
.account .uEmail {
	background-image: url('../images/u_mail.svg');
}
.account .uOrders {
	background-image: url('../images/blue_cart.png');
}
.account .uDelivery {
	background-image: url('../images/blue_car.png');
}
#edit_point {
	position: fixed;
	/*z-index: 1000;*/
	left: 25px;
	top: 25px;
	margin: auto;
	background: rgb(255, 255, 255) url('../images/edit.png') center center no-repeat;
	width: 25px;
	height: 25px;
	background-size: 80%;
	border-radius: 5px;
	border: solid 1px rgb(206, 206, 206);
	opacity: 0; z-index: -1; pointer-events: none;
}
#edit_point.show {
	opacity: 1; z-index: 1000; /*pointer-events: auto;*/
}
#field_phrases, #field_replies {
	white-space: pre;
	overflow: auto;
	line-height: 18px;
	font-size: 14px;
}
.top .bLike {
	left: auto;
	right: 15px;
	background: transparent;
	width: 122px;
	overflow: hidden;
	text-align: left;
	padding: 0px;
	border-radius: 0px;
}
#facebook table {
	width: 100%;
	max-width: 100%;
}
#facebook table td:nth-child(1) {
	width: 100%;
	max-width: 100%;
	text-align: left;
	font-size: 15px;
}
#facebook table td button {
	padding: 7px;
	font-size: 12px;
}
#facebook table td:nth-child(2) {
	display: none;
}
body .steps item angle {
	background: url('../images/arrow_right_shin.png') center center no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 17px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	z-index: 1;
	background-size: 20px;
	display: none;
}
body .steps item:hover angle {
	background-size: 100%;
	transition: 0.35s all;
}
body .steps item::after {
	border-radius: 12px !important;
	background-size: 100% !important;
	/* padding: 0px !important; */
}
body .steps s {
	width: 100%;
	text-overflow: unset;
	white-space: normal;
	height: auto;
	font-size: 11px;
	color: #777777;
}
.steps .card {
	padding: 22px 62px 22px 22px;
	background: transparent 93% 19px no-repeat;
	background-size: 32px;
	box-sizing: border-box;
	text-align: left;
	font-size: 20px;
	color: #151515;
	font-weight: bold;
	margin-top: 22px !important;
	min-height: 132px;
	display: inline-block;
	width: 350px;
	margin: 12px;
	margin-top: 12px;
	vertical-align: top;
}
.steps .card:hover {
	background-color: rgb(243, 247, 253);
	cursor: pointer;
}
.steps .card s {
	font-size: 15px;
	text-decoration: none;
	margin: 7px auto auto;
	color: #777;
	font-weight: 400;
	display: block;
}
#EditorWindow .window {
	width: 95%;
	height: 90%;
	margin: auto;
	max-height: unset;
	top: 2.5%;
	max-width: unset;
}
#wndcontent_EditorWindow {
	height: 100%;
}
#editor_text_area {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	box-sizing: border-box;
	padding: 25px 12px;
	border-radius: 20px;
	border: transparent;
}
#EditorWindow .tox button {
	display: inline-block;
	padding: 5px 12px !important;
	height: auto !important;
	width: auto !important;
	line-height: normal !important;
	background: rgb(222, 239, 255) !important;
	margin: 2px !important;
	color: #151515 !important;
	border: solid 1px rgb(204, 213, 223);
}
#EditorWindow .tox button.tox-tbtn--select {
	padding-right: 35px !important;
	position: relative !important;
}
#EditorWindow .tox-edit-area {
	height: 100%;
}
.tox-tbtn__select-chevron {
	position: absolute !important;
	right: 10px;
	top: 0px;
	bottom: 0px;
}
#EditorWindow .window_caption {
	/* position: fixed; */
	/* width: inherit; */
	/* top: inherit; */
	pointer-events: none;
}
#EditorWindow .window_caption .bClose {
	pointer-events: auto;
	display: none;
}
#EditorWindow .tox .tox-menubar button {
	background: transparent !important;
	border: transparent !important;
	padding: 0px 7px !important;
	/* border-right: 1px solid rgb(230, 230, 230) !important; */
	border-radius: 0px !important;
	margin: 7px 0px !important;
}
.tox .tox-edit-area {
	border: transparent !important;
	box-shadow: none !important;
	margin: auto !important;
}

body .tox-tinymce button {
	min-width: unset !important;
	margin: auto;
}
body .tox .tox-mbtn {
	padding: 0px !important;
	vertical-align: middle;
	display: inline-block;
	margin: 5px;
	width: auto !important;
	min-width: unset !important;
}
#bEditorSave {
	position: fixed;
	bottom: auto;
	margin: auto;
	left: auto;
	right: 10px;
	z-index: 100;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.52);
	top: 10px;
	font-size: 0px;
	width: 32px !important;
	height: 32px !important;
	box-sizing: border-box;
	padding: 0px !important;
	min-width: unset !important;
	border-radius: 100px;
	background: rgb(8, 80, 249) url('../images/close_gray.png') center center no-repeat !important;
	background-size: 70% !important;
}
.removed {
	transition: 0.35s all;
	opacity: 0;
	background: red !important;
}
#paybtn, .sbutton {
	padding: 0.9em 2em !important;
	border: none !important;
	outline: none;
	color: rgb(255, 255, 255);
	background: #111;
	cursor: pointer;
	position: relative;
	z-index: 0;
	border-radius: 10px !important;
	user-select: none !important;
	-webkit-user-select: none;
	touch-action: manipulation;
	overflow: visible;
	min-width: unset;
	max-width: unset;
	width: 92%;
}

#paybtn:before, .sbutton:before {
  content: "";
  background: linear-gradient(
    45deg,
    #ff0000,
    #ff7300,
    #fffb00,
    #48ff00,
    #00ffd5,
    #002bff,
    #7a00ff,
    #ff00c8,
    #ff0000
  );
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  -webkit-filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing-button-85 20s linear infinite;
  transition: opacity 0.3s ease-in-out;
  border-radius: 10px;
}

@keyframes glowing-button-85 {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

#paybtn:after, .sbutton:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #222;
  left: 0;
  top: 0;
  border-radius: 10px;
}
more {
	display: block;
	font-size: 12px;
	color: #777777;
	border-top: dashed 1px #777777;
	margin: 5px auto auto auto;
	text-align: center;
	padding: 5px;
}
.more_information {
	border-top: dashed 1px rgb(128, 128, 128);
	margin: -7px auto;
	padding: 9px 2px 0px 2px;
	border-radius: 0px;
	transition: 0.35s all;
	box-sizing: border-box;
	max-height: 0px;
	overflow: hidden;
	opacity: 0;
}
.more_show .more_information, .opened .more_information {
	opacity: 1;
	max-height: 2000px;
	overflow: visible auto;
	margin: 12px;
	font-size: 15px;
	border: transparent;
	padding: 22px;
	border-radius: 0px;
}
.more_information > b {
	color: rgb(6, 60, 117);
	font-weight: bold;
	border-bottom: dashed 1px rgb(162, 162, 162);
}
.more_information price i p {
    font-size: 25px !important;
    color: #343434 !important;
    vertical-align: middle;
    margin: auto;
    background: transparent !important;
}
.more_information price i:last-child b {
    font-size: 25px !important;
}
.more_information price i:last-child p {
    font-size: 32px !important;
}

.video_container {
	position: relative;
	width: 100%;
	height: auto;
	min-height: unset;
	overflow: hidden;
	border-radius: 10px;
	display: block;
	max-width: 640px;
	margin: auto auto 10px auto;
}
.video_container video {
	width: 100%;
	height: auto;
	border-radius: 10px;
	display: block;
}
/*.video_container .lay {
	position: absolute;
	background: rgba(0, 0, 0, 0.12) url('../images/play_video.png') center center no-repeat;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 1;
	cursor: pointer;
	background-size: 62px;
	transition: 0.35s all;
}*/
.video_container .lay.hide {
	opacity: 0;
}
.darktheme #html > h2 {
	color: #FFF;
}
#html > h2 {
	display: block;
	margin: auto;
	line-height: normal;
	padding: 15px 20px 5px 20px;
	font-size: 20px;
	text-align: left;
	color: rgb(0, 98, 217);
}
.or {
	text-align: center;
	color: rgb(102, 102, 102);
	font-size: 17px;
	font-weight: normal;
}
.or::after, .or::before {
	content: "";
	display: inline-block;
	width: 37%;
	height: 1px;
	border-bottom: solid 1px rgba(0, 0, 0, 0.16);
	vertical-align: middle;
	margin: auto 12px;
}
.selectexecuted item {
	display: inline-block;
	text-align: left;
	margin: auto 7px auto 7px;
	width: 42%;
	color: rgb(19, 51, 85);
	border-bottom: dashed 1px rgba(22, 58, 104, 0.44);
	font-size: 15px;
	font-weight: normal !important;
	cursor: pointer;
	padding: 7px;
}
.selectexecuted item:hover {
	box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.37);
	border-radius: 7px;
	border-radius: 3px;
}
.selectexecuted item s {
	display: block;
	text-decoration: none;
	color: rgb(111, 111, 111);
}
.qContent .qCard.qPageSelector {
	padding: 10px;
}
.qPagesSelector a {
	display: inline-block;
	border: transparent;
	padding: 7px 14px;
	margin: 0px;
	background: rgb(68, 68, 68);
	border-radius: 0px;
	color: #FFFFFF;
	font-weight: normal;
	cursor: pointer;
	font-size: 17px;
	border-right: 1px solid rgba(0, 0, 0, 0.29);
}
.qPagesSelector a:hover, .qPagesSelector a.active {
	background-color: rgb(49, 49, 49);
}
.qPagesSelector .space {
	pointer-events: none;
}
item .bottom {
    margin: 15px auto auto auto;
}
body #html .qContent h1 {
	display: block;
	position: relative;
	text-align: left;
	background: transparent;
	width: 100% !important;
	border-radius: 0px;
	color: rgb(10, 142, 147);
	/* border-bottom: solid 1px rgba(0, 0, 0, 0.16) !important; */
	margin: auto;
	box-sizing: border-box;
	max-width: unset;
	padding: 0px 0px 10px 0px;
	font-size: 18px;
	font-weight: bold;
}

.status_bar {
	display: block;
	width: 185px;
	height: 5px;
	margin: 20px 0px 30px auto;
	border-radius: 0px;
	text-align: center;
	position: relative;
	border-top: solid 7px #eaeaea;
	right: 0px;
	padding: 0px;
	white-space: nowrap;
}
.status_bar circle {
	display: inline-block;
	width: 17px;
	height: 17px;
	background: white;
	border-radius: 50px;
	border: 5px solid RGB(221, 221, 221);
	position: relative;
	margin: -17px 14px 10px auto;
}
li.m_qMenu {
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	background: transparent url('../images/more.png') center center no-repeat !important;
	background-size: 22px !important;
	margin: auto;
}
body > header .topbar {
    display: table;
    width: 100%;
    max-width: 90%;
    margin: auto;
    position: relative;
    height: 72px;
}
body > header ul li.consultation {
	background: #2F50F5 !important;
	padding: 10px 20px;
	border-radius: 5px;
	border: transparent;
	color: #FFFFFF !important;
	box-shadow: 3px 3px 20px 0px rgba(2, 2, 2, 0.36);
}
.width_content {
	display: block;
	box-sizing: border-box;
	margin: auto;
	width: 1000px;
	max-width: 95%;
}
header .table {
	width: 100%;
	height: 100%;
}
header .table .td {
	vertical-align: middle;
	text-align: left;
	height: 50px;
	margin: auto;
	padding: 0px;
	box-sizing: border-box;
}
#top_logo {
	width: 215px;
	text-align: center;
	vertical-align: middle;
}
#top_logo b {
	font-size: 23px;
	vertical-align: middle;
	display: inline-block;
	color: #151515;
	font-weight: normal;
	position: relative;
	left: -10px;
}
header .title {
	text-align: left;
	padding: 12px 12px 12px 52px;
	font-size: 17px;
	font-weight: bold;
}
#top_right {
	padding-right: 25px;
}
.selectexecuted {
	text-align: left;
	padding: 22px;
}
#additional_menu {
	position: fixed;
	right: 15px;
	z-index: -1;
	left: auto;
	width: 350px;
	transition: 0.35s all;
	pointer-events: none;
	opacity: 0;
}
#additional_menu.show {
    opacity: 1;
    z-index: 100;
    pointer-events: auto;
}

body.theme_new #html .manager.orders {
	margin: auto;
	padding: 0px;
	left: 0px;
	right: 0px;
	top: 72px;
	bottom: 0px;
	overflow: auto;
	width: 100%;
	box-sizing: border-box;
}
body.theme_new #html .orders_card {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: auto auto 25px auto;
	padding: 0px;
	border-radius: 0px;
	box-shadow: none;
	background: transparent;
	white-space: normal;
	border: transparent !important;
	height: auto;
}
body.theme_new #html .orders_card h2 {
	margin: auto auto 20px 0px;
	border-radius: 0px 25px 25px 0px !important;
	width: 320px;
	padding: 15px;
}
body.theme_new #html .orders_card h2::after {
	display: none;
}
body.theme_new #html .manager.orders item {
	display: inline-block;
	width: 250px;
	margin: 3px;
	height: 100px;
	background: #FFF;
	border-radius: 5px;
	border: transparent;
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.46);
}
item .raiting {
	display: block;
	margin: -32px 0px -35px auto;
	position: relative;
	right: 12px;
	bottom: 12px;
	background: linear-gradient(21deg, #dd03e4, #5611ec);
	padding: 5px;
	width: 270px;
	border-radius: 10px;
	text-align: center;
	border: transparent;
}
item .raiting > * {
    display: inline-block !important;
    vertical-align: middle;
    margin: 3px !important;
}
item .raiting > b {
	color: #FFFFFF;
	display: block !important;
	font-weight: normal;
	font-size: 17px;
	text-align: left;
	width: auto;
	margin: auto !important;
	padding: 0px 5px 5px 5px;
}
item .raiting > button {
	border: transparent;
	background: RGB(224, 224, 224) 15px center no-repeat;
	width: 120px;
	font-size: 17px;
	padding: 5px 15px 5px 50px;
	border-radius: 7px;
	text-align: left;
	background-size: 24px;
	color: #FFFFFF;
	margin: 10px 3px !important;
	display: inline-block !important;
}
item .raiting > button.good {
	background-image: url('../images/white_like.png');
	background-color: rgba(0, 0, 0, 0.11);
	border: solid 2px #FFF;
}
item .raiting > button.bad {
	background-image: url('../images/white_dislike.png');
	background-color: rgba(2, 2, 2, 0.11);
	border: solid 2px #FFF;
}
.why_bad_raite h2 {
    margin: auto;
    font-size: 20px;
    text-align: center;
    padding: 32px 12px 12px 12px;
}
.why_bad_raite textarea {
    display: block;
    width: 92%;
    min-height: 230px;
    margin: 5px auto;
    border: solid 2px #3b3b3b;
    border-radius: 10px;
    color: #353535;
}
.user_files a, .docs_files a {
	display: inline-block;
	width: 290px;
	color: #FFFFFF;
	background: rgb(62, 68, 82) center center no-repeat;
	padding: 12px 20px;
	border-radius: 7px;
	font-size: 17px;
	margin: 2px;
	box-sizing: border-box;
	text-align: center;
	height: 200px;
	position: relative;
	overflow: hidden;
	background-size: contain;
}
.user_files a b, .docs_files a b {
	position: absolute;
	left: 0px;
	right: 0px;
	top: auto;
	bottom: 0px;
	width: auto;
	text-align: left;
	background: rgba(9, 9, 9, 0.82);
	padding: 10px 10px 10px 10px;
	font-weight: normal;
	font-size: 15px;
}
.order_manage_buttons {
	text-align: center;
	display: block;
	overflow: hidden;
	background: #FFFFFF;
	border-radius: 7px;
	border: solid 1px rgb(222, 231, 240);
	width: 92%;
	margin: auto;
}
.order_manage_buttons i {
	display: block;
	margin: auto;
	border: transparent;
	border-radius: 0px;
	padding: 10px 10px 10px 45px;
	cursor: pointer;
	transition: 0.35s all;
	font-size: 15px;
	width: auto;
	color: black;
	border-bottom: solid 1px rgb(222, 231, 240);
	background-size: 24px !important;
	background-position: 12px center !important;
	background-repeat: no-repeat !important;
}
.order_manage_buttons i:hover {
	background-color: rgb(208, 208, 208);
	/* color: #FFFFFF; */
}
.order_manage_buttons i.warning {
	background: rgb(253, 238, 10);
}
.order_manage_buttons i.add_doc {
	background-image: url('../images/files.png');
	background-color: rgb(49, 132, 3);
	color: #FFFFFF;
}
.order_manage_buttons i.make_urgent, .order_manage_buttons i.make_not_urgent {
	background-image: url('../images/folder-important.png');
}
.order_manage_buttons i.change_executor {
	background-image: url('../images/consultant.png');
}
.order_manage_buttons i.invoice_change {
	background-image: url('../images/new_invoices.png');
}
.order_manage_buttons i.move_to_archive {
	background-image: url('../images/archive.png');
}
.order_manage_buttons i.remove_order {
	background-image: url('../images/delete.png');
}

.sl {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 50px;
	bottom: 0px;
	overflow: hidden auto;
	scrollbar-width: inherit;
}
body.theme_new #html .sl {
	position: static;
	padding-top: 65px;
}
#drag_statuses {
	position: fixed;
	z-index: 100;
	background: transparent;
	left: 0px;
	right: 0px;
	top: auto;
	bottom: 25px;
	width: 350px;
	height: 550px;
	margin: auto;
	border-radius: 0px;
	overflow: visible;
	bottom: -100%;
	transition: 0.35s all;
}
#drag_statuses.show {
	bottom: 25px;
}
#drag_statuses i {
	display: block;
	width: 100%;
	background: rgb(250, 252, 254);
	border: solid 1px #151515;
	margin: 3px auto 23px auto;
	border-radius: 5px;
	font-size: 17px;
	padding: 15px 32px;
	color: rgb(18, 18, 18);
	box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.79);
	font-weight: bold;
	text-align: left;
	transition: 0.5s all;
}
#drag_statuses.show i {
	margin-bottom: 3px;
}
.manager_info {
	display: table;
	position: relative;
	margin: auto;
	width: 100%;
	background: rgb(243, 250, 255);
	padding: 12px;
	border-bottom: solid 1px rgb(210, 216, 219);
	box-sizing: border-box;
}
.manager_info .left {
	display: table-cell;
	width: auto;
	text-align: left;
	vertical-align: top;
}
.manager_info .right {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	width: 300px;
}
.manager_info .user {
	padding: 3px 0px 3px 12px;
}
.manager_info .user photo {
	display: inline-block;
	vertical-align: middle;
	width: 42px;
	height: 42px;
	background: rgb(232, 232, 232) url('../images/account.png') center top no-repeat;
	border-radius: 50px;
	background-size: 100%;
}
.manager_info .user i {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	margin: auto auto auto 15px;
	border: transparent;
	font-size: 16px;
	font-weight: bold;
	color: RGB(77, 94, 128);
}
.manager_info .user i u {
	display: block;
	margin: 0px auto auto 1px;
	color: rgb(130, 131, 132);
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}
.manager_info .block {
	padding: 12px;
	background: rgb(255, 255, 255);
	border-radius: 5px;
	margin: 3px auto;
	border: solid 1px rgb(222, 231, 240);
	position: relative;
	color: RGB(77, 94, 128);
	font-size: 15px;
}
.manager_info .note_edit {
	display: inline-block;
	color: #FFF;
	border: transparent;
	border-radius: 3px;
	font-weight: normal;
	padding: 5px 15px;
	margin: auto;
	background: rgb(10, 132, 240);
	cursor: pointer;
	position: absolute;
	right: 8px;
	top: 9px;
	font-size: 12px;
}
.manager_info .block #note_text {
	margin: 5px auto auto auto;
	color: rgb(142, 141, 141);
}
.checks i {
	background: url('../images/unchecked_blue.png') 3px center no-repeat;
	background-size: 22px;
	margin: auto !important;
	width: auto;
	display: block;
	padding: 3px 3px 3px 32px;
	border: transparent;
	cursor: pointer;
}
.checks i.checked {
	background-image: url('../images/checked_blue.png');
	text-decoration: line-through;
}
#wndcontent_ImageWindow {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow: visible;
	padding: 0px;
}
#wndcontent_ImageWindow iframe {
	width: 100%;
	text-align: center;
	height: 100%;
	box-sizing: border-box;
	position: relative;
	margin: auto;
	padding: 0px;
	background: rgba(255, 255, 255, 0.66);
}
#image_show {
	text-align: center;
	position: relative;
	overflow: auto;
	display: block;
	margin: auto;
	padding: 0px;
}
#image_show img {
	margin: 50px auto;
	overflow: hidden;
	border-radius: 10px;
	width: auto;
	max-width: 92%;
	height: auto;
	max-height: unset;
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.5);
}
#download {
	position: fixed;
	bottom: 50px;
	right: 32px;
	background: rgb(3, 79, 3);
	padding: 7px 20px;
	border-radius: 5px;
	z-index: 100;
	border: transparent;
	box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.7);
	font-size: 17px;
	color: #FFFFFF;
	font-weight: normal;
}
#frm_edit_note {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: #FFFFFF;
	margin: 25px;
	border-radius: 10px;
	z-index: 1;
	border: solid 2px rgb(11, 11, 11);
	left: 150%;
	transition: 0.35s all;
}
#frm_edit_note.show {
	left: 0px;
}
#frm_edit_note textarea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 5px 15px;
	border: transparent;
	background: transparent;
	border-radius: inherit;
	color: rgb(15, 89, 232);
}
.statistics {
	text-align: center;
	max-width: 650px;
	margin: auto;
}
.statistics .statistic {
	display: inline-block !important;
	width: 206px;
	margin: auto 3px 7px 3px !important;
	max-width: 206px !important;
	text-align: left;
	border: transparent;
	vertical-align: top;
	border-radius: 10px !important;
	background: RGB(47, 80, 245);
	background-size: cover;
	background-attachment: fixed;
	box-shadow: none;
	color: #FFFFFF;
}
/*.statistics .statistic::before {
	content: "";
	position: static;
	width: 100%;
	height: 500px;
	background: rgb(67, 98, 165) url('../images/bg_lite1.jpg');
	background-size: cover;
	background-attachment: fixed;
	display: block;
	margin-bottom: -500px;
}*/
.statistics .statistic > b {
	display: block;
	margin: auto;
	padding: 12px 12px 5px 20px;
	text-align: left;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	font-weight: bold;
}
.statistics .statistic d {
	display: block;
	margin: auto;
	padding: 0px 20px 15px 20px;
	text-align: right;
	font-size: 35px;
	font-weight: normal;
	color: #FFFFFF;
}
.statistics .statistic i {
	display: block;
	margin: auto;
	padding: 5px 22px;
	border-bottom: dashed 1px rgba(0, 0, 0, 0.24);
	width: 100%;
	color: rgb(255, 255, 255);
	font-style: normal;
	font-weight: normal;
	cursor: pointer;
}
.statistics .statistic icon {
	background: transparent center no-repeat;
	background-size: 100% !important;
	position: absolute;
	bottom: 7px;
	left: 15px;
	z-index: 1;
	width: 45px;
	height: 45px;
	border: transparent !important;
	padding: 0px;
}
.statistics .statistic i:hover {
	background: rgba(0, 0, 0, 0.23);
	border-color: transparent;
}
.statistics .statistic i b {
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.statistics .statistic i u {
	float: right;
	text-decoration: none;
	font-weight: normal;
	font-size: 20px;
	color: #FFFFFF;
}
.statistics .statistic.new_orders icon {
	background-image: url('../images/white_cart.png');
}
.statistics .statistic.new_invoices icon {
	background-image: url('../images/new_invoices.png');
	background-size: 35px !important;
}
.statistics .statistic.new_partners icon {
	background-image: url('../images/select-users.png');
}
body .qTableFlex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	height: 100%;
}
body .qTableFlex .col {
	
}
.qSystemContent {
	max-height: 100%;
	overflow: hidden auto;
}
.qSystemContent .qViewPics {
	background: transparent;
	padding: 0px;
	box-shadow: none;
}
.qSystemContent .qViewIcons item bg {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-size: 100%;
	vertical-align: middle;
	margin: auto 5px auto auto;
}
.qSystemContent .qList button {
	box-shadow: none;
}
.qContent {
	position: relative;
	display: block;
	width: 100%;
	max-width: unset;
	margin: auto;
	background: transparent;
	border-radius: 0px;
	text-align: left;
	overflow: hidden auto;
	height: 100%;
	box-sizing: border-box;
}
.qMenu ul li {
	background: rgb(253, 253, 253) 15px center no-repeat;
	width: auto;
	display: block;
	list-style: none;
	padding: 0px;
	margin: auto;
	color: #353535;
	position: relative;
	font-weight: bold;
	border-radius: 0px;
	font-size: 12px;
	/* filter: brightness(10000) contrast(100) grayscale(100) opacity(1); */
	border: transparent;
	background-size: 24px;
	/* border-bottom: solid 1px rgba(0, 0, 0, 0.03); */
	margin: auto 10px 3px 0px;
	border-radius: 7px;
}
/*.qMenu ul li {
	background: transparent 15px center no-repeat;
	width: auto;
	display: block;
	list-style: none;
	padding: 0px;
	margin: auto;
	color: #353535;
	position: relative;
	font-weight: bold;
	border-radius: 0px;
	font-size: 12px;
	border: transparent;
	background-size: 24px;
	border-bottom: solid 1px rgba(0, 0, 0, 0.03);
}*/
.qMenu ul li:hover, .qMenu ul li.active {
	background-color: rgba(254, 255, 254, 0.73);
	color: #151515;
}
/*.qMenu ul li:hover, .qMenu ul li.active {
	background-color: rgba(14, 255, 85, 0.06);
	color: #151515;
}*/
.qMenu ul .sub li {
	padding-left: 20px !important;
	background-position-x: 35px !important;
}
.qMenu ul li > b {
	background: rgb(30, 29, 29);
	display: block;
	margin: auto;
	padding: 7px 17px;
	/* border-radius: 7px 7px 0px 0px; */
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
}
.qMenu.show ul li:first-child::after {
    background-image: url('../images/close_white.png') !important;
    background-size: 22px !important;
}

.qSkinDefault .qMenu ul {
	text-align: center;
	padding: 10px 0px 0px 0px !important;
}
.qSkinDefault .qMenu ul li {
	width: 70px;
	height: 70px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	margin: 5px;
	background-color: rgba(255, 255, 255, 0);
	border-radius: 5px;
	background-position: center 15px;
	background-size: 32px;
}
.qSkinDefault .qMenu ul li:hover {
	background-color: #FFFFFF;
}
.qSkinDefault .qMenu ul li a {
	display: block;
	width: auto;
	left: 0px;
	right: 0px;
	margin: auto;
	padding: 54px 5px 0px 7px;
	text-align: center;
	font-size: 10px;
	height: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.qSkinDefault .qMenu ul li u {
	position: absolute;
	right: 0px;
	left: auto;
	top: 0px;
	bottom: auto;
	font-size: 10px;
	color: rgb(38, 138, 9);
}
.qSkinDefault .qMenu ul li u:empty {
	display: none;
}
.qSkinDefault .qMenu ul .sub {
	display: inline;
}
.qSkinDefault .qMenu ul .sub li {
	padding: 0px !important;
	background-position-x: center !important;
}

.invoices_filters ul > li:first-child {
	filter: none !important;
	border-radius: 5px !important;
	overflow: hidden;
	margin-top: 25px;
}
.section_customers .customers {
	filter: none;
}
.menuHidden {
	position: fixed;
	left: -5000px;
	right: auto;
}
body #html .customers .list.edit.users {
	margin: auto !important;
	border-radius: 0px;
	box-shadow: none;
	max-width: 92% !important;
	display: block !important;
}
.link {
	cursor: pointer;
}
.statistics .link:hover {
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.8);
	transition: 0.35s all;
}
#note_text i {
	display: block;
	margin: auto;
	max-width: unset;
	width: auto;
	font-size: 14px;
}
#note_text i b {
	display: inline-block;
	width: auto;
	margin: auto 5px auto auto;
	color: rgb(18, 86, 247);
	font-weight: normal;
}
.window_content .list.edit {
	top: auto !important;
	box-shadow: unset !important;
	width: auto !important;
	max-width: unset !important;
	text-align: center !important;
}
#invoice_form {
    margin: auto;
    padding: 0px 0px 22px 0px;
}
#invoice_form item {
	border: transparent !important;
}
.invite_user label {
	margin: 55px auto auto auto;
}
.invite_user label b {
	left: 0px;
	top: -32px;
	bottom: auto;
	font-size: 17px;
	height: auto;
	border: transparent;
	background: transparent;
	color: #353535;
	padding: 0px;
	text-align: left;
}
#invoiceWindow .haveTitle > h1 {
	background: rgb(23, 23, 23);
	color: #FFFFFF;
}
#ImageWindow .window_caption h1 {
	display: none;
}
#ImageWindow .qFileManager {
	width: 95vw;
	min-height: 90vh;
}

.cIconText {
	display: inline-block;
	border: solid 1px #F0F1F5;
	width: calc(100vw / 2 - 39px);
	margin: 9px;
	vertical-align: top;
	height: calc(100vw / 2 - 39px);
	border-radius: 15px;
	box-sizing: border-box;
	position: relative;
}
.cIconText img {
	margin: 32px auto;
	text-align: center;
	display: block;
	width: 55px;
	height: auto;
}
.cIconText .cDescr {
	padding: 0px 18px 18px 18px;
	text-align: center;
}
.cIconText .cDescr p {
	line-height: normal;
	margin: 17px;
	color: #4d5e80;
	font-size: 15px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -5px;
	max-height: 55px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
}

.error404-content > h1 {
	margin: auto;
	padding: 120px 0px 20px 0px;
	color: #FFFFFF;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.96);
}
.error404-content .intro-text p {
	display: block;
	width: 82%;
	margin: auto;
	color: rgb(45, 45, 45);
	max-width: 620px;
	border-top: dashed 1px rgb(51, 51, 51);
	padding: 12px 0px;
}
.error404-content .search-form {
	width: 82%;
	max-width: 620px;
	margin: 22px auto;
	background: rgba(255, 255, 255, 0.18);
	border-radius: 50px;
	border: solid 2px #FFFFFF;
	text-align: center;
}
.error404-content .search-form label {
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	margin: 15px auto;
}
.error404-content .search-form input {
	padding: 23px 17px 22px 20px;
	font-size: 15px;
	margin: auto;
	display: inline-block;
	height: 45px;
	box-sizing: border-box;
	vertical-align: middle;
	border: transparent;
}
.error404-content .search-form .search-submit {
	background: green;
	border: transparent;
	border-radius: 0px 25px 25px 0px;
	padding: 10px 15px;
	color: #FFFFFF;
	font-size: 15px;
	margin: auto auto auto -25px;
	height: 45px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
}
#lang_list_form {
	padding-bottom: 55px !important;
}
/*#lang_list_form .btnSave {
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 275px;
	top: auto;
	z-index: 99;
}*/
.invite_user button {
	margin: 22px auto !important;
}
.registration {
	width: 92%;
	max-width: 620px;
	margin: 25px auto;
}
#html .registration h1 {
	display: block !important;
	text-align: center;
	font-size: 22px;
	margin: 12px auto;
	padding: 0px;
	color: rgb(1, 98, 53);
}
#html .registration h2 {
	display: block;
	font-size: 15px !important;
	color: rgb(70, 70, 70);
	padding: 0px;
	margin: 5px auto;
}
#html .registration button {
	display: block !important;
	margin: auto auto 32px auto;
	background: rgb(38, 38, 38);
	border: transparent;
	border-radius: 5px;
	padding: 7px 35px;
	color: #FFF;
}
#html .registration label {
	position: relative;
	top: 0px;
	border-radius: 5px !important;
	background: #FFFFFF;
	border: solid 1px rgb(145, 141, 141);
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.44);
	color: #353535;
	text-align: left;
}
#html .registration label b {
	position: absolute;
	left: auto;
	right: 18px;
	font-weight: normal;
	color: #777777;
	top: 0px;
	bottom: 0px;
	margin: auto;
	height: 27px;
}
#html .registration label input {
	margin: auto;
	padding: 7px 12px;
	color: #353535;
	text-align: left;
	border: transparent;
	border-radius: 0px;
	background: transparent;
}
.login_form .frm_content {
	width: 92%;
	margin: auto;
	max-width: 420px;
}
#regfrm .btn_reg {
	background: rgb(35, 135, 223) !important;
	color: #FFF !important;
}
#regfrm .btn_login {
	background: rgb(240, 240, 240) !important;
	color: #000000 !important;
}
#loginfrm label b, #loginfrm label input {
	padding-left: 55px;
}
#loginfrm .field_user {
	background: url('../images/u_phone.svg') 12px center no-repeat;
	background-size: 32px;
}
#loginfrm .field_pass {
	background: url('../images/u_user.svg') 12px center no-repeat;
	background-size: 32px;
}
form.login .btn_login {
	background: rgb(35, 135, 223);
	color: #FFFFFF;
}
form.login .btn_reg {
	background: rgb(232, 232, 232) !important;
	color: #151516 !important;
}
#html .bad_page {
	margin: 75px auto;
	max-width: 620px;
	width: 92%;
	color: #353535;
}
#html .bad_page h1 {
	display: block !important;
	margin: auto;
	color: rgb(18, 38, 98);
	padding: 0px 0px 0px 0px;
}
#html .bad_page a {
	margin: 25px auto 35px auto;
	display: inline-block;
	color: rgb(7, 98, 240);
	text-decoration: underline dashed 1px rgb(0, 76, 255);
	background: rgba(1, 98, 249, 0.16);
	padding: 15px 35px;
	border-radius: 5px;
	border: 2px solid rgb(8, 101, 244);
}
.section_orders_board li.orders_board,
.section_orders li.orders,
.section_invoices li.orders_invoice,
.section_invoices_create li.invoice_create,
.section_customers li.customers,
.section_translators li.translators,
.section_notaries li.notaries {
	background-color: rgba(1, 135, 255, 0.1);
	filter: none;
}
.frx {
	margin: 17px auto 7px auto !important;
	font-weight: bold !important;
	font-size: 17px !important;
	text-align: center !important;
	color: rgb(74, 122, 213) !important;
}
.psw_forgot {
	color: rgb(111, 185, 214);
	text-align: center;
	width: auto;
	display: block;
	margin: 15px auto auto auto;
	font-size: 14px;
	cursor: pointer;
}
.psw_forgot:hover {
	color: rgb(46, 95, 210);
	text-decoration: underline;
}
form.new_psw {
    padding: 50px 0px;
    max-width: 420px;
    margin: auto;
}
form.new_psw i {
    display: block;
    margin: -7px auto 5px auto;
    text-align: left;
    max-width: 85%;
    padding: 0px;
    color: #5f88a5;
    font-size: 14px;
}
form.new_psw h1 {
    background: transparent;
    border-radius: 15px;
    color: #151515;
    margin: auto;
    padding: 0px 15px  15px  15px !important;
}
.window .msg {
	margin: auto !important;
	padding: 55px 35px;
	text-align: center;
	color: #151515;
	font-size: 17px;
	max-width: 420px;
}
.window .msg h2 {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: rgb(0, 112, 208);
	margin: auto !important;
	padding: 12px !important;
}
.acqlock {
    text-align: center;
    position: relative;
    background: #f5fafd;
    overflow: hidden;
}
.acqlock img {
    width: 150px;
    height: 150px;
    margin: 22px auto 5px auto;
    display: block;
    overflow: visible;
    /* border-radius: 100px; */
    /* background-color: white; */
    /* box-shadow: 0px 0px 10px 0px #00000033 inset; */
    padding: 0px;
}
.acqlock b.name {
    display: block;
    text-align: center;
    font-size: 17px;
    /* font-weight: normal; */
    color: #303030;
    border-top: solid 1px lightgrey;
    width: 80%;
    margin: auto;
    padding: 5px 0px;
}
.acqlock b.balance {
    display: block;
    font-size: 18px;
    color: green;
    padding: 0px 0px 12px 0px;
}
.m_notify {
	background-image: url('../images/notification_email.png');
	background-size: 24px !important;
}
/* form.notify { */
	/* padding-top: 32px; */
/* } */
form.notify h2 {
	display: block;
	margin: 15px auto auto auto;
	max-width: 92%;
	font-size: 15px;
}
.notify item {
	background-image: url('../images/mobile-email.png');
	background-size: 35px !important;
	padding-left: 67px !important;
}
.tox-toolbar__group button {
	display: inline-block;
	vertical-align: middle !important;
	margin: auto !important;
	padding: 35px !important;
	width: auto !important;
	height: auto !important;
}
.tox-edit-area {
	max-width: 640px !important;
	margin: 15px auto !important;
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.14) !important;
	border-radius: 15px;
}
button.tox-tbtn {
	width: 50px !important;
}
.tox-toolbar__primary {
	background: #FFFFFF !important;
}
.list.edit.notify {
	background: transparent !important;
	box-shadow: none !important;
	padding-top: 25px !important;
}
.list.edit.notify item {
	display: inline-block;
	width: 45%;
	background-color: #FFF !important;
	margin: 5px !important;
	border-radius: 10px;
	box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.17);
	padding-right: 34px !important;
	font-weight: normal !important;
	min-height: 75px;
	background-position: 18px center !important;
}
.list.edit.notify item::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 45px;
}
.list.edit.notify item b {
	display: inline-block;
	vertical-align: middle;
}
.notify .help {
	background: rgb(233, 253, 221);
	padding: 15px 52px;
	text-align: left;
	margin: 12px auto 22px auto;
	border: solid 1px rgb(203, 253, 189);
	border-left: none;
	border-right: none;
}
.notify .help h2 {
	display: block;
	width: auto;
	max-width: unset;
	margin: 5px auto;
	padding: 0px;
	font-size: 15px !important;
	color: rgb(1, 147, 17) !important;
}
body .notify button {
	display: inline-block !important;
	margin: 3px 3px 25px 3px !important;
	padding: 12px !important;
	height: auto !important;
	vertical-align: middle !important;
}
.notify .preview {
	display: block !important;
	width: auto !important;
	margin: 0px 8% 18px auto !important;
	padding: 5px 32px !important;
	background-color: rgb(0, 96, 7) !important;
	color: #FFFFFF !important;
}
.notify .sms_tg_area {
	background: rgb(232, 243, 255);
	overflow: hidden;
	margin: auto !important;
	color: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.19) inset;
	margin-bottom: 20px !important;
	border: transparent;
}
.notify .sms_tg_area label {
	border: transparent !important;
	width: 320px;
	margin: 2px auto 22px 8% !important;
	display: block;
	border-radius: 15px;
	color: #151515 !important;
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.18);
	height: auto;
	max-height: unset;
}
.notify .sms_tg_area label b {
	color: #353535 !important;
	background: #FFFFFF;
	border: transparent;
	border-radius: 10px 10px 0px 0px;
	top: -20px;
	padding: 3px 12px;
	height: 22px;
}
.notify .sms_tg_area label textarea {
	color: inherit !important;
	padding: 9px 12px !important;
}
.fullwidth + .list.notify {
	max-width: 92% !important;
	width: auto !important;
	display: block !important;
}

.title.edit.fullwidth {
	max-width: unset !important;
	margin: auto !important;
	width: 100% !important;
	box-sizing: border-box;
	border-radius: 0px !important;
	position: sticky !important;
	top: auto;
}
.preview_iframe {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 420px;
}
form .pages {
    display: block;
    text-align: center;
    position: relative;
}
form .pages i {
    display: inline-block;
    vertical-align: middle;
    margin: 7px 2px;
    padding: 2px 10px;
    border-radius: 3px;
    text-align: center;
    /*background: #343434;*/
    color: #f7f7f7;
    font-style: normal;
	cursor: pointer;
}
#tg_login {
	display: none;
}
body > #login {
    display: none !important;
}

#send_user_message {
	position: fixed;
	width: 92%;
	max-width: 620px;
	margin: auto;
	bottom: -500px;
	background: rgb(211, 233, 247);
	z-index: 101;
	left: 0px;
	right: 0px;
	top: auto;
	box-shadow: 5px 5px 15px 0px rgb(0, 0, 0);
	border-radius: 10px;
	transition: 0.2s all;
}
#send_user_message.show {
	bottom: 115px;
}
#send_user_message textarea {
	width: 100%;
	display: inline-block;
	margin: auto;
	border: transparent;
	background: transparent;
	height: 124px;
	padding: 12px 20px;
	color: rgb(23, 23, 23);
}
#send_user_message buttons {
	position: absolute;
	right: 12px;
	top: auto;
	left: auto;
	bottom: 12px;
}
#send_user_message buttons button {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px !important;
	color: rgb(2, 2, 2);
	background: rgb(253, 253, 253);
	border: transparent;
	margin: auto auto auto 5px;
	padding: 3px 12px;
	border-radius: 3px;
	border: solid 1px rgb(138, 138, 138);
}
buttons button.user_invite {
	background: green;
	color: #FFFFFF;
	border-radius: 5px;
	font-size: 15px;
	padding: 7px 15px;
	vertical-align: middle;
	display: inline-block;
}
.btn_user_edit {
    font-size: 15px;
    display: block;
    margin: 22px 22px 22px auto;
}
.account #languages {
    font-size: 17px;
}
.account #languages item {
    display: block;
    /* box-shadow: 2px 2px 10px 0px #0000004d; */
    border: solid 1px #DDDDDD;
    background: transparent;
    border-radius: 5px;
    margin: 5px auto !important;
    box-sizing: border-box;
    width: 92% !important;
    padding: 5px;
}
.account #languages label {
    height: auto;
    background: transparent !important;
    border: transparent;
    margin: auto;
    width: 49%;
    display: inline-block;
    vertical-align: middle;
}
.account #languages select {
    background: transparent !important;
}
.account #languages label b {
    display: block;
    width: 100%;
    border: transparent;
    background: transparent;
    position: relative !important;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    color: #01649f;
}
.account .uPhoto {
	padding: 0px;
	display: block;
	overflow: hidden;
	margin: 0px auto 22px 0px;
	border: transparent;
}
.accPhoto {
	position: relative;
	width: 85px;
	height: 85px;
	background: #EEEEEE;
	border-radius: 100%;
	border: solid 2px #2F50F5;
	display: inline-block;
	float: left;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.account .uPhoto b {
	font-size: 22px;
	font-weight: normal;
	color: inherit;
	padding: 0px;
	margin: 18px auto auto 105px;
	display: block;
}
.account .uPhoto u {
	margin: 0px auto auto 105px;
	display: block;
	font-size: 15px;
	color: #828282;
}
.field_lang_count {
    width: 100% !important;
}
.welcome_block {
	position: relative;
	overflow: visible;
	margin: auto !important;
	padding: 2px !important;
}
.welcome_block .used {
	color: #FFFFFF;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}
.qMenu ul li.orders_board {
	background-image: url("../images/orders_icon.svg");
}
.qMenu ul li.orders {
	background-image: url("../images/orders_icon.svg");
}
.qMenu ul li.orders_invoice {
	background-image: url("../images/archive.svg");
}
.qMenu ul li.invoice_create {
	background-image: url("../images/calculator.svg");
}
.qMenu ul li.customers {
	background-image: url("../images/users.svg");
}
.qMenu ul li.translators {
	background-image: url("../images/translators.svg");
}
.qMenu ul li.notaries {
	background-image: url("../images/notaries.svg");
}
.qMenu ul li.theme {
	background-image: url("../images/top-shirt.svg");
}
.qMenu ul li.exit {
	background-image: url("../images/exit.svg");
}
.qMenu ul li.updates {
	background-image: url('../images/refresh.svg');
}
.qMenu ul li.design {background-image: url('../images/design.svg');}
.qMenu ul li.users {
	background-image: url('../images/users.svg');
}

body header .rightButtons {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}
body header .rightButtons a {
	display: inline-block;
	vertical-align: middle;
	margin: auto;
	cursor: pointer;
}
body header .rightButtons .notify {
	background: #F5F5F7 url('../images/notify.svg') center center no-repeat;
	width: 45px;
	height: 45px;
	border-radius: 50px;
	margin: auto 5px auto auto;
	background-size: 65%;
}
body header .rightButtons .notify i {
	background: #2F50F5;
	border-radius: 50px;
	margin: auto -5px auto auto;
	width: 15px;
	color: #FFFFFF;
	font-size: 11px;
	padding: 1px 2px;
	display: inline-block;
	text-align: center;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.41);
	font-style: normal;
}
.accountInf img {
	border-radius: 50px;
	width: 42px;
	height: 42px;
	margin: auto 2px auto 10px;
	display: inline-block;
	vertical-align: middle;
	background: RGB(245, 245, 247);
	box-sizing: border-box;
	border: none;
}
.accountInf .r {
	display: inline-block;
	vertical-align: middle;
	margin: auto auto auto 5px;
}
.accountInf .r b:nth-child(1) {
	font-size: 14px;
	font-weight: bold;
	color: #353535;
	display: block;
	text-align: left;
}
.accountInf .r b:nth-child(2) {
	font-size: 12px;
	font-weight: normal;
	color: #848A95;
	text-align: left;
	display: block;
	margin: 3px auto auto auto;
}
.accountInf {
	position: relative;
}
.verify_icon {
	position: absolute;
	left: 30px;
	right: auto;
	top: auto;
	bottom: -4px;
	width: 18px !important;
	height: auto !important;
	background: rgb(255, 255, 255) !important;
}
.order_list {
	font-size: 12px;
	text-align: center;
	color: #4D5E80;
	max-width: 100%;
	margin: auto auto auto 12px;
	overflow: hidden;
	padding-bottom: 22px;
	font-weight: bold;
	border-spacing: 0px;
	width: auto;
}
.order_list tr {
	height: 45px !important;
	position: relative;
	cursor: pointer;
}
.order_list tr::before {
	content: "";
	position: absolute;
	left: -12px;
	width: 102%;
	height: 100%;
	background: transparent;
	z-index: 0;
	pointer-events: none;
	border-radius: 10px;
}

.order_list tr:hover::before {
	background: rgba(0, 0, 0, 0.05);
}
.order_list td {
	padding: 0px;
	text-align: left;
}
.order_list td:nth-child(2), .order_list td:nth-child(3), .order_list td:nth-child(4) {
	background: #F5F5FA url('../images/arrow_right_shin.png') 95% center no-repeat;
	border-radius: 5px;
	width: 145px;
	padding: 12px 25px 12px 15px;
	background-size: 18px;
	border-right: 5px solid rgba(0, 0, 0, 0.03);
	line-height: normal;
}
.order_list .exec_role_ {
	opacity: 0.3;
}
.order_list .exec_role_notary {
	border-color: rgb(249, 225, 210) !important;
}
.order_list .exec_role_translator {
	border-color: rgb(192, 230, 202) !important;
}
.order_list .buttons {
	width: 72px;
	min-width: 72px;
}
.order_list .buttons a {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: transparent center center no-repeat;
	background-size: 100%;
	border-radius: 25px;
}
.order_list .buttons .edit {
	background-image: url('../images/i_edit.svg');
}
.order_list .buttons .delete {
	background-image: url('../images/i_delete.svg');
}
.order_list .buttons .view {
	background-image: url('../images/i_view.svg');
}
.order_list td.status_0 { /* New */
	border-color: rgb(117, 217, 109) !important;
}
.order_list td.status_1 { /* Waiting for payment */
	border-color: rgb(217, 134, 109) !important;
}
.order_list td.status_2 { /* Order paid successful */
	border-color: rgb(6, 205, 238) !important;
}
.order_list td.status_3 { /* In work */
	border-color: rgb(241, 249, 7) !important;
}
.order_list td.status_4 { /* On inspection */
	border-color: rgb(241, 249, 7) !important;
}
.order_list td.status_5 { /* Waite sent */
	border-color: rgb(7, 170, 249) !important;
}
.order_list td.status_6 { /* Sended */
	border-color: rgb(7, 56, 249) !important;
}
.order_list td.status_7 { /* status:Finish */
	border-color: rgb(18, 11, 106) !important;
}
.order_list td.status_8 { /* status:Finish/Archive */
	border-color: rgb(232, 232, 232) !important;
}
.order_list .caption td {
	background: transparent !important;
	border: transparent !important;
	text-align: left !important;
	color: inherit !important;
}
.order_list .caption::before {
	border-bottom: solid 2px rgb(238, 238, 238);
	border-radius: 0px;
}
.lang_mob.mobile {
	font-size: 20px;
	color: #151515;
	background: url('../images/arrow_down_black.svg') right center no-repeat;
	background-size: 12px;
	padding: 5px 14px 5px 5px;
}
.cscroll {
	background: #F5F5FA;
	padding: 5px;
	border-radius: 5px;
	text-align: left;
}
.cscroll i {
	font-style: unset;
	background: transparent;
	padding: 9px 12px;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
}
.cscroll i.active, .cscroll i:hover {
	background: #FFFFFF;
}
.dark_light.cscroll {
	width: 80%;
	margin: 5px auto;
	display: table;
	font-size: 0px;
}
.dark_light.cscroll i {
	width: 50%;
	font-size: 18px;
	color: #2A3752;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

body:not(.darktheme) #light_theme_button {
	background: #FFFFFF;
}
.darktheme #dark_theme_button {
	background: #FFFFFF;
	color: #000000;
}
body.darktheme .lighttheme {
	display: none !important;
}
body:not(.darktheme) .darktheme {
	display: none !important;
}
.darktheme .popular.card {
	background-image: url('../images/welcome_img_dark.jpg');
}
.popular.card {
	background: url('../images/welcome_img.jpg') center 42% no-repeat;
	background-size: 250px;
	min-height: 380px;
}
.popular h2 {
	position: absolute;
	left: 22px;
	top: 12px;
	border: solid 2px #000;
	border-radius: 50px;
	font-size: 15px;
	padding: 11px 17px !important;
}
.popular.card h3 {
	font-size: 25px;
	text-align: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0px 25px;
	color: #080C1B;
	max-width: 215px;
}
.popular .right_pp {
	position: absolute;
	left: auto;
	top: 25px;
	right: 25px;
}
.popular .right_pp img {
	margin: auto auto auto -18px;
	max-width: 36px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
}
.popular .right_pp b {
	color: #828282;
	font-size: 15px;
	display: inline-block;
	margin: auto auto auto 3px;
	vertical-align: middle;
}
.footer_info {
	overflow: hidden;
}
#mobile_menu .bottom {
	background: #2F50F5;
	border-radius: 7px;
	width: 82%;
	margin: 72px auto auto auto;
	color: #FFFFFF;
	text-align: left;
}
#mobile_menu .bottom b {
	padding: 17px 15px;
	display: block;
	margin: auto;
	font-size: 17px;
}
#mobile_menu .bottom p {
	display: block;
	padding: 0px 15px 15px 15px;
	margin: auto auto 15px auto;
}
.darktheme #mobile_menu .bottom {
	background: rgb(20, 12, 51);
}

.version.current {
	display: inline-block;
	position: absolute;
	right: 12px;
	top: 12px;
	padding: 7px 12px;
	background: transparent;
	border-radius: 5px;
	color: rgb(79, 79, 79);
	font-size: 15px;
}
.float_right {
	float: right;
	overflow: hidden;
}
.section_install .qCard h1 {
	display: block !important;
	color: rgb(0, 128, 0) !important;
	font-size: 28px !important;
	text-align: center !important;
	margin: auto !important;
	padding: 25px 25px 25px 82px !important;
}
.section_install .qCard h2 {
	font-size: 18px;
	color: rgb(51, 51, 51);
	text-align: center;
	margin: 12px auto auto auto;
}
.section_install .qCard .form_area {
	max-width: 320px !important;
	margin: 25px auto;
}
.section_install .qCard .form_area p {
	text-align: left;
	color: #555555;
}
.section_install label {
	width: 100%;
	max-width: 100%;
	text-align: left;
	margin: 22px auto !important;
}
.install_about {
	margin: 7px auto;
	max-width: 72%;
	padding: 12px;
	text-align: center;
	background: url('../images/operatorWooman.png') 7px 5px no-repeat !important;
	/*box-shadow: 3px 3px 12px rgb(225, 225, 225);
	border: solid 1px rgb(232, 232, 232);
	border-radius: 7px;*/
}
body .section_install .install_about h1 {
	margin: auto !important;
	max-width: unset !important;
	border: transparent;
	padding: 2px 12px 15px 74px !important;
	text-align: left !important;
	border-radius: 7px !important;
	box-shadow: none;
	font-size: 20px !important;
	color: rgb(92, 107, 169) !important;
	line-height: normal !important;
}
body .section_install .install_about .msg {
	padding: 0px 12px 0px 74px;
	text-align: left;
	font-size: 15px;
	color: #353535;
	margin: -10px auto 22px auto !important;
}
body .section_install .qStepsNext {
	margin: 50px auto 25px auto;
	width: 155px;
	display: block;
	font-size: 17px;
	padding: 12px 15px;
	box-sizing: border-box;
	font-weight: normal;
	background: rgb(92, 110, 181) linear-gradient(45deg, rgba(255, 255, 255, 0.11) 42%, rgba(255, 255, 255, 0.2) 47%,rgba(0, 0, 0, 0.14) 52%) !important;
	transition: 0.35s all;
	background-size: 200% !important;
	background-position-x: 0% !important;
}
body .section_install .qStepsNext:hover {
	background-position-x: 100% !important;
}
.install_about i {
	width: 45%;
	margin: 1.5%;
	display: inline-block;
	background: rgb(92, 110, 181) linear-gradient(45deg, rgba(255, 255, 255, 0.11),rgba(0, 0, 0, 0.14));
	border: transparent;
	border-radius: 5px;
	text-align: left;
	padding: 12px 12px 12px 55px;
	box-sizing: border-box;
	box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.15);
	color: #FFFFFF;
	font-style: normal;
	position: relative;
}
.install_about i::after {
	content: "";
	background: transparent url('../images/checkCircleWhite.png?') center center no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 7px;
	top: 0px;
	display: block;
	bottom: 0px;
	margin: auto;
	background-size: auto;
}
.install_about > div {
	margin: auto auto 22px auto;
}
.qSteps {
	background: transparent !important;
	white-space: nowrap;
	text-align: center;
}

item.qCard {
	color: #151515;
	display: inline-block;
	width: auto;
	background: #FFFFFF;
	border-radius: 10px;
	vertical-align: top;
	margin: 5px;
	text-align: left;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 2px 2px 10px 0px #00000014;
	min-height: 100px;
	font-size: 17px;
	position: relative;
	max-width: 100%;
	flex: 1;
	min-width: 320px;
	transition: 0.35s all;
}
#modules_list item {
	min-height: 200px;
}
#modules_list item:hover {
	background: rgb(231, 245, 249);
}
#modules_list .menu {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	border: transparent;
	background: url('/Q2/images/menu.svg') center center no-repeat;
	background-size: 32px;
	float: right;
	margin: auto 10px auto auto;
}

.themes_list item:hover {
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);
}
.modules_list item img {
	width: 42px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	margin: auto 5px auto auto;
}
.modules_list item .title {
	display: block;
	font-size: 18px;
	color: rgb(35, 36, 36);
	min-height: 62px;
	padding: 0px;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: bold;
}
.modules_list item .title:hover {
	color: rgb(2, 183, 30);
}
.modules_list item .title ._open {
	float: right;
	font-size: 15px;
	border: solid 1px #f0f0f0;
	padding: 3px 10px;
	margin: -5px auto auto auto;
	border-radius: 3px;
}
.modules_list item .buttons.right {
	position: absolute;
	top: 24px;
	right: 22px;
}
.modules_list item .buttons.right b {
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	background: #FFFFFF;
	border-radius: 50px;
	text-align: center;
	color: rgb(85, 85, 85);
	padding: 7px 12px;
	line-height: normal;
	border: solid 1px rgb(115, 115, 115);
	font-weight: normal;
	font-size: 15px;
}
.modules_list item .buttons.right b.green {
	background: #FFFFFF;
	color: rgb(136, 196, 103);
	border: solid 1px rgb(187, 230, 163);
	border-radius: 5px;
	font-size: 15px;
}
.modules_list item .buttons.right label {
	margin: auto;
}
.modules_list .buttons.bottom {
	padding: 0px;
	text-align: left;
	margin: auto;
}
.modules_list .buttons.bottom b {
	font-weight: normal;
	border-bottom: dashed 1px rgb(223, 223, 223);
	margin: 2px;
	display: inline-block;
	vertical-align: middle;
}
.modules_list .buttons.bottom .delete {
	color: rgb(232, 214, 214);
}
.modules_list .buttons.bottom .delete:hover {
	color: red;
}
#modules_list item .descr {
	overflow: hidden auto;
	text-overflow: ellipsis;
	display: block;
	font-size: 16px;
	margin: auto;
	padding: 0px 0px 0px 0px;
	height: 90px;
	scrollbar-width: thin;
}
.menus_list {
	padding: 0px;
	gap: 13px;
	overflow: visible;
}
.menus_list h2 {
	margin: auto;
}
.menus_list .field_active {
	float: right;
	text-align: right;
	width: auto;
	margin: -5px auto auto auto;
}
.qMenu ul li.home {
	background-image: url('../images/home.svg');
}
.qMenu ul li.contents {
	background-image: url('../images/content.svg');
}
.qMenu ul li.languages {
	background-image: url('../images/languages.svg');
}
.qMenu ul li.modules {
	background-image: url('../images/menu_icons/modules.svg');
}
.qMenu ul li.notifications {
	background-image: url('../images/notification.svg');
}
.qMenu ul li.files {
	background-image: url('../images/menu_icons/files.svg');
}
.qMenu ul li.settings {
	background-image: url('../images/settings.svg');
}
.qMenu ul li.pages {
	background-image: url('../images/pages.svg');
}
.qMenu ul li.trash {
	background-image: url('../images/trash.svg');
}
.qCard item .buttons b.red_bg {
	background: rgb(213, 14, 14);
	color: #FFFFFF;
}
.qCard item .buttons b.green_bg {
	background: rgb(64, 128, 0);
	color: #FFFFFF;
}
.green {
	color: green;
}
.red {
	color: red;
}
.page_notifications .qList item i {
	color: rgb(17, 180, 230);
	font-style: normal;
	font-size: 14px;
}
.buttons > b {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.qSteps .qCard {
	margin: auto;
	transition: 0.35s all;
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
	z-index: 1;
}
.qSteps .qCard.before {
	transform: translateX(-300%);
	position: absolute;
	pointer-events: none;
	z-index: 0;
}
.qSteps .qCard.after {
	transform: translateX(300%);
	position: absolute;
	pointer-events: none;
	z-index: 0;
}
.qSteps.qEffectZoom .bCard.before {
	transform: scale(0) translateX(-300%);
}
.qSteps.qEffectZoom .qCard.after {
	transform: scale(0) translateX(300%);
}

.page_settings label {
	text-align: left !important;
	margin: 22px auto auto 0px !important;
}
#settings_sections input {
	border: transparent;
	background: transparent;
	border-bottom: dashed 1px #262626;
	border-radius: 0px;
	padding: 7px 0px;
}
#settings_sections.qSteps {
	margin: auto 25px;
}
#settings_sections.qSteps .qCard {
	max-width: unset;
	width: 100%;
}
.page_contents .content_types {
	padding: 10px;
}
.page_contents .content_types item {
	max-width: 320px;
	cursor: pointer;
}
.page_contents .content_types item:hover {
	background-color: rgb(223, 253, 237);
}
.page_contents .content_types item b {
	font-weight: normal;
	max-width: 85%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}
.page_contents .content_types item u {
	display: block;
	text-decoration: none;
	color: rgb(100, 186, 206);
	font-size: 15px;
}
.page_contents .content_types item c {
	font-size: 27px;
	color: rgb(100, 166, 110);
}
.page_contents .content_types item .qLinksLine {
	display: block;
	text-align: right;
	margin-top: 25px;
}
item .buttons.right {
	float: right;
}
.content_fields item {
	color: rgb(48, 129, 200);
}
.content_fields item b {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}
.content_fields item .right {
	text-align: left;
	position: absolute;
	left: auto;
	top: 0px;
	bottom: 0px;
	margin: auto;
	right: 12px;
	display: flex;
	align-items: center;
}
.content_fields item .right .buttons {
	position: relative;
	margin: auto auto auto 10px;
	padding: 0px;
	text-align: right;
	min-width: 145px;
	border-left: solid 1px rgba(193, 193, 193, 0.13);
}
.content_fields item .right u {
	color: rgb(128, 132, 138);
	text-decoration: none;
}
.content_fields item .right img {
	max-width: 24px;
	height: auto;
	max-height: 24px;
	display: inline-block;
	vertical-align: middle;
	margin: auto 5px;
}
.field_is_system {
	color: rgb(166, 166, 166);
}
.add_new_type.button {
	width: 120px;
	display: block;
	margin: 5px auto 22px auto !important;
	overflow: hidden;
}
.qCardClear.qList.qViewPics {
	padding: 0px;
}
.qList.qViewPics item {
	display: inline-block;
	width: 220px;
	vertical-align: top;
	margin: 7px 7px auto auto;
	height: 172px;
	border-radius: 7px;
	overflow: visible;
	border: transparent;
	background: transparent;
	padding: 0px;
	position: relative;
}
.qList.qViewPics item::after {
	border: transparent;
}
.qList.qViewPics item .buttons.right {
	width: 100%;
	bottom: auto;
	left: 0px;
	right: 0px;
	box-sizing: border-box;
	text-align: right;
	padding: 3px;
	position: absolute;
	top: 0px;
}
.qList.qViewPics item b {
	position: relative;
	left: 0px;
	right: 0px;
	top: auto;
	bottom: 0px;
	padding: 5px 15px 6px 10px;
	font-weight: normal;
	font-size: 15px;
	overflow: hidden;
	white-space: nowrap;
	margin: 3px auto auto auto;
	color: #EEEEEE;
	width: 100%;
	box-sizing: border-box;
	text-overflow: ellipsis;
}
.qList.qViewPics item bg {
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	display: block;
	max-height: calc(100% - 32px);
	border-radius: 10px;
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
	background-color: rgb(255, 255, 255);
}
.qList.qViewPics item bg.likeicon {
	background-size: 32px;
}
.err_messages {
	position: fixed;
	bottom: 55px;
	left: 0px;
	right: 0px;
	margin: auto;
	background: rgb(147, 14, 14);
	padding: 12px;
	border-radius: 5px;
	width: 80%;
	max-width: 620px;
	color: rgb(255, 255, 255);
	border: solid 2px red;
	text-align: left;
	max-height: 120px;
	overflow: hidden auto;
	font-size: 17px;
	line-height: normal;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.48);
}
.logo .nomobile {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
#install_steps .qCard {
	max-width: 720px;
	width: 92%;
	margin: 75px auto;
	/* background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); */
	/* color: #FFFFFF; */
	box-shadow: 22px 20px 25px 0px rgba(0, 0, 0, 0.09);
}
#install_steps .qCard .tophead {
	margin: -25px -25px auto -25px;
	background: rgb(251, 251, 251);
	padding: 25px;
	color: rgb(193, 193, 193);
	font-size: 17px;
	line-height: normal;
}
.qHeaderHide #html {
	top: 0px;
}
.menus_list button {
	background: rgb(240, 239, 239) center center no-repeat;
	background-size: 24px !important;
	width: 38px;
	height: 38px;
	font-size: 0px;
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
	margin: auto 5px auto auto;
	padding: 0px;
}
.menus_list button.open {
	background-image: url('/Q2/images/menu.svg');
}
.menus_list button.edit {
	background-image: url('/Q2/images/edit.svg');
}
.menus_list button.remove {
	background-image: url('/Q2/images/remove.svg');
}
.first_setup {
	background: #FFF url('../images/icon_guarantee_green.png') 97% 87% no-repeat;
	background-size: 55px;
}
.first_setup p {
	margin: auto;
	font-size: 18px;
	color: rgb(38, 38, 38);
	line-height: 27px;
}
.first_setup_items {
	overflow: auto;
	scrollbar-width: thin;
	text-align: left;
	align-items: stretch;
	justify-content: start;
	padding: 25px 0px;
	flex-shrink: revert;
	margin-top: auto;
	margin-bottom: auto;
}
.first_setup_items item {
	display: inline-block !important;
	width: auto;
	margin: 5px;
	min-width: 200px;
	flex: 1;
	max-width: 500px;
	padding: 22px 22px 72px 22px;
	position: relative;
	cursor: pointer;
}
.first_setup_items item:hover {
	transform: translate(-2px,-2px);
	box-shadow: 7px 8px 5px 2px rgba(0, 0, 0, 0.13);
	transition: 0.15s all;
}
.first_setup_items img {
	width: 100px;
	height: auto;
	display: block;
	margin: 5px auto;
}
.first_setup_items b {
	color: rgb(21, 138, 28);
	margin: 22px auto 12px auto;
	display: block;
	font-size: 19px;
	text-align: center;
}
.first_setup_items item:hover button {
	background: rgb(13, 72, 149) !important;
}
.first_setup_items p {
	margin: auto;
	line-height: normal;
	font-size: 17px;
	color: #151515;
	text-align: left;
	padding-bottom: ;
}
.first_setup_items item button {
	position: absolute;
	bottom: 22px;
	left: 0px;
	right: 0px;
	display: block;
	margin: auto;
	background: rgb(35, 135, 223) !important;
	box-shadow: unset !important;
	min-width: 150px;
}
.window_error_text {
	margin: auto;
	background: rgb(74, 0, 0);
	padding: 55px;
	color: #FFFFFF;
	font-size: 17px;
	max-width: 520px;
	text-align: left;
}

.backup_window label {
	max-width: unset !important;
	width: 92% !important;
	box-sizing: border-box;
}
.page_updates .qCard {
	position: relative;
}

qlp {
	display: inline-block;
	vertical-align: middle;
	margin: auto;
	width: 10px;
	background: url('/Q2/images/right.svg') center center no-repeat;
	height: 15px;
	background-size: 100%;
	opacity: 0.1;
}

.menu_items_list {
	margin: auto auto 22px auto;
	text-align: left;
}
.menu_items_list item {
	display: block;
	text-align: left;
	padding: 10px 5px;
	color: #353535;
	border-bottom: solid 1px rgb(223, 223, 223);
	cursor: pointer;
}
.menu_items_list item:hover {
	background-color: #EEEEEE;
}
.menu_items_list .buttons button {
	box-shadow: unset;
	display: inline-block !important;
	vertical-align: middle;
	padding: 0px !important;
	margin: auto !important;
	font-size: 0px;
	color: transparent !important;
	min-width: 24px !important;
}
.themes_list item {
	overflow: hidden;
	height: 250px;
}
.themes_list .delete_small {
	top: 0px;
	right: 0px;
	position: absolute;
	bottom: 0px;
	margin: 12px;
	background-color: #FFFFFF !important;
}
.themes_list item h2 {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	display: inline-block;
	margin: 0px auto auto auto;
	padding: 10px 20px;
	color: #151515;
	/* text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.95); */
	text-transform: capitalize;
	text-align: center;
	background: rgba(255, 255, 255, 0.87);
	border-radius: 7px 7px 30px 7px;
	font-size: 17px;
	font-weight: normal;
	position: relative;
	left: -10px;
	top: -10px;
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.17);
}
.themes_list item.actived h2 {
	background: rgba(255, 51, 4, 0.9);
	text-shadow: none;
	color: #FFFFFF;
}
.themes_list item .bg {
	background: #FFFFFF center center no-repeat;
	background-size: cover;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 0;
	border-radius: inherit;
}
.themes_list item .buttons {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 7px;
}
.theme_detail {
	margin: auto;
	padding: 0px;
	text-align: left;
	line-height: 22px;
	min-width: 50vw;
}
.theme_detail img {
	margin: 10px;
	background: gray;
	display: inline-block;
	border-radius: 10px;
	border: solid 2px rgb(0, 0, 0);
	max-width: 500px;
	width: 150px !important;
	height: auto;
	min-width: unset !important;
	padding: 0px;
	flex: 0;
}
.theme_detail .right {
	display: inline-block;
	margin: 10px 10px 10px 10px;
	overflow: visible;
	vertical-align: top;
}
.qOnMenu .top_buttons button.btnSkinSelect {
	background-image: url('../images/pantone_colors.svg');
	background-position: 65% center;
}
.qOnMenu .top_buttons button.btnSettings {
	background-image: url('../images/icon_settings.svg');
}
.edit_styles_file {
	width: 80vw;
	min-width: 320px;
	overflow: hidden;
	margin: -12px;
}
.edit_styles_file .styles_top {
	border-bottom: solid 1px rgb(225, 225, 225);
}
.edit_styles_file .styles_top .left, .edit_styles_file .styles_top .right {
	flex: auto;
}
.edit_styles_file .styles_top label {
	max-width: 150px;
	margin: 10px;
}
.edit_styles_file .code_editor {
	margin: auto;
	padding: 12px;
	width: 100%;
	height: 100%;
	min-height: 50vh;
	overflow: auto;
	border: none;
	box-sizing: border-box;
	background: rgb(248, 252, 255);
}
#langWindow .window_content {
	min-height: unset;
}
#langWindow p {
	display: block;
	text-align: left;
	background: transparent 25px center no-repeat;
	background-size: 28px;
	padding: 20px 12px 20px 67px;
	border-bottom: solid 1px rgba(0, 0, 0, 0.03);
	cursor: pointer;
	margin: auto;
}
.page_trash .content_types {
	padding: 20px;
}
.page_trash .content_types c {
	font-size: 27px;
	color: rgb(240, 12, 12);
}
.page_trash .content_types item u {
	text-decoration: none;
	color: rgb(100, 186, 206);
	font-size: 15px;
}

#users_list item b {
	margin-left: 5px;
}
#users_list item b u {
	display: block;
	text-decoration: none;
	color: rgb(15, 157, 225);
	font-size: 15px;
}
#users_list item b s {
	display: block;
	color: #555555;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
#users_list .user_online {
	width: auto;
	font-size: 12px;
	display: inline-block;
	vertical-align: top;
	margin: auto auto auto 10px;
}
#users_list .user_online.online {
	color: green;
}
#users_list .user_online.today {
	color: rgb(39, 203, 230);
}
#users_list .user_online.week {
	color: rgb(123, 123, 123);
}
#users_list .user_online.long {
	color: rgb(220, 220, 220);
}

.page_users item .icon {
	width: 45px;
	height: 45px;
	max-height: 45px;
	border: solid 2px #FFFFFF;
	border-radius: 50px;
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.33);
}
.page_users .group_name {
	color: rgb(42, 149, 134);
	width: 120px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

.page_users .user_status {
	width: 18px;
	background: rgb(136, 136, 136) url('/Q2/images/white/x.svg') center center no-repeat;
	height: 18px;
	box-sizing: border-box;
	padding: 0px !important;
	background-size: 14px;
	border-radius: 50px;
}
.page_users .user_status.active {
	background-color: rgb(71, 172, 115);
	background-image: url('/Q2/images/white/check.svg');
	background-size: 16px;
}
.page_users .user_status.blocked {
	background-color: rgb(255, 134, 134);
	background-image: url('/Q2/images/white/x.svg');
	background-position: center center;
	background-size: 12px;
}

#user_group .accesses .right u.view {
	background: url('/Q2/images/view.svg') center center no-repeat !important;
	background-size: 20px !important;
	font-size: 0px !important;
	padding: 15px;
	width: 15px !important;
}
#user_group .accesses .right u.edit {
	background: url('/Q2/images/edit.svg') center center no-repeat !important;
	background-size: 20px !important;
	font-size: 0px !important;
	padding: 15px;
	width: 33px !important;
}

#user_group item .field_checkbox.field_ {
	opacity: 0.2;
	pointer-events: none;
}

.green_column {
	color: rgb(42, 149, 134);
}
buttons .green_column {
	display: inline-block;
	vertical-align: middle;
}
.file_viewer .q_files_list {
	margin: auto auto 12px auto;
}
.file_viewer img {
	width: auto;
	height: auto;
	max-width: 100%;
	display: block;
	margin: auto;
}
.file_viewer iframe {
	width: 100vw;
	height: 100vh;
	border-radius: 12px;
	max-width: 100%;
	box-sizing: border-box;
	max-height: calc(100vh - 50px);
}
.file_viewer pre {
	width: 100vw;
	height: 70vh;
	max-width: 100%;
	max-height: ;
	text-align: left;
	margin: auto;
	padding: 15px;
	box-sizing: border-box;
	overflow: auto;
	color: #353535;
}
.file_viewer .file_bar {
	position: relative;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 52px;
	background: linear-gradient(119deg, rgb(18, 20, 20) 0%, rgb(79, 127, 161) 50%, rgb(20, 26, 30) 100%);
	text-align: left;
}
.file_viewer .file_bar buttons {
	margin: 8px 52px auto auto;
}
.file_viewer .file_bar buttons button {
	font-size: 15px !important;
	padding: 5px 7px !important;
	margin: 0px 5px auto auto;
}
.file_viewer .file_bar > h2 {
	font-size: 17px;
	font-weight: normal;
	color: #FFFFFF;
	margin: auto;
	padding: 16px 22px;
}

.window #category {
	min-width: 350px;
}
#field_view {
	background-image: url('../images/view.svg');
}
#field_view.view_pics {
	background-image: url('../images/list_pics.svg');
}
#field_view.view_icons {
	background-image: url('../images/list_icons.svg');
}

.q_home_information q2[card] {
	background: rgba(255, 254, 254, 0.72) linear-gradient(135deg, rgba(255, 254, 254, 0.21) 55%, rgba(255, 254, 254, 0.36) 56%, rgba(253, 253, 253, 0.23) 62%);
	backdrop-filter: blur(25px);
	display: inline-block;
	vertical-align: top;
	margin-right: 0px;
	min-width: 300px;
}
.q_home_information q2[card-head] {
	background-color: rgb(85, 185, 238);
}
.q_home_information q2[card-title] {
	color: #FFFFFF;
}
.page_home .stat_speed, .page_home .info_card {
	width: 300px;
	max-width: 300px;
	min-height: 100px;
	padding: 0px;
	box-sizing: border-box;
	flex: 1;
	margin: auto 50px auto 0px;
	background: transparent;
	box-shadow: none;
}
/*.page_home .stat_speed > img, .page_home .info_card > img {
	width: 120px;
	display: block;
	margin: auto auto 25px auto;
}*/
/*.q_home_information q2[card][card-content] > h2 {
	display: block;
	text-align: left;
	color: rgb(12, 118, 181);
	margin: auto;
	padding: 0px 0px 15px 0px;
	font-size: 17px;
}*/
.q_home_information q2[card] [card-content] div {
	color: rgb(36, 55, 85);
	font-size: 17px;
	margin: auto auto 10px auto;
}
.q_home_information q2[card] [card-content] div b {
	float: right;
}
.q_home_information q2[card] [card-content] div.super {
	padding-left: 27px;
	background: url('/Q2/images/check.svg') 0px center no-repeat;
	background-size: 24px;
}
.q_home_information q2[card] [card-content] div.good {
	padding-left: 27px;
	background: url('/Q2/images/right.svg') 0px center no-repeat;
	background-size: 24px;
}.q_home_information q2[card] [card-content] div.bad {
	padding-left: 27px;
	background: url('/Q2/images/bad.svg') 0px center no-repeat;
	background-size: 24px;
}

.active_theme_details {
	display: block;
	margin: auto;
	padding: 0px 0px 0px 135px;
	background: transparent left top no-repeat;
	background-size: 120px;
}
.active_theme_details p, .active_theme_details i {
	margin: auto auto 5px auto;
	line-height: normal;
	font-size: 17px;
}
.active_theme_details i {
	display: block;
	margin: 5px auto;
	font-size: 17px;
	font-style: normal;
	color: rgb(251, 150, 21);
}
.active_theme_details .descr {
	color: rgb(118, 118, 118);
	text-align: left;
	max-height: 120px;
	overflow: hidden auto;
}
.content_settings {
	background-image: url('../images/icon_settings.svg') !important;

}
.content_fullsreen {
	background-image: url('/Q2/images/scale.svg') !important;
}
#user_group {
	text-align: left;
}
#user_group label {
	margin: 5px auto auto 0px;
}
#user_group .field_title, #user_group .field_name {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	margin: 5px 12px auto auto !important;
}
#user_group .accesses s {
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	color: rgb(189, 189, 189);
	margin: auto auto auto 5px;
}
#user_group .accesses .right u {
	display: inline-block;
	vertical-align: top;
	width: auto;
	margin: auto 7px;
	font-size: 15px;
	color: rgb(21, 138, 72);
	position: relative;
}

#user_group .accesses .buttons.right .qCheck:nth-child(1) i {
	background-image: url('/Q2/images/white/view.svg');
	background-size: 90%;
}

#user_group .accesses .buttons.right .qCheck:nth-child(2) i {
	background-image: url('/Q2/images/white/edit.svg');
	background-size: 60%;
}

#user_group item .buttons.right label {
	display: inline-block;
	width: 55px;
	margin: auto 5px !important;
}
.user_standart_fields {
	display: flex;
	margin: 25px auto auto auto;
}
.user_standart_fields .left {
	display: flex;
	width: auto;
	flex-flow: column;
	text-align: center;
	align-items: start;
	justify-content: start;
	align-self: start;
}
.user_standart_fields .right {
	display: block;
	padding: 0px 0px 0px 20px;
	text-align: left;
	flex: auto;
}
.user_standart_fields .right label {
	margin-left: 0px;
	width: 100%;
}
.user_standart_fields label.image {
	margin: auto;
}

#files_list.drag_enter {
	background: rgba(206, 247, 9, 0.7);
}

.accesses .noevents .buttons.right u {
	width: 52px !important;
	display: inline-block;
	vertical-align: middle;
	background: red;
	background: ;
	background: transparent;
	text-align: left;
}
.page_users .qSmallFormB label {
	width: auto;
}
.page_users #filter_form {
	display: inline-block;
}
.page_users button.add_user {
	background: rgb(67, 196, 117);
	width: auto;
	padding: 10px 15px;
	height: auto;
}

/*.page_users .qUserEdit label {
	margin: auto auto 7px auto;
	position: relative;
}
.page_users .qUserEdit label b {
	position: absolute;
	left: 0px;
	top: 10px;
	bottom: auto;
	font-size: 15px;
	color: rgb(27, 138, 96);
	padding-left: 15px;
}
.page_users .qUserEdit label input, .page_users .qUserEdit label select {
	padding-left: 120px;
}*/
#user_list .float-right label, #user_list .float-right button {
	display: inline-block;
	vertical-align: middle;
	max-width: 120px;
	margin: auto 5px auto auto;
}
#user_list .float-right {
	float: right;
	min-width: 50%;
	text-align: right;
}
form button.save {
	margin: 15px auto auto auto;
	padding: 10px 25px;
	font-size: 17px;
	display: inline-block;
}
.head_form {
	display: flex;
}
.head_form_left {
	display: flex;
	flex: 0;
	width: auto;
	margin: auto 15px auto auto;
}
.head_form_left:empty {
	margin: auto;
	padding: 0px;
}
.head_form_right {
	display: flex;
	flex: 1;
	width: auto;
	padding: 0px;
	align-self: start;
	flex-wrap: wrap;
}
.head_form_right label {
	margin: auto auto 5px auto;
}

/* User page */

.qUserEdit .left button {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	border: solid 1px rgb(213, 213, 213);
	max-width: unset;
	max-height: unset;
	padding: 0px;
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center;
	margin: auto;
	min-width: unset;
}

.qUserEdit .field_photo {
	overflow: visible;
	width: auto !important;
	height: auto !important;
}
.qUserEdit .field_photo bg, .user_account_photo bg, img.user_account_photo {
	border: solid 2px #FFFFFF;
	box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.1);
	border-radius: 100%;
	width: 150px;
	height: 150px;
	margin-bottom: 5px;
}
.qUserEdit .field_photo b {
	position: relative;
	margin: auto;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
}

.qUserEdit .left buttons {
	display: block;
	text-align: center;
	margin: 5px auto auto auto;
	width: 100%;
	box-sizing: border-box;
	gap: 5px;
}

button.change_password {
	background: url("../images/color/key.svg") center center no-repeat;
	background-size: 82%;
}
.templates item {
	padding: 15px;
}
.templates item u {
	display: block;
	text-decoration: none;
	color: rgb(75, 128, 144);
}
.templates item.active {
	border-radius: 10px;
	font-weight: bold;
}
.templates .green_column {
	text-align: right;
	padding-right: 10px;
}
#FrameWindow .window {
	width: 95%;
	height: 95%;
	max-width: unset;
	max-height: unset;
	overflow: hidden;
}
#FrameWindow .window_content {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: auto;
	height: 95%;
	padding: 0px;
	position: relative;
}
#FrameWindow .window iframe {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: auto;
	background: transparent;
	padding: 0px;
	border: transparent;
}
body #html .qBottomButtons {
	padding: 0px 0px;
	position: sticky;
	z-index: 2;
	bottom: 0px;
	top: auto;
	height: 72px;
	overflow: hidden;
	text-align: right;
	border: solid 1px rgb(98, 98, 98);
}
body #html .qBottomButtons button {
	margin: 16px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 10px 22px;
	font-size: 17px;
}
.dragnow {
	display: none !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transition:0.35s all;
}
/* background-image: linear-gradient(to top, #bdc2e8 0%, #bdc2e8 1%, #e6dee9 100%); */
.qFileManager {
	/* box-sizing: border-box; */
	/* display: block; */
	/* margin: auto !important; */
	/* padding: 0px; */
	/* overflow: hidden; */
	/* min-width: 500px; */
	/* max-width: 100%; */
	/* min-height: 520px; */
}
.file_info {
	margin: auto;
	padding: 10px;
}
.file_info item {
	display: block;
	margin: auto;
	padding: 12px 0px;
	border-bottom: solid 1px rgba(1, 1, 1, 0.14);
}
.file_info b {
	float: right;
	font-weight: bold;
	color: rgb(5, 145, 118);
}
.qFileManager .qFilters a {
	margin: auto 3px;
}
.qFileManager a[id="home"] {
	background: url('../images/files_page.svg') left center no-repeat;
	background-size: 32px;
	padding: 7px 7px 3px 42px;
	margin: auto 0px auto auto;
	min-height: 20px;
}

.q_files_list {
	display: block;
	font-size: 15px;
	color: #353535;
}
.q_files_list table {
	width: 100%;
}
.q_files_list table tr td {
	border-bottom: dashed 1px rgb(225, 225, 225);
	padding: 7px 0px;
}
.q_files_list table tr td:nth-child(1) {
	font-size: 15px;
	font-weight: normal;
	width: auto;
	text-align: left;
}
.q_files_list table tr td:nth-child(2) {
	width: auto;
	font-size: inherit;
	text-align: right;
	vertical-align: middle;
}
}
.q_files_list table tr td:nth-child(3) {
	width: auto;
	font-size: inherit;
	text-align: right;
	vertical-align: middle;
}

#html.blur_content .qRightContent {
	filter: blur(2px);
}
#html.blur_content .qRightContent::before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url('/Q2/images/loading_1.svg') center center no-repeat;
	z-index: 10;
	background-size: 52px;
	filter: none;
}
.login_content {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.login_content  .login_form {
	min-width: 320px;
	width: 520px;
	text-align: center;
}
.login_content label {
	position: relative;
	margin: 22px auto auto auto;
	display: block;
}
.login_content label input {
	padding: 15px !important;
}
.login_content label b {
	position: absolute;
	color: rgb(110, 110, 110);
	left: auto;
	right: 10px;
	top: 5px;
	margin: auto;
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
}
.login_content h2 {
	font-size: 25px !important;
}
.login_content button {
	margin: 15px auto auto auto !important;
	padding: 12px 55px !important;
	font-size: 17px;
}
#ProgressWindow {
	right: auto;
	top: auto;
	margin: 25px;
	pointer-events: auto;
	height: 50px !important;
	overflow: hidden;
	width: 320px;
	min-width: unset;
	background: rgb(5, 125, 91);
	border-radius: 7px;
	text-align: left;
	padding: 5px 5px 5px 12px;
	font-size: 17px;
}
#ProgressWindow b {
	font-size: 15px;
	font-weight: normal;
	margin: auto;
	padding: 5px 7px;
	display: inline-block;
	color: rgb(255, 255, 255);
	line-height: normal;
	vertical-align: middle;
	text-align: left;
}
#ProgressWindow .bClose {
	background-color: rgba(0, 0, 0, 0.13);
}
#ProgressWindow .scroll {
	position: absolute;
	left: 0px;
	right: auto;
	width: 0px;
	background: rgba(0, 0, 0, 0.35);
	z-index: -1;
	top: 0px;
	height: 100%;
	transition: 0.35s all;
}
#ProgressWindow b::after {
	content: "";
	display: inline-block;
	margin: auto;
	padding: 0px;
	width: 1px;
	height: 100%;
	position: relative;
	vertical-align: middle;
}
.q_helper_btn {
	width: 32px;
	height: 32px;
	background: rgb(248, 248, 248);
	border: 1px solid rgb(89, 89, 89);
	border-radius: 50px;
	display: inline-block;
	margin: 5px;
	vertical-align: middle;
	padding: 7px 0px;
	text-align: center;
	font-size: 15px;
	box-sizing: border-box;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	cursor: pointer;
	color: #151515;
}
.q_helper_btn:hover {
	background: rgba(0, 250, 110, 0.84);
}
.qContent label textarea {
	min-height: 320px;
	height: auto;
	max-height: 520px;
	overflow: hidden auto;
	scrollbar-width: thin;
}
.qContent .lang_box {
	float: right;
	background: transparent;
	position: relative;
	width: auto;
	height: auto;
	margin: auto;
	padding: 0px;
	display: block;
}
.qContent .lang_box b {
	display: none;
}
.qContent .lang_box select {
	margin: auto;
	background: transparent;
	border: 1px solid rgb(223, 234, 246);
}
.q_langfield {
	transition: 0.35s all cubic-bezier(1,0,0,1);
}
/*
.q_langfield:not(.show) {
	overflow: hidden !important;
	pointer-events: none;
	min-height: 0px !important;
	max-height: 0px !important;
	transition: 0.35s all cubic-bezier(1,0,0,1);
	opacity: 0 !important;
}
*/
.q_show_chat {
	position: fixed;
	z-index: 100;
	background: rgb(171, 255, 152) url('../images/chat.svg') center center no-repeat;
	width: 45px;
	height: 45px;
	left: auto;
	top: auto;
	bottom: 20px;
	right: 20px;
	background-size: 27px;
	border-radius: 50px;
	cursor: pointer;
	border: rgb(60, 60, 60) solid 2px;
	/* outline: 2px solid rgb(171, 255, 152); */
}
/*.q_show_chat {
	position: fixed;
	z-index: 100;
	background: rgb(57, 77, 236) url('../images/white/chat.svg') center center no-repeat;
	width: 45px;
	height: 45px;
	left: auto;
	top: auto;
	bottom: 20px;
	right: 20px;
	background-size: 27px;
	border-radius: 50px;
	cursor: pointer;
	border: RGB(255, 255, 255) solid 2px;
	outline: 2px solid rgb(57, 77, 236);
}*/
/*.q_show_chat::after {
	display: block;
	width: 11px;
	height: 11px;
	background-color: inherit;
	position: absolute;
	bottom: -8px;
	left: 0px;
	z-index: 0;
	content: "";
	right: 0px;
	margin: auto;
	transform: rotate(45deg);
	border: inherit;
	border-left: none;
	border-top: none;
}*/
#q_chat_undread {
	position: absolute;
	padding: 5px;
	background: red;
	color: #FFFFFF;
	border-radius: 25px;
	font-size: 12px;
	min-width: 15px;
	left: auto;
	top: -5px;
	right: -10px;
	pointer-events: none;
	opacity: 0;
}
#q_chat {
	width: auto;
	height: auto;
	overflow: visible;
	left: auto;
	top: auto;
	background: transparent;
	pointer-events: none;
	transition: 0.1s all;
}
#q_chat .window {
	margin: 35px;
	box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.72);
	pointer-events: auto;
	width: 320px !important;
	transform: none;
	transition: 0.1s all !important;
	/* border: 3px solid rgb(152, 238, 0); */
}
#q_chat .window_caption.haveTitle {
	margin: auto;
	color: rgb(49, 49, 49);
	background: rgb(171, 255, 152);
	border-bottom: solid 1px rgba(0, 0, 0, 0.05);
	border-radius: 0px;
}
#q_chat .window_caption h1 {
	margin: auto;
	color: inherit;
	padding-left: 20px;
}
#q_chat .window_content {
	width: 350px;
	height: 450px;
	margin: auto;
	max-width: 95vw;
	max-height: 95vh;
	display: flex;
	flex-direction: column;
	padding: 0px;
}
.q_chat_home {
	scrollbar-color: rgb(206, 210, 244) rgb(237, 238, 247);
}
.q_chat_home.hide {
	left: -100%;
}
#q_chat_contacts item {
	display: block;
	color: rgb(39, 57, 68);
	padding: 0px;
	text-align: left;
	border-bottom: solid 1px rgba(0, 0, 0, 0.05);
	margin: auto;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
#q_chat_contacts item:hover {
	background: rgb(244, 248, 255);
}
#q_chat_contacts item s {
	display: block;
	font-style: normal;
	text-decoration: none;
	color: rgb(125, 171, 198);
	font-size: 15px;
}
#q_chat_contacts item photo {
	margin: 10px 12px 10px 12px;
	width: 45px;
	height: 45px;
	display: inline-block;
	background-size: cover;
	background-position: center;
	border-radius: 50px;
	vertical-align: middle;
	border: solid 2px #FFFFFF;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.18);
	background-color: #FFFFFF;
}
#q_chat_contacts item p {
	display: inline-block;
	margin: auto;
	padding: 0px;
	width: auto;
	vertical-align: middle;
}
.q_chat_content {
	height: auto;
	flex: auto;
	border-bottom: solid 1px rgb(197, 197, 197);
	overflow: auto;
	scrollbar-width: thin;
	padding: 0px;
	background: rgb(255, 255, 255);
}
/*.q_chat_content {
	height: auto;
	flex: auto;
	border-bottom: solid 1px rgb(197, 197, 197);
	overflow: auto;
	scrollbar-width: thin;
	padding: 12px;
	scroll-behavior: smooth;
	background: rgb(255, 255, 255);
}*/
.q_chat_bottom {
	height: auto;
}
.q_chat_bottom input[name="message"] {
	padding: 17px 60px 17px 15px;
	margin: auto;
	width: 100%;
	display: block;
	box-sizing: border-box;
	font-size: 15px;
	text-align: left;
	color: rgb(38, 38, 38);
	border-radius: 3px;
	border: transparent;
}
.q_chat_send {
	background: rgb(11, 146, 152) url('../images/send_white.svg') center center no-repeat !important;
	background-size: 25px !important;
	width: 40px !important;
	font-size: 0px !important;
	color: transparent;
	padding: 0px !important;
	height: 32px !important;
	min-width: unset !important;
	position: absolute;
	bottom: 10px;
	right: 10px;
	margin: auto;
}
.q_chat_send:hover {
	background-color: rgb(100, 150, 0) !important;
}
.q_chat_content > b {
	font-size: 12px;
	font-weight: normal;
	color: rgb(77, 77, 77);
	padding: 0px;
	display: block;
	text-align: right;
	margin: auto;
	height: 0px;
}
.q_chat_content p {
	font-size: 15px;
	background: transparent;
	display: block;
	border-radius: 12px;
	margin: auto;
	padding: 0px;
	text-align: left;
}
/*.q_chat_content p {
	color: rgb(30, 30, 30);
	font-size: 15px;
	background: rgb(235, 235, 235);
	display: inline-block;
	border-radius: 12px;
	margin: 5px 5px;
	padding: 8px 12px;
}*/
.q_chat_content p > u {
	display: block;
	width: auto;
	text-align: right;
	font-size: 12px;
	text-decoration: none;
	color: rgb(128, 129, 129);
	float: right;
	margin: 5px;
}
.q_chat_content item {
	text-align: left;
	color: rgb(0, 0, 0);
	padding: 12px;
	display: block;
	position: relative;
	overflow: hidden;
}
.q_chat_content item:hover {
	background: rgb(245, 255, 246);
}
.q_chat_content item[you] {
	text-align: right;
	color: rgb(111, 111, 111);
}
.q_chat_content item buttons {
	display: block;
	position: relative;
	text-align: right;
	width: auto;
	max-width: unset;
	left: auto;
	right: auto;
	margin: auto;
	height: auto;
}
.q_chat_content .date {
	display: block;
	text-align: left;
	background: rgb(235, 249, 232);
	position: sticky;
	top: 0px;
	left: auto;
	margin: auto;
	padding: 12px 12px 12px 20px;
	color: rgb(106, 106, 106);
	width: auto;
	border-radius: 0px;
	z-index: 1;
	border-bottom: solid 1px rgb(240, 240, 240);
}
.chat_back {
	background: url('../images/left.svg') center center no-repeat;
	background-size: 20px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	pointer-events: auto;
	width: 25px;
	height: 25px;
	margin: -2px 7px 0px -5px;
}
.chat_back.home {
	background: url('../images/chat.svg') center center no-repeat;
	background-size: 25px;
	margin: -1px 7px 0px -5px;
	vertical-align: middle;
	cursor: pointer;
	pointer-events: auto;
	width: 25px;
	height: 25px;
}
.q_chat_welcome {
	background: #FFF url('../images/blur_light_blue_bg.svg') center center no-repeat;
}
.q_chat_welcome h2 {
	margin: 65px auto auto auto;
	color: rgb(49, 89, 125);
	font-size: 25px;
	padding: 0px;
	line-height: normal;
}
.q_chat_welcome h3 {
	font-size: 15px;
	font-weight: normal;
	margin: 12px auto 32px auto;
	max-width: 80%;
	color: rgb(83, 116, 180);
	padding: 0px;
	line-height: normal;
}
#q_chat_contacts item.new_msg photo {
	outline: 2px solid rgb(103, 223, 78);
}
.cms_photo_icon {
	background: rgba(255, 255, 255, 0) url('/Q2/images/logo.svg') center center no-repeat;
	background-size: 90% !important;
}
#q_chat_unread {
	position: absolute;
	right: -5px;
	top: -5px;
	background: rgb(240, 34, 13);
	color: #FFFFFF;
	padding: 2px 7px;
	font-size: 15px;
	border-radius: 50px;
	opacity: 0;
	transition: 0.15s all;
}
#q_chat_contacts item news {
	display: none;
}
#q_chat_contacts item.new_msg {
	/*background-color: rgba(4, 250, 17, 0.12);*/
}
#q_chat_contacts item.new_msg news {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 10px;
	padding: 2px 10px;
	background: transparent;
	color: rgb(5, 155, 50);
	border-radius: 15px;
}
.chatgpt_photo_icon {
	background: url('/Q2/images/chat_gpt_icon.svg') center center no-repeat;
}
body .q_chat_content button {
	font-size: 15px !important;
	padding: 7px 7px !important;
	margin: 5px 5px 5px auto;
	display: inline-block;
	vertical-align: middle;
	min-width: 72px !important;
}
body .login_form {
	min-width: 320px;
	width: 520px;
	text-align: center;
	padding: 50px 20px;
}
body .login_form label {
	max-width: 82%;
}
body .login_form h2 {
	color: rgb(147, 181, 199);
	margin: auto auto 37px auto;
	display: block;
	padding: 0px;
	font-size: 22px;
	text-align: center;
}
.qSticky {
	position: sticky;
}
.qStickyTop {
	position: sticky;
	top: 0px;
	z-index: 2;
}
.qStickyBottom {
	position: sticky;
	bottom: 0px;
	z-index: 1;
	box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.1);
}
.qStickyTop.qStuck {
	z-index: 10;
	border-radius: 0px 0px 15px 15px;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5);
	top: 0px;
	margin-left: 15px;
	margin-right: 15px;
}
/*.qStickyTop.qStuck {
	z-index: 10;
	border-radius: 0px;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}*/
.qStickyBottom.qStuck {
	z-index: 10;
	border-radius: 15px 15px 0px 0px;
	top: auto;
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.5);
	margin-left: 15px;
	margin-right: 15px;
}
/*.qStickyBottom.qStuck {
	z-index: 10;
	border-radius: 15px 15px 0px 0px;
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
}*/
#language_strings .no_items {
	text-align: center;
	color: #AAAAAA;
	padding: 15%;
	font-size: 17px;
}
#language_strings label > b {
	max-width: 500px;
	margin: 5px auto 5px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#language_strings .check_it input {
	border-color: rgb(255, 203, 0);
}
#language_strings .empty input {
	border-color: red;
}
#language_strings label textarea, #language_strings label textarea[rows="1"] {
	padding: 10px;
	line-height: normal;
	height: 41px;
	max-height: 115px;
	overflow: hidden auto;
	resize: none;
}
#language_strings label textarea[rows="2"] {
	height: 60px;
}
#language_strings label textarea[rows="3"] {
	height: 77px;
}
#language_strings label textarea[rows="4"] {
	height: 95px;
}
#language_strings label textarea[rows="5"] {
	height: 115px;
}
.qLanguages.window_area {
	position: relative;
	width: 95vw;
	background: rgb(255, 255, 255);
	height: 95vh;
	left: 0px;
	right: 0px;
	text-align: center;
	overflow: hidden auto;
	max-height: 95vh;
	border-radius: 15px;
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.15);
	display: flex;
	flex-direction: column;
}
.qLanguages.window_area .qStickyTop {
	flex: auto;
	flex-grow: 1;
	width: 100%;
	max-height: 60px;
	flex-grow: 0;
}
.qLanguages.window_area .lang_list {
	flex: auto;
	flex-grow: 1;
	overflow: auto;
	scrollbar-width: thin;
}
.qLanguages.window_area .lang_list .bottom_buttons {
	flex: auto;
	flex-grow: 0;
}
.qLanguages .window_find {
	background: rgb(232, 244, 255);
	top: 0px;
	margin: auto;
	z-index: 2;
	padding: 0px;
	text-align: left;
	border-bottom: solid 1px rgb(211, 228, 238);
}
.qLanguages .window_find h1 {
	margin: auto;
	padding: 20px;
	font-size: 17px;
	color: rgb(74, 74, 74);
	font-weight: normal;
}
.qLanguages .window_find label {
	width: 300px;
	border-radius: 7px;
	overflow: hidden;
	margin: auto;
	position: absolute;
	right: 62px;
	top: 0px;
	bottom: 0px;
	height: 42px;
	box-sizing: border-box;
	background: #FFFFFF;
	border: solid 2px rgb(211, 228, 238);
}
.qLanguages .window_find input {
	display: inline-block;
	width: 260px;
	margin: 0px;
	padding: 10px;
	font-size: 15px;
	vertical-align: middle;
	outline: none !important;
	border-radius: 0px;
	border: transparent;
}
.qLanguages .window_find button {
	background: rgba(37, 168, 149, 0) url('/Q2/images/search.svg') center center no-repeat;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 0px;
	background-size: 22px;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	min-width: unset;
	min-height: unset;
	background-color: transparent !important;
	opacity: 0.5;
}
.qLanguages .window_find button:hover {
	opacity: 1;
}
.qLanguages .bottom_buttons {
	background: rgb(232, 244, 255);
	z-index: 2;
	padding: 5px;
	box-shadow: none;
	border-top: solid 1px rgb(211, 228, 238);
}
.qLanguages .bottom_buttons .content_pages {
	display: inline-block;
	vertical-align: middle;
	margin: auto 22px auto auto;
}
item buttons.right {
	float: right;
}
item div.indicators {
	display: inline-block !important;
	margin: auto !important;
	padding: 0px !important;
}
item div.indicators i {
	display: inline-block !important;
	width: 25px !important;
	height: 25px;
	padding: 0px !important;
	opacity: 0.1;
	filter: saturate(0);
	background-size: 22px;
}
item div.indicators i {
	display: inline-block !important;
	width: 25px !important;
	height: 25px;
	padding: 0px !important;
	opacity: 0.1;
	filter: saturate(0);
}
item div.indicators i.show {
	opacity: 1;
	filter: saturate(1);
}
.ind_lang {
	background: url('/Q2/images/planet-earth.svg') center center no-repeat;
}
.ind_edit_view {
	background: url('/Q2/images/view.svg') center center no-repeat;
}
.ind_table_view {
	background: url('/Q2/images/table.svg') center center no-repeat;
}
button.button_contents_filter {
	background-image: url('/Q2/images/filter.svg') !important;
}
#contents_filter {
	position: fixed;
	top: 32px;
	right: 32px;
	background: #FFFFFF;
	margin: auto;
}
#qFormFieldsEditor .add_btn {
	margin: auto auto 12px auto;
	display: block;
	width: 38px;
	height: 38px;
	font-size: 0px;
	padding: 0px;
	min-width: unset;
	background: url('/Q2/images/add.svg') center center no-repeat;
	background-size: 100%;
}
#qFormFieldsEditor item {
	background-size: 24px !important;
	background: #FFFFFF 10px center no-repeat;
	display: block;
	border: solid 1px #EEEEEE;
	border-radius: 5px;
	margin: 5px auto;
}
#qFormFieldsEditor item b {
	display: inline-block;
	vertical-align: middle;
	margin: 5px 5px;
	font-weight: normal;
	cursor: pointer;
}
#qFormFieldsEditor item:hover {
	background-color: rgb(243, 247, 253);
}
#qFormFieldsEditor [type="email"] {
	padding-left: 35px;
	background-image: url('/Q2/images/email.svg');
}
#qFormFieldsEditor [type="phone"] {
	padding-left: 35px;
	background-image: url('/Q2/images/phone.svg');
}
#qFormFieldsEditor [type="text"] {
	padding-left: 35px;
	background-image: url('/Q2/images/text.svg');
}
#qFormFieldsEditor [type="textarea"] {
	padding-left: 35px;
	background-image: url('/Q2/images/content.svg');
}
#qFormFieldsEditor [type="file"] {
	padding-left: 35px;
	background-image: url('/Q2/images/file.svg');
}
#qFormFieldsEditor [type="select"] {
	padding-left: 35px;
	background-image: url('/Q2/images/down.svg');
}
#qFormFieldsEditor [type="check"] {
	padding-left: 35px;
	background-image: url('/Q2/images/check.svg');
}
#qFormFieldsEditor [type="number"] {
	padding-left: 35px;
	background-image: url('/Q2/images/scale.svg');
}
.qX {
	background: #FFFFFF url('/Q2/images/close.svg') center center no-repeat;
	background-size: 72%;
	width: 30px;
	height: 30px;
	min-width: unset;
	padding: 0px;
}

.qRightContent #content_list .icon {
	display: inline-block;
	vertical-align: middle;
	margin: -2px 5px -2px 0px;
	border-radius: 50px;
	width: 32px;
	height: 32px;
	object-fit: cover;
}
#content_list table tr:first-child td {
	height: 28px;
	border-bottom: solid 2px rgb(240, 240, 240);
	z-index: 1;
}
#content_list .qX {
	display: none;
}
#content_list.fullscreen .qX {
	display: block;
	position: fixed;
	right: 10px;
	top: 10px;
	background-color: rgb(255, 254, 254);
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.28);
	z-index: 100;
}
#content_list.fullscreen {
	position: fixed;
	z-index: 10;
	left: 0px;
	right: 0px;
	top: 0px;
	overflow: auto;
	width: 100%;
	box-sizing: border-box;
	height: 100%;
	bottom: 0px;
	margin: auto;
	padding: 0px;
	border-radius: 0px;
	background: rgba(255, 255, 255, 0.64);
	backdrop-filter: blur(35px);
	display: flex;
	flex-direction: column;
}
#content_list.fullscreen .qCard {
	min-height: 60px;
}
#content_list.fullscreen .qCard:nth-child(1) {
	overflow: auto;
	padding: 0px;
}
#content_list.fullscreen > .qCard:first-of-type {
	padding: 0px;
}
#content_list.fullscreen > .qCard table tr:nth-child(1) {
	position: sticky;
	top: 0px;
	z-index: 1;
}
#content_list.fullscreen .qList table tr {
	display: table-row;
	height: 35px;
}

#design_cms {
	max-width: 350px;
}
#design_cms h1 {
	display: block;
	text-align: left;
	margin: auto;
	font-size: 17px;
	font-weight: bold;
	color: rgb(6, 159, 116);
}
#design_cms .qCMSBgList {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
#design_cms .qCMSBgList > img {
	cursor: pointer;
	display: inline-block;
	width: 82px;
	margin: 0px;
	height: 55px;
	min-width: 80px;
	max-width: 92px;
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	opacity: 0.75;
	cursor: pointer;
	object-fit: cover;
	flex-grow: 1;
}
#design_cms .qCMSBgList img[active="true"] {
	outline: double 3px rgb(0, 0, 0);
	opacity: 1;
}
#design_cms .qCMSBgList img:hover, .qCMSBgList img[active="true"] {
	opacity: 1;
}
#cms_design_window .footer_line {
	padding: 10px;
	text-align: right;
	border-top: solid 1px rgb(183, 183, 183);
	display: block;
	width: auto;
	margin: 0px;
	left: 0px;
	position: relative;
}

#cms_design_window {
	background: transparent;
	cursor: no-drop;
}
#cms_design_window .window {
	margin: 25px 25px auto auto;
	cursor: auto;
	height: auto;
	max-height: calc(100% - 50px);
}
#cms_design_window .qSmallFormB > h1 {
	margin-bottom: 15px !important;
}

/*.cloud_module .drives_list {
	padding: 0px;
}
.cloud_module .drives_list item {
	display: inline-block;
	width: 250px;
	vertical-align: top;
	margin: 7px 7px auto auto;
	height: 172px;
	border-radius: 7px;
	overflow: visible;
	border: transparent;
	background: #FFFFFF;
	padding: 0px;
}*/
.qBtnMenuMinimize {
	padding: 15px 15px 15px 50px;
	text-align: left;
	background: rgba(255, 255, 255, 0.5) url('/Q2/images/left.svg') 15px center no-repeat;
	background-size: 25px;
	/* border-top: solid 1px rgba(253, 253, 253, 0.08); */
	cursor: pointer;
	color: rgb(34, 33, 33);
	border-top: solid 1px rgba(6, 6, 6, 0.08);
	margin: 7px auto 7px auto;
	border-radius: 5px;
}
/*.qBtnMenuMinimize {
	padding: 15px 15px 15px 50px;
	text-align: left;
	background: url('/Q2/images/left.svg') 15px center no-repeat;
	background-size: 25px;
	border-top: solid 1px rgba(253, 253, 253, 0.08);
	cursor: pointer;
	color: rgb(34, 33, 33);
	border-top: solid 1px rgba(6, 6, 6, 0.08);
}*/
.qBtnMenuMinimize:hover {
	background-color: rgba(251, 248, 248, 0.18);
}
.qMenuMinimize .qOnMenu {
	width: 100%;
	margin: auto;
	overflow: hidden;
}
/*.qMenuMinimize .qOnMenu {
	width: 100%;
}*/
.qMenuMinimize .qOnMenu right {
	display: none;
}
.qMenuMinimize .qBtnMenuMinimize {
	font-size: 0px;
	box-sizing: border-box;
	padding: 25px;
	background-image: url('/Q2/images/white/right.svg');
}
.qMenuMinimize .qLeftMenu {
	max-width: 70px;
	padding: 0px;
	backdrop-filter: blur(15px);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.28);
}
/*.qMenuMinimize .qLeftMenu {
	max-width: 70px;
	padding: 0px;
}*/
/*.qMenuMinimize .qLeftMenu {
	max-width: 52px;
}*/
.qMenuMinimize .qOnMenu .logo {
	padding: 0px;
}
.qMenuMinimize .qLeftMenu .logo img {
	margin: 12px auto 0px 5px;
	width: 100%;
	height: 52px;
	object-fit: contain;
	max-width: calc(100% - 10px);
}
/*.qMenuMinimize .qLeftMenu .logo img {
	margin: 5px auto 5px 3px;
	width: 100%;
	height: 52px;
	object-fit: contain;
	max-width: calc(100% - 10px);
}*/
.qMenuMinimize .qLeftMenu .qMenu u {
	display: none;
}
.qMenuMinimize .qLeftMenu .qMenu .sub {
	display: none;
}
.qMenuMinimize .qLeftMenu .qMenu li {
	background-position: center center;
	cursor: pointer;
	width: 37px;
	height: 37px;
	margin: 2px auto;
	background-size: 72%;
	background-color: rgba(255, 255, 255, 0.75);
}
/*.qMenuMinimize .qLeftMenu .qMenu li {
	background-position: center center;
	cursor: pointer;
	width: 52px;
	height: 52px;
	margin: 5px 8px;
}*/
/*.qMenuMinimize .qLeftMenu .qMenu li {
	background-position: center center;
	padding: 22px;
	cursor: pointer;
}*/
.qMenuMinimize .qLeftMenu .qMenu li a {
	display: none;
}
.login_message {
	text-align: center;
	padding: 25px;
}
.login_message .goto_home_button {
	display: block;
	margin: 15px auto auto auto;
	text-align: center;
	padding: 0px;
}

#system_mobile_topbar {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: auto;
	margin: 0px;
	width: 100%;
	box-sizing: border-box;
	height: 50px;
	display: flex;
	justify-content: stretch;
	align-content: center;
	align-items: center;
}
#system_mobile_topbar .center {
	flex-grow: 1;
}
#system_mobile_topbar .left {
	padding: 8px 15px;
}
#system_mobile_topbar .right {
	padding: 8px 15px;
}
#system_mobile_topbar .logo img {
	display: inline-block;
	vertical-align: middle;
	margin: auto 5px auto auto;
}
#system_mobile_topbar .logo b {
	display: inline-block;
	vertical-align: middle;
	margin: auto auto auto auto;
	font-size: 17px;
	font-weight: normal;
	color: rgb(55, 55, 55);
}
#system_mobile_topbar > .buttons button {
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
	cursor: pointer;
}












@media screen and (min-width: 1001px) {
	.mobile {
		display: none !important;
	}		
}
.q_blink_outline_effect {
	-webkit-animation: q_blink_outline_effect 1s infinite;
	animation: q_blink_outline_effect 1s infinite;
}
@keyframes q_blink_outline_effect {
	0% {outline: 2px rgba(0, 255, 255, 1) solid;}
	100% {outline: 2px rgba(0, 255, 255, 0) solid;}
}
.q_effect_boo {
	-webkit-animation: q_effect_boo 1s;
	animation: q_effect_boo 1s;
}
@keyframes q_effect_boo {
	0% {outline: 2px rgba(0, 255, 255, 1) solid;}
	100% {outline: 2px rgba(0, 255, 255, 0) solid;}
}
.blink_black_gray {
	-webkit-animation: blink_black_gray 2s infinite;
	animation: blink_black_gray 2s infinite;
}
.blink_opacity {
	-webkit-animation: blink_opacity 2s infinite;
	animation: blink_opacity 2s infinite;
}
@keyframes blink_black_gray {
	0% {color: #000000;}
	50% {color: #777777;}
	100% {color: #000000;}
}
@keyframes blink_opacity {
	0% {opacity: 0.5;}
	50% {opacity: 1;}
	100% {opacity: 0.5;}
}
@keyframes bg_move_top {
	0% {background-position: 0% 0%;}
	100% {background-position: 0% 100%;}
}
@keyframes bg_move_loading {
	0% {background-position-x: 0%;}
	20% {background-position-x: 50%;}
	100% {background-position-x: 100%;}
}
@keyframes q_loading_bgtm {
	0% {top: 0px;}
	100% {top: -400px;}
}
@keyframes amin_bg_rightloading {
	0% {background-position-x: 0%;}
	100% {background-position-x: 100%;}
}