@layer panel7-0reset, panel7-1base, panel7-2components, panel7-3layout, panel7-4pages;

@import url('/.s/src/panel7/uicon.css');
@import url('/.s/src/panel7/before-icons.css');


/*deprecated not use this root!!!*/
:root {
	--white: #ffffff;
	--link-water: #f7f9fd;
	--gallery: #ececec;
	--link-water2: #dee7f6;
	--botticelli: #c4cee0;
	--porcelain: #edf1f2;
	--iron: #e0e2e6;
	--athens-gray: #eaecf0;
	--athens-gray2: #f0f2f6;
	--athens-gray-300: #dfe2e6;
	--geyser:#dbe4e6;
	--silver: #cccccc;
	--silver-100: #cdcdcd;
	--alto: #dddddd;
	--aluminium: #a4a6aa;
	--manatee: #96999e;
	--silver-chalice: #a3a3a3;
	/*--dusty-gray: #999999;*/
	--gray: #888888;
	--dove-gray: #707070;
	/*--mid-gray: #626263;*/
	--abbey: #54565a;
	/*--tuna: #3f4044;*/
	--mako: #404246;
	/*--tundora: #444444;*/
	/*--mine-shaft: #333333;*/
	--shark: #2c2e32;
	--shark-100: #2b2e32;
	--black: #000000;

	--mischka: #e0e1e6;
	/*--cornflower: #a3bae9;*/
	/*--cornflower-blue: #5c9ffa;*/
	/*--piston-blue: #30b0f0;*/
	/*--dodger-blue: #488bfa;*/
	/*--indigo: #4173c8;*/
	/*--mariner: #1d72de;*/
	/*--azure_radiance: #0175ff;*/

	--caribbean-green: #00c57c;
	--caribbean-green-100: #02c57c;
	/*--jade: #00b06a;*/

	/*--mulberry: #c35578;*/
	--red-orange: #fd4339;
	--crimson: #e81b10;
	--web-orange: #ffa500;
}

/*NEW PANEL 7 STYLES*/

@layer panel7-0reset {
	*:where(:not(.wysibb-toolbar *,.CodeMirror, .CodeMirror *)),
	*::before,
	*::after {
		box-sizing: border-box;
		-webkit-tap-highlight-color: transparent;
	}

	/* Prevent font size inflation */
	html {
		-moz-text-size-adjust: none;
		-webkit-text-size-adjust: none;
		text-size-adjust: none;
	}

	/* These styles improve text rendering on different devices:
	- `-webkit-font-smoothing: antialiased` reduces text weight by smoothing edges, enhancing readability on high-resolution screens.
	- `-moz-osx-font-smoothing: grayscale` provides a cleaner, grayscale rendering for macOS, creating a more balanced look.
	Together, they offer consistent, sharp text appearance across browsers and operating systems. */
	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		scroll-behavior: smooth;
		text-rendering: optimizeSpeed;
	}

	/* Remove default margin in favour of better control in authored CSS */
	body,
	h1,
	h2,
	h3:where(:not(.support-ticket h3)),
	h4:where(:not(.support-ticket h4)),
	h6,
	p:where(:not(.myWinCont p, .skip-m-reset)),
	figure, blockquote, dl, dd {
		margin: 0;
	}

	/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
	ul[role='list'],
	ol[role='list'] {
		list-style: none;
	}

	/* Balance text wrapping on headings */
	h1, h2, h3, h4 {
		text-wrap: balance;
	}

	/* A elements that don't have a class get default styles */
	a:not([class]) {
		text-decoration-skip-ink: auto;
		color: currentColor;
	}

	/*img,*/
	picture {
		display: block;
	}

	/* Inherit fonts for inputs and buttons */
	input, button, textarea, select {
		font: inherit;
		line-height: 20px;
	}

	/* Make sure textareas without a rows attribute are not tiny */
	textarea:not([rows]) {
		min-height: 10em;
	}

	/* Anything that has been anchored to should have extra scroll margin */
	:target {
		scroll-margin-block: 5ex;
	}

	iframe, img:where(:not(.myTbl img)), object, table, video, picture {
		max-width: 100%
	}

	legend {
		padding: 0;
	}

	/* Mobile agent override*/
	input[type="date" i] {
		width: initial;
	}
}

