html, body {
	margin: auto !important;
	padding: 0px !important;
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
    font-family: 'Roboto', 'Open Sans', sans-serif;
	overflow: hidden;
	background: #F2F2F2;
	text-align: center;
}
body a {
	color: rgb(51, 94, 234);
	text-decoration: none;
}
#body {
	position: absolute;
	height: auto;
	overflow: hidden auto;
	margin: auto;
	max-height: 100%;
	box-sizing: border-box;
	top: 72px;
	bottom: 0px;
	z-index: 0;
	left: 0px;
	right: 0px;
	background: inherit;
}
body .qFlex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
body .qGrid {
	display: grid;
}
img {
	max-width: 100%;
	height: auto;
	border: 0;
	width: auto\9; /* ie8 */
}
ul {
	margin: auto !important;
	padding: 0px !important;
}
body > header {
	display: block;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	color: rgb(21, 21, 21) !important;
	z-index: 99;
	height: 72px !important;
	max-height: 72px !important;
	overflow: visible;
	box-shadow: 0px 0px 10px 0px #0000004d;
	max-width: 100vw;
	background: #FFFFFF;
}
body > header .logo {
	width: 220px;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	font-size: 15px;
	color: rgb(215, 233, 249);
}
body .table {
	display: table;
	box-sizing: border-box;
	width: 100%;
}
body .table .td {
	display: table-cell;
	vertical-align: top;
}
h1, h2, h3 {
	font-weight: bold;
	padding: 0px;
	margin: 22px auto 12px auto;
	display: block;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
label [hidden] {
	display: none !important;
}
right {
	text-align: right;
	display: block;
	margin: auto;
	padding: 0px;
}
table {
	display: table;
	width: auto;
	border-spacing: 0px;
}
table tr {
	display: table-row;
}
table td {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}
.table left, .table right {
	display: table-cell;
	vertical-align: middle;
}
.table left {
	text-align: left;
}
.table right {
	text-align: right;
}
.table > item {
	display: table-row;
}
left label {
	margin: auto auto auto 0px;
}
menu.main {
	width: auto;
	font-weight: bold;
	font-size: 15px;
	color: inherit;
	text-align: center;
	position: fixed;
	top: auto;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #FFFFFF;
	box-sizing: border-box;
	display: block;
	z-index: 10;
}
body > header .other {
	display: table-cell;
	width: 250px;
	text-align: right;
	vertical-align: middle;
	align-content: center;
	justify-content: center;
}
body .content_width {
	max-width: 1024px;
	margin: auto;
	width: 92%;
	height: 100%;
}
q2 { /* Analog div tag */
	margin: auto;
	display: block;
	background: transparent;
	padding: 0px;
	line-height: normal;
	font-weight: normal;
	text-decoration: none;
	font-size: initial;
	box-sizing: border-box;
}
q2[nopadding] {
	padding: 0px;
}
q2[inline-block] {
	display: inline-block;
}
.qCard, .qCardClear, .qSmallCards item, .qMiddleCards item, q2[card] {
	display: block;
	margin: 25px;
	padding: 25px;
	text-align: left;
	border-radius: 12px;
	box-sizing: border-box;
	background: #FFFFFF;
	box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.11);
	overflow: auto hidden;
	scrollbar-width: thin;
}
q2[card][nopadding], q2 .no-padding {
	padding: 0px;
}
q2[card][inline-block], q2 .inline-block {
	display: inline-block;
}
q2[card-head] {
	display: block;
	margin: 0px;
	text-align: left;
	background: #F5F5F5;
	border-bottom: solid 1px #eeeeee;
}
q2 img[card-icon] {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin: auto;
	padding: 12px;
}
q2[card-title] {
	display: inline-block;
	vertical-align: middle;
	font-size: 17px;
	color: rgb(96, 96, 96);
	font-weight: normal;
	line-height: normal;
}
q2[card-content] {
	margin: 0px;
	padding: 15px;
	font-size: 17px;
	line-height: normal;
	text-align: left;
	position: ;
}
.qCardClear {
	border-radius: unset;
	background: transparent !important;
	box-shadow: unset;
}
.qSmallCards {
	display: flex;
	gap: 12px;
	padding: 0px;
}
.qSmallCards item {
	flex: 1;
	min-width: 220px;
	margin: auto;
	min-height: 100px;
	box-sizing: border-box;
	width: auto;
	position: relative;
	max-width: 320px;
}
.qCardAlert {
	background: rgb(255, 224, 152) url('/Q2/images/warning.svg') 97% 15px no-repeat;
	background-size: 52px;
}
.qCardWarning {
	border: solid 2px rgb(253, 71, 0);
	background: rgb(255, 152, 152) url('/Q2/images/warning.svg') 97% 15px no-repeat;
	background-size: 52px;
}

.qMiddleCards {
	display: flex;
	gap: 12px;
	padding: 0px;
}
.qMiddleCards item {
	max-width: 100%;
	flex: 1;
	min-width: 320px;
	margin: auto;
	min-height: 100px;
	box-sizing: border-box;
	width: auto;
	position: relative;
}

.qPointer {
	cursor: pointer;
}
.align-right {
	text-align: right;
}
.align-right .button {
	display: inline-block;
}
body .qCard h1, body .qCard h2, body .qCard h3 {
	display: block;
	width: auto;
	text-align: left;
	margin: auto auto 12px auto;
	font-size: 22px;
	font-weight: bold;
	color: rgb(64, 101, 149);
}
body .qCard h2 {
	font-size: 18px;
	color: rgb(73, 176, 133);
}
body .qCard h3 {
	font-size: 15px;
}

#html .qCard .button {
	margin: 5px;
	padding: 12px;
	text-align: center;
	min-width: 120px;
	background: rgb(94, 155, 33);
	border-radius: 5px;
	color: rgb(255, 255, 255);
	cursor: pointer;
}
#html .qCard .button:hover {
	background-color: rgb(78, 125, 31);
}
.qStyles form > button {
	margin: 5px auto;
}
.qStyles .noTransition {
	transition: none !important;
}
.noTransition {
	transition: none !important;
}
.qFilters a {
	display: inline-block;
	color: #2E75FF;
	font-size: 15px;
	cursor: pointer;
	/*filter: grayscale(0.8);*/
	margin-right: 15px;
	position: relative;
	vertical-align: middle;
}
.qFilters a.active, .qFilters a:hover {
	filter: none;
}
.qFilters a::after {
	content: "";
	border-top: solid 1px;
	width: 0%;
	height: 0px;
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	top: 105%;
	transition: 0.15s all;
}
.qFilters a:hover::after, .qFilters a.active::after {
	width: 92%;
}
.qFilters a img {
	width: 32px;
	display: inline-block;
	vertical-align: middle;
}
.qFilters > .qVLeft {
	flex: 1;
}
.qCheck.Ellipse {
	position: relative;
	cursor: pointer;
	background: transparent;
	text-align: left;
	overflow: hidden;
	min-width: 47px;
	min-height: 25px;
	border: transparent;
}
.qCheck.Ellipse circle {
	width: 38px;
	height: 25px;
	background: rgb(227, 227, 227);
	border-radius: 50px;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.27) inset;
	position: relative;
	cursor: pointer;
	content: "";
	left: 0px;
	top: 0px;
	bottom: 0px;
	margin: 5px auto;
	z-index: 0;
	display: inline-block;
	vertical-align: middle;
	right: auto;
}
.qCheck.Ellipse input {
	display: none;
}
.qCheck.Ellipse i {
	content: "";
	width: 21px;
	height: 21px;
	background: rgb(255, 255, 255);
	border-radius: 50px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto auto auto 0px;
	left: 2px;
	border: solid 1px rgb(191, 191, 191);
	transition: 0.35s all;
}
button.elements {
	background-image: url('/Q2/images/edit_elements.svg');
}
.edit {
	background-image: url('/Q2/images/edit.svg');
}
.copy {
	background-image: url('/Q2/images/copy_black.svg');
}
.cut {
	background-image: url('/Q2/images/cut.svg');
}
.paste {
	background-image: url('/Q2/images/paste_black.svg');
}
#cEditorElementsList .styles {
	background-image: url('/Q2/images/style_icon.svg');
}
.remove {
	background-image: url('/Q2/images/remove.svg');
}
label.hidden {
	display: none !important;
}
.qMiddleFields label.hidden {
	display: none;
}
label.qCheck.Ellipse b {
	display: inline-block;
	position: relative;
	left: 5px;
	right: auto;
	top: auto;
	bottom: auto;
	margin: auto auto auto 0px;
	background: transparent;
	border: transparent;
	font-size: inherit;
	vertical-align: middle;
	width: auto;
	max-width: 82%;
	height: auto;
}
.qCheck.Ellipse input:checked + i {
	left: 14px;
	background: rgb(5, 180, 132);
	border: transparent;
}
label, .qEditor {
	display: block;
	text-align: left;
	margin: 12px auto;
}
label.qEditor {
	cursor: default;
}
.qDisplayNone {
	display: none;
}
.qDisplayNoneImportant {
	display: none !important;
}
.qEditor {
	height: auto !important;
}
.qEditor textarea {
	display: none !important;
}
.window label.qEditor > b {
	border: solid 1px;
	border-radius: 50px;
	padding: 0px 10px;
	font-size: 12px;
	height: 18px;
	top: -10px;
}
.qEditor #toolBar1 select {
	border: solid 1px rgba(2, 2, 2, 0.1);
	border-radius: 5px;
	padding: 3px 25px 3px 3px !important;
	text-align: left !important;
	font-size: 14px;
	color: rgb(11, 10, 10);
	background-color: #FFF;
	width: 95px !important;
	display: inline-block;
	margin: auto 5px 5px auto !important;
}
label .qEditorBorder {
	padding: 0px;
	overflow: hidden;
	margin: auto;
	border: solid 1px #CCCCCC;
}
label .qEditorBorder #textBox {
	padding: 15px;
	min-height: 250px;
	cursor: text;
	outline: none;
}
.qEditorPanel {
	display: block;
	width: auto;
	margin: 0px;
	background: rgb(249, 249, 249);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.22);
	padding: 10px;
}
.qEditorPanel img {
	max-width: 22px;
	width: auto;
	height: auto;
	border: transparent;
}
.qExitorText {
	min-height: 200px;
	overflow: hidden auto;
	max-height: 60vh;
	margin: auto;
	padding: 12px;
}
label input, label select, label textarea, .qEditorBorder, label.qMultiSelect .selected_list {
	width: 100%;
	display: block;
	margin: auto;
	background: RGB(255, 255, 255);
	border: solid 1px rgb(207, 209, 210);
	padding: 10px 15px;
	box-sizing: border-box;
	border-radius: 5px;
	transition: 0.5s all;
	font-size: 15px;
	height: auto;
	max-height: unset;
}
.qEditorBorder {
	border: transparent;
}
label textarea {
	/*min-height: 100px;*/
	height: auto;
	/*max-height: 500px;*/
	overflow: auto hidden;
}
label input b, label select b {
	display: block;
	font-size: 15px;
	font-weight: normal;
	color: rgb(43, 59, 123);
}
label input:focus, label select:focus, label textarea:focus {
	transition: none;
	outline: solid 3px rgba(131, 247, 219, 0.52);
}
form label.field_icon bg {
	background-size: 52px !important;
	background-position: center center;
	background-repeat: no-repeat;
}
form label.field_image:hover bg {
	outline: 2px solid rgb(0, 219, 255);
}
form label.field_icon b {
	top: -2px;
	right: -2px;
	border-radius: 5px;
}
form label.field_icon input {
	box-sizing: border-box;
	background: transparent !important;
	border: transparent;
	color: #353535;
	left: 0px;
	right: 12px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	padding: 5px 12px 5px 55px !important;
	position: absolute;
	width: 100%;
	max-width: unset;
	white-space: nowrap;
	text-overflow: ellipsis;
}
form .tooltip {
	margin: 5px auto;
	font-size: 15px;
	text-align: left;
	color: rgb(145, 144, 143);
}