@layer panel7-1base {
	:root {
		--panel7-gray-900: #1b1b1b;
		--panel7-gray-800: #2b2b2b;
		--panel7-gray-790: #34363A;
		--panel7-gray-780: #383A3D;
		--panel7-gray-750: #595959;
		--panel7-gray-700: #7f7f7f;
		--panel7-gray-600: #a5a5a5;
		--panel7-gray-400: #c4c4c4;
		--panel7-gray-350: #e3e3e3;
		--panel7-gray-300: #eeeeee;
		--panel7-gray-200: #f6f6f6;
		--panel7-gray-100: #ffffff;

		--panel7-cool-gray-800: #2c2e32;

		--panel7-blue-600: #3876de;
		--panel7-blue-500: #498bfa;
		--panel7-blue-400: #dbe8fe;
		--panel7-blue-350: #edf3fe;
		--panel7-blue-300: #b3ccf6;
		--panel7-blue-200: #d1e1fe;
		--panel7-blue-100: #e5eefe;
		--panel7-blue-50: #f4f8ff;

		--panel7-red-600: #cf1322;
		--panel7-red-500: #f5222d;
		--panel7-red-400: #ff4d4f;
		--panel7-red-300: #ff7875;
		--panel7-red-200: #ffa39e;
		--panel7-red-100: #ffccc7;
		--panel7-red-50: #fff1f0;

		--panel7-orange-400: #ffa916;
		--panel7-orange-300: #fcce34;
		--panel7-orange-200: #ffc069;
		--panel7-orange-100: #ffe7ba;

		--panel7-accent-green: #03c57c;
		--panel7-green-300: #B7EB8F;
		--panel7-green-100: #f6ffed;

		--panel7-cyan-400: #65D6F3;

		--panel7-header-size: 68px;
		--panel7-sidebar-size: 257px;

		--panel7-font-system: 'Inter Tight', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

		--panel7-font-text-r-tcode: normal 400 12px / 16px monospace;
		--panel7-font-text-r-0: normal 400 12px / 16px var(--panel7-font-system);
		--panel7-font-text-m-0: normal 500 12px / 16px var(--panel7-font-system);
		--panel7-font-text-sb-0: normal 600 12px / 16px var(--panel7-font-system);
		--panel7-font-text-b-0: normal 700 12px / 16px var(--panel7-font-system);

		--panel7-font-text-r-05: normal 400 13px / 18px var(--panel7-font-system);
		--panel7-font-text-m-05: normal 500 13px / 18px var(--panel7-font-system);
		--panel7-font-text-sb-05: normal 600 13px / 18px var(--panel7-font-system);
		--panel7-font-text-b-05: normal 700 13px / 18px var(--panel7-font-system);

		--panel7-font-text-r-1: normal 400 14px / 20px var(--panel7-font-system);
		--panel7-font-text-m-1: normal 500 14px / 20px var(--panel7-font-system);
		--panel7-font-text-sb-1: normal 600 14px / 20px var(--panel7-font-system);
		--panel7-font-text-b-1: normal 700 14px / 20px var(--panel7-font-system);

		--panel7-font-text-r-105: normal 400 15px / 22px var(--panel7-font-system);
		--panel7-font-text-m-105: normal 500 15px / 22px var(--panel7-font-system);
		--panel7-font-text-sb-105: normal 600 15px / 22px var(--panel7-font-system);
		--panel7-font-text-b-105: normal 700 15px / 22px var(--panel7-font-system);

		--panel7-font-text-r-2: normal 400 16px / 24px var(--panel7-font-system);
		--panel7-font-text-m-2: normal 500 16px / 24px var(--panel7-font-system);
		--panel7-font-text-sb-2: normal 600 16px / 24px var(--panel7-font-system);
		--panel7-font-text-b-2: normal 700 16px / 24px var(--panel7-font-system);

		--panel7-font-header-1: normal 600 28px / 34px var(--panel7-font-system);
		--panel7-font-header-2: normal 600 24px / 30px var(--panel7-font-system);
		--panel7-font-header-3: normal 600 22px / 26px var(--panel7-font-system);
		--panel7-font-header-4: normal 600 20px / 28px var(--panel7-font-system);
		--panel7-font-header-5: normal 600 18px / 22px var(--panel7-font-system);
		--panel7-font-header-6: normal 600 16px / 24px var(--panel7-font-system);

		--panel7-chevron-icon-data: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNSA1TDkgMSIgc3Ryb2tlPSIjN0Y3RjdGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
		--panel7-modal-chevron-icon-data: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNSA1TDkgMSIgc3Ryb2tlPSIjQzRDNEM0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==");
	}

	* {
		scrollbar-color: var(--panel7-gray-400) var(--panel7-gray-200);
		scrollbar-width: thin;
	}

	html,
	body {
		background: var(--panel7-gray-200);
	}

	body {
		overflow: auto;
		min-height: 100vh;
	}

	td,
	body {
		font: var(--panel7-font-text-r-1);
		color: var(--panel7-gray-800);
	}

	h1,
	h2,
	h3:where(:not(.myWinCont h3)),
	h4,
	h5 {
		color: var(--panel7-gray-900);
	}

	h1 {
		font: var(--panel7-font-header-1);
	}

	h2 {
		font: var(--panel7-font-header-2);
	}

	h3 {
		font: var(--panel7-font-header-3);
	}

	h4 {
		font: var(--panel7-font-header-4);
	}

	h5 {
		font: var(--panel7-font-header-5);
	}

	h6 {
		font: var(--panel7-font-header-6);
	}

	a {
		text-decoration: none;
		color: var(--panel7-blue-500);
	}

	a:where(:hover,:active) {
		text-decoration: underline;
		color: var(--panel7-blue-600);
	}

	ul:where(:not([role="list"])) {
		margin: 0 0 10px;
		padding: 0 0 0 30px;
	}

	ul[role="list"] {
		margin: 0;
		padding: 0;
	}

	ul.uz:where(:not([role="list"])) {
		margin: 4px 0 6px;
		padding: 0 0 0 20px;
	}

	ul.uz:where(:not([role="list"]))  li {
		padding: 0 0 2px 2px;
	}

	ul.uz1 {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	li.uz1 {
		margin: 0;
		padding: 0 0 0 15px;
	}

	.myWinCont ul.uz {
		padding: 0;
	}

	.myWinCont ul.uz > li {
		padding: 0 0 0 17px;
	}


	/* === Small utils classes === */
	.color-red, .error{color: var(--panel7-red-400);}

	.color-green, [color-green] {color: var(--panel7-accent-green);}

	.color-gray {color: var(--panel7-gray-700);}

	.color-orange{color:var(--panel7-orange-400);}
	.color-orange-200{color:var(--panel7-orange-200);}

	.color-blue{color:var(--panel7-blue-600);}

	.color-cyan{color:var(--panel7-cyan-400);}

	.cp-strong-info {font: var(--panel7-font-text-m-1);color: var(--panel7-gray-900);}

	.cp-hint-info {
		font: var(--panel7-font-text-r-05);
		color: var(--panel7-gray-700);

		:where(.cp-modal) & {
			color: var(--panel7-gray-600);
		}
	}

	.cp-text-desc {color:var(--panel7-gray-700); margin-top: 4px;}
	.cp-text-balance {text-wrap:balance;}
	/* === End small utils classes === */

	/* === basepanel utils override todo: move to layer when old theme die === */
	[no-margin], .no-margin {margin: 0;}
	/* === End basepanel utils override === */

	@keyframes spin {from {transform:rotate(0deg);}to{transform: rotate(360deg);}}
	@keyframes slide-top{0%{transform:translateY(8px)}100%{transform:translateY(0)}}
}

@layer panel7-2components {

	/*buttons*/
	:where(.access-denied-simple) .loginButton,
	.ubtn-link,
	.ubtn-default {
		--background: var(--panel7-blue-500);
		--btn-color: var(--panel7-gray-100);
		--padding-block: 10px;
		--padding-inline: 14px;
		--border-radius: 8px;

		font: var(--panel7-font-text-m-1);
		color: var(--btn-color);
		border-radius: 8px;
		text-align: center;
	}

	:where(.access-denied-simple) .loginButton,
	.ubtn-default {
		padding: var(--padding-block) var(--padding-inline);
		background-color: var(--background);
		border-radius: var(--border-radius);
		height: auto;
		border: 0;
	}

	/*ubtn loader state style*/
	.ubtn-loading {
		position: relative;
		pointer-events: none;
	}

	.ubtn-loading:before {
		background: inherit;
		border-radius: inherit;
		content: "";
		display: block;
		inset: 0;
		position: absolute;
		z-index: 1;
	}

	:where(.ubtn-link-outline, .ubtn-outline).ubtn-loading:before {
		background: var(--btn-shadow-color);
	}

	.ubtn-loading:after {
		animation: spin 1s linear infinite;
		background-color: currentColor;
		content: "";
		display: block;
		height: 24px;
		left: 50%;
		-webkit-mask: url("/.s/img/panel7/icon/loader.svg") center/contain no-repeat;
		mask: url("/.s/img/panel7/icon/loader.svg") center/contain no-repeat;
		position: absolute;
		top: 50%;
		translate: -50% -50%;
		width: 24px;
		z-index: 2;
	}
	/*ubtn loader state end*/

	.ubtn-link {
		text-decoration: none;
	}

	.ubtn-link-white {
		--background: var(--panel7-gray-100);
		--btn-color: var(--panel7-gray-700);
	}

	.ubtn-outline,
	.ubtn-link-outline {
		--btn-color: var(--panel7-gray-750);
		--btn-shadow-color: var(--panel7-gray-300);

		background-color: transparent;
		box-shadow: inset 0 0 0 1.5px var(--btn-shadow-color);
	}

	.light-btn,
	.ubtn-link-secondary {
		--background: var(--panel7-blue-400);
		color: var(--panel7-blue-500);
	}

	.gray-btn {
		--background: #47494D;
		color: var(--panel7-gray-600);
	}

	.red-btn {
		--background: var(--panel7-red-400);
		color: var(--panel7-gray-100);
	}

	/* === Button with icon === */
	.ubtn-with-icon {
		--icon-size: 24px;
		--padding-block: 8px;

		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
	}

	.ubtn-with-icon svg {
		flex-shrink: 0;
	}
	/* === End button with icon === */

	/* FORM ELEMENTS BASE STYLE */
	fieldset { 	/* fix me to new style */
		border: 1px solid var(--panel7-gray-400);
		padding: 8px 10px;
		margin-bottom: 16px;
		border-radius: 12px;
	}

	/*input [checkbox/radio]*/
	[type="radio"],
	[type="checkbox"] {
		--box-size: 18px;
		--point-color: var(--panel7-gray-100);
		width: var(--box-size);
		height: var(--box-size);
		border: 2px solid var(--panel7-gray-700);
		appearance: none;
		padding: 0;
		cursor: pointer;
		position: relative;
		vertical-align: middle;
	}

	:is([type="checkbox"],[type="radio"]):checked {
		background-color: var(--panel7-blue-500);
		border-color: var(--panel7-blue-500);
	}

	[type="checkbox"] {
		border-radius: 6px;
	}

	[type="radio"] {
		margin: 0 2px 1px 0;
		border-radius: var(--box-size);
	}

	[type="radio"]:before,
	[type="checkbox"]:where(:not(.form-switch [type="checkbox"])):after,
	[type="checkbox"]:where(:not(.form-switch [type="checkbox"])):before {
		content: '';
		display: block;
		background: var(--point-color);
		border-radius: var(--box-size);
		position: absolute;
		left: 50%;
		top: 50%;
		width: 0;
		height: 0;
		transition: width .2s ease;
	}

	[type="radio"]:before {
		transition: transform .2s ease;
		transform: translate(-50%, -50%) scale(0);
	}

	[type="radio"]:checked:before {
		width: calc(var(--box-size) * .4);
		height: calc(var(--box-size) * .4);
		transform: translate(-50%, -50%) scale(1);
	}

	[type="checkbox"]:checked:before {
		width: calc(var(--box-size) * .3);
		height: calc(var(--box-size) / 10);
		transform: translate(-50%) rotate(230deg);
		transform-origin: 30% 100%;
	}

	[type="checkbox"]:checked:after {
		width: calc(var(--box-size) / 2);
		height: calc(var(--box-size) / 10);
		transform: translate(-50%, -50%) rotate(130deg);
		transform-origin: 56% 70%;
	}


	[type="checkbox"]:indeterminate:after {
		width: calc(var(--box-size) / 2);
		height: calc(var(--box-size) / 2);
		translate: -50% -50%;
		background-color: var(--panel7-blue-500);
		border-radius: 2px;
	}
	/*input [checkbox/radio] end*/

	/*switcher*/
	.form-switch {
		--point-glyph: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
		--point-glyph-disable: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZGRfNDAzN18xMTkxMjUpIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOCIgZmlsbD0iI0VFRUVFRSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RkXzQwMzdfMTE5MTI1IiB4PSItNCIgeT0iLTQiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIyIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDggMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd180MDM3XzExOTEyNSIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0Lz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMyIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4wMiAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNDAzN18xMTkxMjUiIHJlc3VsdD0iZWZmZWN0Ml9kcm9wU2hhZG93XzQwMzdfMTE5MTI1Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0Ml9kcm9wU2hhZG93XzQwMzdfMTE5MTI1IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=);


		align-items: center;
		display: inline-flex;
		gap: 12px;
		justify-content: start;
	}

	.form-switch__input[type="checkbox"] {
		appearance: none;
		background: var(--panel7-gray-350) var(--point-glyph) left center no-repeat;
		border: 0;
		background-size: contain;
		border-radius: var(--switch-w, 2.223em);
		font-size: inherit;
		height: var(--switch-h, 1.3333333em);
		transition: background-position .15s ease-in-out;
		width: var(--switch-w, 2.223em);
		cursor: pointer;

		:where(.cp-modal) &{
			background-color: var(--panel7-gray-750);
		}
	}

	.form-switch__input[type="checkbox"]:checked {
		background-color: var(--panel7-blue-500);
		background-position: right center;
	}
	/*switcher end*/

	select,
	textarea,
	input[type="date"],
	input[type="datetime-local"],
	input[type="text"],
	input[type="time"],
	input[type="number"],
	input[type="password"],
	:where(#ufm_uploadform) input[type="file"] {
		background: transparent;
		border-radius: 8px;
		border: 1px solid var(--panel7-gray-400);
		color: var(--panel7-gray-800);
		font: var(--panel7-font-text-r-1);
		padding: 9px 15px;
		position: relative;
		transition: border-color .3s linear;
		z-index: 1;

		/*base style input in modal*/
		:where(.cp-modal) & {
			border-color: var(--panel7-gray-750);
			color: var(--panel7-gray-100);
			background-color: var(--panel7-cool-gray-800);
		}

		/*base style input in modal accordion-block(example in shop cats add modal)*/
		:where(.cp-modal .accordion-block) & {
			background-color: var(--panel7-gray-780);
		}

		:where(.cp-modal) &:where(:not(select)) {
			padding-inline: 7px;
		}
	}

	:where(#ufm_uploadform) input[type="file"] {
		padding-block: 8px;
	}

	/*:is(*/
	/*textarea,*/
	/*input[type="date"],*/
	/*input[type="text"],*/
	/*input[type="time"],*/
	/*input[type="number"],*/
	/*input[type="password"]*/
	/*):placeholder-shown,*/
	/*input:is([type="date"],[type="text"])[readonly] {*/
	/*	color: var(--panel7-gray-600);*/
	/*}	*/

	:is(
	textarea,
	input[type="date"],
	input[type="datetime-local"],
	input[type="text"],
	input[type="time"],
	input[type="number"],
	input[type="password"]
	)::placeholder,
	:is(input:is([type="date"],[type="datetime-local"],[type="time"]), select).default-state,
	input:is([type="date"],[type="datetime-local"],[type="text"])[readonly] {
		color: var(--panel7-gray-600);
	}

	textarea {
		width: 100%;
		min-height: 100px;
		resize: vertical;
	}

	textarea.u-form-error {
		border-color: var(--panel7-red-500);
	}

	select:where(:not([multiple],[size])) {
		appearance: none;
		padding-right: 30px;
		background-image: var(--panel7-chevron-icon-data);
		background-repeat: no-repeat;
		background-position: calc(100% - 10px) 50%;

		:where(.cp-modal) & {
			padding-inline:7px 22px;
			background-image: var(--panel7-modal-chevron-icon-data);
			background-position: calc(100% - 7px) 50%;
		}
	}

	select:is([size],[multiple]) {
		padding-inline: 12px; /*12 - both, safari right must not 0*/
		clip-path: inset(0 round 8px);
		overflow: auto;
	}

	select:is([size],[multiple]) option {
		padding: 10px 6px;
		border-radius: 6px;
		margin-block: 1px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	select:is([size],[multiple]) option[selected] {
		background: none;
	}

	select:is([size],[multiple]) option:checked {
		background: var(--panel7-blue-400);
	}

	input[type="color"] {
		width: 40px;
		height: 40px;
		margin: 0;
		padding: 0;
		border: 1px solid var(--panel7-gray-300);
		border-radius: 8px;
	}

	input[type="color"]::-webkit-color-swatch-wrapper {
		padding: 0;
	}

	input[type="color"]::-webkit-color-swatch {
		border: 2px solid var(--panel7-gray-300);
		border-radius: 8px;
	}

	@media (hover: hover) {
		:is(select,
		textarea,
		input[type="date"],
		input[type="datetime-local"],
		input[type="text"],
		input[type="time"],
		input[type="number"],
		:where(.ufm_uploadform) input[type="file"],
		input[type="password"]):where(:not(:disabled)):hover {
			border-color: var(--panel7-gray-600);

			:where(.cp-modal) & {
				border-color: var(--panel7-blue-600);
			}
		}

		:is(.ubtn-link, .ubtn-default, :where(.access-denied-simple) .loginButton):where(:not(:disabled,.disabled)):hover {
			--background: var(--panel7-blue-600);
		}

		.ubtn-link-white:where(:not(.disabled)):hover {
			--background: var(--panel7-gray-300);
		}

		:is(.light-btn, .ubtn-link-secondary):where(:not(:disabled,.disabled)):hover {
			--background: var(--panel7-blue-300);
		}

		:is(.gray-btn):where(:not(:disabled,.disabled)):hover {
			--background: #5F6063;
			color: var(--panel7-gray-350);
		}

		:is(.red-btn):where(:not(:disabled,.disabled)):hover {
			--background: var(--panel7-red-600);
		}

		.ubtn-outline:where(:not(:disabled,.disabled)):hover,
		.ubtn-link-outline:where(:not(.disabled, .no-hover)):hover {
			background-color: var(--panel7-gray-300);
		}

		select:is([size],[multiple]):where(:not(:disabled)) option:hover {
			background-color: var(--panel7-gray-200);
		}
	}

	:is(
	select,
	textarea,
	input[type="date"],
	input[type="datetime-local"],
	input[type="text"],
	input[type="time"],
	input[type="number"],
	input[type="password"],
	:where(#ufm_uploadform) input[type="file"]
	):focus {
		border-color: var(--panel7-blue-500);
	}

	:is(
	select:is([size],[multiple]),
	textarea,
	input[type="date"],
	input[type="datetime-local"],
	input[type="text"],
	input[type="time"],
	input[type="number"],
	input[type="password"],
	:where(#ufm_uploadform) input[type="file"]
	):disabled {
		border-color: var(--panel7-gray-300);
		background: var(--panel7-gray-300);
		color: var(--panel7-gray-400);
		resize: none;

		:where(.cp-modal) & {
			background-color: var(--panel7-gray-750);
			border-color: var(--panel7-gray-750);
		}
	}

	:is([type="checkbox"],[type="radio"]):where(:not(.form-switch__input)):disabled {
		--point-color: var(--panel7-gray-400);
		background-color: var(--panel7-gray-300);
		border-color: var(--panel7-gray-400);

		:where(.cp-modal) & {
			--point-color: var(--panel7-gray-350);
			background-color: var(--panel7-gray-750);
			border-color: var(--panel7-gray-750);
		}
	}

	.form-switch__input[type="checkbox"]:not(:checked):disabled {
		background-image: var(--point-glyph-disable);
	}

	.form-switch__input[type="checkbox"]:checked:disabled {
		opacity: .3;
	}

	.pagination .pagination-nav.disabled,
	select:where(:not([multiple]),:not([size])):disabled {
		background-color: var(--panel7-gray-300);
		border-color: var(--panel7-gray-300);
		color: var(--panel7-gray-400);

		:where(.cp-modal) & {
			background-color: var(--panel7-gray-750);
			border-color: var(--panel7-gray-750);
			color: var(--panel7-gray-400);
		}
	}

	:where(div[id^="_uwndTop"]:not(.cp-modal))  .myWinCont :is(
		select,
		input[type="text"],
		input[type="button"],
		input[type="password"]):disabled {
		background-color: var(--gray) !important;
		border-color: var(--abbey) !important;
		color: var(--abbey) !important
	}

	:where(div[id^="_uwndTop"]:not(.cp-modal))  :is(
		select,
		input[type="text"],
		input[type="button"],
		input[type="password"]):disabled:hover {
		border-color: var(--abbey) !important
	}

	.myWinCont input:is([type="datetime-local"],[type="date"]) {
		color-scheme: dark;
	}

	/*only webkit style picker indicator*/
	input:is([type="datetime-local"],[type="date"]):where(:not(:disabled))::-webkit-calendar-picker-indicator {
		--picker-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMlY2IiBzdHJva2U9IiNDNEM0QzQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDJWNiIgc3Ryb2tlPSIjQzRDNEM0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xOCA0LjAwMDA3TDYuMDAwMDIgNC4wMDAwMUM0LjM0MzE2IDQuMDAwMDEgMyA1LjM0MzE2IDMuMDAwMDEgNy4wMDAwMkwzLjAwMDA0IDE5LjAwMDFDMy4wMDAwNSAyMC42NTY5IDQuMzQzMTkgMjIuMDAwMSA2LjAwMDA0IDIyLjAwMDFIMThDMTkuNjU2OSAyMi4wMDAxIDIxIDIwLjY1NjkgMjEgMTkuMDAwMVY3LjAwMDA3QzIxIDUuMzQzMjIgMTkuNjU2OSA0LjAwMDA3IDE4IDQuMDAwMDdaIiBzdHJva2U9IiNDNEM0QzQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTMgMTBIMjEiIHN0cm9rZT0iI0M0QzRDNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);

		order: -1;
		-webkit-mask: var(--picker-mask) center/contain no-repeat;
		mask: var(--picker-mask) center/contain no-repeat;
		background-color: currentColor;
		padding: 0;
		width: 18px;
		height: 18px;
		margin-right: 10px;
	}

	input:is([type="date"],[type="datetime-local"],[type="time"])::-webkit-datetime-edit-fields-wrapper {
		padding-block: 0;
	}

	:where(div[id^="_uwndTop"]:not(.cp-modal)) .myWinCont input:is([type="datetime-local"],[type="date"]):focus {
		color-scheme: light;
	}

	:where(.access-denied-simple) .loginButton:disabled,
	.ubtn-link.disabled,
	.ubtn-default.disabled,
	.ubtn-default:disabled {
		opacity: .5;
		cursor: default;
	}

	.ubtn-default.disabled {
		pointer-events: none
	}

	/* FORM ELEMENTS BASE STYLE END */

	.page-header {
		padding: 0;
		margin: 0 0 24px 0;
		container: page-header / inline-size;
	}

	.page-header-inner:has(>:nth-child(2)) {
		display: grid;
		align-items: center;
		min-width: 0;
		gap: 24px;
		grid-template-columns: minmax(250px, 1fr) auto;
	}

	.page-header-content {
		min-width: 0;
	}

	.page-header-content:has(> svg) {
		display: grid;
		grid-template-columns: 40px minmax(0, 1fr);
		gap: 0 12px;
		min-width: 0;
		align-items: center;
	}

	.page-header-content h1 {
		margin: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.page-header-desc {
		margin-block: 8px 0;
		grid-column: span 2;
	}

	:where(.info-card) .card-label,
	.page-header-desc {
		color: var(--panel7-gray-700);
		text-align: left;
	}

	:where(.page-header) .buttons-group {
		display: flex;
		align-items: center;
		gap: 8px;
		flex-wrap: wrap;
	}

	:where(.page-header-sidebar) select {
		max-width: 250px;
		width: 100%;
	}

	@container page-header (width < 480px) {
		.page-header-inner:has(>:nth-child(2)) {
			grid-template-columns: 1fr;
		}

		.page-header-content h1 {
			font: var(--panel7-font-header-2);
			text-overflow: initial;
			white-space: initial;
			overflow: visible;
		}

		.page-header-sidebar :is(select, .ubtn-link,.ubtn-default) {
			width: 100%;
			max-width: 100%;
		}
	}

	.page-footer {
		container: page-footer / inline-size;
	}
	@container page-footer (width < 480px) {
		.ubtn-link {
			width: 100%;
		}
	}

	.info-block {
		align-items: center;
		background: var(--panel7-gray-100);
		border-radius: 16px;
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
		justify-content: space-between;
		padding: 16px;
		max-width: 336px;
	}

	:where(.info-block) .info-block-icon {
		flex: 0 0 28px;
	}

	:where(.info-block) .info-block-link {
		flex-shrink: 0;
		font: var(--panel7-font-text-m-1);
		text-decoration: none;
		align-self: stretch;
		display: flex;
		align-items: center;
	}

	:where(.info-block) .info-block-icon {
		color: var(--panel7-orange-400);
	}

	:where(.info-block) .info-block-text {
		flex: 1;
	}

	/*info cards*/
	.info-cards-container {
		padding: 0;
		margin: 0 0 24px 0;
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(min(380px, 100%), 1fr));
		gap: 16px;
	}

	.info-card {
		padding: 20px 24px;
		border-radius: 20px;
		background-color: var(--panel7-gray-100);
		min-width: 0;
		container: info-card / inline-size;
	}

	:where(.info-card) :is(.address-card-link, .tariff-name, .card-button) {
		font: var(--panel7-font-text-m-1);
	}

	:where(.info-card) .card-icon {
		width: 28px;
		height: 28px;
		fill: currentColor;
	}

	:where(.info-card) .card-button {
		min-height: 40px;
		text-align: center;
	}

	:where(.address-card) .info-card-inner {
		display: flex;
		align-items: center;
		gap: 12px;
		justify-content: space-between;
	}

	:where(.address-card) .card-content {
		display: flex;
		flex-direction: column;
		gap: 4px;
		min-width: 0;
	}

	:where(.address-card) .address-card-link {
		white-space: nowrap;
		overflow: scroll;
		scrollbar-width: none;
		max-width: 100%;
	}

	:where(.tariff-card) .tariff-picture {
		background-color: var(--panel7-blue-350);
		width: 44px;
		height: 44px;
		border-radius: 44px;
		color: var(--panel7-blue-500);
		padding: 8px;
	}

	:where(.tariff-card) .info-card-inner {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	:where(.tariff-card) .card-content {
		display: flex;
		flex-direction: column;
		gap: 4px;
		flex: 1;
	}

	:where(.tariff-card) .tariff-expire-soon {
		color: var(--red-orange);
		font: var(--panel7-font-text-m-1);
	}

	@container info-card (width < 380px) {
		.tariff-picture {
			display: none;
		}

		.info-card-inner {
			flex-direction: column;
			align-items: initial;
		}
	}
	/*info card end*/


/*	breadcrumbs*/
	.breadcrumbs-list {
		align-items: center;
		display: flex;
		gap: 8px;
		margin: 0;
		padding: 0;
		font: var(--panel7-font-text-r-05);
		overflow: auto;
		scrollbar-width: none;
		max-width: 100%;
	}

	.breadcrumb-item a {
		text-decoration: none;
		color: inherit;
	}

	:where(.breadcrumbs-list) .active a {
		cursor: default;
		pointer-events: none;
	}

	.breadcrumb-item {
		color: var(--panel7-gray-700);
		white-space: nowrap;
	}

	.breadcrumb-separator {
		display: flex;
		align-items: center;
	}

	:where(.breadcrumbs-list) :is(.active, .breadcrumb-separator) {
		color: var(--panel7-gray-600);
	}
/*	breadcrumbs end*/

/*	settings tabs*/
	.tabs {
		--tabs-overflow-size: 0;
	}

	.tabs__scrollable {
		display: grid;
		margin-inline: calc(var(--tabs-overflow-size) * -1);
		overflow-x: auto;
		scrollbar-width: none;
	}

	.tabs__head {
		background-color: var(--panel7-gray-300);
		border-radius: 16px;
		display: flex;
		gap: 4px;
		justify-content: flex-start;
		margin-inline: var(--tabs-overflow-size);
		padding: 4px;
		position: relative;
		width: fit-content;
	}

	.tabs__caption {
		align-content: center;
		background-color: transparent;
		border-radius: 16px;
		color: var(--panel7-gray-700);
		cursor: pointer;
		display: flex;
		gap: 5px;
		justify-content: center;
		padding: 10px 16px;
		position: relative;
	}

	.tabs__caption:has(.tabs__link) {
		padding: 0;
	}

	.tabs__caption_active {
		color: var(--panel7-gray-800);
	}

	.tabs__link {
		padding: 10px 16px;
		border-radius: 16px;
		text-decoration: none;
		color: inherit;
	}

	.tabs__link,
	.tabs__text {
		font: var(--panel7-font-text-m-1);
		white-space: nowrap;
	}

	.tabs__content {
		display: none;
	}

	.tabs__content_active {
		display: block;
	}

	.tabs__head:before {
		background: var(--panel7-gray-100);
		border-radius: 12px;
		bottom: 4px;
		box-shadow: 0 1px 1px 0 #0000000F;
		content: "";
		height: calc(100% - 8px);
		left: 0;
		position: absolute;
		right: 0;
		transform-origin: left;
		transition: width 200ms,translate 200ms;
		translate: var(--line-left, 0) 0;
		width: var(--line-width, 0);
	}

	.tabs__head.trans-off:before {
		transition: none
	}

	.tabs.module-setup {
		gap: 24px;
		margin: 0;
	}
/*	settings tabs end*/

/*	help buttons*/
	.uHelp,
	.tariffs-open-info {
		border: none;
		mask: url("/.s/img/panel7/icon/help.svg") center / contain no-repeat;
		font-size: 0;
		width: 18px;
		height: 18px;
		background-color: var(--panel7-gray-700);
		vertical-align: middle;
		cursor: pointer;

		:where(.cp-modal) & {
			background-color: var(--panel7-gray-400);
		}
	}

	.tg-setting-help {
		--size: 1.143em;
		align-items: center;
		background-color: var(--panel7-gray-700);
		border-radius: var(--size);
		color: var(--white);
		cursor: pointer;
		display: inline-flex;
		height: var(--size);
		justify-content: center;
		vertical-align: middle;
		width: var(--size);
	}

	.tg-setting-help svg {
		display: inline-block;
		height: var(--size);
		max-width: 100%;
		width: var(--size);
	}

/*	help buttons end*/

	/*icon button*/
	.cp-icon-btn {
		--btn-color: var(--panel7-gray-600);
		--btn-hover-color: var(--panel7-blue-500);

		width: var(--btn-size, 24px);
		height: var(--btn-size, 24px);
		color: var(--btn-color);
	}

	.cp-icon-btn svg {
		width: var(--icon-size, 24px);
		height: var(--icon-size, 24px);
	}

	.cp-icon-btn.danger-hover {
		--btn-hover-color: var(--panel7-red-400);
	}

	.cp-icon-btn.green-hover {
		--btn-hover-color: var(--panel7-accent-green);
	}

	.cp-icon-btn.wait {
		--btn-color: var(--panel7-gray-600);
		pointer-events: none;
	}

	.cp-icon-btn.disabled,
	.cp-icon-btn:disabled {
		opacity: .5;
		pointer-events: none;
	}
	/*icon button end*/

	/*add new btn link*/
	.cp-btn-link {
		--icon-size: 24px;

		text-decoration: none;
		font: var(--panel7-font-text-m-1);
	}
	/*add new btn link end*/

	/* template $CODE$ */
	.tmplCodeH {
		background: var(--panel7-gray-900);
		border-radius: 4px;
		border: 0;
		color: var(--panel7-gray-300);
		cursor: pointer;
		font:var(--panel7-font-text-r-tcode);
		padding: 2px 8px;
		vertical-align: middle;
	}

	/*temporary solution*/
	:where(.myWinCont input).tmplCodeH {
		border-radius: 10px;
		font: var(--panel7-font-text-r-1);
		padding: 4px 12px;
		min-height: 33px;
		border: 2px solid #474747;
	}

	.tmplCodeH::selection {
		background: var(--panel7-gray-700);
	}
	/* end template $CODE$ */

	/*move buttons component*/
	.cp-move-actions {
		align-items: center;
		display: flex;
		gap: 8px;
		width: fit-content;
	}

	.cp-move-actions.inline {
		display: inline-flex;
		vertical-align: middle;
	}

	:where(.cp-move-actions) .cp-icon-btn {
		--btn-color: var(--panel7-gray-700);

		border: 1px solid var(--panel7-gray-300);
		border-radius: 8px;
		transition: background-color .2s ease;
	}
	/*move buttons component end*/

	/* file uploader field on support page */
	.file-uploader-field {
		border: 1px dashed var(--panel7-gray-400);
		border-radius: 8px;
	}
	/* file uploader field  end*/


	/* pagination */

	.pagination-container-top {
		margin-bottom: 16px;
	}

	.pagination-container-bottom {
		margin-top: 24px;
	}

	.pagination {
		--icon-size: 24px;

		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		min-width: 0;
	}

	:where(.pagination) .pagination-info {
		color: var(--panel7-gray-700);
		white-space: nowrap;
	}

	:where(.pagination) :is(.pagination-nav, .pagination-dots, .pagination-link) {
		align-items: center;
		background: var(--panel7-gray-100);
		border-radius: 8px;
		border: 1px solid var(--panel7-gray-300);
		color: var(--panel7-gray-700);
		display: flex;
		font: var(--panel7-font-text-m-05);
		height: 32px;
		justify-content: center;
		text-decoration: none;
		transition: border-color .2s linear;
		min-width: 32px;
		user-select: none;
		flex-shrink: 0;
		padding: 5px 4px;
	}

	:where(.pagination)  .pagination-controls {
		display: flex;
		align-items: center;
		gap: 8px;
		min-width: 0;
	}

	:where(.pagination)  .pagination-list {
		overflow: auto;
		scrollbar-width: none;
	}

	:where(.pagination) .pagination-list-inner {
		display: flex;
		align-items: center;
		gap: 8px;
		width: fit-content;
	}

	:where(.pagination) .active {
		color: var(--panel7-blue-500);
		border-color: currentColor;
		pointer-events: none;
	}

	:where(.pagination) .disabled {
		pointer-events: none;
	}
	/* pagination end */


	/*tab-switcher !IS NOT TABS*/
	.tab-switcher {
		align-items: center;
		background-color: var(--panel7-gray-300);
		border-radius: 16px;
		display: flex;
		gap: 4px;
		padding: 4px;
		width: fit-content;

		:where(&).tab-switcher-v2 {
			border-radius: 9px;
			outline: 1px solid #C4C4C433;
		}

	}

	.tab-switcher-btn {
		border-radius: 12px;
		color: var(--panel7-gray-700);
		display: block;
		font: var(--panel7-font-text-m-1);
		padding: 10px 16px;
		text-decoration: none;
		appearance: none;
		border: 0;
		outline: none;
		cursor: pointer;
		transition: background-color .2s ease-in-out;
		background-color: transparent; /* for firefox*/

		&:has(input[type="radio"]) {
			position: relative;
		}

		:where(&) input[type="radio"] {
			position: absolute;
			opacity: 0;
		}

		:where(.tab-switcher-v2) & {
			border-radius: 6px;
			padding: 7px 12px;
			font: var(--panel7-font-text-m-05);
		}
	}

	.tab-switcher-btn:has(input:checked),
	.tab-switcher-btn.active {
		background-color: var(--panel7-gray-100);
		box-shadow: 0 1px 1px 0 #0000000f;
		pointer-events: none;
		user-select: none;

		:where(.tab-switcher-v2) & {
			color: var(--panel7-gray-750);
		}
	}
	/*tab-switcher end*/

	/*notice blocks*/
	.notice-block {
		padding: 20px 24px;
		border-radius: 20px;
		background-color: var(--notice-bg, var(--panel7-gray-300));
		color: var(--notice-color, var(--panel7-gray-800));
		font: var(--panel7-font-text-r-05);
	}
	.notice-block svg {
		color: var(--notice-svg-color, var(--panel7-gray-800));
	}

	.notice-block.compact {
		--icon-size: 18px;

		padding: 10px 12px;
		border-radius: 12px;
	}

	.notice-block a {
		font: var(--panel7-font-text-m-05);
	}

	.notice-block ul {
		margin: 0 0 12px;
		padding-left: 18px;
	}

	.notice-block li + li {
		margin-top: 12px;
	}

	.notice-err {
		--notice-bg: var(--panel7-red-100);
	}

	.notice-warn {
		--notice-bg: var(--panel7-orange-100);
	}

	.notice-info {
		--notice-bg: var(--panel7-blue-350);
	}

	.notice-info-gray {
		--notice-bg: var(--panel7-gray-200);
		--notice-svg-color: var(--panel7-gray-750);
	}

	.notice-succ {
		--notice-bg: var(--panel7-green-100);
	}
	/*notice blocks ends*/

	/*message bar style*/
	.message-bar {
		container: message-bar / inline-size;
		left: 0;
		padding: 6px 16px;
		position: sticky;
		right: 0;
		z-index: 1000;
		top: var(--panel7-header-size);
	}

	:where(.message-bar) .message-bar-inner {
		margin: 0 auto;
		width: fit-content;
	}

	:where(.message-bar).alert-bar {
		background-color: var(--panel7-orange-300);
		color: var(--panel7-gray-900);
	}

	:where(.message-bar) .ubtn-link-outline {
		--btn-shadow-color: currentColor;
		background-color: transparent;
		color: inherit;
		font: var(--panel7-font-text-m-05);
	}

	:where(.message-bar) .message-bar-grid {
		align-items: center;
		display: grid;
		gap: 12px;
		grid-template-columns: minmax(0, 1fr) auto;
	}

	@container message-bar (width < 380px) {
		.message-bar-inner {
			font: var(--panel7-font-text-r-05);
		}

		.message-bar-grid {
			grid-template-columns: minmax(0, 1fr);
			gap: 8px;
			justify-items: center;
		}
	}
	/*message bar style end*/

	/*fields block components*/
	.field-block {
		display: flex;
		flex-direction: column;
		gap: 8px;

		:where(.cp-anticlone) & + & {
			margin-top: 20px;
		}
	}

	:where(.field-block) .field-label {
		color: var(--panel7-gray-750);
		font: var(--panel7-font-text-m-05);

		:where(.cp-modal) & {
			color: var(--panel7-gray-100);
		}
	}

	:where(.field-block:has(.form-switch)) .field-label {
		font: var(--panel7-font-text-m-1);

		:where(.cp-modal) & {
			color: var(--panel7-gray-400);
		}
	}

	:where(.field-block) .field-hint {
		color: var(--panel7-gray-700);
		font: var(--panel7-font-text-r-05);

		:where(.cp-modal) & {
			color: var(--panel7-gray-600);
		}
	}

	:where(.field-block):has( .form-switch input:checked) .field-label {
		color: var(--panel7-gray-800);

		:where(.cp-modal) & {
			color: var(--panel7-gray-100);
		}
	}

	:where(.field-block) .form-switch {
		--switch-h: 20px;
		--switch-w: 36px;
		align-items: start;
	}

	/*fields block components end*/

	/*Field show|hide by css*/
	:where(.dependent-trigger:has(input:checked)) ~ .dependent-revert-field,
	:where(.dependent-trigger:not(:has(input:checked))) ~ .dependent-field {
		display: none;
	}
	/*End field show|hide by css*/

	/* === cp-setting-block component style === */
	.cp-sblock {
		--border-radius: 20px;
		--padding-inline: 24px;
		--padding-block: 24px;

		background-color: var(--panel7-gray-100);
		border-radius: var(--border-radius);
		padding: var(--padding-block, 24px) var(--padding-inline, 24px);

		& + & {
			margin-top: 24px;
		}
	}

	:where(.cp-sblock) .cp-sblock-title {
		font: var(--panel7-font-text-sb-2);
	}

	:where(.cp-sblock) .cp-sblock-desc {
		color: var(--panel7-gray-700);
		margin-top: var(--desc-margin, 4px);
	}

	:where(.cp-sblock) .cp-sblock-desc.balance {
		text-wrap: balance;
		max-width: 720px;
	}

	:where(.cp-sblock:not(.cp-sblock-expandable)) .cp-sblock-header:has(+.cp-sblock-content) {
		margin-bottom: 20px;
		transition: margin-bottom 200ms linear;
	}

	.cp-sblock-expandable {
		--desc-margin: 8px;

		:where(&) .cp-sblock-header {
			padding-bottom: 0;
			transition: padding-bottom 200ms;
		}

		:where(&:has(.cp-sblock-toggle:checked)) .cp-sblock-header {
			padding-bottom: 20px;
		}

		&:not(:has(.cp-sblock-toggle:checked)) .cp-sblock-content {
			display: none;
		}
	}

	/* === End cp-setting-block component style === */

	/* ===== List Block (Standalone) ===== */
	/* This block is used for various lists in the control panel */
	/* It is not a nested component inside other elements */
	.cp-list {
		/*switcher size inside list*/
		--switch-h: 20px;
		--switch-w: 36px;

		container:  cp-list / inline-size;

		& + & {
			margin-top: 32px;
		}
	}

	:where(.cp-list) .cp-list-title {
		font: var(--panel7-font-text-m-05);
		color: var(--panel7-gray-700);
		margin-bottom: 16px;
	}

	:where(.cp-list)  .cp-list-item {
		--padding-inline: 20px;
		--padding-block: 20px;

		padding: var(--padding-block) var(--padding-inline);
		background-color: var(--panel7-gray-100);
		display: grid;
		grid-template-columns: minmax(0,1fr) auto;
		gap: 16px 24px;

		&:first-child {
			border-radius: var(--padding-inline) var(--padding-inline) 0 0;
		}

		&:last-child {
			border-radius: 0 0 var(--padding-inline) var(--padding-inline);
		}

		&:only-child {
			border-radius: var(--padding-inline);
		}

		& + & {
			border-top: 1px solid var(--panel7-gray-300);
		}
	}

	:where(.cp-list)  .cp-list-actions {
		display: flex;
		align-items: center;
		gap: 16px;
	}

	@container cp-list (width < 480px) {
		.cp-list-item {
			--padding-inline: 16px;
			--padding-block: 16px;
		}

		:where(.cp-list-items--collapse) .cp-list-item {
			grid-template-columns: 1fr;
		}

		:where(.cp-list-items--collapse) .cp-list-actions {
			flex-direction: column;
			align-items: stretch;
		}
	}

	/* ===== End List Block ===== */

	/* ===== Dual Pane Layout (Standalone) ===== */
	/* This component creates a two-pane setting layout with main content on the left */
	/* and a sticky sidebar (help block) on the right */
	/* Used to wrap any content with a help sidebar for contextual information */
	/*todo: for me: refactor [payment-form-grid,] for this component if structure same*/
	.cp-dual-pane {
		container: cp-dual-pane / inline-size;

		& + & {
			margin-top: 24px;
		}

		:where(&) .cp-dual-pane-inner {
			align-items: start;
			display: grid;
			gap: 24px 48px;
			grid-template-columns: minmax(0, var(--dual-pane-content-width, 760px)) minmax(0, var(--dual-pane-bar-width, clamp(300px, 25vw, 500px)));
		}
	}

	.cp-dual-pane-content {}

	/*only base style for all cp-dual sidebars*/
	.cp-dual-pane-sidebar {
		left: 0;
		position: sticky;
		top: calc(var(--panel7-header-size) + 12px);

		h6 {
			font: var(--panel7-font-text-m-2);
			margin-bottom: 12px;
		}

		li + li {
			margin-top: 8px;
		}

		:where(&) .help-actions {
			display: flex;
			align-items: center;
			gap: 12px;
			flex-wrap: wrap;
			margin-top: 24px;
		}
	}

	@container cp-dual-pane (width < 768px) {
		.cp-dual-pane-inner {
			grid-template-columns: minmax(0,1fr);
		}
		.cp-dual-pane-sidebar {
			grid-row: 1;
			position: static
		}
	}

	/* ===== End Dual Pane Layout ===== */


	/*=== Attribute badge component ===*/
	.attr-badges-group {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	.attr-badge {
		--badge-padding: 3px 7px;
		--badge-radius: 4px;

		--badge-border: 1px solid var(--panel7-gray-600);
		--badge-color: var(--panel7-gray-750);

		background-color: var(--badge-bg);
		border-radius: var(--badge-radius);
		border: var(--badge-border);
		color: var(--badge-color);
		cursor: help;
		font: var(--panel7-font-text-r-0);
		padding: var(--badge-padding);
		white-space: nowrap;
		width: fit-content;
	}
	/*=== End attribute badge component ===*/

	/*=== Menu-dropdown component ===*/
	:where(.dropdown-menu) .dropdown-header {
		align-items: start;
		cursor: pointer;
		display: grid;
		gap: 8px;
		grid-template-columns: var(--icon-size) minmax(0, 1fr) var(--icon-size);
		margin-bottom: calc(var(--drop-padding, 12px) * -1);
		outline: 0;
		padding: var(--drop-padding, 12px) var(--drop-padding,12px) calc(var(--drop-padding,12px) * 2) var(--drop-padding,12px);
		transition: margin .2s ease;
	}

	:where(.dropdown-menu) .dropdown-header::-webkit-details-marker {
		display: none;/*for safari*/
	}

	:where(.dropdown-menu[open]) .dropdown-header {
		margin: 0;
		padding: var(--drop-padding, 12px);
	}

	:where(.dropdown-menu) .dropdown-toggle {
		transition: transform 0.3s;
	}

	:where(.dropdown-menu[open]) .dropdown-toggle {
		transform: rotate(180deg);
	}

	:where(.dropdown-menu)  .dropdown-title {
		font: var(--panel7-font-text-m-1);
		user-select: none;
		pointer-events: none;
	}

	/*=== End menu-dropdown component  ===*/

	/* ClipBoard badge component*/
	.clipboard-badge {
		--icon-size: 16px;

		display: flex;
		align-items: center;
		gap: 6px;
		width: fit-content;
		cursor: pointer;
		position: relative;

	}

	.clipboard-badge-tooltip {
		position: absolute;
		right: 0;
		top: 0;
		translate: calc(50% - (var(--icon-size) / 2)) calc((100% + 8px) * -1);
		background: var(--panel7-gray-800);
		color: var(--panel7-gray-300);
		padding: 8px 12px;
		border-radius: 8px;
		font-size: 12px;
		white-space: nowrap;
		pointer-events: none;
		z-index: 9999;
		opacity: 0;
		animation: clipboardBadgeFadeOut 1s ease;
		user-select: none;
	}

	@keyframes clipboardBadgeFadeOut {
		0% { opacity: 0; transform:  translateY(5px); }
		10% { opacity: 1; transform: translateY(0); }
		90% { opacity: 1; transform:  translateY(0); }
		100% { opacity: 0; transform: translateY(10px); }
	}
	/* End ClipBoard badge component*/



	/* === modal details block component(only for modal) === */
	.details-block {
		container: details-block / inline-size;

		&:has(+ &) {
			margin-bottom: 40px;
		}

		&:last-child li:last-child {
			border-bottom: 0;
		}

		:where(&) .detail-label {
			color: var(--panel7-gray-600);
		}

		:where(&) .detail-value {
			color: var(--panel7-gray-100);
		}

		:where(&) .details-title {
			color: var(--panel7-gray-700);
			font: var(--panel7-font-text-m-0);
			margin-block: 0 8px;
		}

		:where(&) .details-list {
			display: grid;
			grid-template-columns: minmax(150px, auto) minmax(0, 1fr);

			li {
				display: grid;
				grid-template-columns: subgrid;
				align-items: center;
				grid-column: 1/-1;
				padding: 12px 0;
				border-bottom: 1px solid #404247;
				gap: 8px;
			}
		}
	}

	@container details-block (width < 350px) {
		.details-list {
			grid-template-columns: 1fr;
		}
	}
	/* === End modal details block component(only for modal)  === */


	/* === Modal details block component(only for modal)  === */
	.accordion-block {
		--box-in: 16px;

		border-radius: 8px;
		background-color: var(--panel7-gray-780);
		contain: paint;

		summary {
			align-items: center;
			border-radius: inherit;
			cursor: pointer;
			display: flex;
			gap: 4px;
			justify-content: space-between;
			margin-bottom: calc(var(--box-in) * -1);
			outline: 0;
			padding: var(--box-in) var(--box-in) calc(var(--box-in) * 2);
			transition: margin 200ms;
			user-select: none;
			font: var(--panel7-font-text-m-1);
			color: var(--panel7-gray-100);

			svg {
				transition: transform 200ms;
				will-change: transform;
				color: var(--panel7-gray-600);
			}
		}

		:where(&)[open] summary {
			margin-bottom: 0;
			padding-bottom: var(--box-in);

			svg {
				transform: rotate(180deg);
			}
		}

		:where(&) .accordion-block__body {
			padding: 0 var(--box-in) calc(var(--box-in) * 1.25) var(--box-in);
			scroll-margin-top: 56px; /*56 summary height*/
		}
	}
	/* === End Modal details block component(only for modal)  === */

	/* === Modal checklist block component(only for modal)  === */
	.checklist {
		color: var(--panel7-gray-100);

		:where(&) .checklist-title {
			margin-bottom: 16px;
			font: var(--panel7-font-text-m-0);
			color: var(--panel7-gray-700);
		}

		:where(&) .checklist-header {
			padding-bottom: 8px;
			border-bottom: 1px solid var(--panel7-gray-750);
			margin-bottom: 8px;
		}

		:where(&) .checklist-items {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
			gap: 12px;
			align-items: center;
		}
	}
	/* === End Modal checklist block component(only for modal)  === */

	/*=== Image Uploader for Category add/edit modal ===*/

	.cats-uploader {
		--cu-radius: 8px;
		--cu-size: 100px;
		--icon-size: 32px;

		:where(&) .cats-uploader-inner {
			max-width: 100%;
			height: var(--cu-size);
			position: relative;
			width: 100%;
			transition: 200ms;
			border-radius: var(--cu-radius);
		}

		:where(&) :is(.cats-uploader-trigger, .cats-uploader-input, .cats-uploader-preview) {
			position: absolute;
			inset: 0;
			border-radius: inherit;
		}

		:where(&) .cats-uploader-preview {
			z-index: 2;
			width: 100%;
			height: 100%;
			object-fit: cover;
			background-color: var(--panel7-cool-gray-800);
		}

		:where(&) .cats-uploader-del {
			--icon-size: 16px;
			--btn-size: 24px;
			--btn-color: var(--panel7-gray-800);

			border-radius: 6px;
			position: absolute;
			right: 8px;
			top: 8px;
			z-index: 6;
			background-color: var(--panel7-gray-100);
		}

		:where(&) .cats-uploader-trigger {
			align-items: center;
			background-color: var(--panel7-gray-790);
			border: 1px dashed var(--panel7-gray-600);
			color: var(--panel7-gray-600);
			display: flex;
			flex-direction: column;
			gap: 8px;
			justify-content: center;
			transition: color, background-color .2s ease-in-out;
			z-index: 5;

			.has-image & {
				opacity: 0;
				border: 0;
				transition: opacity .2s ease-in-out;
				background-color: #00000066;
			}
		}

		:where(&) .cats-uploader-input {
			width: 100%;
			height: 100%;
			opacity: 0;
			cursor: pointer;
		}

		&.is-loading {
			position: relative;
			pointer-events: none;

			&:before {
				background-color: var(--panel7-gray-900);
				border-radius: var(--cu-radius);
				content: "";
				display: block;
				inset: 0;
				position: absolute;
				z-index: 6;
			}

			&:after {
				animation: spin 1s linear infinite;
				background-color: var(--panel7-gray-100);
				content: "";
				display: block;
				height: var(--icon-size);
				left: 50%;
				-webkit-mask: url("/.s/img/panel7/icon/loader.svg") center/contain no-repeat;
				mask: url("/.s/img/panel7/icon/loader.svg") center/contain no-repeat;
				position: absolute;
				top: 50%;
				translate: -50% -50%;
				width: var(--icon-size);
				z-index: 7;
			}
		}

		:where(&.is-loading ) :is(.cats-uploader-del),
		:where(&.has-image) :is(.default-icon),
		:where(&:not(.has-image)) :is(.edit-icon, .cats-uploader-del, .cats-uploader-preview) {
			display: none;
		}
	}
	/*=== End Image Uploader for Category add/edit modal ===*/

	@media (hover: hover) {
		:is(.tg-setting-help, .uHelp, .tariffs-open-info):hover {
			background-color: var(--panel7-gray-800);

			:where(.cp-modal) & {
				background-color: var(--panel7-gray-100);
			}
		}

		.tmplCodeH:hover {
			background: var(--panel7-gray-800);
		}

		:where(.cp-move-actions) .cp-icon-btn:hover {
			background-color: var(--panel7-blue-350);
			border-color: var(--panel7-blue-350);
		}

		.cp-icon-btn:hover {
			color: var(--btn-hover-color);
		}

		.file-uploader-field:hover {
			border-color: var(--panel7-blue-500);
		}

		:where(.pagination) .pagination-link:hover {
			color: var(--panel7-blue-500);
			border-color: currentColor;
		}

		.cats-uploader-trigger:hover {
			opacity: 1;

			:where(.cats-uploader:not(.has-image)) & {
				background-color: var(--panel7-gray-900);
				border-color: var(--panel7-gray-400);
				color: var(--panel7-gray-100);
			}

			:where(&) .default-icon {
				display: none;
			}

			:where(&) .edit-icon {
				display: block;
			}
		}
	}
}

/*=== LAYOUT ===*/
.panel-wrapper {
	gap: 0;
	padding: 0;
	min-height: 100vh;
}

.panel-sidebar {
	--icon-size: 18px;
	--sidebar-spacing: 8px;
	--drop-padding: 12px;

	width: var(--panel7-sidebar-size, 257px);
	flex: 0 0 var(--panel7-sidebar-size, 257px);
	align-self: stretch;
}

.panel-sidebar-inner {
	background-color: var(--panel7-gray-100);
	border-right: 1px solid var(--panel7-gray-300);
	height: 100%;
}

#panel-cont {
	min-width: 0;
}

:where([container] > div:not(:last-of-type,.page-header)) {
	margin: 0 0 1rem;
}

:where([container] > [content]) {
	padding: 0;
}

#panel-cont > [container] {
	--panel7-content-margin: 0;
	--panel7-content-padding: 40px;
	--panel7-context-max-width: 1240px;

	padding: var(--panel7-content-padding);
	max-width: var(--panel7-context-max-width);
	margin: 0 auto;
}

.tg-setting-block,
.surface {
	--border-radius: 20px;
	--padding-inline: 24px;
	--padding-block: 24px;

	background-color: var(--panel7-gray-100);
	border-radius: var(--border-radius);
	padding: var(--padding-block, 24px) var(--padding-inline, 24px);
}


.menubar,
.mobile-header {
	display: none;
}

.breadcrumbs-container {
	padding: 0;
	margin: 0 0 19px 0;
}

/* === END LAYOUT === */

/* === GLOBAL MODALS STYLES (used across PU) === */
.myWinGrid {
	min-height: 100dvh;
	background-color: #1B1B1B80;
}

/*disable layout shift when open modal*/
body:has(.myWinGrid + .cp-modal) {
	overflow: hidden;
	padding-right: var(--ucoz-scrollbar-width, 0px);

	.cuzadpn {
		width: calc(100% - var(--ucoz-scrollbar-width, 0px))
	}

	.mobile-header {
		right: var(--ucoz-scrollbar-width, 0px);
	}
}

.cp-modal {
	--modal-radius: 20px;
	--modal-padding: 16px;
	--modal-decor-padding: 8px;

	.xw-plain :is(.xw-tl, .xw-ml) {
		padding-left: var(--modal-padding);
	}

	.xw-plain :is(.xw-tr, .xw-mr) {
		padding-right: var(--modal-padding);
	}

	.xw-plain {
		box-shadow: 0 4px 16px 0 #1021541A,  0 0 5px 0 #0A16410A;
	}

	.xw-plain .xw-tl {
		border-radius: var(--modal-radius) var(--modal-radius) 0 0;
	}

	.xw-plain .xw-bl {
		border-radius: 0 0 var(--modal-radius) var(--modal-radius);
	}

	.xw-plain .xw-bc {
		height: var(--modal-radius);
	}

	.xw-plain .xw-body {
		padding-bottom: 4px;
	}

	:is(.xw-ml, .xw-tl, .xw-bl, .xw-blank) {
		background-color: var(--panel7-cool-gray-800);
	}

	.myWinCont {
		color: var(--panel7-gray-600);

		&:has( .sticky-actions) {
			padding-bottom: calc(40px + var(--modal-padding) + var(--modal-decor-padding) + 8px);
		}
	}

	/*modal title*/
	.xw-hdr-text {
		color: var(--panel7-gray-100);
		font:var(--panel7-font-header-5);
	}

	.xt-close {
		width: 18px;
		height: 18px;
		-webkit-mask: url("/.s/img/panel7/icon/cross.svg") center / contain no-repeat;
		mask: url("/.s/img/panel7/icon/cross.svg") center / contain no-repeat;
		background-color: var(--panel7-gray-700);
	}

	.xt-close-over {
		background-color: var(--panel7-red-400);
	}

	.xw-plain .xw-hdr {
		padding-block: 24px 20px;
	}

	&:has(.cp-modal-info) .xw-plain .xw-hdr {
		padding-bottom: 8px;
	}
}

:where(.cp-modal) .cp-modal-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 16px;

	&.sticky-actions {
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		border-bottom-left-radius: var(--modal-radius);
		border-bottom-right-radius: var(--modal-radius);
		background-color: var(--panel7-cool-gray-800);
		padding: calc(var(--modal-padding) + var(--modal-decor-padding));
		z-index: 50;
		box-shadow: 0 4px 16px 0 #1021541A,  0 0 5px 0 #0A16410A;
	}

	.actions-status-container {
		display: none;
	}
}

/*state-icon inside action btn*/
:where(.cp-modal-actions:has(.myWinLoadSD, .myWinLoadS) ) .action-trigger,
:where(.cp-modal-actions:has(.myWinLoadSD, .myWinLoadS):not(:has(.action-trigger)) ) .ubtn-default:first-child {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;

	&:after {
		width: 20px;
		height: 20px;
		content: "";
		display: block;
		background-color: currentColor;
		flex: 0 0 20px;
	}
}

/* === END GLOBAL MODALS STYLES (used across PU) === */



/* === Tippy theme == */
.tippy-box[data-theme~='p7-white'] {
	background-color: var(--panel7-gray-100);
	box-shadow: 0 0 5px 0 #0a16410a, 0 4px 16px 0 #1021541a;
	border-radius: 8px;
	padding: 12px;
	max-width: 348px;

	:where(&) .tippy-content {
		padding: 0;
		color: var(--panel7-gray-750);
		font: var(--panel7-font-text-m-0);
	}

	&[data-animation=scale][data-placement^=top] {
		transform-origin: bottom
	}

	&[data-animation=scale][data-placement^=bottom] {
		transform-origin: top
	}

	&[data-animation=scale][data-placement^=left] {
		transform-origin: right
	}

	&[data-animation=scale][data-placement^=right] {
		transform-origin: left
	}

	&[data-animation=scale][data-state=hidden] {
		transform: scale(.5);
		opacity: 0
	}

	&[data-reference-hidden] {
		display: none;
	}
}
/* === End tippy theme == */


/* === SIDEBAR === */

/*sidebar-modules-switcher-block*/
.modules-switchers {
	border-bottom: 1px solid var(--panel7-gray-300);
	display: grid;
	grid-template-columns: 1fr 1fr;
	position: relative;
}

.modules-switchers:before {
	background: var(--panel7-blue-500);
	bottom: -1px;
	content: "";
	height: 2px;
	position: absolute;
	transition: translate 200ms;
	width: 50%;
}

:where(.show-inactive) .modules-switchers:before {
	translate: 100% 0;
}

.modules-switchers .switch-btn {
	color: var(--panel7-gray-600);
	display: block;
	font: var(--panel7-font-text-m-05);
	padding: 14px;
	text-align: center;
	transition: color .2s ease-in-out;
	user-select: none;
	outline: none;
	border: 0;
	background: 0;
	appearance: none;
	cursor: pointer;
}

:where(.show-active .modules-switchers) .switch-btn:first-child,
:where(.show-inactive .modules-switchers) .switch-btn:last-child {
	color: var(--panel7-gray-800);
	pointer-events: none;
}

/*sidebar-modules-switcher-block end*/

.sidebar-nav {
	display: flex;
	align-items: start;
	overflow: hidden;
	position: relative;
}

.sidebar-main,
.sidebar-submenus {
	flex: 0 0 var(--panel7-sidebar-size);
	position: relative;
	width: 100%;
	background-color: var(--panel7-gray-100);
	transition: transform .3s ease-out;
}

:where(.panel-sidebar) .sidebar-submenus:where(:not(.open)),
:where(.panel-sidebar) .sidebar-nav:has(.sidebar-submenus.open) .sidebar-main {
	position: absolute;
	transition: transform .3s ease-out;
	transform: translateX(100%);
}

:where(.panel-sidebar) .sidebar-link {
	align-items: start;
	border-radius: 8px;
	color: var(--panel7-gray-800);
	font: var(--panel7-font-text-m-1);
	padding: 12px;
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(0, 1fr);
	text-decoration: none;
	line-height: var(--icon-size);
}

:where(.panel-sidebar, .menubar) .external-link-text :is(span, svg) {
	vertical-align: middle;
}

:where(.panel-sidebar) .no-module-message {
	margin: 0;
	padding: 12px;
}

:where(.panel-sidebar) .sidebar-link:has(svg) {
	grid-template-columns: var(--icon-size, 18px) minmax(0, 1fr);
}

:where(.panel-sidebar .dropdown-item) .sidebar-link {
	padding: var(--sidebar-spacing) 12px var(--sidebar-spacing) 44px;
}

:where(.panel-sidebar) .sidebar-link.current,
:where(.panel-sidebar) .sidebar-link:hover {
	background-color: var(--panel7-blue-350);
}

:where(.panel-sidebar) .sidebar-name {
	overflow: hidden;
	pointer-events: none;
	text-overflow: ellipsis;
	user-select: none;
	white-space: nowrap;
}

:where(.panel-sidebar .show-inactive) .active-modules,
:where(.panel-sidebar .show-active) .inactive-modules {
	display: none;
}

:where(.panel-sidebar) .submenus-back-label {
	align-items: center;
	color: var(--panel7-gray-700);
	display: flex;
	font: var(--panel7-font-text-m-05);
	gap: 10px;
}

:where(.panel-sidebar) .submenu-current-name {
	font: var(--panel7-font-text-sb-2);
	color: var(--panel7-gray-900);
	margin-top: 20px;
}

:where(.panel-sidebar) .submenus-back {
	padding: 20px 20px 0;
	cursor: pointer;
}

:where(.panel-sidebar) :is(.active-modules, .inactive-modules, .sidebar-submenu) {
	padding: var(--sidebar-spacing);
}

.cp-banner-wrapper {
	padding-inline: var(--sidebar-spacing);
	margin-block: 16px 24px;
}

:where(.panel-sidebar) :where(.sidebar-item + .sidebar-item, .dropdown-item + .dropdown-item) {
	margin-top: 2px;
}

/* === END SIDEBAR === */


/*modules main page*/
.module-menu {
	--slist-border-radius: 20px;

	padding: 0;
	margin-block: 24px;
}

.module-menu li {
	border: 1px solid var(--panel7-gray-100);
}

.module-menu li:where(:not(:first-child):not(:only-child)) {
	border-top-color: var(--panel7-gray-300);
}

:where(.module-menu) .item-link {
	--icon-size: 24px;

	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-block: 23px;
	padding-inline: 23px 55px;
	text-decoration: none;
	position: relative;
	border-radius: inherit;
	background-color: var(--panel7-gray-100);
}

:where(.module-menu) .item-link:after {
	width: var(--icon-size);
	height: var(--icon-size);
	position: absolute;
	right: 16px;
	top: 50%;
	translate: 0 -50%;
}

:where(.module-menu) .item-link-title {
	font: var(--panel7-font-header-5);
	color: var(--panel7-gray-900);
}

:where(.module-menu) .item-link-desc {
	color: var(--panel7-gray-700);
}

:where(.page-header) .forum-counters .forum-counter {
	display: inline-block;
	vertical-align: middle;
}
:where(.page-header) .forum-counters:has(.myWinLoadS) .forum-counter {
	font-size: 0;
}
:where(.page-header) .forum-counters:has(.myWinLoadS) .forum-counter:before {
	animation: spin 1s linear infinite;
	border-radius: 14px;
	border: 1px solid currentColor;
	border-top-color: transparent;
	content: "";
	display: inline-block;
	height: 14px;
	vertical-align: middle;
	width: 14px;
}

/*modules main page ends*/

/* === CP MAIN PAGE === */
.dashboard {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(480px, 100%), 1fr));
	gap: 16px;
}