body button {
	background: rgb(35, 135, 223);
	padding: 10px 20px;
	border-radius: 5px;
	border: transparent;
	color: #FFFFFF;
	cursor: pointer;
	transition: 0.35s all;
	margin: auto;
	font-size: 17px;
}
body::-webkit-scrollbar {width: 12px;}
body::-webkit-scrollbar-track {background: transparent;}
body::-webkit-scrollbar-thumb {
    background-color: #00000091;
    border-radius: 20px;
    border: 3px solid #ffa50000;
}
select {
	cursor: pointer;
}

/* Forms skins */

.qFormSkin1 .qCheck {
	width: 25px;
	height: 25px;
	overflow: visible;
	background: transparent;
	box-shadow: none;
	border: transparent;
	min-width: unset;
	min-height: unset;
}

.qFormSkin1 .qCheck circle {
	width: 25px;
	height: 25px;
	background: transparent;
	box-shadow: none;
	border: transparent;
	box-shadow: none;
	margin: auto;
	padding: 0px;
	overflow: visible;
}

.qFormSkin1 .qCheck.Ellipse input + i {
	width: 25px;
	height: 25px;
	background: rgba(6, 147, 41, 0) url('/Q2/images/white/check.svg') center center no-repeat;
	border: transparent;
	background-size: 80%;
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.18) inset;
	left: auto !important;
	right: auto !important;
	position: static;
	display: block;
	padding: 0px;
	transition: none;
}

.qFormSkin1 .qCheck.Ellipse input:checked + i {
	background-color: rgb(41, 179, 81);
	position: static;
}

.qFormSkin2 .qCheck {
	width: 25px;
	height: 25px;
	overflow: visible;
	background: transparent;
	box-shadow: none;
	border: transparent;
	min-width: unset;
	min-height: unset;
}

.qFormSkin2 .qCheck circle {
	width: 25px;
	height: 25px;
	background: transparent;
	box-shadow: none;
	border: transparent;
	box-shadow: none;
	margin: auto;
	padding: 0px;
	overflow: visible;
}

.qFormSkin2 .qCheck.Ellipse input + i {
	width: 25px;
	height: 25px;
	background: rgba(0, 0, 0, 0.05) url('/Q2/images/white/check.svg') center center no-repeat;
	border: solid 1px rgba(0, 0, 0, 0.14);
	background-size: 80%;
	/* box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.18) inset; */
	left: auto !important;
	right: auto !important;
	position: static;
	display: block;
	padding: 0px;
	transition: none;
}

.qFormSkin2 .qCheck.Ellipse input:checked + i {
	background-color: rgb(41, 179, 81);
	position: static;
}

.float-right {
	float: right;
}
.hide {display: none !important;}
.qCard > h1 {
	font-size: 20px;
	margin: auto auto 12px auto;
	color: rgb(32, 91, 168);
}
.qCard item, .table_like_item tr {
	margin: 2px auto;
	display: block;
	background: #FFFFFF;
	/* border-bottom: solid 1px rgb(232, 232, 232); */
	padding: 10px 12px;
	color: rgb(75, 75, 75);
	position: relative;
	cursor: pointer;
}
.qCard item::after, .table_like_item tr::after {
	content: "";
	border-bottom: solid 1px rgb(238, 249, 255);
	width: auto;
	position: absolute;
	display: block;
	top: auto;
	bottom: 0px;
	left: 12px;
	right: 12px;
}
.qCard + item:last-child::after, .table_like_item + tr:last-child::after {
	border-bottom: transparent;
}
.qCard item:hover, .table_like_item tr:hover {
	background-color: rgb(238, 249, 255);
	border-radius: 7px;
}
.qList table {
	min-width: 100%;
	width: auto;
	display: table;
}
.qList table tr {
	display: table-row;
}
.qList table td {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 30vw;
	padding: 7px 15px;
	position: relative;
}
.qList table td:last-child::after {
	display: none;
}
.qList table td::after {
	content: "";
	position: absolute;
	right: 0px;
	display: block;
	border-right: 1px solid rgb(246, 249, 251);
	height: 50%;
	top: 0px;
	bottom: 0px;
	margin: auto;
}
.qCard item .buttons {
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	float: unset;
}
.qCard item .buttons::after {
	content: "";
	display: inline-block;
	height: 100%;
	width: 0px;
	vertical-align: middle;
}
.qCard item .buttons b, .qCard item .buttons a {
	display: inline-block;
	font-weight: normal;
	font-size: 15px;
	padding: 5px 10px;
	border-radius: 5px;
	color: rgb(38, 38, 38);
	border: solid 1px rgb(234, 234, 234);
	margin: auto 5px auto auto;
}
body .qList item button, body .qList item .right div {
	margin: auto 5px auto auto;
	padding: 5px 15px;
	display: inline-block;
	vertical-align: middle;
}
#qBtnEdit {
	position: fixed;
	z-index: 10;
	left: auto;
	top: auto;
	right: 0px;
	bottom: 50px;
	margin: auto;
	padding: 3px 12px 3px 15px;
	/* background: rgb(60, 202, 9) linear-gradient(rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.0)); */
	background: #FFFFFF;
	font-size: 15px;
	color: rgb(255, 255, 255);
	box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.5);
	border-radius: 25px 0px 0px 25px;
	height: auto;
	text-align: left;
	cursor: pointer;
	border: solid 1px rgb(0, 0, 0) !important;
	border-right: none;
	max-width: 42px;
	white-space: nowrap;
	box-sizing: border-box;
	transition: 0.35s all;
	border-right: none;
}
#qBtnEdit::before {
	content: "";
	background: url('/Q2/images/settings.svg') center center no-repeat;
	width: 23px;
	height: 23px;
	position: relative;
	display: inline-block;
	z-index: 1;
	background-size: 100%;
	vertical-align: middle;
	margin: 7px 7px 7px -2px;
}
/*#qBtnEdit:hover {
	background-color: rgb(0, 43, 125);
	max-width: 1000px;
}*/
#qBtnEdit .qBtnEditMenu {
	position: absolute;
	width: 250px;
	height: auto;
	top: auto;
	bottom: 50px;
	right: -250px;
	margin: auto;
	text-align: left;
	opacity: 0;
	z-index: 1;
	pointer-events: none;
	transition: 0.5s 0.35s all;
	overflow: hidden auto;
	max-height: 50vh;
	border-radius: 10px 0px 0px 10px;
	border: solid 1px #353535;
	border-right: none;
	box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.52);
	background: #FFFFFF;
}
#qBtnEdit.show {
	right: 0px;
}
#qBtnEdit.show .qBtnEditMenu {
	opacity: 1;
	pointer-events: auto;
	right: 0px;
	transition: 0.35s all;
}
#qBtnEdit.show::after {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	background: url('/Q2/images/white/x.svg') center center no-repeat;
	background-size: 20px;
	margin: auto -5px auto auto;
	opacity: 0.7;
}
#qBtnEdit .qBtnEditMenu menu, #qBtnEdit .qBtnEditMenu ul {
	display: block;
	margin: auto;
	padding: 0px;
	border: transparent;
}
#qBtnEdit .qBtnEditMenu li {
	display: block;
	margin: auto;
	padding: 0px;
	border-bottom: solid 1px rgba(0, 0, 0, 0.06);
	cursor: pointer;
	min-width: 150px;
	/* border-top: solid 1px rgba(249, 248, 248, 0.24); */
	background: transparent 14px center no-repeat;
	background-size: 24px;
	box-sizing: border-box;
}
#qBtnEdit .qBtnEditMenu li a {
	display: block;
	padding: 15px 15px 15px 45px;
	color: #151515;
	text-decoration: none;
}
#qBtnEdit .qBtnEditMenu li:first-child {
	border-top: none;
}
#qBtnEdit .qBtnEditMenu li:hover {
	background-color: rgba(169, 255, 178, 0.25);
	color: #FFFFFF;
}
#qBtnEdit #admin_menu_item_show_elements {
	background-image: url('/Q2/images/white/list_border.svg');
}
#qBtnEdit #admin_menu_themedesign {
	background-image: url('/Q2/images/template.svg');
}
#qBtnEdit #admin_menu_templatedesign {
	background-image: url('/Q2/images/maximize_square.svg');
}
#qBtnEdit #admin_menu_contentdesign {
	background-image: url('/Q2/images/edit.svg');
}
#qBtnEdit .qBtnEditMenu li:first-child {
	position: sticky;
	top: 0px;
}
#qBtnEdit .qBtnEditMenu li:last-child {
	border-bottom: none;
}


.wnd {
	position: fixed;
	background: rgba(255,255,255, 0.81);
	z-index: -1;
	box-sizing: border-box;
	overflow: hidden auto;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	opacity: 0;
	pointer-events: none;
	transition: .35s all, 0.35s 0s z-index;
	max-width: 100vw;
}
.wnd::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	box-sizing: border-box;
	margin: auto;
	padding: 0px;
}
.wnd.show, .wnd.show {
	opacity: 1;
	pointer-events: auto;
	z-index: 1001;
	transition: 0.35s all, 0s z-index;
}
.wnd .window {
	height: auto;
	display: inline-block;
	background: #FFFFFF;
	border-radius: 10px;
	box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.2);
	margin: auto;
	position: relative;
	overflow: hidden auto;
	max-height: 80%;
	box-sizing: border-box;
	scrollbar-width: thin;
	min-width: 350px;
	width: auto;
	vertical-align: middle;
	top: 0px;
	transition: 0.25s all cubic-bezier(.68,-0.55,.27,1.55);
	left: 0px;
	transform: scale(0);
}
.wnd.show .window {
	max-width: 92%;
	transform: scale(1);
}
.wnd.show .window, .wnd.show .window {
	max-width: 92%;
	transform: scale(1);
}
.window .loading {
	margin: auto;
	width: 100%;
	text-align: center;
	padding: 70px 70px 70px 70px;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: normal;
	color: rgb(51, 51, 51);
	background: rgb(241, 242, 243) url('/Q2/images/loading.svg') center center no-repeat;
	background-size: 320px;
	opacity: 0.5;
}
.wnd .window .bClose, .qStyles .btnClose {
	position: absolute;
	right: 10px;
	top: 10px;
	background: rgb(168, 29, 29);
	padding: 1px 7px 2px 7px;
	margin: auto;
	border-radius: 100%;
	text-align: center;
	color: rgb(255, 255, 255);
	line-height: normal;
	background: rgb(253, 253, 253) url('/Q2/images/close_gray.png') center center no-repeat;
	background-size: 14px;
	width: 24px;
	height: 24px;
	padding: 0px;
	font-size: 0px;
	cursor: pointer;
	opacity: 1;
	z-index: 1001;
	pointer-events: auto;
	border: transparent;
}
.wnd .window .bClose:hover, .qStyles .btnClose:hover {
	background-color: red;
	transition: 0.35s all;
}
.wnd .window .window_caption .bClose, .qStyles .window_caption .btnClose:hover {
	top: 0px;
	bottom: 0px;
	margin: auto;
}
.wnd .window .window_caption {
	margin: auto auto -50px auto;
	background: transparent;
	overflow: visible;
	width: 100%;
	box-sizing: border-box;
	top: 0px;
	z-index: 1000;
	transition: 0.35s all;
	position: -webkit-sticky;
	position: sticky;
	height: 50px;
	pointer-events: none !important;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;   
}
.wnd .window .window_caption.haveTitle {
	background: rgb(64, 117, 242);
	margin: auto;
	color: #FFFFFF;
	background: linear-gradient(119deg, rgb(27, 102, 244) 0%, rgb(102, 83, 232) 50%, rgb(84, 123, 240) 100%);
}
/*.wnd .window .window_caption.haveTitle {
	background: rgb(64, 117, 242);
	margin: auto;
	color: #FFFFFF;
	background: linear-gradient(119deg, rgb(18, 20, 20) 0%, rgb(79, 127, 161) 50%, rgb(20, 26, 30) 100%);
}*/
.wnd .window .window_caption h1 {
	margin: auto;
	padding: 15px 45px 15px 25px;
	font-size: 18px;
	text-align: left;
	height: auto;
	line-height: normal;
	color: inherit;
	font-weight: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.wnd .window .window_caption h2 {
	font-size: 15px;
	line-height: normal;
	padding: 12px 17px;
	text-align: left;
	font-weight: bold;
	color: rgb(247, 250, 251);
	margin: auto;
}
.wnd .window .window_caption .q_helper_btn {
	position: absolute;
	right: 37px;
	top: 7px;
	width: 27px;
	height: 26px;
	border: transparent;
	padding: 5px;
	pointer-events: auto;
}
.window_footer {
	position: sticky;
	bottom: 0px;
	z-index: 1;
	background: #FFFFFF;
	margin: 0px;
}
.window_footer .content_pages {
	display: inline-block;
	margin: 15px 15px 15px 5px;
	vertical-align: middle;
}

.window_content {
	text-align: left;
	margin: auto;
	padding: 12px;
	color: rgb(51, 51, 51);
	min-height: 50px;
}
#FullWindow .window {
	width: auto;
	max-width: unset;
	height: auto;
	max-height: unset;
	background: transparent;
	border: transparent;
	box-shadow: none;
}
#FullWindowDark {
	background: rgba(0, 0, 0, 0.82);
}
#FullWindowDark .window {
	width: auto;
	max-width: unset;
	height: auto;
	max-height: unset;
	background: transparent;
	border: transparent;
	box-shadow: none;
}