.dashboard-card {
	background-color: var(--panel7-gray-100);
	border-radius: 24px;
	padding: 24px;
	display: grid;
	grid-row: auto / span 3;
	grid-template-rows: subgrid;
}

.dashboard-card-inner {
	display: grid;
	grid-row: auto / span 3;
	grid-template-rows: subgrid;
	gap: 0;
}

.dashboard-card-title {
	font: var(--panel7-font-header-3);
}

.dashboard-card-desc {
	margin-top: 12px;
	color: var(--panel7-gray-700);
	text-align: left;
}

.settings-list {
	--slist-border-radius: 12px;

	margin: 24px 0 0;
	padding: 0;
}

.settings-list li {
	border: 1px solid var(--panel7-gray-300);
	overflow: hidden;
}

:is(.module-menu, .settings-list) li:has(+ li) {
	border-bottom: 0;
}

:is(.module-menu, .settings-list) li:where(:not(:only-child):first-child) {
	border-radius: var(--slist-border-radius) var(--slist-border-radius) 0 0;
}

:is(.module-menu, .settings-list) li:where(:not(:only-child):last-child) {
	border-radius: 0 0 var(--slist-border-radius) var(--slist-border-radius);
}

:is(.module-menu, .settings-list) li:where(:only-child) {
	border-radius: var(--slist-border-radius);
}

.setting-link {
	--icon-size: 24px;

	align-items: center;
	color: var(--panel7-gray-800);
	display: flex;
	font: var(--panel7-font-text-r-1);
	gap: 12px;
	padding: 18px 16px;
	text-decoration: none;
	transition: background-color .2s cubic-bezier(0.4, 0, 0.2, 1);
}

.setting-link:after,
.setting-icon {
	pointer-events: none;
	width: var(--icon-size);
	height: var(--icon-size);
	display: block;
	flex: 0 0 var(--icon-size);
	transition: background-color .2s cubic-bezier(0.4, 0, 0.2, 1);
}

:where(.module-menu) .item-link:after,
.setting-link:after {
	content: "";
	-webkit-mask: url("/.s/img/icon/chevron-right2.svg") center/contain no-repeat;
	mask: url("/.s/img/icon/chevron-right2.svg") center/contain no-repeat;
	background-color: var(--panel7-gray-600);
}

.setting-name {
	flex: 1;
}

@media (hover: hover) {
	:where(.module-menu) .item-link:hover,
	.setting-link:hover {
		background-color: var(--panel7-blue-350);
	}

	:is(.module-menu, .settings-list)  li:has(:hover) {
		border-color: var(--panel7-blue-400);
	}

	:is(.module-menu, .settings-list)  li:has(:hover) + li {
		border-top-color: var(--panel7-blue-400);
	}

	:where(.module-menu) .item-link:hover:after,
	.setting-link:hover:after {
		background-color: var(--panel7-blue-500);
	}
}

.myWinCont ul.help-list {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-left: 16px;
}

.myWinCont ul.help-list li {
	background: 0;
	list-style: disc;
	margin: 0;
	padding: 0;
}


/*stat widget style*/
.available-size-modal {
	--chart-size: 300px;
	--icon-size: 18px;
}

.available-size-modal :is(.xw-ml, .xw-tl, .xw-bl, .xw-blank) {
	background-color: var(--panel7-gray-100);
}

.available-size-modal .myWinCont {
	color: var(--panel7-gray-800);
	scrollbar-color: var(--panel7-gray-400) var(--panel7-gray-200);
}

:where(.available-size-modal) .available-size-loader {
	--icon-size: 40px;
	color: var(--panel7-gray-700);
}

:where(.available-size-modal) .available-size-loader svg {
	animation: spin .7s linear infinite;
}

.available-size-modal .xw-hdr-text {
	font: var(--panel7-font-header-3);
	color: var(--panel7-gray-900);
	text-align: center;
}

:where(.available-size-modal) .available-size-inner {
	align-items: center;
	display: grid;
	gap: 24px;
	grid-template-columns: 1fr 1fr;
	justify-items: center;
}

:where(.available-size-modal) .chart-container {
	align-items: center;
	display: flex;
	height: var(--chart-size);
	justify-content: center;
	max-width: var(--chart-size);
	width: 100%;
}

:where(.available-size-modal) .chart-legend-item {
	align-items: center;
	background: none;
	display: flex;
	gap: 8px;
	min-width: 0;
	padding-block: 0 12px;
}