#LiteWindow {
	backdrop-filter: blur(10px);
	margin: auto 0px auto auto;
	background: rgba(255, 254, 254, 0.48);
}
#LiteWindow .window {
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none;
	max-height: 95%;
}
#LiteWindow .window_caption {
	margin-bottom: 0px;
}

label.file input {
	display: none;
}
label.file .file_name {
	background: transparent url('/Q2/images/more_dots.svg') 95% center no-repeat;
	border: transparent;
	width: 100%;
	box-sizing: border-box;
	margin: 7px auto;
	padding: 3px 20px;
	text-align: left;
	color: inherit;
	cursor: pointer;
	background-size: 24px;
}
label.file .file_name u {
	margin: -3px -5px -3px auto;
	padding: 5px 15px;
	width: auto;
	font-size: 14px;
	background: rgb(2, 79, 117);
	text-decoration: none;
}
.back {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 22px;
	border: transparent;
	background: rgb(74, 188, 150) url('/Q2/images/back.png') center no-repeat;
	border-radius: 50px;
	margin: -5px 10px -5px -7px;
	cursor: pointer;
	box-sizing: border-box;
	background-size: 70%;
}
lang {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 18px;
	margin: auto;
	box-sizing: border-box;
	background: transparent;
	/* border-radius: 50px; */
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
lang select {
	opacity: 0.01;
}

.qStyles button.small, .qStyles .small button {
	padding: 15px 45px !important;
	border-radius: 7px;
	width: auto;
	min-width: 100px;
	max-width: 350px;
	font-size: 22px;
}
.qStyles .window button, .qStyles button.middle, .qStyles .middle button {
	padding: 10px 32px;
	border-radius: 5px;
	/*width: auto;*/
	min-width: 100px;
	max-width: 350px;
	font-size: 17px;
}
.qStyles button.large, .qStyles .large button {
	padding: 15px 45px !important;
	border-radius: 7px;
	width: auto;
	min-width: 100px;
	max-width: 350px;
	font-size: 22px;
}
.window button:hover {
	background-color: rgb(31, 77, 187);
	transition: 0.35s all;
}
.window .field_textarea {
	height: auto;
}
.window .field_textarea textarea {
	width: 100%;
	display: block;
	height: 100%;
	box-sizing: border-box;
	padding: 5px 7px;
	margin: auto;
	border-radius: inherit;
	scrollbar-width: thin;
}
label.field_content_lang {
	background: rgb(230, 241, 253);
	width: auto;
	padding: 0px;
	margin: -12px -5px 5px -12px;
	border-radius: 0px;
	border: transparent;
	border-bottom: solid 1px rgb(213, 213, 213);
	height: auto;
	position: relative;
}
label.field_content_lang select {
	margin: auto;
	padding: 7px 10px !important;
	height: auto !important;
	width: 120px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1;
	border-radius: 3px;
	bottom: 0px;
	background: transparent;
	border: transparent;
	color: rgb(13, 120, 145);
	min-height: 37px;
}
label.field_content_lang b {
	display: block;
	position: relative;
	margin: auto !important;
	padding: 15px 10px;
	max-height: unset;
	width: auto !important;
	background: transparent;
	border: transparent;
	font-size: 15px;
	text-align: left;
	left: 0px;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	color: rgb(64, 64, 64);
	height: auto;
	/* font-weight: bold; */
}
.window_content label.field_content_lang {
	position: relative;
	margin: -12px -12px 12px -12px;
	width: auto;
}

#q_window_errors .errors > br {
	display: none;
}
.q_error {
	border-radius: 0;
	color: rgb(64, 64, 64);
	font-size: 15px;
	font-family: Arial;
	line-height: normal;
	background: #FFFFFF;
	text-align: left;
	border: none !important;
	margin: auto;
	padding: 17px !important;
	max-height: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: solid 1px rgb(225, 217, 217) !important;
	position: relative;
}
.q_error:hover {
	overflow: hidden auto;
}
.q_error h2 {
	margin: auto;
	line-height: normal;
	font-size: 17px;
	font-weight: bold;
	color: rgb(24, 88, 125);
}
.q_error h2 i {
	float: right;
	color: #AAAAAA;
	font-weight: normal;
}
.q_error h2 + b {
	display: inline-block;
	text-align: left;
	font-size: 17px;
	color: rgb(2, 86, 136);
	width: auto;
	font-weight: normal;
}
.q_error h3 {
	font-size: 15px;
	color: rgb(29, 113, 221);
	margin: auto;
}
.q_error hr {
	border: none;
	border-top: solid 1px rgb(213, 213, 213);
}
.q_error .stack {
	display: none;
	overflow: hidden;
	transition: 0.35s all;
	color: rgb(27, 168, 155);
	margin: 5px auto auto auto;
	position: absolute;
	left: 5%;
	width: 90%;
	z-index: 100;
	background: #FFFFFF;
	padding: 3% 5%;
	border: solid 1px rgb(217, 217, 217);
	border-radius: 5px 0px 0px 5px;
	font-weight: normal;
	font-size: 15px;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);
}
.q_error:hover .stack {
	display: block;
}
.q_error .stack item {
	display: block;
	background: url('/Q2/images/up.svg') 0px 5px no-repeat;
	background-size: 10px;
	margin: auto;
	padding: 10px 0px 0px 0px;
}
.q_error .stack item b {
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: rgb(49, 47, 47);
	margin: auto;
}
.q_error .stack item u {
	display: block;
	text-decoration: none;
	color: rgb(27, 168, 56);
	font-size: 14px;
	font-weight: normal;
	margin: 1px auto auto auto;
	padding: 0px;
	line-height: normal;
}
.q_error b b {
	color: rgb(255, 120, 0);
}
#q_window_errors {
	position: fixed;
	left: auto;
	top: auto;
	right: -500px;
	bottom: 50px;
	background: transparent;
	border-radius: 3px;
	box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.22);
	text-align: left;
	max-width: 220px;
	width: auto;
	transition: 0.25s all cubic-bezier(.68,-0.55,.27,1.55);
	opacity: 0;
	pointer-events: none;
	overflow: hidden;
	min-width: 220px;
}
#q_window_errors.show {
	opacity: 1;
	pointer-events: auto;
	right: 50px;
	z-index: 100000;
}
#q_window_errors.qShowAll {
	height: auto;
	top: auto;
	right: 45px;
	bottom: 30px;
	position: fixed;
	background: rgb(242, 242, 242);
	z-index: 9999999;
	min-width: 300px;
	border-radius: 5px;
	overflow: hidden auto;
	scrollbar-width: thin;
	max-height: 90%;
	display: flex;
	flex-direction: column;
}
#q_window_errors .window_caption {
	position: sticky;
	top: 0px;
}
#q_window_errors .close {
	background: url('/Q2/images/close_white.svg') center center no-repeat;
	background-size: 22px;
	width: 45px;
	height: 45px;
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 0px;
	font-size: 0px;
	color: transparent;
	z-index: 1;
	box-shadow: none;
	margin: auto;
}
#q_window_errors .close:hover {
	background-color: rgba(125, 10, 10, 0.5);
}
#q_window_errors .openErorrs {
	padding: 12px 15px;
	width: 100%;
	position: relative;
	text-align: left;
	font-size: 17px;
	border: transparent;
	border-radius: 0px;
	background: rgb(240, 88, 88);
}
#q_window_errors .errors {
	max-height: 0px;
	transition: 0.35s all;
	padding: 0px;
	overflow: hidden auto;
	background: rgb(249, 249, 249);
	color: #353535;
	font-size: 15px;
}
#q_window_errors .errors.show {
	max-height: 2000px;
}
#q_window_errors .errors h1 {
	display: block;
	margin: auto auto 5px auto;
	font-size: 15px;
	color: rgb(9, 164, 225);
}
#q_window_errors .errors .window_error_text {
	background: transparent;
	width: 100%;
	display: block;
	padding: 0px;
	max-width: unset;
	overflow: hidden auto;
}
#wndcontent_q_window_errors {
	background: rgb(151, 0, 0);
	color: #FFFFFF;
	padding: 22px;
	text-align: left;
}
.wnd_err_text {
	margin: auto;
	text-align: left;
	font-size: 17px;
	color: #FFFFFF;
	background: rgb(10, 49, 111);
	padding: 25px;
}
.wnd_err_text > button {
	margin: 62px 0px 12px auto !important;
	display: block;
	background: rgb(10, 132, 240) !important;
}
/*#q_window_errorsAll {
}
#q_window_errorsAll .window {
	border: solid 2px rgb(255, 255, 255);
}
#wndcontent_q_window_errorsAll {
	padding: 0px;
}
#q_window_errorsAll .window .window_caption {
	background: rgb(242, 242, 242);
	border-radius: 0px;
	margin-bottom: -5px;
}
#q_window_errorsAll .window .window_caption h1 {
	color: rgb(151, 149, 149);
	font-weight: normal;
	font-size: 15px;
	padding: 15px;
}
#q_window_errorsAll .q_error {
	margin: auto !important;
	border-radius: 0px;
	margin-bottom: -12px !important;
}*/