:where(.available-size-modal .chart-legend-item):before {
	background-color: var(--bg-color, #a5a5a5);
	content: "";
	flex-shrink: 0;
	height: var(--icon-size);
	width: var(--icon-size);
}

:where(.available-size-modal) .chart-legend-link {
	max-width: 280px;
}

:where(.available-size-modal) .chart-legend-link :is(svg, span) {
	vertical-align: middle;
}

:where(.available-size-modal) :is(.chart-legend-link, .legend-filters, .legend-filter.active) {
	color: var(--panel7-gray-800);
	font: var(--panel7-font-text-r-1);
}

:where(.available-size-modal) :is(.available-size-desc, .legend-filters) {
	color: var(--panel7-gray-700);
}


.chart-legend-list:has(.active) .chart-legend-item:where(:not(.active)):before {
	background-color: var(--panel7-gray-600, #a5a5a5);
}
/*stat widget style end*/


/* === END CP MAIN PAGE === */

/*CP-SETTING TABLE STYLE*/

/*setting table*/
.cp-settings {
	--border-radius: 20px;
}

:where(.cp-settings) .cp-setting-section,
.cp-settings > tbody {
	background-color: var(--panel7-gray-100);
	border-radius: var(--border-radius);
}

.cp-settings:has(+ .cp-settings),
:where(.cp-settings) .cp-setting-section:has(+.cp-setting-section),
.cp-settings > tbody:has(~ tbody:where(:not(:empty,.hidden))){
	margin-bottom: 24px;
}

:where(.cp-settings,
.cp-settings > tbody,
.cp-setting,
.cp-setting-heading,
.cp-setting-label,
.cp-setting-value,
.cp-setting-full) {
	display: block;
	height: auto;
	padding: 0;
	width: auto;
	min-width: 0;
}

/*setting table tr*/
:where(.cp-settings) .cp-setting:where(:not(.hidden, [hidden])) {
	display: grid;
	gap: 24px;
	grid-template-areas: "label value";
	grid-template-columns: minmax(0,1fr) minmax(0,1fr);
	min-width: 0;
	padding: 16px 24px;
}

/*table inside table (informers create form found)*/
.cp-setting:has(.cp-settings) {
	padding: 0;
}

:where(.cp-settings) .dependent-setting {
	margin-top: -16px;
	background-color: inherit;
}

:where(.cp-settings) .cp-setting:has(.cp-setting-heading) {
	padding-top: 24px;
}

:where(.order-form) .servmenuhead,
:where(.group-settings) .group-settings-item:has(+.group-settings-item),
:where(.cp-settings) .cp-setting:has(+ .cp-setting ~ .cp-setting:where(:not(.cp-setting-sep,.dependent-hidden .dependent))),
:where(.cp-settings) .cp-setting:has(+ .cp-setting:where(:not(.cp-setting-sep:last-child,.dependent-hidden .dependent, .hidden))) {
	border-bottom: 1px solid var(--panel7-gray-300);
}

:where(.cp-settings) .cp-setting:has( + .cp-setting > .hidden) {
	border-bottom: 0;
}

:where(.cp-settings) :is(.cp-setting:first-child, .cp-setting-sep:first-child + .cp-setting) {
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
}

:where(.cp-settings) :is(.cp-setting:last-child, .cp-setting:has(+ .cp-setting-sep:last-child)) {
	border-bottom-left-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
}

/*setting table tr with (checkbox| radio)*/
:where(.cp-settings) .cp-setting-control {

}

/*setting table tr with hr or other separator*/
:where(.cp-settings)  .cp-setting-sep {
	display: none;
}

/*setting table td with header*/
.servmenuhead, .servmenuhead b,
:where(.cp-settings) .cp-setting-heading {
	font:var(--panel7-font-text-sb-2);
}

:where(.cp-settings) .cp-setting-heading-desc {
	font: var(--panel7-font-text-r-1);
	color: var(--panel7-gray-700);
	margin-top: 8px;
}

:where(.cp-settings) :is(.cp-setting-heading, .cp-setting-full) {
	grid-column: span 2;
	grid-row: span 2;
}

:where(.cp-settings) .cp-setting-label {
	grid-area: label;
	text-align: left;
}

:where(.cp-settings) .cp-setting-value {
	grid-area: value;
}

/*group setting block*/
.group-settings {
	background-color: var(--panel7-gray-100);
	border-radius: 20px;
	display: grid;
	gap: 0;
	grid-template-columns: auto 1fr;
	margin: 0 0 24px 0;
	overflow: hidden;
}

.group-settings-item {
	display: grid;
	grid-column: span 2;
	grid-template-columns: subgrid;
}

.group-settings-label,
.group-settings-value {
	padding: 24px;
}

.group-settings-label {
	font: var(--panel7-font-text-m-1);
	max-width: 370px;
}

/*settings common components*/
.tg-setting-grid__note,
.tg-setting-note-style,
.copy,
.fHelp {
	font: var(--panel7-font-text-r-0);
	color: var(--panel7-gray-700);
}

.fHelp:where(:not(.no-margin)) {
	margin-top: 4px;
}

.cp-link-icon {
	color: currentColor;
}

.wmark-txt-input,
.standart {width: 100%;}
.myWinCont .standart {width: 90%;}
.thin {min-width: 116px;}
.half {min-width: min(100%, 262px);}

:where(.cp-setting-value) select {
	max-width: 100%;
	min-width: 116px;
}

:where(.cp-settings,.cp-sblock) .cp-value-list {
	display: grid;
	gap: 16px;
}

:where(.cp-settings) .cp-value-list:is(.module-list, .groups-list) {
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	max-height: initial;
}

:where(.cp-value-list) .cp-value-item {
	gap: 8px;
}

:where(.fields-list) .cp-value-item {
	min-width: 0;
	align-items: center;
	display: flex;
}

:where(.user-fields-list) .cp-value-item {
	display: grid;
	grid-template-columns: calc(16px + 16px + 2em) repeat(2, auto) 1fr;
	min-width: 0;
	align-items: center;
}

:where(.user-fields-list) .cp-value-item label {
	justify-self: start;
}

:where(.cp-settings) .cp-dimension-fields {
	--gap-size: 8px;

	display: grid;
	grid-template-columns: 1fr auto 1fr;
	width: fit-content;
	align-items: center;
	gap: var(--gap-size);
}

:where(.cp-settings) .cp-dimension-divider {
	display: flex;
	color: var(--panel7-gray-700);
}

:where(.cp-settings) .cp-dimension-divider:has(svg) {
	margin-inline: calc(var(--gap-size) * -1);
}

.cp-field-after {
	display: flex;
	align-items: center;
	gap: 8px;
}

.cp-fields-group {
	display: flex;
	align-items: center;
	gap: 16px 8px;
	flex-wrap: wrap;
}

.cp-radio-field,
.cp-checkbox-field {
	display: flex;
	align-items: center;
	gap: 8px;
	width: fit-content; /*Track the consequences */
}

.cp-checkbox-field:has(input:disabled) {
	color: var(--panel7-gray-400);
}

:is(.cp-radio-field, .cp-checkbox-field) :is(input[type="checkbox"], input[type="radio"]) {
	margin: 0;
}

:where(.cp-settings) .cp-scrollable-container {
	overflow-x: auto;
}

/*settings common components ends*/

/*bantype page*/
.copytypes-section {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px 24px;
	margin-top: 20px;
}

.copytypes-section:has(+.copytypes-section) {
	border-bottom: 1px solid var(--panel7-gray-300);
	padding-bottom: 20px;
	margin-inline: calc(var(--padding-inline) * -1);
	padding-inline: var(--padding-inline);
}
/*bantype page end*/

/*user setup*/
#soc-buttons-wrap {
	padding: 0;
	width: min(100%, 300px);
}

:where(.cp-expanded-list) {
	margin-block: 16px 0;
}

:where(.cp-expanded-list.expanded) {
	margin-block: 16px;
}
/*user setup end*/

/*site setup*/
.design-input {
	display: block;
	padding: 0 0 0 1px;
	border: 0;
}

.design-actions {
	display: block;
	margin-block: 16px;
}

.wmark-text-settings {
	display: flex;
	gap: 16px 8px;
	margin-block: 16px;
	flex-wrap: wrap;
}

.wmark-color-settings {
	flex: 1 1 100%;
}

.use-br-option {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
}

.ck-theme-setting {
	display: grid;
	gap: 8px;
	grid-template-columns: auto 1fr;
	align-items: center;
	min-width: 0;
}

.ck-theme-setting .etype-theme-preview {
	width: 100%;
	max-width: 100%;
}

.vi-position-wrapper {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin: 0;
}
/*site setup end*/

/*stat setup*/
:where(.stat-domains-list) :is(select, input) {
	width: 100%;
	max-width: 262px;
}

.stat-banners-list {
	margin-top: 12px;
}
/*stat setup end*/

/*shop export setting page*/
.yml_params {
	width: 100%;
	margin-inline: -4px;
}

:where(.yml_params) > tbody > tr > td {
	padding: 4px;
}

:where(.yml_params) [type="text"] {
	width: 100%;
}

.yml-param-block {
	display: flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	min-width: 0;
}

:where(.yml-param-block) .yml-param-controls {
	display: flex;
	align-items: center;
	gap: 4px;
}

:where(.yml-param-block) .yml_param_opt_label {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	width: 210px;
	flex: 1 1 210px;
}

:where(.yml-param-block) .yml_param_opt_label span {
	text-overflow: ellipsis;
	overflow: hidden;
}
/*shop export setting page end*/

/*shop notify setting page*/
:where(.notify-form) .notify-settings {
	--border-radius: 20px;

	padding: 24px;
	background: var(--panel7-gray-100);
	border-radius: var(--border-radius);
}
:where(.notify-form) .notify-group-header:where(:not(:first-child)) td {
	padding-top: 24px;
}
:where(.notify-form) .notify-group-header svg {
	vertical-align: middle;
}
/*shop notify setting page end*/

/*shop order fields setting page*/
:where(.order-form) .order-form-inner {
	--border-radius: 20px;
	--spacing-l: 24px;
	--spacing-m: 16px;

	padding: var(--spacing-l);
	border-radius: var(--border-radius);
	background-color: var(--panel7-gray-100);
}

:where(.order-form .order-form-inner) > hr {
	display: none;
}

:where(.order-form) .servmenuhead {
	padding: 0 var(--spacing-l) var(--spacing-m);
	margin-inline: calc(var(--spacing-l) * -1);
	margin-bottom: var(--spacing-l);
}

.invoice-form {margin-block: 24px 12px;}
/*shop order fields setting page end*/

/*shop discount settings page*/
:where(.discount-form) .dsc-info-list {
	display: grid;
	gap: 8px;
	max-width: 380px;
}

:where(.discount-form) .dsc-info {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 8px;
	align-items: center;
}

:where(.discount-form) .dsc-info:before {
	background-color: var(--panel7-gray-600);
	content: "";
	display: block;
	height: 4px;
	width: 4px;
	border-radius: 4px;
}

:where(.discount-form) .dsc-info:last-child .move-down-btn,
:where(.discount-form) .dsc-info:first-child .move-up-btn {
	color: var(--panel7-gray-400);
	background: var(--panel7-gray-300);
	border-color: var(--panel7-gray-300);
	pointer-events: none;
	cursor: default;
}

:where(.discount-form) .dsc-item:where(:not(.dsc-item-promo, .dsc-item-cat)) {
	display: grid;
	grid-template-columns: 1fr 1fr auto;
	gap: 8px;
	align-items: center;
	min-width: 0;
}

:where(.discount-form) .dsc-item:where(:not(.dsc-item-promo)):has(+ .dsc-item:where(:not(.dsc-item-promo))) {
	margin-bottom: 16px;
}

:where(.discount-form),
:where(.discount-form) :where(#sh-cat-wrapper, #sh-usr-wrapper, #sh-grp-wrapper, #sh-grp-accum-wrapper),
:where(.discount-form) .dsc-item:where(:not(.dsc-item-promo)) :is(select, input[type="text"]) {
	width: 100%;
}

:where(.discount-form :where(#sh-promoonce-wrapper)) > tbody > tr > td {
	border-bottom: 1px solid var(--panel7-gray-300);
	padding: 16px 8px;
}

:where(.discount-form  :where(#sh-promoonce-wrapper)) {
	border-collapse: collapse;
	margin-inline: -8px;
	width: 100%;
	min-width: 990px;
}

:where(.discount-form) .dsc-item-promo select {
	max-width: 250px;
}

:where(.discount-form) .dsc-item-cat {
	align-items: center;
	border-bottom: 1px solid var(--panel7-gray-300);
	display: grid;
	gap: 16px;
	grid-template-columns: 1fr 1fr minmax(267px, auto) auto;
	padding-bottom: 16px;
}

:where(.discount-form .dsc-item-cat) td:has(.cp-icon-btn) {
	grid-column-end: -1;
}

.multi-promo-table {
	min-width: 1050px;
}

.multi-promo-container:not(:has([data-promo])) {
	display: none;
}

:where(.sh-promo-code-form) .discount-fields {
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(0, 1fr) 65px;

	&:has(.hidden) {
		grid-template-columns: 1fr;
	}
}

:where(.sh-promo-code-form) .date-fields {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
	gap: 16px 8px;

	input {
		width: 100%;
	}
}



/*shop discount settings page end*/

/*CP-SETTING TABLE STYLE END*/

@layer panel7-2components {
	/*CP SAVE PANEL COMPONENT*/
	.cp-save-container {
		margin-block: 8px;
		position: sticky;
		bottom: 0;
		left: 0;
		container: cp-save-container / inline-size;
	}

	:where(.cp-save-container) .cp-save-inner {
		padding-block: 16px;
		padding-inline: calc(var(--panel7-content-padding, 0px) + var(--panel7-content-margin, 0px));
		margin-inline: calc((var(--panel7-content-padding, 0px) + var(--panel7-content-margin, 0px)) * -1);
		display: flex;
		align-items: center;
		justify-content: start;
		gap: 12px;
	}

	:where(.cp-save-container).stuck {
		z-index: 10;
	}

	:where(.cp-save-container.stuck) .cp-save-inner {
		background: var(--panel7-gray-100);
		box-shadow: 0 4px 16px 0 #2b2b2b26;
		clip-path: inset(-16px 0 0 0);
	}

	.cp-save-indicator, .cp-save-btn {
		order: 0;
	}

	.cp-action-status,
	.cp-save-indicator {
		display: none;
		text-align: left;
		min-height: 0;
	}

	.cp-action-status:has(*),
	.cp-save-indicator:has(*) {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	:where(.cp-save-indicator,.cp-action-status) :is(.myWinLoadSD, .myWinLoadS, .myWinLoadSF) {
		width: auto;
		height: auto;
		background-image: none;
		display: flex;
		gap: 8px;
		align-items: center;
		cursor: default;
		flex-shrink: 1;
	}

	:where(.cp-save-indicator, .cp-action-status) .myWinLoadSD {
		color: var(--panel7-blue-500);
	}

	:where(.cp-save-indicator,.cp-action-status) .myWinLoadSF {
		color: var(--panel7-red-400);
	}

	:where(.cp-save-indicator, .cp-action-status) :is(.myWinLoadSD, .myWinLoadS, .myWinLoadSF):before {
		width: 24px;
		height: 24px;
		content: "";
		display: block;
		background-color: currentColor;
		flex: 0 0 24px;
	}

	:where(.cp-modal-actions:has(.myWinLoadS)) .ubtn-default:after,
	.cp-save-inner:has(.myWinLoadS) .cp-save-btn:after,
	:where(.cp-save-indicator, .cp-action-status) .myWinLoadS:before {
		-webkit-mask: url("/.s/img/panel7/icon/loader.svg") center/contain no-repeat;
		mask: url("/.s/img/panel7/icon/loader.svg") center/contain no-repeat;
		animation: spin 1s linear infinite;
	}

	:where(.cp-modal-actions:has(.myWinLoadSD)) .ubtn-default:after,
	.cp-save-inner:has(.myWinLoadSD) .cp-save-btn:after,
	:where(.cp-save-indicator, .cp-action-status) .myWinLoadSD:before {
		-webkit-mask: url("/.s/img/panel7/icon/check.svg") center/contain no-repeat;
		mask: url("/.s/img/panel7/icon/check.svg") center/contain no-repeat;
	}

	:where(.cp-modal-actions:has(.myWinLoadSF) ) .ubtn-default:after,
	:where(.cp-save-indicator, .cp-action-status) .myWinLoadSF:before {
		-webkit-mask: url("/.s/img/panel7/icon/alert-circle.svg") center/contain no-repeat;
		mask: url("/.s/img/panel7/icon/alert-circle.svg") center/contain no-repeat;
	}

	:where(.cp-save-indicator) .myWinLoadSF:after {
		content: attr(title);
		display: inline;
		font: var(--panel7-font-text-m-1);
	}

	@container cp-save-container (width < 480px) {
		.cp-save-inner:has(.myWinLoadSD, .myWinLoadS) .action-trigger:after,/*2 active buttons must say who started status*/
		.cp-save-inner:has(.myWinLoadSD, .myWinLoadS):not(:has(.action-trigger)) .cp-save-btn:first-child:after {
			width: 24px;
			height: 24px;
			content: "";
			display: block;
			background-color: currentColor;
			flex: 0 0 24px;
		}

		.cp-save-inner:has(.myWinLoadSD, .myWinLoadS) .action-trigger,
		.cp-save-inner:has(.myWinLoadS, .myWinLoadSD):not(:has(.action-trigger)) .cp-save-btn:first-child {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 8px;
			padding-block: 8px;
		}

		.cp-save-indicator {
			text-align: center;
			animation: slide-top .5s cubic-bezier(.25,.46,.45,.94) both;
			grid-row: 1;
			grid-column: 1 / -1;
		}

		:where(.cp-save-indicator) .myWinLoadSF:before,
		.cp-save-indicator:has(.myWinLoadSD, .myWinLoadS) {
			display: none;
		}

		.cp-save-inner {
			flex-direction: column;
		}

		.cp-save-btn {
			width: 100%;
		}
	}
	/*CP SAVE PANEL BLOCK END*/
}

/*tmaker*/
.tmaker-action-panel {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
}

.tmaker-action {
	gap: inherit;
	display: flex;
}

.tmaker-submenu {
	padding: 14px 16px;
	border-radius: 12px;
	background: var(--panel7-gray-100);
	box-shadow: 0 0 5px 0 #0a16410a, 0 4px 16px 0 #1021541a;
}

/*tmaker end*/

/*tests add pages*/
.answer-item {
	border: 1px solid var(--panel7-gray-300);
	border-radius: 8px;
	padding: 8px;
}
/*tests add pages end*/

/*seo setup*/
.seo-robots-txt-editor textarea {
	height: 100px;
	transition: all linear .25s;
}

.seo-robots-txt-editor textarea:focus {
	height: 300px;
}
/*seo setup end*/

/*seo redirects*/
:where(.seoRedirects) .redirects {
	container: redirects / inline-size;
}

.redirect {
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-template-areas: "control fields actions";
	gap: 16px;
	align-items: center;
}

:where(.redirect) .redirect-control {
	grid-area: control;
}

:where(.redirect) .redirect-fields {
	grid-area: fields;
}

:where(.redirect) .redirect-actions {
	grid-area: actions;
}

:where(.redirect) .redirect-fields {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 12px;
	align-items: center;
}

:where(.redirect)  .redirect-icon {
	color: var(--panel7-gray-600);
}

@container redirects (width < 480px) {
	.redirect {
		padding: 6px;
		border: 1px solid var(--panel7-gray-300);
		border-radius: 6px;
		grid-template-columns: 1fr 24px 24px;
		grid-template-areas: ". control actions" "fields fields fields";
	}

	.redirect-fields {
		grid-template-columns: 1fr;
		justify-items: center;
		gap: 8px;
	}

	.redirect-icon {
		transform: rotate(90deg);
	}
}
/*seo redirects end*/

/* install/status module form */
.module-status,
.module-activation {
	margin: 40px auto 0;
	max-width: 400px;
	text-align: center;
}

.module-status {
	max-width: 470px;
}

.module-status-content,
.module-activation-content {
	margin-bottom: 24px;
}

.module-status-icon,
.module-activation-icon {
	--icon-size: 24px;

	align-items: center;
	background-color: var(--panel7-gray-100);
	border-radius: 56px;
	display: flex;
	height: 56px;
	justify-content: center;
	width: 56px;
	margin: 0 auto 16px;
}

.module-activation-desc {
	margin-top: 4px;
	color: var(--panel7-gray-700);
}

/* install module form end*/

/*awards*/
.awards-block h4 {margin-bottom: 1rem;}
.awards-item-row {overflow: auto}
.awards-item-row:has(+.awards-item-row) {margin-bottom: 1rem;}
/*awards end*/

/*support page*/
:where(.support-tickets-table) .do-hide {
	display: flex;
	color: var(--panel7-gray-600);
	align-items: center;
	gap: 12px;
	justify-content: end;
}

:where(.support-tickets-table) .qst-del-disabled {
	color: var(--panel7-gray-600);
	opacity: .5;
}

:where(.support-tickets-table) .do-hide:has([type="checkbox"]:checked) svg {
	display: none;
}

:where(.support-tickets-table) .u7-table__row:has(+.hidden) .u7-table__cell {
	border-bottom: 0;
}

:where(.support-tickets-table) .u7-table__row:has(+.hidden) .u7-table__cell:first-child {
	border-radius: 0 0 0 var(--u7-table-in-radius);
}

:where(.support-tickets-table) .u7-table__row:has(+.hidden) .u7-table__cell:last-child {
	border-radius: 0 0 var(--u7-table-in-radius) 0;
}

/*support page end*/


/*log pages*/
.log-comment {
	font: var(--panel7-font-text-r-0);
	max-width: 400px;
	white-space: normal;
	word-wrap: break-word;
}
/*log pages end*/


/*modules edit filter page*/
.filter-values {
	max-height: 565px;
	overflow: auto;
}

:where(.edit-filter) .filter-value {
	border: 1px solid var(--panel7-gray-400);
	border-radius: 8px;
	padding: 8px;
}

:where(.edit-filter .filter-values) input {
	border: 0;
	margin: -8px 0 -8px -8px;
}

:where(.edit-filter) .filter-values:has( > div) {
	margin-bottom: 16px;
}

/*modules edit filter page end*/

/*edit-entry login page*/
:where(.access-denied-simple ) > [container] > div {
	padding: 1rem
}

:where(.access-denied-simple .login-form-wrapper) {
	max-width: 380px;
	text-align: left;
	margin: 0 auto;
}

:where(.access-denied-simple) .login-form-wrapper  table {
	--spacing: 8px;
	border-spacing: 0 var(--spacing);
	margin-block: calc(var(--spacing) * -1);
}
:where(.access-denied-simple #remdenied) {
	margin: 0 8px 0 0;
}

:where(.access-denied-simple .loginField) {
	outline: none;
}

.login-form-wrapper:has(.auth-block > .login-with) {
	padding: 0;
	background: none;
}
/*edit-entry login page end*/

/*cp payments pages*/

.support-note {
	color: var(--panel7-gray-800);
	font: var(--panel7-font-text-m-1);
}

.pending-note {
	margin-block: 16px 24px;
}

.support-note b {
	font: var(--panel7-font-text-r-1);
}
/*cp payments pages end*/

/*ban ip/www anticlone page*/
.banwww-table {
	word-break: break-word;

	.col-1 {
		width: 60%;
	}

	.col-2 {
		width: 40%;
		max-width: 453px;
	}
}

.banwww-user-groups {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

:where(.cp-anticlone) :is(h6) {scroll-margin: calc(var(--panel7-header-size) + 26px);}
:where(.cp-anticlone) .cp-anticlone-ips {margin-top: 20px;}

/*todo: upd to svg*/
.cp-anticlone i.fa-shield,
.cp-anticlone i.fa-shield1 {
	font-size: 1.5em;
	width: 20px;
	text-align: center;
}
.cp-anticlone .ipitem b {
	color: var(--mako);
	font-weight: normal
}
.cp-anticlone #cont-iplist > div:first-child { gap:.75rem; }
.cp-anticlone #cont-iplist .ipitem {
	font-size: 0.90em;
}
.cp-anticlone #cont-iplist-fade.myWinGrid {
	border:0 none !important;
	background:#0004 url('/.s/img/light_wait.svg') no-repeat .5rem .5rem;
	opacity:1;
	box-shadow:0 0 .5rem .5rem #0004;
}

/*ban ip/www/anticlone page end*/

@media (hover: hover) {
	:where(.support-tickets-list) .do-hide:hover {
		color: var(--panel7-red-400);
	}

	:where(.available-size-modal) .chart-legend-link:hover {
		color: var(--panel7-blue-500);
	}
}

/*NEW PANEL 7 STYLES END*/


hr { margin:.75rem 0; }

.tabler-svg-icon { width: 1.5rem; height: 1.5rem; }

/* top bar  fix me*/
#puzadpnadm {
	--icon-size: 24px;
	height: var(--panel7-header-size);

	.cuzadpn {
		font: var(--panel7-font-text-m-1);
		background-color: var(--panel7-gray-900);
		padding-inline: 24px;
		height: var(--panel7-header-size);
		justify-content: start;
		gap: 20px;
		z-index: 1;

		.uadm-bar-right-wrapper {
			margin-left: auto;
			gap: 12px;
		}
	}

	/*topbar: kill me, test restyle*/
	.cp-home-link {
		--icon-size: 40px;
		margin-block: auto;
		cursor: pointer;
	}

	.admBarCenter {
		color: var(--panel7-gray-400);
		height: var(--panel7-header-size);
		line-height: var(--panel7-header-size);
		margin-inline:12px;
	}

	.u-menuitemhl .admBarCenter {
		border-bottom: 2px solid var(--panel7-blue-500) !important;
		color: var(--panel7-gray-100);
	}

	.u-menu {
		background-color: var(--panel7-gray-900);
		top: 8px;
		border-radius: 16px;
		padding: 8px;
		margin-left: 1px;
	}

	/*.xw-ml,*/
	/*.xw-mr,*/
	/*.xw-mc {*/
	/*	padding: 0;*/
	/*}*/

	.u-menuvitem {
		padding: 12px 16px;
		border-radius: 8px;
		font: var(--panel7-font-text-r-1);
		color: var(--panel7-gray-400);
		border: 0;
	}

	.u-menu .u-menuitemhl {
		background-color: var(--panel7-gray-800);
	}

	.u-menuvsep {
		margin-block: 4px;
		border-color: var(--panel7-gray-800);
	}

	.site-item {
		min-width: 0;
	}

	.site-name {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.admBarCenter:has(.admBar-icon) {
		overflow: hidden;
		border: 0 !important;
	}

	.admBarCenter:has(.cp-exit-button) {
		margin-right: 0;
	}

	.admBar-icon {
		--icon-size: 24px;

		display: block;
		margin-block: calc((var(--panel7-header-size) - var(--icon-size)) / 2);
	}

	.admBar-channel-link {
		display: flex;
		align-items: center;
		gap: 8px;
		text-decoration: none;
		align-self: center;
	}

	/*topbar: kill me, test restyle end*/
}



#good-list-head {
	width: 100%;
	padding-bottom: 20px;
}



/*import tabs style (shop main and messagers pages)*/
#import-tabs {
	--itb-boder-color: var(--panel7-gray-400);
	--itb-hover-bg: var(--panel7-blue-500);
	--itb-hover-color: var(--panel7-gray-100);

	border-bottom: 1px solid var(--panel7-blue-500);
	font: var(--panel7-font-text-r-05);
}

#import-tabs .import-tab {
	padding: 5px 8px;
	border-radius: 8px 8px 0 0;
	color: inherit;
}
/*import tabs style end*/



#updprice-form {
	height: auto !important;
}

#updprice-form select#updprice-id {
	width: 100%;
}

#updprice-form #file-uploader {
	width: 100%;
}

#yml-import-geturl, #shop-yml-hash {
	width: 97%;
	margin-left: 5px;
}

#sh-pay-mess {
	background-color: var(--white)
}

#setup select.language {
	min-width: 10rem;
}

#design-table td {
	background: none !important
}

#design-table img {
	border-radius: 9px
}

/* design templates */
.templates-library {margin: 1rem;}
.container-templates .designs-list .myTblTD2 { padding: .75rem; border-radius: .5rem; }
.container-templates .designs-list article img { border-radius: .5rem; }

#mysites-list .serv {
	background: var(--athens-gray);
	border-radius:.5rem;
	border: none;
}

#order .matrix-list .fldparam {
	max-width: 40rem
}

#order .fldparam select,
#order .fldparam textarea {
	width: 14rem
}


/*Panel Login page*/
#lform-table {
	border-spacing: 10px 10px
}

#lform-table .label {
	width: 100px
}

:is(#lform, .aForm) .sw {
	width: 220px !important;
}

.aForm > table {
	border-spacing: 10px;
}

#remind-wrap {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/*Panel Login page end*/

.report-filter {
	display: flex;
	align-items: center;
	gap: 8px;
}

.report-filter .title {
	color: var(--panel7-gray-700)
}

#catsoper a i {
	width: 20px;
}

/*default smiles tooltip*/
#semo {
	background-color: var(--panel7-gray-900);
	width: 330px;
	border-radius: 16px;
	padding: 8px;
}

:where(#semo)  a {
	color: var(--panel7-gray-100);
	padding: 4px;
	border-radius:6px;
	border: 1px solid var(--panel7-gray-100);
	text-decoration: none;
	min-width: 24px;
}

.status-icon {
	min-height: 37px
}

.fr-info .fa {
	cursor: help !important;
	color: var(--silver);
	padding: 0 3px
}

td.delmod i {
	vertical-align: -4px !important;
	padding: 0 10px 0
}

/*.ntmpl-togg i:before,*/
.collapsible legend i:before {
	content: "\f196";
	font-size: 0.9em;
	padding-right: 5px;
}

.ntmpl-hide i:before,
.minus legend i:before {
	content: "\f147" !important;
	font-size: 0.9em;
	padding-right: 5px;
}

.ntmpl-code {
	padding-bottom: 3px;
}

.collapsible legend {
	cursor: pointer;
}

/* content stat & paging */
[content-statistics] { margin-bottom:1rem; }
[content-statistics] article { overflow:hidden; border-radius:.5rem; }

a.contentBg + hr {
	border: 0 none;
}

#cp-status-table .fa-error,
#cp-status-table .fa-hourglass-o {
	padding-right: 5px;
	cursor: help;
}

#cp-status-table .fa-error {
	color: var(--panel7-red-400);
	font-size: 1.3em;
}

#cp-status-table .fa-check {
	color: var(--caribbean-green);
}

#shop-1c-catalogs-list .MmenuLeft {
	width: 8px
}

:where(.cp-phone ) .cont-block:not(table) {padding: 16px;}


#goods-list .fa-wait {
	margin-left: -7px;
	width: 24px;
}

.clip-wrap {
	display: inline-block;
	border: 2px solid var(--caribbean-green);
	border-radius: 8px;
	background: var(--caribbean-green);
	white-space: nowrap;
	transition: border 0.3s linear
}

.clip-wrap input.clip:last-child {
	border: none !important;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px
}

.clip-wrap input.clip {
	width: auto !important;
	height: 28px;
	border: none !important;
	border-radius: 5px 0 0 5px;
}

.clip-wrap input.clip:hover,
.user-site input.clip:focus {
	border-color: var(--panel7-blue-500);
}

.clip-wrap input.clip + a.search i {
	vertical-align: 1px;
}

.clip-wrap input.clip + a i {
	color: var(--alto);
	padding: 0 8px;
	font-size: 1em;
}

.clip-wrap input.clip + a:hover i {
	color: var(--white)
}

.clip-wrap input.clip + a:hover.search i {
	color: var(--black) !important;
}


.glag {
	border-bottom: 1px dashed var(--silver-chalice);
}

#prov_wrapper .tmplCodeHo {
	padding: 7px 10px 6px;
	border-radius: 10px;
}

#prov_wrapper .fa {
	font-size: 1.2em;
	padding: 0 5px;
	color: var(--manatee)
}

#prov_wrapper .fa:hover {
	color: var(--mako)
}

a i.fa {
	padding-right: 5px;
	font-size: 1.2em;
}

#goods-func a i.fa {
	width: 20px;
	text-align: right
}

#goods-func a i.fa-wait {
	vertical-align: -4px
}

#goods-func a:hover i.fa {
	color: var(--black)
}

.fa-add {
	color: var(--panel7-blue-500)
}

a:hover .fa-add,
.fa-add:hover {
	color: var(--panel7-blue-600)
}

#tmplFrm34 td b {
	padding: 0 0 0 10px
}


/*todo: REMOVE AFTER REPLACE ALL to u7-table*/
.myTbl {
	border-spacing: 0;
}

.myTbl a {
	text-decoration: none;
}

.myTbl th,
.myTblTD0,
.uGroupsRightSection {
	border-bottom: var(--athens-gray) 2px solid
}

.all-groups-rights .copy,
.all-groups-rights label { gap: .5rem; }

.myTblTD1 {
	background: var(--link-water);
}

.uweb0_myTblTD1 {
	background: var(--link-water2);
}

/* table hover */
.myTbl:where(:not(.ufm-table)) tbody tr:nth-of-type(2n) {
	background: rgba(0, 0, 0, .03);
	background: #9991;
}

.myTbl:where(:not(.ufm-table)) tbody tr:not(.noHover):hover {
	background: rgba(127, 127, 127, .1);
}

.myBdTop {
	border-top: 2px solid var(--iron) !important
}

.myBdRight {
	border-right: 2px solid var(--iron) !important
}

.myBdBottom {
	border-bottom: 2px solid var(--iron) !important
}

.myBdLeft {
	border-left: 2px solid var(--iron) !important;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.vi-cats-menu {
	padding: 8px;
	background-color: var(--panel7-gray-900);
	border-radius: 16px;
}

.vi-cats-menu {
	color: var(--panel7-gray-100);
}

#saves {
	background-color: var(--shark);
	color: var(--aluminium)
}

#tbody_screen {
	background: var(--white);
}

/* Categories */
.catGr { margin:.25rem 0; border-radius: 10px; border: 1px solid #ddd; background-color: var(--porcelain); }
.catCtP, .catCt { background-color: var(--link-water); margin: 0 0 2px; }
.catCtP:hover, .catCt:hover { background-color: var(--athens-gray); }
.catCtP:hover .fa-angle-right { color: var(--black); }

.cats-edit-form {
	.cp-cat-image-wrapper { border:2px solid  var(--abbey); border-radius: .5rem; }
	.field-available-max-limit { color: #fff4; font-size: smaller; }
}

.ufm b,
.no-b b,
.entry-filters b {
	font-weight: normal
}

#banners-cont a i.fa {
	vertical-align: text-bottom !important
}

/*promo-code wnd block*/
.promo-code-description {margin: 0;font-size: 0.875em;}
.promo-code-block input[type="text"].promo-code-input {background: var(--athens-gray2);color: var(--abbey);border: 0;}

.mdesc {
	margin: 2px 0;
}

/* Templ Editor */
.tmpl-list {
	border: 1px solid var(--panel7-gray-400);
	padding: 12px;
}

.tmpl-module-name { display: none; }
.tmpl-toolbar-block:where(:has(>.tmpl-module-name)) {
	justify-content: end;
}

.u-codemirror-editor-wrapper {
	overflow: hidden;
	margin-block: 16px;
}

.u-codemirror-editor-wrapper:has(>.CodeMirror) {
	border: 1px solid var(--panel7-gray-400);
	border-radius: 8px;
}

:is(.codepad-buttons , #f) {
	background-color: var(--panel7-gray-350);
	padding: 5px;
	border-color: var(--panel7-gray-350);
}

#lTmpl,
#tmpl {
	background: var(--panel7-gray-100);
}


#tmplsuDiv {
	border-radius: 10px;
}

#tmpls-list a {
	display: block;
	width: 99%;
	text-decoration: none;
	cursor: pointer;
	padding: 4px 0;
}

#tmpls-list a:hover,
#tmplsuDiv a:hover {
	text-decoration: none;
	color: var(--mako);
}

#tmpls-list .tbn {
	text-transform: uppercase;
}

#tmpls-list .tba a {
	color: var(--mako);
}

#tmpls-list .tba a:hover,
#tmpls-list .tba1 a:hover,
#tmpls-list .tba2 a:hover,
#tmpls-list .tba3 a:hover,
#tmpls-list .tba4 a:hover,
#tmpls-list .tba5 a:hover {
	color: #515151;
	background: var(--athens-gray);
}


.tmpl-enlarged { background-color:var(--white); padding:1.5rem; top:calc(1rem + 54px); height:calc(100vh - 2rem - 54px); border-radius:1rem; }
ul.uz.like-sidebar { background:#2c2e32; color:#a4a6aa; top:54px; bottom:0; border-radius:0; }
ul.uz.like-sidebar .tmpl-codes-toggler { background:#2c2e32; color:#a4a6aa; }
.tmpl-codes-toggler:hover { color:white; }
/* ------------ */


/* Stats Styles */
.statm,
.statms {
	padding: 0 0 0 10px;
	background: url('/.s/img/ma/a2.gif') no-repeat 0px 5px;
}

.statms {
	font-weight: bold;
}

.statgrbot {
	padding: 0 10px 0 10px;
	background: url('/.s/img/ma/a2.gif') no-repeat 0px 5px;
	height: 15px;
}

/* ------------ */

/* Menu Constructor */
:where(.mConstr-main){padding: 0;font: var(--panel7-font-text-r-1);}
:where(.mConstr-main .mcItem ) {margin-block: 0 8px;}
:where(.mConstr-main) .mConstr {list-style: url('/.s/img/wd/7/a1.gif');}

.ui-draggable-dragging,
.ui-sortable-helper {
	display: flex;
	align-items: center;
	justify-content: center;
	border-color: var(--panel7-gray-300) !important;
	border-radius: 10px;
	width: auto !important;
	height: auto !important;
	padding: 5px !important;
	font-size: 12px;
	line-height: normal;
}

li.mcFolder {
	background: url('/.s/img/wd/7/sb.gif') no-repeat 0 4px;
}

.wndMenuAddItem #mnArr {
	color: var(--shark);
}

.wndMenuAddItem #mnArr:before {
	content: '\f078';
	font: normal 1.3em 'FontAwesome';
	color: var(--white);
}

.wndMenuAddItem #mnArr.upArr:before {
	content: '\f077';
}

.wndMenuAddItem #mnMoreOpt {
	margin: 0 0 0 20px;
}

/* ---------------- */

.xw-tc1 {
	overflow: hidden;
}

.xw-tl1 {
	padding-left: 6px;
	position: relative;
}

.xw-tr1 {
	padding-right: 6px;
}

.xw-tc1 {
	height: 5px;
}

/* ---------- */

/************ Shop Panel *************/

.matrix-list {gap: 16px;}
.matrix-list .item {gap: 8px;}

.matrix-list .matrix_label.bold span {
	color: var(--panel7-blue-500);
	font-weight: normal;
}

.matrix-list .matrix_label span u { border:none 0; font-weight:bold; }

.matrix-list .matrix_label input {
	width: 300px;
}

.matrix-list .matrix_label i {
	width: 20px;
	height: 20px;
	cursor: pointer;
	line-height:1;
	font-size: 1.3em;
}

.matrix-list .matrix_label i.del {
	background: transparent url('/.s/src/panel-v2/img/del_icon_off.png') no-repeat 0 0;
	display: none;
}

.matrix-list .matrix_label i.del:hover {
	background-image: url('/.s/src/panel-v2/img/del_icon.png')
}

.matrix-list .matrix_label i.apply {
	background: transparent url('/.s/src/panel-v2/img/check_new.png') no-repeat center center;
}

.matrix-list .matrix_label i.assoc {
	display: none
}

.matrix-list .matrix {
	width: 605px;
	display: none
}

.matrix-list .matrix .xw-ml,
.matrix-list .fldparam {
	border-left: 1px solid var(--panel7-gray-300);
	padding: 0 0 0 10px;
}

.matrix-list .matrix td {
	padding-bottom: 5px
}

.matrix-list .thead1 {
	width: 118px
}

.matrix-list .thead2 {
	width: 114px
}

.matrix-list .thead3 {
	width: 214px
}

.matrix-list .matrix input:where([type="text"]) {
	width: 100px
}

.matrix-list .matrix select {
	width: 200px
}

:where(.matrix-form) .edits {
	display: grid;
	grid-template-columns: 100px 100px 200px 100px auto;
	gap: 8px;
}

:where(.matrix-form) .edit-item {
	display: grid;
	grid-template-columns: subgrid;
	grid-column: span 5;
	align-items: center;
}

.matrix-list .matrix .edit-item i {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	right: 0;
	top: 9px;
	background: transparent url('/.s/src/panel-v2/img/del_icon_off.png') no-repeat 0 0;
	cursor: pointer;
}

.matrix-list .matrix .edit-item i:hover {
	background-image: url('/.s/src/panel-v2/img/del_icon.png')
}

.matrix-list .matrix textarea {
	margin-bottom: 4px;
	width: 750px;
	height: 90px
}

.cpdf .matrix-list .matrix {
	width: 900px !important
}

.cpdf .matrix-list .matrix select {
	width: auto !important
}

.cpdf .matrix-list .contentBg div {
	float: left;
	height: auto;
	margin-right: 10px;
	line-height: 33px
}

.tabsheets {
	padding-top: 7px;
	border-bottom: 1px solid var(--iron);
	margin-bottom: 12px;
}

.tabsheets * {
	margin: 0;
	padding: 0
}

.tabsheets ul,
.tabsheets ul li {
	list-style-type: none;
	background: none;
}

.tabsheets li {
	float: left;
	line-height: 36px;
	margin-right: 18px
}

.tabsheets u {
	text-decoration: none
}

.tabsheets a {
	float: left;
	position: relative;
	text-decoration: none;
	outline: 0
}

.tabsheets b {
	float: left;
	font-weight: normal;
	padding: 0;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px
}

.tabsheets i {
	float: left;
	font-style: normal;
	height: 36px
}

.tabsheets .active a {
	z-index: 2;
	color: var(--black);
}

.tabsheets .active b {
	border-bottom: 2px solid var(--panel7-blue-500)
}

.tabsheets a:hover {
	color: var(--black);
}

.tabsheets li.wait {
	display: none;
	width: 16px;
	height: 16px;
	background: url('/.s/img/fr/mnAjax.gif') no-repeat 0 0
}

.sheets {
	border-left: 1px solid;
	border-top: 1px solid;
	border-color: var(--panel7-gray-400);
	width: 100%
}

:where(#worksheet-fade) {
	border-radius: 20px;
}

.xls-tabs-block {
	align-items: center;
	background-color: var(--panel7-gray-300);
	border-radius: 16px;
	display: flex;
	gap: 4px;
	padding: 4px;
}

:where(.xls-tabs-block) .mode-sw {
	border-radius: 12px;
	color: var(--panel7-gray-700);
	font: var(--panel7-font-text-m-1);
	padding: 10px 16px;
	text-decoration: none;
	transition: background-color .2s ease;
	white-space: nowrap;
}

:where(.xls-tabs-block) span.mode-sw {
	background-color: var(--panel7-gray-100);
	color: var(--panel7-gray-800);
}

:where(#sheet-cont-table) {
	margin-top: 6px;
}

.sheets td,
.sheets th {
	border-right: 1px solid;
	border-bottom: 1px solid;
	color: var(--mako);
	font-size: 10pt
}

.sheets th {
	background-color: var(--panel7-gray-350);
	border-color: var(--panel7-gray-400);
}

.sheets td {
	background-color: var(--white);
	border-color: var(--panel7-gray-350);
}

.excel-conf {
	float: left
}

.excel-conf fieldset {
	display: inline
}

.excel-conf fieldset p {
	padding: 0;
	margin: 0 0 5px 15px
}

.excel-conf .xls_conf_type th {
	height: 30px;
	line-height: 30px
}

.excel-conf td.status {
	width: 16px;
}

#goods td.myTblTD0 {
	font-weight: bold
}

#goods td.matrix {
	height: 25px;
	background-image: url('/.s/src/panel-v2/img/draggable-icon.png');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 26px;
}

#goods td.matrix img {
	vertical-align: -5px;
	margin-left: 3px
}

ul.cat-tree {
	list-style: none;
	margin: 0;
	padding: 0 0 0 16px;
	line-height: 14px;
}

.cat-tree li {
	background: none;
	padding: 4px 0;
}

.goods-cat-all b,
.cat-tree b { font-size:0.8em; }

.cat-tree i {
	padding: 0 0 4px 0
}

.cat-tree i:before {
	content: "\e604"
}

.cat-tree u {
	padding-right: 4px;
	text-decoration: none;
	color: #b8babe;
	cursor: pointer;
	font-size: 0.9em;
}

.cat-tree u.plus:before {
	content: "\f196"
}

.cat-tree u.minus:before {
	content: "\f147"
}

#goods-cat-tree {
	border:none 0;
}

#goods-cat-head a {
	color: var(--panel7-gray-700);
	font-size: 1rem;
	font-weight: 700;
	text-decoration: none;
}

#goods-list {
	min-width: 0;
}

#goods-list .non {
	font-weight: bold;
	color: red
}

#goods-list .act {
	font-weight: bold
}

#goods-list .dig {
	padding-left: 16px;
	background: transparent url('/.s/img/icon/at.gif') top left no-repeat
}


:where(.goods-table,.subagents-table, .options-table) .tedit {
	padding: 0;
	border: 0;
	text-decoration: underline;
	color: var(--panel7-gray-800);
}

:where(.goods-table,.subagents-table, .options-table) .price {
	width: 100%;
}

:where(.goods-table,.subagents-table, .options-table) .price:where(:not(.tedit)) {
	margin: -10px;
	padding: 9px;
}

:where(.subagents-table) #wait-field-update {
	vertical-align: middle;
}

:where(.goods-table) .myTblTD2 {
	background-color: var(--u7-table-header-bg-color);
}

:where(.goods-table) tr:first-child .myTblTD2 {
	border-top: var(--u7-table-border);
}


#goods fieldset {
	padding-bottom: 10px
}

#goods-cat-head {
	text-transform: uppercase
}

#shop-setting-wrap, #seo .sheets {
	display: none
}

#order div.matrix_label {
	background-position: 0 center;
	background-repeat: no-repeat;
	background-color: transparent
}

#report .tabsheets {
	margin-bottom: 10px
}

.bytimeTable .myTblTD0 {
	background-color: var(--iron)
}

#maincont {
	position: relative
}

#maincont .u-tf-price {
	font-size: 1.3em !important
}

#maincont .u-tf-period {
	font-size: 1.2em !important
}

#maincont .u-tf-title {
	font-size: 1.1em !important
}

#u-payment .u-button {
	font: normal 0.9em/1em Arial
}

#u-payment .u-payment-sum {
	font-weight: normal
}

#delset .delivery-input {
	margin-left: 4%;
	margin-top: 7px
}

#delset .cdek-pvz {
	line-height: 37px
}

#shop-delmod-points i.fa {
	vertical-align: -5px;
	font-size: 1.3em;
	padding: 0 6px
}

#shop-delmod-points div {
	vertical-align: -14px
}

.submit-status {
	width: 32px;
	height: 42px
}

/* ************ FILE MANAGER ************ */
.modal-file-manager {margin: 1rem;}

/*FM search field*/
.ufm-search {
	--field-size: 240px;
	--btn-size: 40px;
	--border-radius: 8px;
	margin-left: auto;
}

.ufm-search-inner {
	position: relative;
	color: var(--panel7-gray-600);
	width: var(--field-size);
}

.ufm-search-input {
	width: var(--field-size);
	padding-inline: var(--btn-size);
	background-color: var(--panel7-gray-100);
}

.ufm-search-cancel:where(:not(.hidden)),
.ufm-search-btn {
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	width: var(--btn-size);
	height: var(--btn-size);
	border-radius: var(--border-radius);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 3;
	cursor: pointer;
}

.ufm-search-btn {
	left: 0;
}

.ufm-search-cancel:where(:not(.hidden)) {
	right: 0;
}
/*FM search field end*/

/*FM create folder widget*/
.ufm-create-folder {
	align-items: center;
	display: flex;
	gap: 6px;
}

.ufm-create-folder .cp-icon-btn {
	flex-shrink: 0;
}

.ufm-create-folder input {
	width: 100%
}
/*FM create folder widget end*/

/*FM  Table*/
.ufm-table {
	--ufm-border-radius: 12px;
	--ufm-padding: 16px;
	--ufm-icon-size:18px;
	--ufm-header-text-color: var(--panel7-gray-700);
	--ufm-cell-bg: var(--panel7-gray-100);
	--ufm-cell-hover-bg: var(--panel7-blue-350);
	--ufm-border: 1px solid var(--panel7-gray-300);
}

.ufm-table :is(th, td) {
	background-color: var(--ufm-cell-bg);
	padding: var(--ufm-padding);
	font: var(--panel7-font-text-r-05);
}

@media (hover: hover) {
	.ufm-table tr:where(:not(.delete, .new)):hover td {
		background-color: var(--ufm-cell-hover-bg);
	}

	.ufm-table tr:has(+ tr:where(:not(.delete, .new)):hover) td,
	.ufm-table tr:where(:not(.delete, .new)):hover td  {
		border-color: var(--panel7-blue-400);
	}
}

/*ufm new item*/
.ufm-table .new td {
	--ufm-cell-bg: var(--panel7-green-100);
}

.ufm-table tr:has(+.new:where(:not(.delete))) td, .ufm-table .new:where(:not(.delete)) td {
	border-color: var(--panel7-green-300);
}

:where(.ufm-table) .ufm-folder svg {
	--icon-size: var(--ufm-icon-size, 18px);
	color: var(--panel7-gray-600);
}

/*ufm delete item*/
.ufm-table .delete td {
	--ufm-cell-bg: var(--panel7-gray-300);
}

.ufm-table .delete .action {
	line-height: 24px;
}

.ufm-table tr:has(+ tr) td {
	border-bottom: var(--ufm-border);
}

.ufm-table th:first-child {
	border-top-left-radius: var(--ufm-border-radius);
}

.ufm-table th:last-child {
	border-top-right-radius: var(--ufm-border-radius);
}

.ufm-table tr:last-child td:first-child {
	border-bottom-left-radius: var(--ufm-border-radius);
}

.ufm-table tr:last-child td:last-child {
	border-bottom-right-radius: var(--ufm-border-radius);
}

.ufm-table .with-upfolder {
	padding-left: calc(var(--ufm-padding) * 2);
}

.ufm-table .myTblTD0  {
	background-color: var(--panel7-gray-350);
	border-bottom: 0;
	color: var(--ufm-header-text-color);
	text-align: left;
	user-select: none;
}

.ufm-table .header {
	cursor: pointer;
}

:where(.ufm-table) .ufm-header:after {
	background: currentColor;
	content: "";
	height: 16px;
	-webkit-mask: url("/.s/img/panel7/icon/sort.svg") center/contain no-repeat;
	mask: url("/.s/img/panel7/icon/sort.svg") center/contain no-repeat;
	width: 16px;
}

:where(.ufm-table) .headerSortDown .ufm-header:after {
	-webkit-mask: url("/.s/img/panel7/icon/sort-down.svg") center/contain no-repeat;
	mask: url("/.s/img/panel7/icon/sort-down.svg") center/contain no-repeat;
}

:where(.ufm-table) .headerSortUp .ufm-header:after {
	-webkit-mask: url("/.s/img/panel7/icon/sort-up.svg") center/contain no-repeat;
	mask: url("/.s/img/panel7/icon/sort-up.svg") center/contain no-repeat;
}

.ufm-table img {
	height: 16px;
	vertical-align: middle;
	width: 16px;
}

.ufm-loading INPUT,
.ufm-loading INPUT:focus {
	background-image: url('/.s/img/icon/ajsml.gif');
	background-repeat: no-repeat;
	background-position: 99% center !important;
}

.ufm-file-controls {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 12px;
}

.ufm-minus-file,
.ufm-plus-file {
	align-items: center;
	color: var(--panel7-gray-700);
	display: flex;
	flex-shrink: 0;
	height: 40px;
	justify-content: center;
	width: 40px;
}

@media (hover: hover) {
	.ufm-plus-file:hover {
		color: var(--panel7-blue-600);
	}

	.ufm-minus-file:hover {
		color: var(--panel7-red-400);
	}
}
/*FM  Table*/

/* ************ FILE MANAGER ************ */


/******************************************************/

/* support */
.support-ticket article[ledge-end] {
	border-radius: 0 .5rem .5rem 0;
}

.help-links-hidden {
	border-radius: 0;
	padding: 0 10px;
}

/* Mego Clear */
.with-clear:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.with-clear {
	display: inline-block;
}

.without-bg {
	background: #f6f6f6 none;
}

/* Hide from IE Mac \*/
.with-clear {
	display: block;
}
/* End hide from IE Mac */

.bold {
	font-weight: bold !important;
}

.myBtnRight + td input,
.myBtnRightA + td input {
	display: block;
}

/******************************************************/

.button.indexAddImage {
	padding: 0 6px;
}

.indexAddNumImgs {
	display: inline-block;
	padding: 0 !important;
	width: 30px;
	text-align: center;
}

/* ************ DOMAINS ************ */
:where(.transfer_choice) > .domain-block:has(+.domain-block) {margin-bottom: 24px}

.ssl-dns-txt-info { border:none; padding: .75rem; border-radius: .75rem; }

.mailtab ul.uz,
:where(.transfer_choice) :is(p) {margin-block: 1em;}

/* ************ end DOMAINS ************ */

/* ************ SEO ************ */
/* seoMonitoring */
textarea#m_phrases_list {
	width: calc(100% - 20px);
	height: 100px;
}

.seoMonitoring {
	position: relative;
}

.seoMonitoring #sape_wrapper {
	min-width: 100%;
	margin: 20px 0;
}

.seoMonitoring #period_w,
.seoMonitoring #allowed_ammount_w {
	margin: 0 0 15px;
}

/*dp-popup - calendar*/
div#dp-popup.dp-popup {
	margin: 33px 0 0 0;
	background: var(--shark);
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 15px;
	width: auto;
	font: normal 0.9em/1 var(--panel7-font-system);
}

div#dp-popup.dp-popup * {
	font: normal 1em/1 var(--panel7-font-system) !important;
}

div#dp-popup.dp-popup h2 {
	background: transparent;
	color: #686a6e;
	padding: 7px;
	border: 2px solid var(--abbey);
	border-radius: 10px;
	margin: 0 0 10px;
}

div#dp-popup.dp-popup .dp-nav-prev {
	top: 17px;
	left: 15px;
	padding: 5px 0 8px 8px;
	width: auto;
}

div#dp-popup.dp-popup .dp-nav-prev > a {
	padding: 0 3px;
	color: var(--white);
}

div#dp-popup.dp-popup .dp-nav-prev > a.dp-nav-prev-year:before {
	content: '\f100';
	font: 1.2em/1 'FontAwesome';
}

div#dp-popup.dp-popup .dp-nav-prev > a.dp-nav-prev-month:before {
	content: '\f104';
	font: 1.2em/1 'FontAwesome';
}

div#dp-popup.dp-popup .dp-nav-next {
	top: 17px;
	right: 15px;
	padding: 5px 8px 8px 0;
}

div#dp-popup.dp-popup .dp-nav-next > a {
	padding: 0 3px;
	color: var(--white);
}

div#dp-popup.dp-popup .dp-nav-next > a.dp-nav-next-year:before {
	content: '\f101';
	font: 1.2em/1 'FontAwesome';
}

div#dp-popup.dp-popup .dp-nav-next > a.dp-nav-next-month:before {
	content: '\f105';
	font: 1.2em/1 'FontAwesome';
}

div#dp-popup.dp-popup .la1,
div#dp-popup.dp-popup .la2,
div#dp-popup.dp-popup .ra1,
div#dp-popup.dp-popup .ra2 {
	display: none;
}

div#dp-popup.dp-popup .dp-calendar {
	border: none;
	background: transparent;
	color: #686a6e;
	padding: 0;
}

div#dp-popup.dp-popup .dp-calendar table.jCalendar {
	width: auto;
}

div#dp-popup.dp-popup .dp-calendar table.jCalendar th,
div#dp-popup.dp-popup .dp-calendar table.jCalendar td {
	border: none;
	background: transparent;
	color: #686a6e;
	padding: 2px 7px;
	width: auto;
	height: auto;
}

div#dp-popup.dp-popup .dp-calendar table.jCalendar td.selected {
	background: none !important;
	color: var(--white) !important;
	font-weight: bold !important;
}

div#dp-popup.dp-popup .dp-calendar table.jCalendar td.other-month {
	opacity: 0.25;
}

div#dp-popup.dp-popup .dp-calendar table.jCalendar td.dp-hover {
	background: #414141 !important;
}

div#dp-popup.dp-popup .dp-calendar table.jCalendar th.weekend,
div#dp-popup.dp-popup .dp-calendar table.jCalendar td.weekend {
	color: var(--panel7-blue-500);
}

div#dp-popup.dp-popup .dp-calendar table.jCalendar td.today {
	color: var(--web-orange);
}
/*dp-popup - calendar end */

.seoMonitoring #request_group_w {
	margin: 0 0 12px;
	clear: left;
}

.seoMonitoring #addsettings_w {
	margin: -42px 0 10px;
}

.seoMonitoring #s_last_update_button {
	margin: -7px 10px 0 0 !important;
}

.seoMonitoring #s_last_update_button > img {
	display: none;
}

#m_settings {
	padding: 20px 0 20px 20px;
}

#m_settings > ul > li {
	width: 100% !important;
}

#m_settings .tt-dropdown-menu {
	top: 75% !important;
	margin: 0 !important;
}

.seoMonitoring #search_engine_w {
	margin: 0 0 12px;
	border: 2px solid var(--iron);
	border-radius: 7px;
}

.seoMonitoring #search_engine_w > div {
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 2px 10px 3px;
	z-index: 1;
	background: transparent;
}

.seoMonitoring .ubtn-default.setting-monitoring > .fa,
.seoMonitoring .ubtn-default.add-request > .fa,
.seoMonitoring .ubtn-default.update-button > .fa {
	color: var(--white);
}

.seoMonitoring a i.fa {
	vertical-align: middle;
}

.seoMonitoring #search_engine_w > div.active {
	background: var(--white);
	border: 1px solid var(--panel7-blue-500);
	border-radius: 7px;
	padding: 7px 14px;
	margin: -4px;
}

.seoMonitoring #remove_btn_wrapper {
	padding: 13px;
	background: var(--shark);
	position: fixed;
	left: 260px;
	bottom: 0;
	width: calc(100% - 240px);
	margin: 0;
}

.seoMonitoring #s_request_table thead td {
	font-weight: bold;
	color: black;
}

.seoMonitoring #s_request_table tr {
	border-bottom: 1px solid var(--iron);
}

.seoMonitoring #s_request_table tbody tr:hover td.s_select_checkbox,
.seoMonitoring #s_request_table tbody tr:hover td.s_select_checkbox + td {
	background: #9991;
}

.seoMonitoring #s_request_table tbody tr .s_title_c + .s_title_c,
.seoMonitoring #s_request_table tbody tr .s_title_c + .s_title_c + td {
	pointer-events: none;
}

.seoMonitoring #s_request_table td {
	height: 28px;
	padding: 0 8px;
}

.seoMonitoring #s_request_table .blue td {
	background: #9991;
}

.seoMonitoring #s_paginagion_w select,
.seoMonitoring #period_w input {
	min-height: 28px;
}

.seoMonitoring #s_paginagion_w {
	line-height: 32px !important;
}

/* end seoMonitoring */

.udlt-domain, .udlt-status, .udfe-line .udfe-row-left {
	font-size: 14px !important;
}

.seo-body table.cont-block td.level1 {
	font-size: 15px !important;
	line-height: 20px !important;
}

.seo-body table.gray-table td.level3.gray-content p {
	font-size: 1.15em !important;
}

.seo-body.last #chk_del_btn .remove-button,
#remove_btn_wrapper .remove-button {
	background: var(--red-orange);
	border: 2px solid var(--red-orange);
	transition: border 0.2s linear, background 0.2s linear, color 0.2s linear;
}

.seo-body.last #chk_del_btn .ubtn-default:hover,
#remove_btn_wrapper .ubtn-default.remove-button:hover {
	background: var(--crimson) !important;
	border: 2px solid var(--crimson) !important;
}
/* end of buttons on the SEO page */
/* ************ end SEO ************ */

/* Заглушка "Сайт временно отключен" */

td.level1 {
	padding: 13px;
	color: var(--dove-gray)
}

td.level3 {
	padding: 5px 10px;
	border: 1px solid var(--silver-100);
	border-left-color: var(--white);
	border-top-color: var(--white)
}

.level2 a {
	text-decoration: none
}

.level2 a:hover, #maincont a:hover {
	text-decoration: none
}

.cont-block {
	background: var(--panel7-gray-100);
	border: 1px solid var(--panel7-gray-300);
	border-radius: 12px;
}

.cp-subtitle {
	margin-block: 1rem;
}

.gray-table {
	--gt-border-radius: 12px;

	width: 100%;
	border-spacing: 0;
	border-radius: var(--gt-border-radius);
	border: 1px solid var(--panel7-gray-300)
}

.gray-table td.gray-title {
	background-color: var(--panel7-gray-350);
	font: var(--panel7-font-text-sb-2);
	padding: 16px;
}

.gray-table td.gray-title :is(a, span) {
	color: var(--panel7-gray-700)
}

:where(.shop-main-table),
:where(.shop-main-table > tbody),
:where(.shop-main-table > tbody > tr),
:where(.shop-main-table > tbody > tr > td) {
	display: block;
	padding: 0;
}

.shop-main-table .subtitle {
	font: var(--panel7-font-header-3)
}

#shop-main .gray-table td.gray-title a, .gray-table td.gray-title span {
	text-decoration: none;
	background-repeat: no-repeat;
	padding-left: 15px
}

:where(#shop-main) .b-icon {
	align-items: center;
	display: inline-flex;
	gap: 6px;
	justify-content: start;
	width: fit-content;
}

.gray-table h4 {
	margin: 0;
	padding: 0 0 3px 14px;
	font-weight: normal;
	border-bottom: 1px dashed var(--silver-100);
	background-position: 0 4px;
	background-repeat: no-repeat;
}

.gray-table td.gray-content,
.gray-table td.sub-title {
	background-color: var(--panel7-gray-100)
}

.gray-table td.gray-content {
	padding: 16px;
	border-top: 0;
	vertical-align: top;
}

.gray-table td.gray-content :is(div.p, p) {
	font: var(--panel7-font-text-r-05);
}

.gray-content i {
	color: var(--manatee);
}

/* seo metrika informer pseudo sub-wnd */
.p-wnd #_yamtr_setup .informer_type {
	position: absolute;
	top: 15px;
	left: 175px;
	min-width: 500px;
	border: none;
	border-radius: 1rem;
	background: var(--shark);
	margin: 0;
	padding: 3rem 1rem 1rem;
	box-shadow: 0 0 10px #999;
	z-index: 9999;
}

.p-wnd #_yamtr_setup .informer_type legend {
	margin: 0;
	padding: 0;
	font-weight: bold;
	position: absolute;
	top: 1rem;
}