.qStyles .CEDITOR div.cTitle h1 {
	display: block;
	margin: auto;
	padding: 12px;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	box-sizing: border-box;
	line-height: normal;
}
.qStyles .CEDITOR .cImage img {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 98%;
	border: transparent;
}
.qStyles .CEDITOR .cTitle.empty {
	background-image: url('/Q2/images/ceditor_caption.svg') !important;
	min-height: 45px;
	padding: 0;
	min-width: 45px;
	display: block;
	text-align: left;
	border-radius: 5px;
	margin: 5px auto;
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.1);
}
.qStyles .CEDITOR .cElement.empty {
	background-size: 32px;
	min-height: 120px;
	padding: 0px;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	min-width: 120px;
}
.qStyles .CEDITOR .cElement.empty::before {
	content: "";
	border: dashed 1px rgba(74, 4, 188, 0.73) !important;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
	height: auto;
	margin: 20px;
	box-sizing: border-box;
	z-index: 0;
	border-radius: 5px;
	pointer-events: none;
}
.qStyles .CEDITOR .cImage.empty {
	display: inline-block;
	box-sizing: border-box;
	background-image: url('/Q2/images/ceditor_image.png');
	min-width: 120px;
	min-height: 120px;
}
.qStyles .CEDITOR .cImage.empty img {
	min-width: 120px;
	min-height: 120px;
	border: none !important;
	opacity: 0;
}
.qStyles .CEDITOR .cEditor:empty {
	display: block;
	min-height: 72px;
	background-image: url('/Q2/images/ceditor_editor.png');
	content: "Editor";
	border-radius: 5px;
	margin: 5px auto;
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.1);
}

.qContentEdit label {
	display: block;
	width: 100%;
	text-align: left;
	margin: 15px auto auto auto;
}
.qContentEdit label > b {
	display: block;
	text-align: left;
	width: auto;
	margin: auto;
	padding: 0px;
	font-size: 17px;
	font-weight: normal;
	text-transform: capitalize;
	color: rgb(56, 174, 40);
}
.qContentEdit .save {
	/*margin: 35px 0px 15px auto;*/ /* Panel bottom content-edit */
}
.qContentEdit .CEDITOR {
	border: solid 1px rgb(128, 128, 128);
	border-radius: 7px;
	margin: 25px auto auto auto;
}
.qContentEdit.qStickyBottom {
	text-align: right;
	padding: 10px;
}
.CEDITOR .cElement.cMenu ul {
	pointer-events: none;
}
.field_image bg, .field_video bg {
	background: inherit;
	background-position: center center;
	background-size: cover;
	border-radius: 7px;
	overflow: hidden;
	background-color: rgb(229, 244, 253) !important;
	display: block;
	width: 100%;
	height: 120px;
	border: solid 1px rgb(219, 218, 218);
}
.field_image:not(.haveImage) bg {
	background-image: url('/Q2/images/add_square.svg');
	background-size: 37px !important;
	background-repeat: no-repeat;
}
.field_video bg:not([style]) {
	background-image: url('/Q2/images/image_gray.svg');
	background-size: 50%;
	background-position: center center;
	background-repeat: no-repeat;
}
.field_video bg[style=""] {
	background-size: 50%;
	background-position: center center;
	background-repeat: no-repeat;
}
body .haveImage {
	background-size: contain;
	background-position: center center;
	cursor: pointer;
	position: relative;
	background-repeat: no-repeat;
}
body label.image {
	cursor: pointer;
	width: 150px !important;
	height: 150px !important;
	background-size: cover;
	border-radius: 5px;
	overflow: visible;
	display: inline-block;
	vertical-align: top;
	margin: 5px 5px 32px auto;
	background-position: 10000px;
	position: relative;
	border: transparent;
}
body label.image b {
	margin: auto !important;
	text-align: center !important;
	height: auto !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 5px !important;
	bottom: auto;
	top: auto !important;
	width: 100% !important;
	box-sizing: border-box;
	left: 0px !important;
	right: 0px !important;
	border: transparent;
	background: transparent;
}
body label.image input {
	pointer-events: none;
	display: none;
}
body label.image:hover input {
	background: rgb(154, 227, 22);
}
body .haveImage input {
	/*background: rgba(0, 0, 0, 0.05) linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.63)) !important;
	color: #FFFFFF;
	padding: 100px 10px 10px 15px !important;
	bottom: 0px;
	position: relative;
	border: transparent;
	margin: auto;*/
}

.files_manager {
    display: block;
    flex-wrap: wrap;
    font-size: 0px;
    align-items: center;
    justify-content: center;
}
.files_manager h1 {
	width: 100%;
	display: block;
	top: 0px;
	position: fixed;
	z-index: 100;
	background: rgb(224, 241, 251) url('/Q2/images/folder.png') 12px center no-repeat;
	border-radius: 0px;
	bottom: auto;
	padding: 12px 82px 12px 52px;
	text-overflow: ellipsis;
	max-width: unset;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	background-size: 32px;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.66);
	color: rgb(0, 0, 0);
}
.files_manager h2 {
	margin: auto;
	padding: 12px 15px;
	background: rgb(53, 61, 77);
	text-align: left;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
}
.files_manager h1 buttons {
	margin-right: 45px;
}
.files_manager buttons p {
	height: 32px;
}
.files_manager i {
	display: inline-block;
	vertical-align: top;
	width: 150px;
	height: 150px;
	background-size: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	box-sizing: border-box;
	box-shadow: none;
	margin: 3px;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
	transition: 0.35s all, 0s 0.5s display;
	background-color: #ffffff00;
	overflow: hidden;
	border: solid 1px rgb(254 254 255);
}
.files_manager i.hide {
	transform: scale(0);
	display: none;
}
.files_manager i:hover {
    background-size: cover;
    transform: scale(1.1);
    z-index: 10;
    border-radius: 10px;
    box-shadow: 2px 2px 10px 0px #000000b5;
}
.files_manager i:after {
    z-index: 0;
    background: #FFFFFF url('/Q2/images/transparent.png') center center;
    background-size: 70px;
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.files_manager i:before {
    z-index: 1;
    background: inherit;
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    background-size: contain;
    width: 100%;
    height: 100%;
}
.files_manager i u {
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-decoration: none;
    right: 0px;
    width: 100%;
    z-index: 1;
    /* background: rgba(0, 0, 0, 0) linear-gradient(rgb(0 0 0 / 37%),rgb(11 11 11 / 68%)); */
    padding: 10px 5px 8px 12px;
    font-style: normal;
    font-size: 12px;
    text-align: left;
    box-sizing: border-box;
    overflow: hidden;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px black, 2px 2px 3px black;
}
.files_manager i:hover u {
    background: #000000cc;
    text-shadow: none;
}
/*.loading #files_list {
	filter: sepia(1) opacity(0.25);
	pointer-events: none;
	transition: 0.5s all;
}*/
.qf_selected {
	filter: brightness(1.2);
	box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.25);
	outline: 2px solid rgb(109, 9, 255);
}
.qf_selected::after {
	content: "";
	width: 35px;
	height: 35px;
	z-index: 10;
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	right: auto;
	bottom: auto;
	background: rgb(122, 0, 249) url('/Q2/images/white/check.svg') center center no-repeat;
	background-size: 24px;
	border: transparent;
	border-radius: 7px 0px 5px 0px;
	margin: auto;
}
#q_files_manager_buffer_informer {
	position: fixed;
	z-index: 10;
	right: 20px;
	bottom: 120px;
	margin: auto;
	padding: 10px 15px;
	width: auto;
	height: auto;
	background: rgb(65, 139, 234);
	border-radius: 35px;
	box-sizing: border-box;
	color: #FFFFFF;
	text-align: left;
	cursor: pointer;
}
#q_files_manager_buffer {
	position: fixed;
	z-index: 10;
	right: 20px;
	bottom: 120px;
	margin: auto;
	padding: 10px 15px;
	width: 300px;
	height: auto;
	background: rgb(65, 139, 234);
	border-radius: 12px;
	box-sizing: border-box;
	color: #FFF;
	text-align: left;
	min-height: 120px;
}
#upload_form {
	display: inline-block;
	overflow: visible;
	vertical-align: middle;
}
#upload_form input {
	display: none;
}
.qTable {
	display: table;
	width: 100%;
}
.qTable .qRow {
	display: table-row;
}
.qTable .qCol {
	display: table-cell;
}
.qTableFlex {
	display: flex;
	width: 100%;
	text-align: left;
}
.qTableFlex .menu {
	width: 250px;
}
.qTableFlex .content {
	width: 100%;
}
#q2_msg_mini_window {
	position: fixed;
	z-index: -1;
	bottom: -100px;
	left: 25px;
	margin: auto;
	top: auto;
	width: auto;
	max-width: 90%;
	max-height: 220px;
	min-height: 45px;
	box-sizing: border-box;
	border-radius: 10px;
	color: #FFFFFF;
	padding: 15px;
	text-align: left;
	font-size: 17px;
	transition: 0.35s opacity cubic-bezier(.68,-0.55,.27,1.55), 0.35s bottom cubic-bezier(.68,-0.55,.27,1.55), 0s width;
	cursor: pointer;
	pointer-events: none;
	opacity: 0;
	line-height: normal;
	min-width: 320px;
	box-shadow: 7px 7px 15px 0px rgba(0, 0, 0, 0.39);
	border: transparent;
	background: rgb(5, 125, 91);
}
#q2_msg_mini_window.so_small {
	min-width: 50px;
	min-height: 50px;
	width: 50px;
	height: 50px;
	background-position: center center;
}
#q2_msg_mini_window h1 {
	display: block;
	width: auto;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	background: url('/Q2/images/logo.svg') left center no-repeat;
	background-size: 50px;
	padding: 5px 0px 5px 55px;
	margin: 0px auto 12px auto;
}
#q2_msg_mini_window text {
	margin: 5px auto auto auto;
	padding: 12px;
	background: rgb(38, 50, 75);
	display: block;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 15px;
}
#q2_msg_mini_window.loading::after {
	content: "";
	position: absolute;
	left: auto;
	top: 0px;
	background: transparent url('/Q2/images/white/loading_2.svg') center center no-repeat;
	width: 50px;
	height: 100%;
	right: 0px;
	border-radius: unset;
	bottom: 0px;
	margin: auto;
	background-size: 52px;
	box-sizing: border-box;
}
#q2_msg_mini_window.show {
	bottom: 95px;
	z-index: 999999999;
	pointer-events: auto;
	opacity: 1;
	min-height: 50px;
}
#q2_msg_mini_window .close {
	display: block;
	width: auto;
	margin: 3px auto -28px auto;
	font-size: 15px;
	color: #FFFFFF;
	background: rgb(25, 77, 200);
	border-radius: 25px;
	padding: 5px 17px;
	border: 2px solid rgb(25, 77, 200);
	min-width: 120px;
	cursor: pointer;
}
#contextmenu {
	position: fixed;
	background: #FFFFFF;
	color: #151515;
	left: 55px;
	top: 55px;
	box-shadow: 15px 15px 35px 0px rgba(0, 0, 0, 0.27);
	border-radius: 10px;
	z-index: -1;
	opacity: 1;
	pointer-events: none;
	overflow: hidden auto;
	scrollbar-color: rgb(225, 224, 224) rgb(255, 255, 255);
	scrollbar-width: thin;
}
#contextmenu.show {
	z-index: 99999999;
	opacity: 1;
	pointer-events: auto;
}
#contextmenu li {
	display: block;
	width: 220px;
	text-align: left;
	padding: 15px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	cursor: pointer;
	min-width: 250px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#contextmenu li:hover {
	background: rgba(194, 221, 244, 0.33);
}
#contextmenu li:first-child {
	padding-top: 20px;
}
#contextmenu li:nth-last-child(2) {
	padding-bottom: 20px;
}
#contextmenu li img {
	width: 25px;
	max-height: 25px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	margin: -5px 5px -5px auto;
}
#contextmenu li.mu_close {
	position: absolute;
	top: 0px;
	right: 0px;
	left: auto;
	width: 42px;
	height: 42px;
	background: RGB(255, 255, 255) url('/Q2/images/close.svg') center center no-repeat;
	color: transparent;
	font-size: 0px;
	border-radius: 0px 0px 0px 20px;
	padding: 0px;
	border: solid 2px rgba(0, 0, 0, 0.07);
	background-size: 50%;
	/* box-shadow: none; */
	border-top: none;
	border-right: none;
	box-shadow: 5px -5px 15px 0px rgba(0, 0, 0, 0.08) inset;
	min-width: unset;
}
#contextmenu li.mu_close:hover {
	background-color: rgba(0, 0, 0, 0.23);
	transition: 0.35s all;
}
#FindFilterWindow {
	position: fixed;
	left: -350px;
	top: 65px;
	z-index: 10000000;
	background: rgb(251, 251, 251);
	padding: 5px 15px;
	border-radius: 25px;
	border: transparent;
	box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.64);
	transition: 0.35s all;
	max-width: 250px;
}
#FindFilterWindow.show {
	left: 25px;
}
.window .small_feilds {
	position: relative;
	width: 85%;
	height: auto;
	overflow: unset;
	text-align: left;
	margin: auto;
}
#ImageWindow.show {
	z-index: 1000000;
	background: rgba(0, 0, 0, 0.86);
}
#ImageWindow .window {
	background: transparent;
	max-width: 95%;
	max-height: 95%;
	padding: 0px;
}
#ImageWindow .window_caption {
	background: rgba(0, 0, 0, 0.85) !important;
	margin: auto !important;
	padding: 0px;
	height: 0px;
	visibility: hidden;
}
#ImageWindow .window_content {
	margin: auto;
	padding: 0px;
	background: rgb(250, 250, 250);
	overflow: hidden auto;
	max-height: 90vh;
}
#wndcontent_ImageWindow {
	padding-bottom: 75px;
}
#ImageWindow .bClose {
	margin: 14px 21px;
	visibility: visible;
	border: transparent;
	padding: 5px;
	border-radius: 7px;
	width: 27px;
	height: 27px;
	background: red url('/Q2/images/white/x.svg') center center no-repeat;
	background-size: 19px;
}
#ImageWindow .qFilters.qStickyTop {
	margin: auto;
	border-radius: 0px;
	height: auto;
	padding: 12px 12px 12px 22px;
	z-index: 1;
	background: #FFFFFF;
}
#ImageWindow .qFilters .qRight {
	padding-right: 55px !important;
}
.button.download_small, button.download_small {
	background: url('/Q2/images/download.svg') center center no-repeat !important;
	width: 35px;
	height: 35px;
	box-sizing: ;
	box-sizing: border-box;
	padding: 0px !important;
	min-width: unset !important;
	border: transparent !important;
	display: inline-block !important;
	background-size: 100% !important;
}
.button.view_small, button.view_small {
	background: url('/Q2/images/view.svg') center center no-repeat !important;
	display: inline-block;
	width: 25px;
	height: 25px;
	box-sizing: border-box;
	padding: 0px !important;
	min-width: unset !important;
	border: transparent !important;
	background-size: 75% !important;
	color: transparent !important;
	font-size: 0px !important;
}
.button.edit_small, button.edit_small {
	background: url('/Q2/images/edit.svg') center center no-repeat !important;
	display: inline-block;
	width: 25px;
	height: 25px;
	box-sizing: border-box;
	padding: 0px !important;
	min-width: unset !important;
	border: transparent !important;
	background-size: 75% !important;
	color: transparent !important;
	font-size: 0px !important;
}
.button.delete_small, button.delete_small, .q_remove {
	background: url('/Q2/images/remove.svg') center center no-repeat !important;
	display: inline-block;
	width: 25px;
	height: 25px;
	box-sizing: border-box;
	padding: 0px !important;
	min-width: unset !important;
	border: transparent !important;
	background-size: 75% !important;
	color: transparent !important;
	font-size: 0px !important;
	vertical-align: middle;
}
item.removed {
	transition: 0.5s all !important;
	opacity: 0;
	transform: translateY(55px);
}
.q_restore {
	background: url('/Q2/images/restore.svg') center center no-repeat !important;
	display: inline-block;
	width: 25px;
	height: 25px;
	box-sizing: border-box;
	padding: 0px !important;
	min-width: unset !important;
	border: transparent !important;
	background-size: 75% !important;
	color: transparent !important;
	font-size: 0px !important;
	vertical-align: middle;
}
.qList.files {
	display: flex;
	padding: 0px;
	box-sizing: border-box;
	overflow: hidden;
	width: auto;
	margin: 25px;
	text-align: left;
	flex: auto;
	flex-wrap: wrap;
	align-content: start;
}
.qList.files a {
	color: rgb(4, 91, 142);
	background: #FFFFFF;
	padding: 7px 10px;
	font-size: 12px;
	margin: 2px auto;
	display: block;
	border-radius: 3px;
	cursor: pointer;
}
.qList.files a img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
.qList.files item {
	display: inline-block;
	width: 180px;
	height: 130px;
	margin: 5px;
	border-radius: 7px;
	color: #353535;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	background: rgba(253, 253, 253, 0.55);
	background-size: 32%;
	cursor: pointer;
	max-width: 250px;
	min-width: 170px;
	flex: 1;
}
.qList.files item:hover {
	box-shadow: 0px 0px 0px 2px rgb(255, 255, 255);
}
.qList.files item b {
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 5px 10px;
	text-align: left;
	box-sizing: border-box;
	background: transparent;
	color: unset;
	font-weight: normal;
	display: block;
	height: 30px;
	white-space: nowrap;
}
.qList.files item bg {
	position: relative;
	width: 100%;
	height: 100px;
	display: block;
	background: transparent 15px center no-repeat;
	border-radius: 7px;
	overflow: hidden;
	background-size: 65px;
}
.qList.files item size {
	position: absolute;
	left: auto;
	top: 12px;
	right: 0px;
	background: rgba(0, 0, 0, 0.35);
	padding: 3px 3px 3px 5px !important;
	color: #FFF;
	border-radius: 7px 0px 0px 7px;
	font-size: 14px;
}
.qList.files item.extension_folder {
	background: #f6e6b4;
	background: rgb(15, 108, 229) linear-gradient(135deg, rgba(255, 254, 254, 0.21) 61%, rgba(255, 254, 254, 0.27) 56%, rgba(253, 253, 253, 0.23) 62%, rgba(255, 254, 254, 0.09) 95%);
	color: #FFFFFF;
}
.qList.files item.extension_folder bg::after {
	position: absolute;
	left: 20px;
	top: 20px;
	content: "";
	width: 52px;
	height: 52px;
	background: url('/Q2/images/extensions/folder-white.svg') center center no-repeat;
	background-size: 100%;
}
.qList.files item.extension_image bg {
	background-size: 35% !important;
	background-position: center center;
}
.qList.files item.extension_photo bg {
	background-size: cover !important;
	background-position: center center;
}
.qList.files item.extension_file bg {
	background-image: url('/Q2/images/extensions/file.svg');
}
.qList.files item.extension_ai bg {
	background-image: url('/Q2/images/extensions/ai.svg');
}
.qList.files item.extension_css bg {
	background-image: url('/Q2/images/extensions/css.svg');
}
.qList.files item.extension_php bg {
	background-image: url('/Q2/images/extensions/php.svg');
}
.qList.files item.extension_js bg {
	background-image: url('/Q2/images/extensions/js.svg');
}
.qList.files item.extension_html bg {
	background-image: url('/Q2/images/extensions/html.svg');
}
.qList.files item.extension_txt bg {
	background-image: url('/Q2/images/extensions/txt.svg');
}
.qList.files item.extension_doc bg {
	background-image: url('/Q2/images/extensions/doc.svg');
}
.qList.files item.extension_fla bg {
	background-image: url('/Q2/images/extensions/fla.svg');
}
.qList.files item.extension_pdf bg {
	background-image: url('/Q2/images/extensions/pdf.svg');
}
.qList.files item.extension_psd bg {
	background-image: url('/Q2/images/extensions/psd.svg');
}
.qList.files item.extension_sql bg {
	background-image: url('/Q2/images/extensions/sql.svg');
}
.qList.files item.extension_zip bg, .files item.extension_7z bg, .files item.extension_rar bg, .files item.extension_tar bg {
	background-image: url('/Q2/images/extensions/zip.svg');
}
.qList.files item.extension_mp4 bg, .files item.extension_avi bg, .files item.extension_mov bg {
	background-image: url('/Q2/images/extensions/video.svg');
}
.qList.files item.type_zip bg {
	background-image: url('/Q2/images/extensions/zip.svg');
}
.qList.files item.type_audio bg {
	background-image: url('/Q2/images/play_blue.svg');
	background-size: 32%;
}
.qList.files item.type_video bg {
	background-image: url('/Q2/images/play_video_blue.svg');
	background-size: 32%;
}
#FilesWindow .window {
	width: 95vw;
	height: 95vh;
}
.qFileManager {
	padding: 20px;
}
.qFileManager .qList {
	min-height: 500px;
	margin: auto;
}
.qFileManagerBar .buttons button {
	font-size: 0px;
	color: transparent;
	padding: 0px !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 32px;
	display: inline-block;
	vertical-align: middle;
	margin: auto;
	box-shadow: none;
	background-color: transparent;
	box-sizing: border-box;
	min-width: 50px;
	height: 50px;
}
.qFileManagerBar .buttons #upload_form {
	display: inline-block;
	vertical-align: middle;
}
.qFileManagerBar button.add_folder {
	background-image: url('/Q2/images/add_folder.svg') !important;
}
.qFileManagerBar button.add_file {
	background-image: url('/Q2/images/add_file.svg') !important;
}
.qFileManagerBar #upload_button {
	background-image: url('/Q2/images/add.svg') !important;
}
#ImageWindow .buttons {
	display: inline-block;
}
.window_caption #field_content_lang {
	min-height: unset !important;
}
.arrow_right_small bg {
	background-image: url('/Q2/images/arrow_right_small.svg');
}
.add_field.button {
	margin: 25px auto !important;
	display: block;
}
.qCard.qSmall {
	width: auto;
	display: inline-block;
	min-width: 320px;
}
.qCard item b {
	display: inline-block;
	vertical-align: middle;
	margin: auto 5px auto auto;
	font-weight: normal;
	color: rgb(38, 38, 38);
}
.qCard item .icon {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	margin: auto 10px auto auto;
	object-fit: cover;
}
.qCard item > s {
	color: rgb(42, 149, 134);
	width: auto;
	text-decoration: none;
	font-size: 15px;
}
item[action="page"] {
	cursor: pointer;
}
item .icon, menu li .icon {
	display: inline-block;
	width: 25px;
	height: auto;
	vertical-align: middle;
	margin: auto 5px auto auto;
	max-height: 24px;
}
item + subitems {
	display: block;
	padding-left: 15px;
}
form {
	text-align: center;
}
.qFilters {
	position: relative;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 62px;
	display: grid;
	grid-template-columns: auto auto;
	align-items: center;
}
/* Remove but ceditor have bad forms
label.textselect {
	white-space: nowrap;
	position: relative;
}
label.textselect b, label.textselect input {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
*/
label.textselect > div {
	position: relative;
}
/*label.textselect > div {
	background: transparent;
	width: 25px;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	left: auto;
	bottom: 0px;
}*/
label.textselect input {
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	text-align: right;
	padding-right: 32px !important;
	box-sizing: border-box;
}
label.textselect select {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 24px !important;
	background: transparent url('/Q2/images/arrow_down_black.svg') center center no-repeat !important;
	z-index: 1;
	height: 100% !important;
	opacity: 1;
	color: transparent !important;
	background-size: 12px !important;
	padding: 0px;
	margin: auto;
	border-radius: 0px;
	border: transparent !important;
	box-sizing: border-box;
}
.textselect select option {
	background: #FFFFFF;
	color: #151515;
}
label.num input {
	padding-right: 42px !important;
}
[moved] {
	cursor: move;
	user-select: none;
}
.qRIT {
	text-decoration: none;
	font-style: normal;
	color: rgb(190, 208, 167);
	font-size: 15px;
}