.ucp-window {
	color: var(--dove-gray);
}

/*-----tabs old*/
ul.uw-tabs-links li a {
	color: var(--dove-gray);
	background: #e8e8e8;
	border: 1px solid #dadada;
}

ul.uw-tabs-links li a:hover {
	background: #f4f4f4;
}

ul.uw-tabs-links li a.uwl-active {
	background: var(--white);
	border-bottom-color: var(--white);
}

ul.uw-tabs-content {
	background: var(--white);
	border: 1px solid #dadada;
}

ul.uw-tabs-content li {
	background: var(--white);
}
/*-----------*/

/*---seo-articles*/
.cp-article {
	color: var(--dove-gray);
}

.cp-article a {
	color: #325083 !important;
}

.cp-article a:hover {
}

.cp-article td, .cp-article th {
	color: var(--dove-gray);
}

.cp-article .cp-article-table th, .cp-article .cp-article-table td {
	border: 1px solid #c4cee1;
}

/*------------webeffector-table-----*/
#webeffectorcontainer a {
	color: #325083;
}

.webeffectorstyle2 a {
	color: var(--dove-gray);
}

#webeffectorwrap {
	color: var(--dove-gray);
}

#webeffectorcontainer {
	background: var(--white);
	border: 1px solid rgb(196, 206, 224);
}

.webeffectorhead {
	color: var(--dove-gray) !important;
}

.webeffectorhead2 {
	color: var(--dove-gray) !important;
}

.webeffectorgreen {
	color: #00ad17 !important;
}

.webeffectorhead a {
	color: #325083 !important;
}

.webeffectorhead a:hover {
	border-bottom: 1px solid #325083;
}

.webeffectorpopolnit {
	color: #325083 !important;
}

.webeffectornonactive {
	color: #325083 !important;
	border-bottom: 1px dotted #325083 !important;
}

.webeffectoractive {
	color: #325083 !important;
}

.webeffectornonactive:hover {
	border-bottom: 1px solid #325083 !important;
}

.webeffectorbutton1 {
	background: #aaa;
}

.webeffectorbutton1:hover, .webeffectorbutton1.active {
	background: #8c8c8c !important;
}

#webeffectorloop {
	background: url('/.s/img/we/search.png') no-repeat 50% 50%;
}

table.webeffectortable1 {
	background: var(--white) !important;
}

.webeffectortable1 tbody td {
	border-bottom: 1px solid var(--silver-100);
	border-right: 1px solid var(--silver-100);
	border-top: 1px solid var(--white);
	border-left: 1px solid var(--white);
	background: var(--gallery);
	text-shadow: 1px 1px 1px var(--white) !important;
}

.webeffectortable1 thead td {
	border-bottom: 1px solid var(--silver-100);
	border-right: 1px solid var(--silver-100);
	border-top: 1px solid var(--white);
	border-left: 1px solid var(--white);
	background: #dedede;
}

table.webeffectortable1 thead td {
	color: var(--dove-gray) !important;
	text-shadow: 1px 1px 1px var(--white) !important;
}

.webeffectorsearchform input,
.popupcontaform input {
	color: silver;
}

.webeffectorlinks1,
.popupcontatable1 tbody td a {
	color: #325083 !important;
}

.webeffectorlinks1:hover,
.popupcontatable1 tbody td a:hover {
	color: #325083 !important;
}

.webeffectorsearchform input,
.popupcontaform input, #we_payment_sum, #we_qiwi_phone {
	color: silver;
}

#we_currency,
#we_payment_note,
#mediaplan_info {
	color: var(--dove-gray);
}

/******************************************/
.wraptocenter {
	display: table-cell;
	text-align: center;
	width: 800px;
}

.wraptocenter span {
	display: inline-block;
	height: 100%;
}

/*------------crosspostting tabs-----*/
#x-post-tabs {
	width: calc(100% + 1px);
	margin-top: -1px;
}

.x-post-select {
	--fade-edge: 81px;
	padding: 0;
	border-left: 1px solid var(--white);
}

#x-post-tabs:after {
	content: "";
	display: block;
	clear: both;
	font-size: 0;
	overflow: hidden;
}

#x-post-tabs div {
	float: left;
	width: 50%;
	cursor: pointer;
	border-bottom: 1px solid var(--silver-100);
	box-sizing: border-box;
}

#x-tab-first {
	border-right: 1px solid var(--silver-100);
}

#x-tab-second {
	border-left: 1px solid var(--white);
}

#x-post-tabs span {
	display: block;
	background: var(--gallery);
	border-top: 1px solid var(--botticelli);
	padding: 10px 0;
	position: relative;
}

#x-post-tabs .x-post-top {
	display: none;
	position: absolute;
	width: calc(100% + 1px);
	height: 4px;
	background: var(--panel7-blue-500);
	top: -1px;
	left: 0;
}

#x-tab-second .x-post-top {
	left: -1px;
}

#x-post-tabs .x-post-btm {
	display: none;
	position: absolute;
	width: 100%;
	height: 4px;
	background: var(--gallery);
	bottom: -3px;
	left: 0;
}

#x-post-tabs .active .x-post-top {
	display: block;
}

#x-post-tabs .active .x-post-btm {
	display: block;
}

#x-tab-second span {
	border-top-right-radius: 5px;
	border-right: 1px solid var(--botticelli);
	border-left: 1px solid var(--silver-100);
}

#x-tab-second.active span {
	border-top-right-radius: 0;
}

#x-post-cont {
	border-right: 1px solid var(--botticelli);
	border-bottom: 1px solid var(--silver-100);
}

#x-cont-first:after,
#x-cont-second:after {
	content: "";
	display: block;
	clear: both;
	font-size: 0;
	overflow: hidden;
}

#x-cont-first,
#x-cont-second {
	display: none;
}

#x-cont-first.active,
#x-cont-second.active {
	display: block;
}

#x-cont-title {
	float: left;
	width: 50%;
	background: var(--gallery);
	color: var(--dove-gray);
	font-size: 13px;
	line-height: 13px;
	font-weight: 700;
	padding: 12px 0;
	text-shadow: 0 1px 0 var(--white);
	border-top: 1px solid var(--white);
}

/*--------------*/

.u-tariffs-table .separate td {
	background: var(--link-water2) !important;
}

tr:not(:first-child) .u-tariff-current {
	border-color: #cfd8e6 !important;
}

.u-tariffs-table .u-border, .u-tariffs-table .u-border td {
	border-color: var(--botticelli) !important;
}

.timer-el {
	position: absolute;
	left: 20px;
	bottom: -3px;
	font-size: 0.7em;
	line-height: 1em;
	text-decoration: none;
	color: var(--aluminium);
}

/*------ Video module ------*/
.myWinCont .chnlScreenshot {
	border: 2px solid var(--abbey) !important;
	background-color: var(--athens-gray) !important;
	padding: 0 10px !important;
	height: 33px;
	font: 1em/33px monospace !important;
	border-radius: 10px;
	box-sizing: border-box;
	transition: border 0.3s linear, color 0.3s linear;
}

.myWinCont .chnlScreenshot:hover {
	border-color: var(--panel7-blue-500) !important;
}

.myWinCont .chnlScreenshot:focus {
	border-color: var(--panel7-blue-600) !important;
}

.wndInChnlEdit table .myTblTD1 {
	background: none;
}

.wndInChnlEdit table tr:hover .myTblTD1 {
	background: rgba(0, 0, 0, .2);
}

.wndInChnlEdit select {
	min-width: 250px;
	max-width: 350px !important;
}

.u-combolist {
	background: var(--white);
}

.cp-videoapp-params { gap:1rem; }
/*------------*/

/* Общая тематика сайта */
#rtb-cat-block {
	position: relative;
	width: 400px;
}

#rtb-cat-block #rtb-cat-status {
	position: absolute;
	right: 18px;
	top: 0;
}

#rtb-cat-block #rtb-cat-status i {
	line-height: 22px;
}

#rtb-cat-block #rtb-cat-status i.fa-check {
	color: var(--caribbean-green);
}

#rtb-cat-combo input#rtb-cat-select {
	background: transparent url('/.s/src/panel-v2/img/select_arrow.png') no-repeat center right 10px;
}

#rtb-cat-combo button#rtb-cat-show-all {
	position: absolute;
	z-index: 9;
	width: 396px;
	height: 29px;
	left: 0;
	top: -2px;
	margin: 0 0 0 2px;
	border: none !important;
	background: none !important;
	color: transparent !important;
}

#rtb-cat-combo:hover input#rtb-cat-select {
	border-color: var(--panel7-blue-500);
}

/* SSL settings/upload */
.getSSLkey textarea.csr {
	height: 410px;
	font: 11pt/1.35 monospace;
}

/* SSL payment page */
#selectedPeriodPrice {
	font-weight: bold;
	font-size: 1.5rem;
}

/* common new button style */

/* Заглушка при неоплаченном пакете услуг */
.nonpayed.cover .alert {
	border-radius: 10px;
}

.nonpayed.cover .alert .buy_package {
	background: var(--caribbean-green);
	border: 1px solid var(--caribbean-green);
	color: var(--white);
	border-radius: 8px;
	font: bold 1.25em/1 sans-serif;
}

/* Замена пароля */
.passChange .warning {
	background: none !important;
	position: relative;
}

.passChange .warning:before {
	content: '\f071';
	font: 2.5em/1em FontAwesome;
	position: absolute;
	left: 15px;
	top: 10px;
	color: var(--web-orange);
}

/* Категории модулей (список) */
.contentBg.CatsList .fa.fa-meta-title,
.contentBg.CatsList .fa.fa-meta-keywords,
.contentBg.CatsList .fa.fa-meta-description {
	background: none;
	width: 19px;
	height: 19px;
	font: normal 1.2em/1em FontAwesome;
	text-align: center;
	vertical-align: bottom;
}

.contentBg.CatsList .fa.fa-meta-title:after {
	content: '\f114';
}

.contentBg.CatsList .fa.fa-meta-keywords:after {
	content: '\f084';
}

.contentBg.CatsList .fa.fa-meta-description:after {
	content: '\f02d';
}

.cats-edit-form { gap:1rem; }

.wndAddEditCat .albumPass input {
	width: 218px;
}

/* common loader new */
.myWinCont .wait-loader {
	background-image: url('/.s/img/light_wait.svg');
}

/* CP login form */
form#lform #lfseccode .captcha-block {
	text-align: right;
	position: relative;
}

form#lform #lfseccode input.captcha-answer {
	width: 220px;
	text-align: left;
	padding: 0 0 0 10px;
}

form#lform #lfseccode img.captcha-renew {
	display: none;
}

form#lform #lfseccode img.captcha-question {
	position: absolute;
	right: 2px;
	z-index: 10;
	top: 2px;
	height: 29px;
	border-radius: 0 8px 8px 0;
}

/* Group rights */
.mgrp {
	background-color: #fafafa;
}

.mgrp:hover {
	background-color: var(--athens-gray);
}

/* new content wrapper */

/* entries manage */
#entriesActionToolbar:not(.hidden) .entries-action-toolbar { background:var(--shark); height:auto; padding:.75rem; }
body.has-jivo #entriesActionToolbar:not(.hidden) .entries-action-toolbar { padding-inline-end: 23rem; }

/* site page add/edit */
.site-images-wrapper > div { width:10rem; height:10rem; }
.site-images-add-new,
.site-images-add-new .icon-plus::before,
.site-images-add-new .icon-plus::after { border-color:var(--iron); }

/* shop cats */
.sh-category-form {
	margin-top: 12px;

	container: sh-category-form / inline-size;

	:where(&) > .field-block:first-child {
		margin-top: 0;
	}

	:where(&) .shopGcatBar-btn {
		--icon-size: 18px;
		font: var(--panel7-font-text-m-05);
		display: grid;
		align-items: center;
		grid-template-columns: var(--icon-size) minmax(0, 1fr);
		width: fit-content;
		gap: 4px;
	}
}

:where(.sh-category-form) .category-media-group {
	display: grid;
	gap: 16px 8px;
	grid-template-columns: 100px minmax(0, 1fr);
}

:where(.sh-category-form) .category-yml-params {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(auto-fill,minmax(250px, 1fr));
	color: var(--panel7-gray-100);

	.cp-checkbox-field {
		align-items: start;
	}
}


@container sh-category-form (width < 480px) {
	.category-media-group {
		grid-template-columns: minmax(0, 1fr);

		textarea {
			min-height: 160px;
		}
	}

	.cats-uploader {
		--cu-size: 160px;

		.cats-uploader-trigger {
			opacity: 1;
		}
	}
}


/* tg shop settings */
.radio-images-input,
.color-item-picker__input { -webkit-appearance: none; appearance: none; clip: rect(0 0 0 0); height: 1px; overflow: hidden; position: absolute; width: 1px; }

.tg-setting-block:has(+ .tg-setting-block) {
	margin-block: 24px;
}

.tg-setting-block:only-child {
	margin-top: 24px;
}

.tg-setting-block--collapsible .tg-setting-block__content { max-height: 0; overflow: hidden; }
.tg-setting-block--collapsible.sett-open .tg-setting-block__content { max-height: none; }
.tg-setting-block__header { padding: 0 var(--padding-inline) 16px; transition: padding-bottom .2s ease-out; }

.tg-setting-grid__row:where(:not(:last-child)),
:where(.tg-setting-block:not(.tg-setting-block--collapsible), .tg-setting-block.sett-open) .tg-setting-block__header {
	border-bottom: 1px solid var(--athens-gray-300);
}

.tg-setting-block__header,
.tg-setting-block__content { margin-inline: calc(var(--padding-inline)* -1); }
.tg-setting-block--collapsible:not(.sett-open) .tg-setting-block__header { padding-bottom: 0; }
.tg-setting-block__title { font:var(--panel7-font-text-sb-2);margin: 0; color: var(--panel7-gray-800) }
.tg-setting-block__desc {color:var(--panel7-gray-700);  margin-top: 8px; max-width: 740px; }

.radio-images { --grid-card-size: 144px; display:grid; grid-template-columns: repeat(auto-fit,var(--grid-card-size)); gap: 20px 10px; padding: 16px var(--padding-inline) 0}
.radio-card { display: flex; flex-direction: column; gap: 8px; position: relative; text-align: center; }
.radio-card__zoom-btn { align-items: center; background: var(--panel7-gray-100) url("/.s/img/tg-shop-cp/zoom-in-icon.svg") no-repeat center center; border: 1px solid var(--panel7-gray-400); border-radius: 6px; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 6px; top: 6px; transform: scale(0); transition: transform 150ms ease-in-out; width: 32px; }
.radio-card:hover .radio-card__zoom-btn { transform: scale(1); }
.radio-card__picture { align-items: center;  border: 1px solid var(--panel7-gray-400); border-radius: 8px; color: var(--panel7-gray-400); display: flex; height: 204px; justify-content: center; min-width: 144px; }
.radio-card__img { display: block; max-width: 100%; }
.radio-images-input:focus + .radio-card__picture, .radio-card:hover .radio-card__picture { border-color: rgb(43 46 50 / 30%); }
.radio-images-input:checked + .radio-card__picture { border-color: var(--panel7-blue-500); }

.tg-setting-grid {
	--col-gap: 12px;
	--grid-out-indent: 24px;
	--grid-w: 100%;
	--label-col-w: minmax(0,1fr);
}

.tg-setting-grid .hidden { display: none; pointer-events: none; }
.tg-setting-grid + .tg-setting-grid { margin-top: var(--grid-out-indent); }
.tg-setting-grid--fluid { --grid-w: 100%; }
.tg-setting-grid__row {display: grid;gap: var(--col-gap);grid-template-columns: var(--label-col-w) minmax(0, 1fr);min-width: 0;padding: 16px var(--padding-inline) 0;}
.tg-setting-grid__row:where(:not(:last-child)) {padding-bottom: 16px;padding-inline: var(--padding-inline);}
:where(.tg-setting-block .tg-setting-block__content:only-child) .tg-setting-grid__row:first-child{padding-top: 0}
.tg-setting-grid .align-items-start { align-items: start; }
.tg-setting-grid .align-items-end { align-items: end; }
.tg-setting-grid :is(.tg-shop-phone-item, .field-fluid) { display: block; max-width: 414px; width: 100%; }
.tg-setting-grid .align-items-center { align-items: center; }

.checkbox-list { display: flex; flex-direction: column; gap: 16px; }

.radio-item, .checkbox-item { align-items: center; display: inline-flex; gap: 8px; justify-content: start; width: fit-content; }

.link-btn { color: var(--panel7-blue-500); cursor: pointer; display: inline-block;}

.outline-btn { border: 2px solid var(--mischka); border-radius: 8px; cursor: pointer; display: inline-block; font-size: 14px; line-height: 24px; padding: 2px 12px; transition: border-color .2s ease-in-out; }
.outline-btn:hover { border-color: var(--manatee); }

.color-list { align-items: center; display: flex; gap: 4px; justify-content: start; }
.color-item { align-items: center; background-color: var(--item-color); border: 2px solid var(--item-color, var(--athens-gray-300)); border-radius: 8px; cursor: pointer; display: flex; height: 32px; justify-content: center; overflow: hidden; position: relative; width: 32px; }
.color-item::before { border: 2px solid var(--white); border-radius: 6px; box-sizing: border-box; content: ''; height: 100%; position: absolute; transform: scale(1.2); transition: transform .2s ease-in-out; width: 100%; }
.color-item.active:before { transform: scale(1); }
.color-item.active { border-color: var(--panel7-blue-600); }
.color-item svg { pointer-events: none; }
.color-item-picker { background-color: transparent; border-color: var(--athens-gray-300); color: var(--item-color); }
.color-item-picker::before { content: none; }