.qNoEventsInside * {
	pointer-events: none;
}
#qSelectBorder, #qSelectMargin {
	position: fixed;
	z-index: 999990;
	left: 0px;
	top: 0px;
	right: auto;
	bottom: auto;
	width: 100px;
	height: 100px;
	background: transparent;
	border: solid 1px rgba(0, 255, 0, 0.1);
	box-shadow: none;
	pointer-events: none;
	opacity: 0;
	transition: 0.15s opacity;
	box-sizing: border-box;
}
#qSelectMargin {
	border-color: rgba(0, 100, 255, 0.25);
	box-sizing: content-box;
}
#qSelectBorder {
	box-shadow: 0px 0px 0px 5px  rgba(255, 0, 0, 0.25);
}
#qSelectBorder.show, #qSelectMargin.show {
	opacity: 1;
}
[control="qNumScroll"], label div[control="qNumScroll"] {
	width: 22px;
	height: 22px;
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
	background: rgb(240, 245, 255) url('/Q2/images/resize.svg') center center no-repeat;
	position: relative;
	background-size: 18px;
	cursor: ns-resize;
	user-select: none;
	border: transparent;
	border-radius: 5px;
	transform: rotate(90deg);
}
label.num [control="qNumScroll"] {
	position: absolute;
	top: 0px;
	right: 5px;
	bottom: 0px;
	margin: auto 5px auto auto;
}
#qSelectControl {
	position: fixed;
	z-index: -1;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.25);
	border: transparent;
	border-radius: 5px;
	overflow: hidden;
	left: 100px;
	top: 100px;
	backdrop-filter: blur(10px);
	opacity: 0;
	pointer-events: none;
}
#qSelectControl.show, #qSelectControl.show {
	z-index: 9999999;
	opacity: 1;
	pointer-events: auto;
}
#qSelectFilter {
	margin: 1%;
	border: solid 1px rgb(223, 223, 223);
	border-radius: 3px;
	padding: 10px 15px;
	font-size: 15px;
	width: 98%;
	box-sizing: border-box;
	display: block;
	color: rgb(78, 81, 85);
}
#qSelectOptions {
	margin: auto;
	padding: 0px;
	position: relative;
	text-align: left;
	max-height: 320px;
	overflow: hidden auto;
	min-width: 200px;
	scrollbar-width: thin;
	scrollbar-color: rgb(219, 228, 255) #FFF;
}
#qSelectOptions item {
	display: block;
	width: auto;
	padding: 10px 35px 10px 15px;
	border-bottom: solid 1px rgba(0, 0, 0, 0.03);
	cursor: pointer;
	white-space: nowrap;
}
#qSelectOptions item:hover {
	background: rgba(33, 255, 1, 0.08);
}
#qSelectOptions item[type="checkbox"][selected] {
	background-image: url('/Q2/images/check_square.svg');
}
#qSelectOptions item[type="checkbox"] {
	padding-left: 35px;
	background-image: url('/Q2/images/uncheck_square.svg');
	background-position: 7px center;
	background-size: 22px;
	background-repeat: no-repeat;
}
.qErrorCentralWindow button {
	margin: 10px;
}

#qSelectControl .btn_close {
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0px 0px auto auto;
	background: rgb(81, 81, 81) url('/Q2/images/white/x.svg') center center no-repeat;
	background-size: 22px;
	width: 32px;
	height: 32px;
	border-radius: 0px 0px 0px 15px;
	padding: 0px;
	z-index: 1;
}
#qSelectControl.show_close_btn .btn_close {
	display: block;
}

.qFormStyleCyan label {
	border: solid 1px rgb(122, 186, 189);
	display: block;
	width: 92%;
	box-sizing: border-box;
	margin: auto auto 15px auto;
	text-align: left;
	cursor: pointer;
	border-radius: 5px;
	overflow: visible;
	position: relative;
}
/*.qFormStyleCyan label:not(.qEditor) b {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: auto;
	margin: auto auto auto 0px;
	width: auto;
	display: inline-block;
	font-size: 15px;
	height: auto;
	background: #FFFFFF;
	border: transparent;
	color: rgb(7, 135, 164);
	padding: 12px;
	border-radius: 5px 0px 0px 5px;
	pointer-events: none;
}*/
.qFormStyleCyan label select, .qFormStyleCyan label input {
	text-align: right !important;
	color: rgb(7, 84, 184);
	font-weight: normal;
	font-size: 17px;
	padding-right: 30px !important;
	background-position-x: calc(100% - 12px);
}
.qFormStyleCyan label.field_textarea b {
	left: 10px;
	right: auto;
	height: 35px;
	bottom: auto;
	position: relative;
	/* margin: auto; */
	display: inline-block;
	border-bottom: inherit;
	border-radius: unset;
	padding: 10px 5px;
	pointer-events: none;
}
.qFormStyleCyan label.field_textarea textarea {
	position: relative !important;
}
.qFormStyleCyan label:not(.qEditor) .file_name {
	padding-left: 105px;
	text-align: right;
	padding-right: 65px;
}
.qFormStyleCyan .qCheck.Ellipse {
	border: solid 1px rgb(122, 186, 189);
}
.qFormStyleCyan .qCheck.Ellipse circle {
	position: absolute;
	left: auto;
	right: 10px;
	top: 0px;
	bottom: 0px;
	margin: auto;
}
.qSmallFields, .qMiddleFields, .qBigFields {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin: auto auto 15px auto;
}
.qSmallFields label, .qMiddleFields label, .qBigFields label {
	width: auto;
	flex: 1;
	min-width: 250px;
	margin: auto;
	padding: 0px;
	max-width: 100%;
	flex: 1;
	box-sizing: border-box;
	position: relative;
}
.qSmallFields label {
	min-width: 100px;
}
.qMiddleFields label {
	min-width: 250px;
	max-width: 100%;
}
.qBigFields label {
	min-width: 250px;
	max-width: 100%;
}
.qMiddleFields label.qCheck {
	min-width: 48%;
}
.window .lang_box {
	display: block;
	margin: -12px -12px 12px -12px;
	box-sizing: border-box;
	padding: 0px;
	text-align: left;
	background: rgb(230, 241, 253);
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.window .lang_box label {
	display: block;
	width: auto;
	box-sizing: border-box;
	margin: auto 10px auto auto;
	background: transparent;
	border: transparent;
}
#admin_cmsopen {
	background-image: url('/Q2/images/logo.svg') !important;
}
.textcolor {
	position: relative;
}
.page_settings .textcolor b {
	margin: auto;
	position: absolute;
	top: 1px;
	left: 0px;
	bottom: 0px;
	padding: 12px;
}
.page_settings .textcolor input {
	border: solid 1px rgb(206, 206, 206) !important;
	border-radius: 5px !important;
	padding: 12px 75px 12px 20px !important;
	text-align: right;
}
label button.qBtnColorSelect {
	position: absolute;
	background: transparent;
	top: 0px;
	height: 30px;
	box-sizing: border-box;
	box-shadow: none;
	background-size: 24px !important;
	border: transparent;
	width: 30px;
	min-width: unset !important;
	display: block;
	margin: auto !important;
	bottom: 0px;
	right: 5px;
	border-radius: 50px;
	padding: 0px;
	overflow: hidden;
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.22) inset;
}
.qGlass {
	background: rgba(255, 254, 254, 0) linear-gradient(135deg, rgba(255, 254, 254, 0.21) 55%, rgba(255, 254, 254, 0.36) 56%, rgba(253, 253, 253, 0.23) 62%);
	margin: 25px;
	padding: 25px;
	border-radius: 15px;
	border: solid 1px rgba(255, 255, 255, 0.57);
}
.qGlass h1, .qGlass h2 {
	display: block;
	color: #FFFFFF;
	margin: auto;
}
.qGlass h1 img, .qGlass h2 img {
	width: auto;
	height: auto;
	max-width: 32px;
	max-height: 32px;
	margin: -7px 5px -7px auto;
}
.qGlassBlured {
	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%);
	margin: 25px;
	padding: 25px;
	border-radius: 15px;
	border: solid 1px rgba(255, 255, 255, 0);
	backdrop-filter: blur(25px);
}
.qGlassBlured .title {
	padding: 15px 20px;
	margin: -25px -25px auto -25px;
	border-radius: 15px 15px 0px 0px;
	border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}
.qGlassBlured .title > img {
	max-width: 32px;
	max-height: 32px;
	width: auto;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	margin: auto 5px auto auto;
}
.qGlassBlured h1, .qGlassBlured h2 {
	display: block;
	color: rgb(81, 158, 202);
	margin: auto;
}
.q_ibv {
	display: inline-block;
	vertical-align: middle;
	margin: auto 5px;
}
.q_refresh {
	background: url('/Q2/images/refresh.svg') center center no-repeat;
	background-size: 92%;
	font-size: 0px;
	color: transparent;
	width: 32px;
	height: 32px;
	cursor: pointer;
}

.qSlider {
	white-space: nowrap;
	text-align: center;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	letter-spacing: -4px;
}
.qSlider * {
	letter-spacing: 0px;
}
.qSlider .qSlide {
	margin: auto;
	transition: 0.35s all;
	display: block;
	vertical-align: top;
	white-space: normal;
	z-index: 1;
	position: relative;
	width: 100%;
	text-align: center;
	left: 0px;
	max-height: 5000px;
}
.qSlide.before, .qSlide.after {
	z-index: 0;
	left: -100px;
	transition: 0.35s all, 0.35s 0s hidden, 0.35s 0s max-height;
	opacity: 0;
	pointer-events: none;
	position: absolute;
}
.qSlide.after {
	left: 100px;
}
.qSlider .pages {
	display: block;
	overflow: hidden;
	position: relative;
	text-align: left;
}
.qSlider .pages i {
	display: inline-block;
	padding: 5px 7px;
	margin: auto;
	font-size: 15px;
	text-decoration: none;
	font-style: normal;
	color: rgb(26, 149, 0);
	cursor: pointer;
	border-radius: 5px;
}
.qSlider .pages i.active, .qSlider .pages i:hover {
	color: rgb(10, 83, 0);
	transition: 0.35s all;
}
.qSlider .pages i.active::after, .qSlider .pages i:hover::after {
	width: 100%;
}
.qSlider .pages i::after {
	content: "";
	width: 0%;
	border-top: solid 1px;
	display: block;
	margin: 2px auto auto auto;
	line-height: normal;
	transition: 0.35s all;
}
.qSliderEffectDefault {
	position: relative;
	width: ;
	overflow: hidden;
}

.qListEditor item {
	display: block;
	text-align: left;
	margin: auto;
	padding: 7px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.qListEditor item > * {
	display: inline-block;
	vertical-align: middle;
}

.qListEditor item .right {
	float: right;
}
.qListEditor item .right button {
	min-width: 22px;
	min-height: 22px;
	display: inline-block;
	vertical-align: middle;
	margin: 1px;
	background: transparent center center no-repeat;
	background-size: 20px;
}
.qListEditor item .right button.edit_small {
	background-image: url('/Q2/images/edit.svg');
	min-width: 24px;	min-height: 24px;
}
.qListEditor item .right button.delete_small {
	background-image:url('/Q2/images/remove.svg');
	min-width: 24px;	min-height: 24px;
}

.qNoSelectable {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

#InputWindow {
	background: rgba(0, 0, 0, 0.5);
}
#window_content_InputWindow {
	margin: auto;
	padding: 0px;
}
#InputWindowInput {
	margin: auto;
	padding: 20px;
	text-align: left;
	border: transparent;
	color: #353535;
	font-size: 17px;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
	width: 50vw;
	outline: none;
}
#window_content_InputWindow button {
	margin: auto 10px auto auto;
	display: inline-block;
	vertical-align: middle;
}

.cIcon {
	text-align: center;
}
.cIconBlock {
	display: inline-block;
	width: auto;
	height: auto;
	margin: auto;
}
.cIconBlock img {
	width: 32px;
	height: 32px;
}
.cImage.cDisplayLike_left, .cImage.cDisplayLike_top, .cImage.cDisplayLike_right, .cImage.cDisplayLike_bottom {
	display: inline-flex;
	vertical-align: middle;
	margin: auto;
	flex-direction: row;
	width: auto;
}
.cImage.cDisplayLike_right img {
	width: auto;
	display: inline-block;
	vertical-align: top;
	margin: auto auto auto 0px;
}
.cImage.cDisplayLike_right b {
	display: block;
	margin: auto auto auto 12px;
	font-size: 20px;
	line-height: normal;
}

.window .qFileManager {
	min-height: 90vh;
	background: #FFF;
	overflow: auto;
	border-radius: 12px;
	/*min-width: 90vw;*/
}
.window .qFileManagerBar {
	margin: auto;
	border-radius: 0px;
	padding-right: 72px;
}
.qHeightHide.show {
	transition: 0.35s all;
	max-height: 720px;
}
.qHeightHide:not(.show) {
	overflow: hidden;
	padding-top: 0px;
	max-height: 0px;
	padding-bottom: 0px;
	transition: 0.35s all;
}

/* Show effects */
.q_show_effect_opacity { /* Just opacity */
	opacity: 0;
	transition: 0.5s all;
}
.q_show_effect_opacity.qShowed {
	opacity: 1;
}
.q_show_effect_opacity1 { /* Opacity and fly from bottom */
	transform: translateY(50px); opacity: 0; transition: 0.5s all;
}
.q_show_effect_opacity1.qShowed {
	transform: translateY(0px); opacity: 1;
}

label.showed {
	display: block;
}

.qBar {
	display: flex;
	width: auto;
	box-sizing: border-box;
}
.qBar .qLeft {
	flex: auto;
	text-align: left;
}
.qBar .qRight {
	flex: auto;
	text-align: right;
}
.qBar .pages {
	display: inline-block;
	margin: auto;
	padding: 0px;
	vertical-align: middle;
}
/* Lang selector on window title (for fields) */
.window h1 .field_lang_form {
	position: absolute;
	width: 170px;
	max-width: 30%;
	left: auto;
	top: 0px;
	bottom: 0px;
	right: 45px;
	margin: auto;
	pointer-events: all;
	padding: 0px;
	height: 32px;
	border: transparent;
	border-radius: 5px;
	overflow: hidden;
}
.window h1 .field_lang_form b {
	display: none;
}
.window h1 .field_lang_form select {
	padding: 7px 20px 7px 7px !important;
	height: 100%;
	border-radius: 0px;
	border: transparent;
	background-position-x: 95%;
}

.cDisplayLike_with_text {
	display: flex;
	position: relative;
	gap: 12px;
}
.cDisplayLike_with_text .text_cnt {
	flex: auto;
}
.cDisplayLike_with_text .text_cnt b {
	display: block;
	text-align: left;
	font-size: 20px;
}
.cDisplayLike_with_text .text_cnt u {
	text-align: left;
	line-height: normal;
	margin: 5px auto;
	font-size: 17px;
	text-decoration: none;
}
.cDisplayLike_with_text.cImage_left {
	flex-direction: row-reverse;
	flex: auto;
}
.cDisplayLike_with_text.cImage_top {
	flex-direction: column-reverse;
}
.cDisplayLike_with_text.cImage_bottom {
	flex-direction: column;
}

.field_blink_warn {
	animation-name: field_blink_warn !important;
	animation-iteration-count: 1 !important;
	animation-timing-function: cubic-bezier(1.0,0,0,1.0);
	animation-duration: 1s;
	-webkit-animation-name: blinker;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
	-webkit-animation-duration: 2s;
	transition: 0.35s all;
}

@keyframes field_blink_warn {
  from {outline: solid 2px rgb(155, 227, 255, 1);}
  to {outline: solid 2px rgb(155, 227, 255, 0);}
}
 
@-webkit-keyframes field_blink_warn {
  from {outline: solid 2px rgb(155, 227, 255, 1);}
  to {outline: solid 2px rgb(155, 227, 255, 0);}
}

.qLinksLine {
	font-size: 0px;
}
.qLinksLine a, a.qLinksLine {
	display: inline-block;
	vertical-align: middle;
	margin: auto;
	padding: 1px;
	font-size: 15px;
	cursor: pointer;
}
.qLinksLine a:hover, a.qLinksLine:hover {
	text-decoration: underline 1px;
}
.qLinksLine a::after, a.qLinksLine::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	border-left: 1px solid rgb(234, 234, 234);
	height: 12px;
	margin: auto 5px;
}
.qLinksLine a:last-child::after, a.qLinksLine:last-child::after {
	display: none;
}
/* For form, need hidden\replace to form place for cms panel */
.q_form_hidden {
	padding: 25px;
	font-size: 17px;
	color: rgb(203, 211, 219);
	border: dashed 1px #777777;
	text-align: center;
}











/* Content width */
.qContentWidth {
	width: 1024px; /* Need add value from settings */
	margin-left: auto;
	margin-right: auto;
	max-width: 92%;
}

.qRedBg {background-color: rgb(216, 75, 75);}
.qGrayBg {background-color: #777777;}

/* Direction */
.qFlexRow {flex-direction: row;}
.qFlexCol {flex-direction: column;}
.qFlex.qColReverse, .qFlex .qColReverse {flex-direction: column-reverse;}
.qFlex.qRowReverse, .qFlex .qRowReverse {flex-direction: row-reverse;}

/* Align */
.qLeft {text-align: left;}
.qCenter {text-align: center;}
.qRight {text-align: right;}
.qTop {vertical-align: top;}
.qVCenter {vertical-align: middle;}
.qBottom {vertical-align: bottom;}

/* Align horizontal */
.qFlex.qLeft, .qFlex .qLeft {justify-content: start;}
.qFlex.qCenter, .qFlex .qCenter {justify-content: center;}
.qFlex.qRight, .qFlex .qRight {justify-content: end;}

/* Align vertical */
.qFlex.qTop {align-items: start;}
.qFlex .qTop {align-self: start;}
.qFlex.qVCenter {align-items: center;}
.qFlex .qVCenter {align-self: center;}
.qFlex.qBottom {align-items: end;}
.qFlex .qBottom {align-self: end;}

.qFlex .qGrow {
	flex-grow: 1;
}

/* Wrappping */
.qFlex.qWrap, .qFlex .qWrap {flex-wrap: wrap;}
.qFlex.qNorap, .qFlex .qNorap {flex-wrap: nowrap;}

.qFlexItemsAutoWidth {
	display: flex;
	flex-wrap: wrap;
}
.qFlexItemsAutoWidth item {
	flex: auto;
	min-width: 220px;
	max-width: 320px;
}

.qFlex.qFullWidthColumns {
	-webkit-flex-flow: row wrap;
	justify-content: space-around;
}
.qFlex.qFullHeightColumns {
	align-items: stretch;
}

.cMarkupRow {
	margin: 0px auto;
}
.cMarkup.qFullWidth .cMarkupRow {
	width: 100%;
}
button.cLanguages {
	background: transparent center center no-repeat;
	background-size: cover;
}

.qStandartForm {
	display: block;
}
.qStandartForm label {
	display: block;
	font-size: 15px;
	text-align: left;
	position: relative;
	border-radius: 5px;
}
.qStandartForm label > b {
	display: block;
	margin: 10px auto 5px auto;
	font-weight: 200;
	font-size: 15px;
}

.qStandartForm label input, .qStandartForm label select, .qStandartForm label textarea, .qStandartForm label.qMultiSelect .selected_list {
	display: block;
	margin: auto;
	padding: 10px 12px;
	border: solid 1px rgb(207, 209, 210);
	color: #353535;
}

.qStandartForm label.qMultiSelect {
	cursor: pointer;
	position: relative;
}

.qStandartForm label.qMultiSelect .selected_list {
	position: relative;
}

.qStandartForm label.qMultiSelect .selected_list::after {
	content: "";
	display: block;
	position: absolute;
	right: 5px;
	width: 24px;
	height: 24px;
	background: url('/Q2/images/down.svg') center center no-repeat;
	background-size: 12px;
	top: 0px;
	bottom: 0px;
	margin: auto 0px auto auto;
}

.qStandartForm label.qMultiSelect p {
	display: inline-block;
	margin: auto 5px auto auto;
	padding: 0px 5px 0px 0px;
	border-right: solid 1px rgba(0, 0, 0, 0.11);
}
.qStandartForm label.qMultiSelect p:last-child {
	border: transparent;
}

.qSmallFormB label, .window label {
	background: rgba(255, 255, 255, 0.63);
	width: 85%;
	overflow: unset;
	border: transparent;
}
.qSmallFormB label b {
	position: absolute;
	left: 15px;
	top: -8px;
	background: #FFFFFF;
	padding: 0px 7px;
	bottom: auto;
	z-index: 1;
	font-size: 12px !important;
	color: rgb(50, 158, 183);
	height: auto;
	box-sizing: border-box;
	margin: auto;
}
.qSmallFormB label input, .qSmallFormB label select, .window label input, .window label select {
	/*background: rgb(255, 255, 255);
	transform: none !important;*/
}
.qSmallFormB label select, .window label select {
	background-image: url('/Q2/images/down.svg');
	background-position-x: 98%;
	background-position-x: calc(100% - 12px) center;
	background-position-y: center;
	background-size: 12px;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

.qLikeFrameForm {
	display: block;
}
.qLikeFrameForm label {
	display: block;
	font-size: 15px;
	text-align: left;
	position: relative;
	border: solid 1px #EEEEEE;
	border-radius: 5px;
	margin: auto auto 25px auto;
	background: #FFFFFF;
}
.qLikeFrameForm label b {
	font-size: 12px;
	position: absolute;
	left: 0px;
	top: 0px;
	right: auto;
	bottom: auto;
	margin: -12px auto auto 15px;
	background: #FFFFFF;
	border: inherit;
	border-radius: 50px;
	padding: 1px 10px;
	font-weight: normal;
}
.qLikeFrameForm label input {
	display: block;
	margin: auto;
	padding: 15px 12px 12px 12px;
	border: transparent;
	color: #353535;
}

.q_stack_items div {
	display: block;
	margin: auto auto 7px auto;
	border-bottom: solid 1px rgb(225, 225, 225);
	padding: 0px 0px 7px 25px;
	color: rgb(131, 145, 151);
	background: url('/Q2/images/up.svg') 0px 3px no-repeat;
	background-size: 16px;
}
.q_stack_items div b {
	display: block;
	color: rgb(77, 79, 79);
}

#FilesWindow {
	z-index: 9999999;
}
#FilesWindow .window_content {
  margin: auto;
  padding: 0px;
}
#FilesWindow .qFilters {
	position: sticky;
	margin: 0px;
	top: 0px;
	z-index: 100;
	padding: 0px 25px;
}
.qFiles {
	background: rgba(247, 247, 247, 0.11) url('/Q2/images/folder.png') 12px 10px no-repeat;
	text-align: left;
	position: relative;
	border: solid 1px rgb(208, 207, 207);
	border-radius: 5px;
	background-size: 24px;
	width: auto;
	box-sizing: border-box;
	overflow: hidden;
}
.qFiles buttons {
	float: right;
	padding: 0px;
	margin: auto;
	right: 0px;
	top: 0px;
	bottom: 0px;
}
.qFiles buttons button {
	background: rgb(149, 215, 154);
	color: #FFFFFF;
	display: inline-block;
	font-size: 15px;
	padding: 9px 12px;
	margin: auto 3px;
}
.qFilesHeader {
	position: relative;
	display: flex;
	width: 100%;
	flex-direction: row;
}
.qFilesHeader left {
	flex: auto;
}
.qFilesHeader right {
	text-align: right;
	width: auto;
	justify-content: right;
}
.qFilesHeader b {
	display: inline-block;
	margin: auto;
	padding: 12px 12px 12px 47px;
	vertical-align: middle;
	font-size: 17px;
	color: rgb(22, 86, 111);
	font-weight: ;
}
.qFiles .qFilesList item {
	margin: 3px;
	padding: 7px;
	text-align: left;
	border: solid 1px #EEE;
	display: inline-block;
	overflow: hidden;
	width: 320px;
	border-radius: 5px;
	cursor: pointer;
}
.qFiles .qFilesList item::after {
	display: none;
}
.qFiles .qFilesList item:hover {
	background: rgb(248, 255, 245);
}
.qFiles .qFilesList item > img {
	width: 72px;
	height: 72px;
	object-fit: cover;
	display: inline-block;
	float: left;
	margin: -12px 12px -12px -12px;
}
.qFiles .qFilesList item b {
	display: block;
	font-weight: bold;
	color: rgb(83, 83, 83);
}
.qFiles .qFilesList item u {
	text-decoration: none;
	margin: 3px auto;
	font-size: 15px;
	color: rgb(150, 215, 132);
}
.qFiles .qFilesList {
	max-height: 0px;
	height: auto;
	border-radius: 0px;
	padding: 10px;
	overflow: hidden;
	transition: 0.35s all;
	border-top: solid 1px rgb(236, 236, 236);
	margin: auto auto -21px auto;
}
.qFiles.open .qFilesList {
	max-height: 520px;
	overflow: auto;
	height: 100%;
	margin-bottom: 0px;
}
.qFiles button.upload {
	background: transparent url('/Q2/images/add.svg') center center no-repeat;
	background-size: 24px;
	width: 32px;
	height: 32px;
	padding: 0px;
	font-size: 0px;
	margin-right: 3px;
}
.qFiles button.show {
	background: transparent url('/Q2/images/down.svg') center center no-repeat;
	background-size: 16px;
	width: 32px;
	height: 32px;
	padding: 0px;
	font-size: 0px;
}
.qFiles.open button.show {
	background-image: url('/Q2/images/up.svg');
}