.tg-help-example { --main-bg: #fff3da; --mark-color: #d29e19; background: var(--main-bg); border-radius: 9px; line-height: 17px; padding: 16px; text-align: left; width: 100%; }
.tg-help-example .tag-mark { color: var(--mark-color); font-weight: 700; }

.tg-shop-phones .tg-shop-phone-item { position: relative; }
.tg-shop-phones .tg-shop-phone-item .fa-close { background-size: 10px; height: 24px; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 24px; z-index: 1; }
.tg-shop-phones .add-phone-btn { margin-top: 6px; }

.tg-shop-social { display: grid; grid-template-columns: 24px auto 1fr; gap: 16px 8px; }
.tg-shop-social__item { display: grid; grid-column: span 3; grid-template: subgrid/subgrid; gap: inherit; align-items: center; }
.tg-shop-social__field {position: relative; }
.tg-shop-social__field-icon { fill: var(--panel7-accent-green); height: 16px; position: absolute; right: 8px; top: 50%; transform: translateY(-50%) scale(0); transition: transform .2s ease-in-out; width: 16px; z-index: 1; }
.valid .tg-shop-social__field-icon { transform: translateY(-50%) scale(1); }
.tg-shop-social__input { transition: padding-right .2s ease-in-out; width: 100%; }
.valid .tg-shop-social__input { padding-right: 30px; }

.additional-pages__header, .additional-page { border-bottom: 1px solid var(--panel7-gray-400); display: grid; gap: 10px; grid-template-columns: 1fr 45px 100px; padding: 6px; }

.additional-page__edit-button, .additional-page__delete-button { --size: 24px; align-items: center; color: var(--manatee); cursor: pointer; display: flex; height: var(--size); justify-content: center; transition: color .2s ease-in-out; width: var(--size); }
.wait.additional-page__edit-button, .wait.additional-page__delete-button { color: var(--shark-100); pointer-events: none; }
.additional-page__edit-button svg, .additional-page__delete-button svg { height: inherit; width: inherit; }

.additional-pages { border: 1px solid var(--panel7-gray-400); border-radius: 8px;padding:16px; }
.additional-pages__header-action { text-align: right; }
.additional-pages__content { margin-bottom: 24px; }
.additional-pages__content:empty::before {content: attr(data-empty-message); display: block; font-size: 13px; line-height: 16px; opacity: .7; padding: 12px; text-align: center; width: 100%; }

.additional-page { padding: 12px 6px; }
.additional-page__name { overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.additional-page__action { align-items: center; display: flex; gap: inherit; justify-content: flex-end; }
.additional-page__edit-button:hover { color: var(--shark-100); }
.additional-page__delete-button:hover { color: var(--panel7-red-300); }
.additional-page .not-active { color: var(--panel7-red-500); font-weight: bold; }

:is(.additional-pages-modal, .variation-modal) .xw-hdr .xw-hdr-text {font:var(--panel7-font-header-5);}
:is(.additional-pages-modal, .variation-modal) .xw-plain :is(.xw-ml, .xw-tl, .xw-bl) { background-color: #323438; }
.myWinCont .additional-pages-form { padding-top: 9px; }
.additional-pages-form__label { color: #fafafc; margin-bottom: 10px; }
.additional-pages-form__label--large { font-weight: 700; text-transform: uppercase; margin-bottom: 15px; }
.additional-pages-form__field input:where(:not([type="checkbox"],[type="radio"])), .additional-pages-form__field textarea { width: 100%; }
.additional-pages-form__field textarea { font-size: 14px; }
.myWinCont form .additional-pages-form__options .form-switch__input[type="checkbox"]:not(:checked) { background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' fill='%23686a6e'/%3E%3C/svg%3E"); border: 2px solid var(--abbey); }
.additional-pages-form__options .form-switch__label { color: var(--iron);}
.additional-pages-form__action { display: flex; gap: 20px; margin-top: 25px; }
.additional-pages-form__action button { height: 36px; line-height: 32px; padding: 0 18px; }
.additional-pages-form__field + .additional-pages-form__field { margin: 15px 0; }

.additional-pages-form .u-editor {
	--bottom-panel-btn-color: var(--white);
	--bottom-panel-btn-hover-color: var(--aluminium);
	--bottom-panel-color: var(--mako);
	--top-panel--btn-color: var(--aluminium);
	--top-panel--btn-hover-color: var(--white);
	--top-panel-color: var(--mako);
	--wrapper-border-color: var(--mako);
	font-size: 13px;
}

.additional-pages-form .u-editor-fullscreen .u-editor-panel { border-radius: 0; }
.additional-pages-form .u-editor .CodeMirror-overlayscroll-horizontal div, .additional-pages-form .u-editor .CodeMirror-overlayscroll-vertical div { background: #323438; }
/* end tg shop settings */

/* === NEW TABLE STYLE todo:move to components after style stable ===*/
.u7-table {
	--u7-table-header-bg-color: var(--panel7-gray-350);
	--u7-table-color: var(--panel7-gray-800, #2b2e32);
	--u7-table-border: 1px solid var(--panel7-gray-300);
	--u7-table-cell-bg-color: var(--panel7-gray-100, #ffffff);
	--u7-table-btn-color: var(--panel7-gray-600, #96999e);
	--u7-table-row-hover-color: var(--panel7-blue-350);
	--u7-table-out-radius: 12px;
	--u7-table-in-radius: 12px;
	--u7-table-cell-padding: 16px;
	border: 0;
	margin: 0;
}

.u7-table__header,
.u7-table__cell,
.u7-table__row-header {
	font: var(--panel7-font-text-r-05)
}

.u7-table__row-header,
.u7-table__header {
	--u7-table-color: var(--panel7-gray-700);
}

:where(.u7-table) .sort-header a {
	--icon-size: 16px;
}

@media (hover: hover) {
	:where(.u7-table .u7-table__row:has(+ .u7-table__row:not(.noHover):hover)) .u7-table__cell,
	:where(.u7-table .u7-table__row:not(.noHover):hover) .u7-table__cell  {
		border-color: var(--panel7-blue-400);
	}
}


/*u7-table inside cp-sblock*/
.cp-sblock-table-container {
	--override-inline-size: calc(var(--padding-inline) * -1);
	--override-block-size: calc(var(--padding-block) * -1);

	margin: 20px var(--override-inline-size) var(--override-block-size) var(--override-inline-size);

	:where(&):has( > .u7-table--plain-last) {
		margin: 20px var(--override-inline-size) 24px var(--override-inline-size);
	}
}

:where(.cp-sblock) .u7-table {
	--u7-table-out-radius: 20px;
	--u7-table-in-radius: 20px;
	--u7-table-header-bg-color: transparent;
}

:where(.cp-sblock .u7-table) :is(.u7-table__header, .u7-table__cell):first-child {
	padding-left: var(--padding-inline);
}

:where(.cp-sblock .u7-table) :is(.u7-table__header, .u7-table__cell):last-child {
	padding-right: var(--padding-inline);
}

:where(.cp-sblock .u7-table) .u7-table__header {
	border-bottom: var(--u7-table-border);
}

:where(.cp-sblock .u7-table) .u7-table__cell {
	font: var(--panel7-font-text-r-1);
}
/*u7-table inside cp-sblock end*/

/* === NEW TABLE STYLE END === */

/*tg shop promo page*/
.tg-shop-promo {
	--btcp-section-border: 1px solid var(--panel7-gray-300);
}
/*tg shop promo page end*/

/*tg shop referer  and user stats modal*/
:where(.ref-modal, .user-stats-modal) {--ref-val-color:var(--white); --ref-stat-border:1px solid #edf1f21a;}
/*tg shop referer  and user stats modal*/

/*tg shop users page*/
:where(.tg-page-users) .group-select.wait {--select-loader-bg: var(--white) url('/.s/img/wait.svg') calc(100% - 10px) center/12px no-repeat;}
:where(.tg-users-search) :is(.search-input, #f){padding-right: 40px}
:where(.tg-users-search) .search-btn {width: 40px;}
:where(.tg-users-search) .search-icon { --size: 16px;}
/*tg shop users page end*/

/*tgs shop dashboard(tgdb)*/
:where(.tgdb) .tgdb-grid-item {--border-radius: 20px;--background: var(--panel7-gray-100);--border-color:var(--panel7-gray-300);}
:where(.tgdb-bot) .tg-bot-avatar {background: linear-gradient(var(--white) -125%, var(--panel7-blue-500))}
:where(.tgdb-bot) .tg-bot-name {font:var(--panel7-font-header-5)}
:where(.tgdb) :is(.tgdb-community-text, .tgdb-stat-title) { --font-size: 18px}
:where(.tgdb) .tgdb-community-btn {--size:32px;border-radius: 8px}
:where(.tgdb-stat) .tgdb-stat-label { --font-size: 15px}
:where(.tgdb-stat) .tgdb-growth { --font-size: 13px}
:where(.tgdb-bot) .tg-bot-link {color: #2b2e32; opacity: .7}
:where(.tgdb-stat) .tgdb-stat-count{--font-size:48px;}
/*tgs shop dashboard(tgdb) end*/

/* code mirror editor style */
.u-editor {
	border: 0;
	--bottom-panel-btn-color: var(--panel7-gray-700);
	--bottom-panel-btn-hover-color: var(--black);
	--bottom-panel-color: var(--panel7-gray-300);
	--top-panel--btn-color: var(--panel7-gray-400);
	--top-panel--btn-hover-color: var(--panel7-gray-100);
	--top-panel-color: var(--panel7-gray-900);
	--wrapper-border-color: var(--panel7-gray-400);
}

.u-editor-dark {
	--bottom-panel-btn-color: var(--white);
	--bottom-panel-btn-hover-color: var(--aluminium);
	--bottom-panel-color: var(--mako);
	--top-panel--btn-color: var(--aluminium);
	--top-panel--btn-hover-color: var(--white);
	--top-panel-color: var(--mako);
	--wrapper-border-color: var(--mako);
	font-size: 13px;
}

.u-editor-wrapper { border: 1px solid var(--wrapper-border-color); border-radius: 8px; }
.u-editor-wrapper:not(.without-panels) { border-radius: 8px 8px 0 0; }
.u-editor-panel { background-color: var(--bottom-panel-color); border-radius: 0 0 8px 8px; border: 1px solid var(--wrapper-border-color); border-top: 0; }
.u-editor-panel__notes { margin-right: auto; }
.u-editor-panel__note { color: var(--panel7-gray-600); font-size: 12px; }
.u-editor-panel__button { color: var(--bottom-panel-btn-color); }
.u-editor-panel__button:hover { color: var(--bottom-panel-btn-hover-color); }
.u-editor-top-panel { background-color: var(--top-panel-color); }
.u-editor-top-panel__btn { color: var(--top-panel--btn-color); font-size: 18px; }
.u-editor-top-panel__btn:hover { color: var(--top-panel--btn-hover-color); }
.u-editor .CodeMirror-overlayscroll-horizontal div, .u-editor .CodeMirror-overlayscroll-vertical div { background: var(--panel7-gray-600); }
/* end code mirror editor style */

/* sitemaps */
.cp-sitemaps-list {gap: .75rem;}
.cp-sitemaps-desc p {margin-block: 1em 0}

/* user signs */
:is( .usign-action-wrapper ) { gap: .5rem; align-items: center; }
:is( .usign-action-wrapper ):before, :is( .usign-action-wrapper ):after { content:''; }
:is( .usign-action-wrapper ) a { line-height: 0; }
:is( .usign-action-wrapper ) a:before { content:''; }
:is( .usign-action-wrapper ) a svg { display:unset; }
:is( .usign-action-separator ) { display: none; }

.b-icon:before {
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: inline-block;
	height: 16px;
	width: 16px;
}
#grp-del_ocats:before {
	height: 20px;
	width: 20px;
}

.b-mask-icon:before {
	background-color: currentColor;
	content: '';
	display: inline-block;
	height: 16px;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	width: 16px;
}

.shop-cats-common-actions a i.fa {
	flex: 0 0 1rem;
	font-size: 1rem;
	line-height: 1rem;
	padding: 0;
}

.shop-cats-common-actions a i.fa.fa-tgshop-on {
	color: red;
}

/*shop variations style*/
.variations-filter-wrapper,
.variations-filter-select {
	flex: 0 1 414px;
	min-width: 0;
}

:where(.variations-filter-wrapper) .myWinLoadS {
	vertical-align: middle;
}


:where(.variation-form) .variation-field .variation-field-label {
	color: #9A9DA7;
	font-size: 14px;
	line-height: 19px;
}

:where(.variation-form) .variation-field {
	align-items: center;
	border-bottom: 1px solid #3B3D41;
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 1fr;
	padding-block: 12px;
}

:where(.variation-form) .variation-form-actions {
	padding-top: 16px;
	border-top: 1px solid #3B3D41;
	margin-top: 24px;
}

.variation-form .opt-values-label {
	margin-bottom: 12px;
	font-weight: bold;
	display: block;
}
/*shop variations style end*/

@media (min-width: 1920px) {
	#panel-cont > [container] {
		--panel7-context-max-width: 1800px;
	}

	@layer panel7-2components {
		.info-cards-container {
			grid-template-columns: repeat(auto-fill,minmax(min(480px,100%),1fr));
		}
	}
}

@media screen and (max-width:1199px) {

	@layer panel7-1base {
		:root {
			--panel7-header-size: 56px;
		}
	}

	/*panel7 new styles*/
	#panel-cont > [container] {--panel7-content-padding: 16px;}

	@layer panel7-2components {
		.tabs {
			--tabs-overflow-size: var(--panel7-content-padding, 16px);
		}

		.notice-block {
			padding: 16px;
			border-radius: 16px;
		}
	}

	.panel-sidebar,
	#puzadpnadm {
		display: none
	}

	.freeze {
		padding-right: var(--ucoz-scrollbar-width, 0px);
		overflow: hidden !important;
	}

	/*jivo mobile btn overrides(__jivoMobileButton <- only one class stable for this widget)*/
	.has-jivo .__jivoMobileButton {
		z-index: 10007;
	}

	/*panel7 new styles ends*/

	/* === MOBILE MENU === */
	:where(.mobile-header) :where(.hb-btn, .mh-btn),
	:where(.menubar) :where(.menubar-btn, .menubar-submenu-btn) {
		appearance: none;
		background: 0;
		border-radius: 0;
		border: 0;
		height: auto;
		padding: 0
	}

	.mobile-header-holder {
		min-height: var(--panel7-header-size);
		width: 100%;
	}

	.mobile-header {
		--icon-size: 24px;
		--icon-sm-size: 14px;

		--mh-text-color: var(--panel7-gray-400);
		--mh-current-text-color: var(--panel7-gray-300);

		--mh-bg-color: var(--panel7-gray-900);
		--mh-bg-current-color: var(--panel7-gray-800);

		background-color: var(--mh-bg-color);
		color: var(--mh-text-color);
		justify-content: space-between;
		left: 0;
		padding-inline: 16px;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 10009;
	}

	:where(.freeze) .mobile-header {
		padding-right: calc(16px + var(--ucoz-scrollbar-width, 0px));
	}

	.mobile-header,
	.mh-end,
	.mh-center {
		align-items: center;
		display: flex;
		gap: 24px
	}

	.hb-btn {
		align-self: center;
		display: flex;
		height: 24px;
		outline: none;
		position: relative;
		width: 24px;

		&:before {
			content: "";
			display: block;
			position: absolute;
			inset: -16px;
			z-index: -1;
		}
	}

	:where(.hb-btn) i,
	:where(.hb-btn) i:before,
	:where(.hb-btn) i:after {
		background: var(--panel7-gray-100);
		content: "";
		height: 2px;
		left: 50%;
		position: absolute;
		top: -6px;
		transition: all .3s ease, background-color .2s ease;
		translate: -50%;
		width: 20px;
	}

	:where(.hb-btn) i {
		top: 50%
	}

	:where(.hb-btn) i:after {
		top: 6px
	}

	:where(.hb-btn.open) i {
		background-color: inherit;
	}

	:where(.hb-btn.open) i:before {
		top: 0;
		transform: rotate(-45deg)
	}

	:where(.hb-btn.open) i:after {
		top: 0;
		transform: rotate(45deg);
	}

	:where(.mobile-header .mh-btn) {
		align-items: center;
		background-color: var(--mh-bg-color);
		color: inherit;
		display: flex;
		font: var(--panel7-font-text-r-1);
		gap: 6px;
		outline: none;
		padding-block: 16px;
		text-decoration: none;
	}

	:where(.mobile-header .mh-box-item) .mh-btn {
		padding: 12px 16px;
		width: 100%;
	}

	:where(.mobile-header .mh-btn).current {
		background-color: var(--mh-bg-current-color);
		border-radius: 8px;
		color: var(--mh-current-text-color);
	}

	:where(.mobile-header) .mh-show-box > .mh-btn {
		color: var(--mh-current-text-color);
	}

	:where(.mobile-header) .mh-item-name {
		pointer-events: none
	}

	:where(.mobile-header) .mh-site-name {
		display: block;
		max-width: 250px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.mh-box-container {
		position: relative;
	}

	:where(.mobile-header .mh-box) {
		background-color: var(--mh-bg-color);
		border-radius: 16px;
		display: none;
		left: 50%;
		min-width: 150px;
		overflow: hidden;
		padding: 8px;
		position: absolute;
		top: calc(100% + 8px);
		translate: -50%;
		white-space: nowrap;
	}

	:where(.mobile-header .mh-show-box) .mh-box {
		display: block;
	}

	:where(.mobile-header) .lang-box {
		left: initial;
		right: -40px;
		translate: 0;
	}

	:where(.mobile-header) .mh-box-item:has(.mh-more-sites, .mh-btn-refresh) {
		border-top: 1px solid var(--mh-bg-current-color);
	}

	:where(.mobile-header) :where(.themes-box, .lang-box) .mh-btn:before {
		background-repeat: no-repeat;
		background-size: contain;
		content: '';
		display: block;
		height: var(--icon-size);
		width: var(--icon-size);
	}

	:where(.mobile-header .themes-box) .mh-btn:before {
		height: var(--icon-sm-size);
		width: var(--icon-sm-size)
	}

	:where(.mobile-header .themes-box) .mh-btn:where(:not([data-lay="7"])):before {
		border: 1px solid #000;
		box-shadow: inset 0 0 2px 0 #000;
	}

	:where(.mobile-header .themes-box [data-lay="1"]):before {
		background-color: #a2c1e9
	}

	:where(.mobile-header .themes-box [data-lay="2"]):before {
		background-color: #95e5a0
	}

	:where(.mobile-header .themes-box [data-lay="3"]):before {
		background-color: #d7d7d7
	}

	:where(.mobile-header .themes-box [data-lay="4"]):before {
		background-color: #ffbcef
	}

	:where(.mobile-header .themes-box [data-lay="5"]):before {
		background-color: #fad49f
	}

	:where(.mobile-header .themes-box [data-lay="6"]):before {
		background-color: #676767
	}

	.menubar {
		--icon-size: 18px;
		--drop-padding: 15px;
		--mb-padding: 15px 16px;
		--mb-size: 390px;
		--mb-font: var(--panel7-font-text-m-105);

		--mb-overlay-color: #1b1b1b66;
		--mb-bg-color: var(--panel7-gray-100);
		--mb-text-color: var(--panel7-gray-800);

		background-color: var(--mb-overlay-color);
		display: block;
		inset: var(--panel7-header-size) 0 0;
		opacity: 0;
		pointer-events: none;
		position: fixed;
		transition: opacity .2s linear;
		z-index: 10008;
	}

	:where(.menubar) .svg-icon-x {
		display: block;
		flex-shrink: 0;
	}

	.menubar.open {
		opacity: 1;
		pointer-events: all
	}

	:where(.menubar) .menubar-inner {
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: space-between;
		left: -100%;
		max-width: var(--mb-size);
		position: relative;
		transition: left .5s ease;
		width: 100%
	}

	:where(.menubar).open .menubar-inner {
		left: 0
	}

	:where(.menubar) .menubar-nav {
		align-items: start;
		display: flex;
		height: 100%;
		overflow: hidden;
	}

	:where(.menubar) :is(.menubar-submenu-list, .menubar-main) {
		background-color: var(--mb-bg-color);
		flex-shrink: 0;
		height: 100%;
		max-width: 390px;
		overflow-anchor: none;
		overflow-x: hidden;
		overflow-y: auto;
		position: relative;
		scrollbar-width: none;
		width: 100%
	}

	:where(.menubar) .menubar-submenu-list {
		transition: transform .3s ease-out
	}

	:where(.menubar) .menubar-submenu-list.open:where(:has(>.show)) {
		transform: translateX(-100%)
	}

	:where(.menubar) :is(.menubar-back, .menubar-section-name) {
		color: var(--panel7-gray-700);
		font: var(--mb-font);
		padding: 19px 16px 7px;
	}

	:where(.menubar) .menubar-item {
		&:has(.menubar-submenu-btn) {
			align-items: center;
			display: flex;
			justify-content: space-between;
		}

		&:has(.menubar-submenu-btn) .menubar-link {
			flex: 1;
		}
	}

	:where(.menubar) .menubar-item:has( > .current),
	:where(.menubar) .current {
		background-color: var(--panel7-blue-350);
	}

	:where(.menubar) :is(.menubar-back, .menubar-btn, .menubar-link) {
		display: flex;
		align-items: center;
	}

	:where(.menubar) .menubar-submenu-btn {
		padding: 17px;
	}

	:where(.menubar) :is(.menubar-btn,.menubar-link) {
		padding: var(--mb-padding, 16px);
		color: var(--mb-text-color);
		text-align: left;
		gap: 8px;
	}

	:where(.menubar) :is(.dropdown-title, .menubar-link,.menubar-btn) {
		font: var(--mb-font);
	}

	:where(.menubar) .menubar-link {
		text-decoration: none;

		&:has(+.menubar-submenu-btn) {
			padding-right: 0
		}
	}

	:where(.menubar .dropdown-item) .menubar-link {
		padding: var(--drop-padding) 16px var(--drop-padding) calc(var(--drop-padding) + var(--icon-size) + 8px);
	}

	:where(.menubar) .menubar-btn {
		width: 100%;

		:where(&) .menubar-name {
			flex: 1;
		}
	}

	:where(.menubar) .menubar-submenu-title {
		font: var(--panel7-font-text-b-2);
		color: var(--mb-text-color);
		padding: 12px 16px 8px;
	}

	:where(.menubar) .menubar-switchers {
		background-color: var(--mb-bg-color);
		bottom: 0;
		left: 0;
		padding: 20px 16px;
		position: sticky;
		right: 0;
	}

	:where(.menubar) .menubar-switchers-inner {
		--indext: 4px;

		background: var(--panel7-gray-300);
		border-radius: 16px;
		display: grid;
		gap: var(--indext);
		grid-template-columns: 1fr 1fr;
		padding: var(--indext);
		position: relative;
	}

	:where(.menubar-switchers) .switch-btn {
		background-color: transparent;
		border-radius: 12px;
		color: var(--panel7-gray-700);
		position: relative;
		font: var(--mb-font);
		padding-block: 9px;
	}

	:where(.menubar .show-active) .switch-btn:first-child,
	:where(.menubar .show-inactive) .switch-btn:last-child {
		color: var(--panel7-gray-800);
	}

	:where(.menubar) .menubar-switchers-inner:before {
		content: "";
		display: block;
		width: calc(50% - 1.5 * var(--indext));
		position: absolute;
		top: var(--indext);
		left: var(--indext);
		bottom: var(--indext);
		border-radius: 12px;
		box-shadow: 0 1px 1px 0 #0000000f;
		background-color: var(--panel7-gray-100);
		transition: translate 200ms;
	}

	:where(.menubar .show-inactive) .menubar-switchers-inner:before {
		translate: calc(100% + var(--indext)) 0;
	}

	:where(.menubar) .menubar-submenu,
	:where(.menubar) :is(.active-modules, .inactive-modules):where(:not(.show-active .active-modules, .show-inactive .inactive-modules)) {
		display: none;
	}

	:where(.menubar) .show {
		display: block
	}
	/* === END MOBILE MENU === */
}

@media screen and (max-width: 768px) {
	/*panel7 new styles*/
	@layer panel7-2components {
		.info-card {
			padding: 16px;
		}

		.cp-sblock {
			--padding-block: 16px;
			--padding-inline: 16px;
			--border-radius: 16px;
		}
	}
	.dashboard-card {
		padding: 24px 16px 16px;
	}

	.tg-setting-block,
	.surface {
		--padding-block: 16px;
		--padding-inline: 16px;
	}

	.tg-setting-block,
	.surface,
	:where(.order-form) .order-form-inner,
	.cp-settings,
	.notify-settings {
		--border-radius: 12px;
	}

	:where(.cp-settings) .cp-setting {
		grid-template-columns: 1fr;
		grid-template-areas: "label""value";
		gap: 12px;
	}

	:where(.cp-settings) .cp-setting-control {
		grid-template-columns: auto 1fr;
		grid-template-areas: "value label";
	}
	:where(.cp-settings .cp-setting-control) .cp-label-colon {display: none}


	:where(.group-settings) .group-settings-label,
	:where(.cp-settings) .cp-dimension-fields,
	:where(.entries-manage-filter, .module-cats-actions,.forums-action-row,.template-library-filter) :is(div,form, select, [type="text"], [type="number"],.ubtn-default),
	:where(.cp-setting-value,.entries-manage-filter,.goods-list-head, .module-cats-actions,.forums-action-row) :is(select, [type="text"], [type="number"]) {
		max-width: 100%;
		width: 100%;
	}

	.module-cats-group {
		flex-wrap: wrap;
		justify-content: start;
		gap: 12px 8px;
	}

	.notify-settings,
	:where(.cp-settings) .cp-setting,
	.group-settings-label,
	.group-settings-value {
		padding: 16px;
	}

	.group-settings-item {
		grid-template-columns: 1fr;
	}

	.group-settings-label {
		padding-bottom: 4px;
	}

	.group-settings-value {
		padding-top: 4px;
	}

	.tmpl-actions,
	.tmaker-action,
	.tmaker-action-panel,
	.report-filters,
	.report-filter,
	:where(.stat-domains-list) .cp-value-item {
		flex-direction: column;
		align-items: stretch;
	}

	:where(.order-form) .order-form-inner {
		--spacing-l: 16px;
	}

	:where(.discount-form  :where(#sh-promoonce-wrapper)) {
		margin-inline: 0;
		min-width: initial;
	}

	/*tmaker*/
	.tmaker-submenu:is(.default-designs,.options-submenu) {
		max-width: calc(100% - 32px);
		width: 100%;
		min-width: initial;
	}
	/*tmaker end*/

	/*panel7 new styles ends*/

	/*	tg shop mobile style*/
	.tg-setting-grid__row {
		grid-template-columns: minmax(0, 1fr);
	}

	.u-editor:where(:not(.u-editor-fullscreen)) .CodeMirror {
		max-width: calc(100vw - 32px);
	}

	.radio-images {
		--grid-card-size: minmax(144px, 1fr);
		gap: 20px 16px;
	}

	[container] [top-warning] {border-radius: .75rem; padding: .75rem;}
	[container] [top-warning] a { white-space: nowrap; }
	/*	tg shop mobile style end*/

	/*common panel mobile style*/
	#panel-cont {
		box-sizing: border-box;
		flex: 1 1 100%;
		max-width: 100%;
		--bwa-sp-l: 16px;

		--bwa-sp-m: 12px;
		--bwa-sp-s: 8px;
		--bwa-sp-xl: 24px;
	}

	.panel-wrapper {
		min-width: 0;
	}

	#report-cont .contentBg:has( > .tb_user_basket, > .tb_user_wishlist),
	#sheet-cont-table,
	#shop-cp-cont .matrix-list textarea,
	.scrollable-table-container {
		overflow-x: auto;
		scrollbar-color: #dddde1 #f5f5f6;
		scrollbar-width: thin;
	}

	#discount-cont .discount-header td,
	.report-form .tabsheets,
	#discount-cont :is(.discount-add-btn, .dsc-fld-label,.dsc-item > td, .discount-descr > td, .discount_promoonce-generate .first),
	#export-cont#export-cont,
	#tab-cont#tab-cont,
	#discount-cont#discount-cont,
	.matrix-list :is(.matrix .xw-ml, .xw-ml, .fldparam,.xw-mr, .contentBg),
	:is(.topBlockM,#f),
	#shop-main .gc-main .p:has(#import-tabs, .ico_xls),
	#shop-main :is(.cont-block, .level0,.gray-table, #f),
	[container]:where(:not(.dashboard-container,.tmaker-submenu)) {
		border: 0;
		padding: 0;
	}

	:is(.panelTop1, #f),
	.matrix-list .item,
	:where(.matrix .edits) :is(.edit-item, #f),
	#shop-main :is(.cont-block .medium , #f) {
		border: 1px solid var(--iron);
		border-radius: 12px;
		padding: var(--bwa-sp-l);
	}

	.subagent-form .qup-agents input,
	.matrix-form :is(.edit-item *, #f#f),
	:is(.cats-form, .options-form,.goods-form) :is(
	.action-buttons-wrapper,
	#mConstructor,
	.shop-cats-type-switcher-wrapper,
	.add-new-cat-wrapper,
	.shop-cats-actions-wrapper,
	fieldset,
	 .shop-cats-replace-wrapper),
	:is(.cpdf, .curr-form) > :is([ledge-start]),
	:is(.cpdf) :is(.matrix input[type="checkbox"], .matrix-list),
	#shop-main div:has( > .remove-module-btn, #f),
	.cpdf > div,
	#sh-panel .maincont-head {
		margin: 0;
	}

	:is(.topBlockM, #f) {
		margin: 0 0 var(--bwa-sp-xl);
	}

	:is(.panelTop1, #f) {
		align-items: stretch;
		background: 0;
		flex-direction: column;
		line-height: 1.3;
	}

	:is(.panelTop1:has(~ .panelTop1), #f) {
		margin-bottom: var(--bwa-sp-l);
	}

	:is(.panelTop1, #f) > span {
		align-items: start;
		flex: 1 1 100%;
		flex-direction: column;
		max-width: 100%;
		text-align: left;
	}

	/*common panel mobile style end*/
	/*shop mobile style*/
	.uHelp {
		flex-shrink: 0;
	}

	:where(.notify-settings, .notify-settings :where(tbody, tr, td)),
	:where(.report-panel, .report-panel :where(tbody, tr, td)),
	:where(.order-form .fldparam) :where(table, tbody,tr,td),
	:where(#payment_adds > table),
	:where(#payment_adds > table) :is(tbody,tr,td),
	:where(#sh-grp-wrapper, #sh-grp-accum-wrapper) :is(tbody, tr, td),
	:where(#sh-usr-wrapper, #sh-grp-wrapper, #sh-grp-accum-wrapper, #sh-promoonce-wrapper, #prov_table),
	:where(#prov_table > tbody),
	:where(#prov_table > tbody > tr),
	:where(#prov_table > tbody > tr > td),
	:where(:where(#sh-promoonce-wrapper,#sh-usr-wrapper) > tbody),
	:where(:where(#sh-promoonce-wrapper,#sh-usr-wrapper)  :where( > tbody, .dsc-item,.dsc-item > td)),
	:where(#shop-main .gray-table),
	:where(#shop-main .gray-table > tbody),
	:where(#shop-main .gray-table > tbody > tr),
	:where(#shop-main .gray-table > tbody > tr > td ) {
		display: block;
		height: auto;
		padding: 0;
		width: auto;
	}

	:where(#payment_adds > table),
	:where(.order-form .fldparam) :where(table) {
		border-spacing: 0;
		width: 100%;
	}

	:where(#payment_adds) > table {
		border-spacing: 0 !important;
		padding: 0 !important;
	}

	:where(#order .matrix-list .fldparam tr:not(.f_required)) :is(.label),
	:where(#payment_adds > table) td:first-child {
		margin-bottom: var(--bwa-sp-s);
	}

	:where(.notify-option, .notify-group-header) + :where(.notify-option, .notify-group-header),
	:is(.notify-form) :is(.prov-actions),
	:where(.report-form, .report-panel) tr {
		margin-block: var(--bwa-sp-l);
	}

	:where(.cp-settings .cp-setting-check-wrap),
	:where(#order .matrix-list .fldparam) tr:has([type="checkbox"]) {
		align-items: center;
		display: flex;
		flex-direction: row-reverse;
		gap: var(--bwa-sp-s);
		justify-content: start;
	}

	/*Checkboxes by default have an inline model, so the size of the line is taken into account.*/
	:is(
	.export-form,
	.cp-settings,
	.cpdf,
	.yml-form,
	.onec-form,
	.setup-form
	) [type="checkbox"]:where(:not(.checkbox-item [type="checkbox"])) {
		margin-top: -2px;
		vertical-align: middle;
	}

	.container-shop hr {
		border-color: #cdd6d8;
		margin-block: var(--bwa-sp-xl);
	}

	:where(.cpdf,.order-form, .matrix-form) .matrix-list,
	#sh-panel #maincont {
		gap: var(--bwa-sp-xl);
	}

	#sh-panel .panelTop1 {
		align-items: start;
		background: 0;
		border: 0;
		flex-direction: column-reverse;
		gap: 0;
		padding: 0;
	}

	:where(.excel-conf) :where(#pview-cont,#setup-cont),
	.matrix-list .matrix_label i.apply,
	.gray-table:has(.ico-repor) {
		margin: 0 !important;
	}

	#shop-main :is(.subtitle,#f) {
		font-size: 18px;
		line-height: 28px;
		margin-block: 0 var(--bwa-sp-l);
	}

	#shop-main :is(.cont-block, #f) {
		gap: var(--bwa-sp-l);
		grid-template-columns: 1fr;
	}

	:is(#grp-del_ocats, #grp-tgshop-off):before {
		background-color: var(--manatee);
	}

	:where(#shop-main) .design-pages-list {
		align-items: start;
		flex-direction: column;
	}

	.servmenuhead:before,
	:is(.report-form) .sheets,
	.matrix-form .matrix table:has(+.edits),
	.matrix-list .with-clear:after,
	.cats-pagination-wrapper:has(article:empty),
	:where(#sh-panel) .servmenuhead + hr:has(+.fHelp),
	#sh-panel .panelBar,
	#shop-main .remove-module-btn .fa-close,
	:where(#shop-main) .subtitle-table,
	:where(#shop-main) .gray-table tr:has(>.gray-title),
	:where(#shop-main .design-pages-list) .pipe-symbol {
		display: none;
	}

	:where(#shop-main) .gray-table [data-block-title]:before {
		background-color: var(--panel7-gray-350);
		border-bottom: 1px solid var(--panel7-gray-300, #dbe4e6);
		content: attr(data-block-title);
		color:var(--panel7-gray-700);
		display: block;
		font: var(--panel7-font-text-sb-2);
		margin: calc(var(--bwa-sp-l) * -1) calc(var(--bwa-sp-l) * -1) var(--bwa-sp-l) calc(var(--bwa-sp-l) * -1);
		padding: var(--bwa-sp-l);
	}

	#shop-main .gray-table :is([data-block-title], #f) {
		border: 1px solid var(--panel7-gray-300, #dbe4e6) !important;
		border-radius: 12px;
		overflow: hidden;
		padding: var(--bwa-sp-l);
	}

	:where(#shop-main [data-block-title]:not(:has(.ico-subag))) {
		margin-bottom: var(--bwa-sp-l);
	}

	#shop-main .gc-main ul:has(.ico_cat, .ico_ord, #f) {
		display: flex;
		flex-direction: column;
		gap: var(--bwa-sp-s);
		margin-top: var(--bwa-sp-s);
	}

	#shop-main .gc-main :is(ul.float, #f) {
		margin-block: var(--bwa-sp-s);
	}

	#shop-main .remove-module-btn {
		align-items: center;
		border: 2px solid var(--mischka);
		border-radius: 8px;
		box-sizing: border-box;
		color: #000100;
		display: flex;
		font-size: 14px;
		gap: 6px;
		justify-content: start;
		line-height: 24px;
		padding: 9px 14px;
		-webkit-tap-highlight-color: transparent;
		text-decoration: none;
	}

	#shop-main .remove-module-btn:before {
		content: '';
		display: block;
		height: var(--bwa-sp-l);
		width: var(--bwa-sp-l);
	}

	#shop-main div:has( > .remove-module-btn, #f) {
		justify-content: start;
	}

	:where(#order .matrix-list .fldparam) .ta,
	#subbutyml,
	#subbutupdprice-form {
		margin-top: var(--bwa-sp-m);
	}

	:where(#order .matrix-list .fldparam) tr:has(~ tr),
	:where(#import-cont) .import-cont-link,
	#import-tabs#import-tabs {
		margin-bottom: var(--bwa-sp-m);
	}

	:where(#sh-usr-wrapper, #sh-grp-wrapper, #sh-cat-wrapper),
	:where( #discount-cont .dsc-item) :is(span:has(input),textarea, select, input[type="text"]),
	#order .matrix-list :is(.fldparam, .fldparam :is(.label, select, textarea, input[type="text"],.tmplCodeH)),
	:is(.goods-cat-wrapper, #goods-list, .suggEdit-wrapper),
	:where(.cats-form, .options-form, .goods-form) fieldset :is(select, input[type="text"]),
	.matrix-list :is(textarea, select, input[type="text"]),
	#sh-panel .breadcrumbs select[name="list"] {
		max-width: 100%;
		width: 100%;
	}


	.cats-form .add-new-cat,
	.cats-form,
	#sh-panel .servmenuhead ~ .fHelp {
		margin-block: var(--bwa-sp-xl);
	}

	:where(.notify-form .providers-table),
	:where(.curr-form) .curr-table,
	:is(#report-cont, #sheet-cont, .options-form, .goods-form, .opreset-form,.subagent-form) .myTbl,
	.cats-form table.mConstr {
		border-radius: 6px;
		border-spacing: 0 !important;
		box-sizing: border-box;
		overflow: hidden;
		text-align: left;
		width: 100%;
	}

	:where(.notify-form .providers-table),
	:is(#discount-cont) .dsc-item,
	:where(.matrix .edits) .edit-item,
	:where(.curr-form) .curr-table,
	.cats-form table.mConstr {
		border: 1px solid var(--panel7-gray-400);
	}

	:where(.notify-form .providers-table) :is(td, th),
	:where(#report-cont, .subagent-form, #sheet-cont, .curr-form, .cats-form, .options-form, .goods-form, .opreset-form) :is(table.mConstr,.myTbl,.curr-table) :is(.myTblTD0, td, th) {
		padding: var(--bwa-sp-l) var(--bwa-sp-m);
	}

	:where(#report-cont, subagent-form, #sheet-cont, .curr-form, .cats-form, .options-form, .goods-form, .opreset-form) :is(table.mConstr,.curr-table, .myTbl) :is(.myTblTD0, td:where(:not(.entr-actions)),[type="text"], th) {
		font-size: 12px;
		text-align: left;
	}

	:where(:where(.notify-form .providers-table, #report-cont .myTbl) thead) td,
	:where(.subagent-form, #sheet-cont, .curr-form, .cats-form, .options-form, .goods-form, .opreset-form) :is(table.mConstr, .myTbl,.curr-table) :is(.myTblTD0, th) {
		background-color: var(--panel7-gray-350);
		border-bottom: 1px solid var(--panel7-gray-350);
		white-space: nowrap;
		color: var(--panel7-gray-700);
	}

	.notify-form .providers-table :is(th,td),
	:where(#report-cont, .subagent-form, #sheet-cont, .curr-form, .cats-form, .options-form, .goods-form, .opreset-form) :is(table.mConstr,.myTbl,.curr-table) tr:has(~ tr[id^="entr"], ~ tr[id^="cid"]) > td {
		border-bottom: 1px solid var(--panel7-gray-350);
	}

	:where(.cats-form table.mConstr) .textHolder {
		max-width: 200px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.cats-form :is(.save-cats-order, .recalc-counts) {
		flex-flow: row-reverse;
	}

	.payments-title-block,
	:where(.goods-form) :is(.goods-form-body, #setting > div, .goods-list-head),
	:where(#allgoods-func, #selected-elements, #allgoods-func-2) > div > :is(#goods-func,[flex-align-center],.flex-align-center),
	.options-form :is(#goods-func, .opts-move-wrapper, .options-form-body,.options-form-head),
	.cats-form :is(.shop-cats-replace-controls, .action-buttons-wrapper, #f) {
		align-items: start;
		display: flex;
		flex-flow: column;
		gap: var(--bwa-sp-m);
	}

	:is(.shop-cats-common-actions, #f) {
		display: grid;
		gap: var(--bwa-sp-m);
		justify-content: start;
	}

	:where(.goods-form) .goods-list-stats {
		flex-wrap: wrap;
	}

	:where(.goods-form) .goods-list-stats > article + a {
		flex: 1 1 100%;
		order: 1;
	}

	.allgoods-actions {
		display: grid;
		grid-template-columns: auto auto;
	}

	.allgoods-actions button {
		height: auto;
		padding: var(--bwa-sp-s);
		white-space: normal;
	}

	:where(.curr-form) .curr-item-actions .fa-close {
		vertical-align: middle;
	}

	.report-form :is(.tb_user_wishlist, .tb_user_basket),
	:where(.curr-form) .curr-item-actions {
		white-space: nowrap;
	}

	:where(#payment_adds) > [half-ledge-start],
	:where(.curr-form,.cpdf) :is(.cpdf-form-action, .curr-form-action) {
		margin: var(--bwa-sp-l) 0;
	}

	#shop-cp-cont .matrix-list .matrix {
		width: auto !important;
	}

	.matrix-list .item {
		gap: var(--bwa-sp-m);
	}

	#shop-cp-cont .matrix-list .contentBg div {
		float: none;
		line-height: normal;
	}

	#shop-cp-cont .matrix-list .matrix select {
		margin: 0 0 var(--bwa-sp-s);
		width: 100% !important;
	}

	#shop-cp-cont .matrix-list .matrix .contentBg > div {
		margin: var(--bwa-sp-m) 0 0;
	}

	#shop-cp-cont .matrix-list textarea {
		display: block;
		height: 100px;
	}

	:where(.matrix-list .matrix_label) .fa-edit {
		margin-left: auto;
	}

	.cpdf div:has(>#invoicef-status,>#ogset-status) {
		align-items: start;
		justify-content: start;
		margin: 0;
	}

	:where(.matrix-form) .edits {
		grid-template-columns: 1fr;
	}

	:where(.matrix-form .edits) :is(.edit-item, #f) {
		box-sizing: border-box;
		display: grid;
		gap: var(--bwa-sp-s);
		grid-template-columns: auto 1fr;
		margin-bottom: var(--bwa-sp-l);
		padding: 36px var(--bwa-sp-s) var(--bwa-sp-s);
		position: relative;
		grid-column: span 1;
		position: relative;
	}

	:where(.matrix-form .edits) :is(.edit-item > .edit-item-del, #f) {
		position: absolute;
		right: var(--bwa-sp-s);
		top: var(--bwa-sp-s);
	}

	:where(.matrix-form .edits) [data-label] {
		align-items: center;
		display: grid;
		gap: inherit;
		grid-column: span 2;
		grid-template-columns: subgrid;
	}

	:where(.matrix-form .edits) [data-label]:before {
		content: attr(data-label);
		white-space: nowrap;
	}

	.excel-conf fieldset {
		display: block;
	}

	/*exel price page*/

	.excel-conf {
		float: none;
	}

	:where(#sheet-param > fieldset :where(table, tbody,tr,td)),
	:where(#setup-cont :where(table, tbody, tr, td), #sheet-pview) {
		display: block;
		padding: 0 !important;
		text-align: left;
		width: auto !important;
	}

	:where(#setup-cont) #confload-status,
	:where(#setup-cont) tr:has(> #confload-status) {
		display: grid;
		gap: var(--bwa-sp-s);
		grid-template-columns: repeat(3, auto);
	}

	#conf-setup#conf-setup :is(input, select) {
		width: 100%;
	}

	:where(#setup-cont) td:has(+td > input,+td > select, +td > button) {
		margin-bottom: var(--bwa-sp-s);
	}

	:where(#setup-cont) > table > tbody > tr > td:has([name="xls_conf_name"]) + td,
	:where(#setup-cont) > table > tbody > tr:has(hr) {
		display: none;
	}

	:where(#setup-cont) tr:has(> #confnew-status, > #pfupload-status) {
		align-items: start;
		display: flex;
	}

	:where(#setup-cont) tr:has(> td > :is(.dnoun, .uHelp)) {
		align-items: center;
		display: grid;
		gap: var(--bwa-sp-s);
		grid-template-columns: 1fr auto;
	}

	:where(#setup-cont) tr:has(> td > :is(.dnoun, .uHelp)) td:first-child {
		grid-column: span 2;
		margin: 0;
	}

	:where(#setup-cont) > table > tbody > tr,
	:where(#setup-cont) > table > tbody:has(+tbody) {
		margin-bottom: var(--bwa-sp-l);
	}

	:where(.xls-tabs-block) .mode-sw {
		padding-inline: 12px;
	}

	:where(#pview-cont) > table {
		width: 100%;
	}

	:where(#sheet-param) tr {
		display: grid;
		gap: var(--bwa-sp-s);
		grid-template-columns: 1fr auto;
	}

	:where(#sheet-param) tr > :is(td:nth-last-child(1)) {
		grid-column: span 2;
	}

	#param-wrap {
		min-inline-size: inherit;
	}

	#price-rows-more + table {
		background: var(--white);
		border-top: 1px solid var(--panel7-gray-400);
		bottom: 0;
		left: 0;
		margin-inline: -10px;
		padding: 10px;
		position: sticky;
		min-width: calc(100% + 20px);
		z-index: 10;
		margin-bottom: -8px;
		border-radius: 0 0 10px 10px;
	}

	#sheet-cont .myTbl {
		margin-top: 10px;
	}

	/*exel price page end*/

	/*shop-report setting pages*/
	:is(.report-form .tabsheets) * {
		float: none;
		line-height: normal;
	}

	:is(.report-form .tabsheets) {
		display: grid;
		overflow-x: auto;
		scrollbar-width: none;
	}

	:is(.report-form .tabsheets) > ul {
		align-items: start;
		border-bottom: 2px solid var(--iron);
		display: flex;
		gap: var(--bwa-sp-l);
	}

	:is(.report-form .tabsheets) > ul > li {
		margin: 0 0 -2px 0;
	}

	:is(.report-form .tabsheets) > ul a > b {
		display: block;
		margin: 0;
		padding: var(--bwa-sp-s) 0;
	}

	/*shop-report setting pages*/

	#discount-cont .dsc-item {
		align-items: stretch;
		border-radius: 12px;
		display: flex;
		flex-direction: column;
		gap: 0;
		margin-block: var(--bwa-sp-l);
		padding: calc(var(--bwa-sp-s) * 2 + 20px) var(--bwa-sp-s) var(--bwa-sp-s);
		position: relative;
	}

	#discount-cont .dsc-item > td {
		align-items: center;
		display: flex;
		gap: var(--bwa-sp-s);
		margin-bottom: var(--bwa-sp-s);
	}

	#sh-promoonce-wrapper .dsc-item-promo .first {
		flex-direction: column;
		align-items: start;
		gap: 4px;
	}

	#discount-cont .dsc-item > td:has(.fa-close,.cp-icon-btn) {
		position: absolute;
		right: var(--bwa-sp-s);
		top: var(--bwa-sp-s);
	}

	#discount-cont .discount-descr > td {
		font-size: 16px;
	}

	:where(.subagent-form .matrix-list) div:has(>.add-new),
	#tb-sh-discount_category td:has(.add-new) {
		padding: 0 !important;
	}

	.subagent-panel {
		margin-block: var(--bwa-sp-l);
		padding: 0;
	}

	:where(.subagent-form) .filter-by-date {
		align-items: center;
		display: grid;
		gap: 6px;
		grid-template-columns: 1fr auto auto;
	}

	:where(.subagent-form) #sdate {
		grid-column: span 2;
	}

	.report-filter-actions {
		display: grid;
		grid-template-columns: 1fr auto;
	}

	#user_f {
		grid-column: span 2;
	}

	[name="sh_agent_respect_dect"],
	[name="sh_agent_respect_inct"]{
		min-width: 0;
	}

	.report-panel .report-panel-upd {
		align-items: center;
		display: flex;
		gap: 8px;
		justify-content: space-between;
	}

	#report-cont > div {
		margin-bottom: var(--bwa-sp-l);
	}

	#report-cont .contentBg:has( > .tb_user_basket, > .tb_user_wishlist) {
		display: grid;
	}

	:where(.notify-settings) .notify-checkboxes-col {
		align-items: center;
		box-sizing: border-box;
		display: grid;
		grid-template-columns: subgrid;
		padding: 0 !important;
		width: 100% !important;
	}

	:where(.notify-settings) :is(label, input, i, #f#f) {
		line-height: 16px;
		margin: 0;
	}

	:where(.notify-settings) .notify-checkboxes-col > label:empty {
		display: none;
	}

	:where(.notify-settings) .notify-option {
		display: grid;
		gap: var(--bwa-sp-s);
		grid-template-columns: repeat(12, auto);
		justify-content: start;
	}

	:where(.notify-settings) :is(.notify-checkboxes-col, .notify-label) {
		grid-column: span 12;
	}
	/*end shop mobile*/

	/*	panel main page*/
	.site-url-wrapper {
		display: block;
		flex: 1;
		overflow: auto;
		scrollbar-width: none;
		max-width: 100%;
	}
	/*	panel main page end*/
}

@media screen and (max-width: 640px) {
	/*panel7 new styles*/
	@layer panel7-2components {
		.info-block {
			max-width: initial;
			width: 100%;
		}

		/*for mobile browsers*/
		select:is([multiple],[size]) {
			appearance: none;
			padding-right: 30px;
			background-image: var(--panel7-chevron-icon-data);
			background-repeat: no-repeat;
			background-position: calc(100% - 10px) 50%;
			border-radius: 8px;
			clip-path: none;
		}
	}

	.ufm-folder-create,
	#lTmpl,
	.tmpl-list {
		width: 100%;
	}

	.tmpl-toolbar-block,
	.tmpl-toolbar-block [text-right] {
		justify-content: center;
		flex-direction: column;
		text-align: center;
	}

	.users-groups_bottom-action-buttons,
	.ufm-info-container {
		flex-direction: column;
		width: 100%;
		align-items: stretch;
	}

	:where(.available-size-modal) .available-size-desc {
		margin-top: 16px;
	}

	:where(.available-size-modal) .available-size-inner{
		grid-template-columns:1fr;
	}
	/*panel7 new styles end*/
}

@media screen and (max-width: 480px) {
	/*panel7 new styles*/
	:where(.yml_params) [type="text"] {
		width: auto;
	}

	.breadcrumbs-container {
		display: none;
	}

	.tests-result-range {
		flex-direction: column;
		align-items: stretch;
		white-space: nowrap;
	}

	:where(.edit-filter) .filter-values {
		max-height: 300px;
	}

	.cp-modal {
		--modal-padding: 8px;
		--modal-radius: 16px;

		.xw-plain .xw-hdr {
			padding-top: calc(var(--modal-padding) * 2);
		}

		.xw-plain .xw-bc {
			height: calc(var(--modal-padding) * 2);
		}

		:where(&) .myWinCont:has( .sticky-actions) {
			padding-bottom: calc(40px + (var(--modal-padding) + var(--modal-decor-padding)));
		}
	}
	/*panel7 new styles end*/
}

@media screen and (width <= 640px) {
		/* users groups */
		:where( form#frm942 .users-groups_edit-params-form ) {
			display: flex; width: auto; padding: 0; flex-direction:column; gap: .75rem;

			:where( tbody, tr, td ) { display: flex; width: auto; padding: 0; }
			:where( tbody, tr ) { flex-direction:column; }
			:where( tbody ) { gap: .75rem; }
			:where( input[type="text"], select, textarea ) { width: 100%; max-width: 100%; }
			:where( tr ) { gap: .25rem; }
		}
		:where( .users-groups_edit-params-form ~ .myTbl ) {
			:is( td[width="75%"] ) { width: 100%; }
		}

		/* users massmail */
		:where( .users-massmail-content ) {
			:is( .users-massmail_add-cat-button-wrapper ) {
				flex-direction: column-reverse; gap: .75rem;
				span { text-align: center; }
			}
			:is( .categories ) { display:flex; flex-direction: column; gap: .5rem; }
			:is( .massmail-form ) { display:flex; flex-direction: column; align-items: stretch; }
		}

		/* support */
		:is( .support-tickets-list ) {
			div:has( .servmenuhead ) { flex-direction: column; gap:.5rem;  }
			:is( form > [ugrid] ) {
				grid-template-columns: unset;
				:is( input[type="text"], select, textarea, hr, .ubtn-default ) { width: 100%; max-width: 100%; margin: 0; }
				:is( #fileUploaderPreviews ) { flex-wrap: wrap; }
			}
		}

/*		!* domains *!*/
/*		:is( .transfer_choice, .domains_block, form:has([name="domain"]) ) { display:flex; flex-direction: column; align-items: stretch; gap: 1rem; }*/
/*		:is( form:has([name="domain"]) ) { gap: .5rem; }*/
/*		:is( form:has([name="domain"]) ) input[type=text] { width: 100%; }*/
/*		:is( form:has([name="domain"]) ) :is( div:has(button) ) { display: flex; flex-direction: row-reverse; }*/
/*		:where( .domains_block ~ hr ) { margin: 1rem 0; }*/
/*		:where( .transfer_choice ) > :is( .domains_block, hr ),*/
/*		:is( .domains_block ),*/
/*		:is( form:has([name="domain"]) div ),*/
/*		:is( .domains_block ) :is( .description, .go_button ) { margin: 0; padding: 0; }*/
/*		:is( .domains_block ) :is( .dotted-links ) { flex-direction: column; align-items: stretch; gap: .75rem; }*/
/*		:is( .domains_block ) :is( .dotted-links ) .active { order: 1; background: #0001; padding: .5rem; border-radius: .5rem .5rem 0 0; }*/
/*		:is( .domains_block ) :is( .dotted-links:has(.active) ) ~ .tabs:not(.hidden) :is( [break-both] ) { margin: 0; }*/
/*		:is( .domains_block ) :is( .dotted-links:has(.active) ) ~ .tabs:not(.hidden) :is( input[type=text] ) { width: 100%!important; }*/
/*		:is( .domains_block ) :is( .dotted-links:has(.active) ) ~ .tabs:not(.hidden) :is( table ) { display: block; padding: .75rem; background: #0001; border-radius: 0 0 .5rem .5rem; }*/
/*		:is( .domains_block ) :is( .dotted-links:has(.active) ) ~ .tabs:not(.hidden) :is( ul ) { background: #0001; padding-right: .75rem; }*/
/*		:is( .domains_block ) :is( .dotted-links:has(.active) ) ~ .tabs:not(.hidden) :is( tbody, tr, td ) { display: flex; flex-direction: column; align-items: stretch; gap: .5rem; padding: 0; }*/
/*		:is( .domains_block ) :is( .dotted-links:has(.active) ) ~ .tabs:not(.hidden) :is( td ):has(button) { align-items: center; flex-direction: row-reverse; }*/
/*		:is( .domains_block ) :is( .dotted-links:has(.active) ) ~ .tabs:not(.hidden) :is( tr ) { display: flex; flex-direction: column; gap: .25rem; }*/
/*		:is( .domains_block ) :is( .ssl-dns-txt-subdomain-wrapper ) { display: flex; align-items: center; }*/
/*		:is( .domains_block ) :is( .ssl-dns-txt-values ) { display: flex; flex-direction: column; gap: .5rem; align-items: stretch; }*/
/*		:is( .domains_block ) :is( .ssl-dns-txt-values ) input { width: 100%; max-width: 100%; }*/

		/* confirm phone  todo: remove after page has new base settings style*/
		:where( .confirm-phone ) :is( .cp-phone ) { padding: 0; }
		:where( .confirm-phone ) :is( .cp-phone .cont-block ) { padding: 1rem; border: 1px solid var(--geyser, #dbe4e6); border-radius: .75rem; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table { border: none 0; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table > tbody > tr { display: flex; flex-direction: column; gap: 1rem; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table > tbody > tr:first-of-type { display: none; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content { padding: 0; border: 1px solid var(--geyser, #dbe4e6); border-radius: .75rem; display: flex; flex-direction: column; overflow: hidden; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content[data-block-title]:before { content:attr(data-block-title); padding: 1rem; border-bottom: 1px solid var(--panel7-gray-300); background-color: var(--panel7-gray-350); font:var(--panel7-font-text-sb-2);}
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content ul { margin: 0; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content .gc-main { min-height: unset; padding: 1rem; background-position: .75rem center; }

		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content :is( #phone.ico-conf,   #phone.ico-stop ,   #phone.ico-code ) { display: flex; gap: .5rem; align-items: center; background-image: unset; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content :is( .gc-main.ico-conf, .gc-main.ico-stop , .gc-main.ico-code ):before { content: ''; width: 2.5rem; height: 2.5rem; background-position: center center; flex-shrink: 0; background-repeat: no-repeat; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content :is( .gc-main.ico-conf ):before { background-image: url('/.s/img/icon/32/apl.png'); }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content :is( .gc-main.ico-stop ):before { background-image: url('/.s/img/seo/warning.png'); }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content :is( .gc-main.ico-code ):before { background-image: url('/.s/img/icon/32/sms.png'); }

		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content :is( .gc-main.ico-code ) :is( table, tr ) { display: flex; flex-direction: column; gap: .5rem; align-items: stretch; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content :is( .gc-main.ico-code ) :is( table td ) { padding: 0!important; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content :is( .gc-main.ico-code ) :is( #phone-conf, button ) { width: 100%; }

		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content .gc-main .p { padding: 0!important; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content .gc-main .p:has( #phone-code ) { display: flex; flex-direction: column; gap: .5rem; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content .gc-main .p:has( #phone-code ) :is( select ) { max-width: 100%; width: 100%; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content .gc-main .p:has( #phone-code ) :is( table, tr, td ) { display: block; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content .gc-main .p:has( #phone-code ) :is( tr ) { display: flex; flex-wrap: wrap; gap: .5rem 0; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content .gc-main .p:has( #phone-code ) :is( tr .plus ) { display: flex; align-items: center; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content .gc-main .p:has( #phone-code ) :is( tr .myBdRight ) { flex-grow: 1; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content .gc-main .p:has( #phone-code ) :is( tr .pad ) { padding: 0; width: 100%; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content .gc-main .p:has( #phone-code ) :is( tr .pad button ) { width: 100%; }
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content .gc-main .p:has( #phone-code ) > div:last-of-type,
		:where( .confirm-phone ) :is( .cp-phone ) .gray-table td.gray-content .gc-main .p:has( #phone-code ) > div:last-of-type > div { padding: 0!important; }
	/*}*/
/*	!* [/container] *!*/

	/* crosspost  todo: temp*/
	:where( .container-crosspost ) :is( #social_settings ) .myTbl5 { display: flex; flex-direction: column; gap: 1rem; }
	:where( .container-crosspost ) :is( #social_settings ) thead :is( .myTblhTD1, #x-post-cont, .x-post-top, .x-post-btm ) { display: none; }
	:where( .container-crosspost ) :is( #social_settings ) thead :is( tr, .x-post-select ) { display: block; border: 0 none; }
	:where( .container-crosspost ) .crosspost-unpaid .myWinGrid {--fade-edge:75px; border-radius: .5rem}
	:where( .container-crosspost ) :is( #social_settings ) thead #x-post-tabs { display: flex; border-bottom: 1px solid var(--panel7-blue-500); gap: .5rem; font-weight: normal; }
	:where( .container-crosspost ) :is( #social_settings ) thead #x-post-tabs:after { display: none; }
	:where( .container-crosspost ) :is( #social_settings ) thead #x-post-tabs > div { display: flex; border: 2px solid var(--athens-gray-300); border-radius: .5rem .5rem 0 0; overflow: hidden; cursor: pointer; border-bottom: 0 none; color: var(--shark-100); transition: border-color .2s ease-in-out; }
	:where( .container-crosspost ) :is( #social_settings ) thead #x-post-tabs span { padding: .5rem 1rem; display: flex; align-items: center; border-radius: 0; border: 0 none; background: none; }
	:where( .container-crosspost ) :is( #social_settings ) thead #x-post-tabs .active { background:var(--panel7-blue-500); border-color: var(--panel7-blue-500); color:var(--white); }
	:where( .container-crosspost ) :is( #social_settings ) tbody { border-radius: .75rem; padding: 1rem; border: 1px solid var(--iron); }
	:where( .container-crosspost ) :is( #social_settings ) tbody :is( tr ) { display: flex; flex-direction: column; gap: .75rem; }
	:where( .container-crosspost ) :is( #social_settings ) tbody td { border:0 none; padding: 0; height: auto!important; }
	:where( .container-crosspost ) :is( #social_settings ) tbody td label { gap: .5rem; }
	:where( .container-crosspost ) :is( #social_settings ) tbody td.myTblTDr1 { display: flex; flex-direction: column; gap: .5rem; }
	:where( .container-crosspost ) :is( #social_settings ) tbody td.myTblTDr1 p { margin: 0; }
	:where( .container-crosspost ) :is( #social_settings ) tbody td.myTblTDr1 .cp_disconnect ~ p { display: none; }
	:where( .container-crosspost ) :is( #social_settings ) tbody td p:has( .refresh_groups ) { display: flex; gap: .5rem; }
	:where( .container-crosspost ) :is( #social_settings ) tbody td p:has( .refresh_groups ) select { flex-grow:1; }
	:where( .container-crosspost ) :is( #social_settings ) tbody td[data-block-title]:before { background-color: var(--porcelain, #eef1f2); content: attr(data-block-title); display: block; font-size: 15px; font-weight: 700; line-height: 18px; margin: 0 -1rem .75rem -1rem; padding: var(--bwa-sp-l); box-sizing: border-box; }

	/*!* uwnd rules  todo: refactor to one components*!*/
	:is( .users-massmail_edit-cat-form ) {
		display:flex; flex-direction: column; align-items: stretch;
		:is( input ) { max-width: 100%; }
		:is( div ) { justify-content: flex-start; }
	}
	:is( .wndMenuAddItem #mnMoreOpt ) {
		display: flex; padding: 0; margin: .5rem 0 0; flex-direction: column-reverse;
	}

	:is( #videoAppParamsModal ) {  /* video */
		&> div { flex-direction: column; align-items: stretch; }
		&> div input { flex-grow: 1; width: auto; }
	}

	:is( form.posting-settings-form ) {
		:is( table ) { display: block; }
		:is( tbody, tr ) { display: flex; flex-direction: column; align-items: stretch; gap: .75rem; text-align: start; }
		:is( tr ) { gap: .5rem; }
		:is( tr:has( input[type=checkbox] ) ) { flex-direction: row-reverse; gap: .75rem; }
		:is( td[width] ) { width: auto; }
		:is( select, input[type=text] ) { width: auto; max-width: 100%; box-sizing: border-box; }
		:is( tr:has( .ubtn-default ) ) { flex-direction: row;  align-items: center; justify-content: flex-end; gap: .5rem; }
		:is( .status-icon ) { min-height: unset; }
		:is( hr ) { margin:.5rem; }
	}
	/*!* /uwnd rules *!*/

	/* seo-monitoring */
	:is( #m_settings ) p { line-height: unset; }
	:is( #m_settings ) :is( ul, ul li ) { display: flex; flex-direction: column; gap:.75rem; align-items: stretch; }
	:is( #m_settings ) { padding: 0; }
	:is( #m_settings ) :is( ul > li, label ) { margin: 0!important; gap: .5rem; }
	:is( #m_settings ) :is( select, input ) { max-width: 100%; min-width: unset; width: auto!important; margin: 0; }
	:is( #m_settings ) :is( #regions_wrapper, #m_systems ) { margin: 0!important; }
	:is( #m_settings ) :is( #regions_wrapper li, #m_systems li ) { flex-direction: row; align-items: center; }
	:is( #sape_wrapper ) :is( .delMonitoring ) { position: unset; }
	:is( #sape_wrapper .setting-wrapper ) { flex-direction: column; gap: 1rem; }
	:is( #sape_wrapper .setting-wrapper ) > div { display: flex; flex-direction: column; gap:.75rem; align-items: stretch; }
	:is( #sape_wrapper .setting-wrapper ) > div > div { margin: 0; }
	:is( #sape_wrapper .setting-wrapper ) :is( #last_update_w, #allowed_ammount_w ) { display: flex; flex-direction: column-reverse; gap: .25rem; }
	:is( #sape_wrapper .setting-wrapper ) :is( #allowed_ammount_w ) { flex-direction: column; gap: .5rem; }
	:is( #sape_wrapper .setting-wrapper ) :is( #allowed_ammount_w p ) { margin: 0; }
}