/*.qFilterLink.arrow_right_small {
	background: url('/Q2/images/right.svg') 0px center no-repeat;
	background-size: 10px;
	filter: none;
	margin-left: 3px;
	padding-left: 12px;
	text-align: left;
}*/
.qFilterLink.arrow_right_small::before {
	content: "";
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: middle;
	background: url('/Q2/images/right.svg') 0px center no-repeat;
	background-size: 10px;
	left: -7px;
	filter: opacity(0.5);
	position: relative;
	margin: auto -5px;
}
.qFilterLink img {
	width: 32px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
}
.qFilters #add {
	background: rgb(10, 186, 154);
	padding: 10px 15px;
	color: #FFF;
	filter: none;
	border-radius: 5px;
}
.qFilters a.qRightArrow {
	background: url('/Q2/images/right.svg') right center no-repeat;
	background-size: 12px;
	padding-right: 17px;
	margin-right: 5px;
}
.qFilters a.qRightArrows::after {
	margin-right: 17px;
	max-width: calc(100% - 17px);
}
.qFilters a.qLeftArrow::after {
	max-width: calc(100% - 12px);
	margin-left: 12px;
}
.qFilters a.qLeftArrow::before {
	background: url('/Q2/images/right.svg') center center no-repeat;
	background-size: 12px;
	content: "";
	display: inline-block;
	vertical-align: middle;
	left: -7px;
	width: 12px;
	height: 15px;
	position: relative;
	opacity: 0.5;
}
.qFilters > .qRight > button {
	display: inline-block;
	vertical-align: middle;
	background: transparent center center no-repeat;
	background-size: 80%;
	width: 32px;
	height: 32px;
	margin: 5px;
	min-width: unset;
	padding: 0px;
}
.qFilters .search, .qFilters label {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin: auto;
}
.qFilters .search input {
	width: 35px;
	color: transparent;
	background: url('/Q2/images/search.svg') center center no-repeat;
	background-size: 24px;
	border: transparent;
	transition: none;
}
.qFilters .search input:focus {
	position: absolute;
	left: auto;
	right: 12px;
	top: 0px;
	bottom: 0px;
	width: 320px !important;
	border: solid 1px rgb(168, 168, 168);
	text-align: left;
	color: #353535;
	background-position: 9px center;
	padding-left: 39px !important;
	background-color: #FFFFFF;
	z-index: 10;
	margin: auto;
}
.qFilters > .qRight button.add_btn {
	background-image: url('/Q2/images/add.svg') !important;
	color: transparent;
	font-size: 0px;
}
.q_no_files {
	margin: auto;
	padding: 22px;
	text-align: left;
	font-size: 17px;
	color: rgb(149, 149, 149);
}

.qFieldHelp {
	position: absolute;
	right: -5px;
	top: -7px;
	width: 17px;
	height: 17px;
	overflow: hidden;
	background: rgb(255, 255, 255) url('/Q2/images/help.svg') center center no-repeat;
	border-radius: 50px;
	background-size: 80%;
	border: solid 1px #DDDDDD;
	bottom: auto;
	margin: auto;
	cursor: pointer;
}
.qFieldHelp i {
	display: none;
}

.qFlexWindow {
	display: flex;
	align-items: center;
	justify-content: center;
}
.qFlexWindow::after {
	display: none;
}
.qFlexWindow .window {
	display: flex;
	flex-direction: column;
	margin: auto;
	flex: ;
}
.qFlexWindow .window_content {
	width: 100%;
	overflow: auto;
	scrollbar-width: thin;
	box-sizing: border-box;
	flex-grow: 1;
}
.qWidth100 {
	width: 100%;
}

/* Widgets styles */
.qImagesList {
	position: relative;
}
.qImagesList qcnt {
	display: none;
}
.qImagesList.style_default {
	display: flex;
	justify-content: center;
	gap: 3%;
	flex-direction: row;
	flex-wrap: wrap;
}
.qImagesList.style_default.items_space_between {
	justify-content: space-between;
}
.qImagesList.style_default .image_cnt {
	align-content: center;
	display: block;
	justify-content: center;
	width: 100%;
}
.qImagesList.style_default .text_cnt {
	text-align: center;
	max-width: 100%;
	overflow: hidden;
}
.qImagesList.style_default .text_cnt b {
	text-align: inherit;
}
.qImagesList.style_default .text_cnt u {
	text-align: inherit;
}
.qImagesList.style_default.title_size_small .text_cnt b {
	font-size: 10pt;
}
.qImagesList.style_default.title_size_middle .text_cnt b {
	font-size: 15pt;
}
.qImagesList.style_default.title_size_big .text_cnt b {
	font-size: 20pt;
}
.qImagesList.style_default.subtitle_size_small .text_cnt u {
	font-size: 10pt;
}
.qImagesList.style_default.subtitle_size_middle .text_cnt u {
	font-size: 15pt;
}
.qImagesList.style_default.subtitle_size_big .text_cnt u {
	font-size: 20pt;
}
.qImagesList.style_default .cImage {
	text-align: center;
}
.qImagesList.items_size_small .cImage {
	width: 120px;
}
.qImagesList.items_size_middle .cImage {
	width: 220px;
}
.qImagesList.items_size_big .cImage {
	width: 320px;
}
.qImagesList.images_size_small .cImage img {
	width: 50%;
}
.qImagesList.images_size_middle .cImage img {
	width: 75%;
}
.qImagesList.images_size_full .cImage img {
	width: 100%;
}

.q_error_files_list {
	margin: 12px auto;
	text-align: left;
	position: relative;
}
.q_error_files_list item {
	display: flex;
	text-align: left;
	font-size: 17px;
	color: #353535;
	border-bottom: dashed 1px rgb(227, 227, 227);
	padding: 5px 0px;
	position: relative;
	overflow: hidden;
	width: 100%;
	flex-direction: row;
}
.q_error_files_list item b {
	font-weight: normal;
	flex: auto;
}
.q_error_files_list item u {
	display: inline-block;
	text-decoration: none;
	font-size: 15px;
	color: rgb(217, 113, 21);
	margin-left: 5px;
	text-align: right;
	flex: auto;
}
.q_error_files_list item.good u {
	color: rgb(7, 183, 125);
}

select option[type="title"] {
	background: rgb(232, 243, 253);
	color: #353535;
	padding-top: 25px;
}







@media (max-width: 1024px) { /* Tablet and lower */
	.wnd .window {
		min-width: unset;
		max-width: 92vw;
	}
}

@media (min-width: 1600px) { /* Big screen */
	.qBigHide {display: none !important;}
	.qBigWidth100 {width: 100% !important;}
}
@media screen and ((min-width: 1024px) and (max-width: 1599px)) { /* Normal screen */
	.qScreenHide {display: none !important;}
	.qScreenWidth100 {width: 100% !important;}
}
@media (min-width: 720px) and (max-width: 1023px) { /* Tablet screen */
	.qTabletHide {display: none !important;}
	.qTabletWidth100 {width: 100% !important;}
}
@media (min-width: 320px) and (max-width: 719px) { /* Mobile screen */
	.qMobileHide {display: none !important;}
	.qMobileWidth100 {width: 100% !important;}
}
@media (min-width: 0px) and (max-width: 319px) { /* Small screen */
	.qSmallHide {display: none !important;}
	.qSmallWidth100 {width: 100% !important;}
}

@media not (min-width: 1600px) { /* If not big screen */
	.qBigOnly {display: none !important;}
}
@media not (screen and ((min-width: 1024px) and (max-width: 1599px))) { /* If not normal screen*/
	.qScreenOnly {display: none !important;}
}
@media not ((min-width: 720px) and (max-width: 1023px)) { /* If not tablet */
	.qTabletOnly {display: none !important;}
}
@media not ((min-width: 320px) and (max-width: 719px)) { /* If not mobile */
	.qMobileOnly {display: none !important;}
}
@media not (max-width: 319px) { /* If not small screen */
	.qSmallOnly {display: none !important;}
}