@layer base-0base, base-1layout, base-2components, base-3utilites;

@layer base-0base {
	:root {
		--text-left:left;
		--text-center:center;
		--text-right:right;
		--text-justify:justify;
		--text-start:start;
	}

	body{margin:0; padding:0; }
	td, body{font:.75rem Tahoma, Verdana, Arial, sans-serif; color:#000; }

	label{cursor:pointer; display:inline; margin:0; vertical-align:middle; }
	fieldset{border:1px solid; margin:0; }
	legend{padding:0 3px 2px; }

	img{border:0 none; }
	hr { height:0; border:0 none; border-top:1px dashed; margin:.5rem 0; }
	hr.sl{border-style:solid; }

	form{padding:0; margin:0; }

	ul.no-list-style{list-style:none; margin:0; padding:0; }
	small{font-size:.9em; }

	#eMessage { text-align:right; min-width:1rem; }
	.default-status-loader { min-width:1rem; min-height:1rem; line-height:0; }
	.myWinLoadS, .myWinLoadSD, .myWinLoadSF { display:inline-block; flex-shrink:0; }
	@keyframes spin-base {from {transform:rotate(0deg);}to{transform: rotate(360deg);}}
}

@layer base-2components {

	.breadcrumbs .panelBar a:last-child{text-decoration:none; }

	.ubtn-link {
		text-decoration: none;
		padding: var(--padding-block, 9px) var(--padding-inline, 16px);
		display: inline-block;
		border-radius: var(--border-radius, 8px);
		background: var(--background, #02c57c);
		transition: all .2s linear;
	}

	input, select, textarea { font:normal .75rem sans-serif; color:#515151; outline:none; box-sizing:border-box; margin:0; }
	input[type=text], input[type=password], input[type=date], input[type=time], input[type=number], select { vertical-align: middle; background: linear-gradient(#0001, #fff .5rem); border: 1px solid;  }
	input[type=text], input[type=password], input[type=date], input[type=time] { padding:0 3px; line-height:1.25rem; }
	input[type="checkbox"], input[type=radio],
	.myWinCont form input[type="checkbox"], .myWinCont form input[type=radio] { margin:0; flex-shrink:0; width:initial; height:initial; }
	input[type=number] { padding:0 0 0 3px; line-height:1.25rem; }

	select { padding:2px .25rem; }
	input[readonly]{color:#bbb; }
	textarea { font:.8rem monospace; width:100%; box-sizing:border-box; resize:vertical; }
	textarea, .mySelect{padding:2px 3px; border:1px solid; background:linear-gradient(#0001, #fff 1.1rem); }

	select option.top{font-weight:bold; }
	body:where(:not(.bw-theme)) select option[selected]{background:#ddd; }
	select#site_class_rtb{width:100%; }

	/* common tabs */
	.tabs:where(:not(.bw-theme .tabs)) *, .tabs:where(:not(.bw-theme .tabs))  *::before, .tabs:where(:not(.bw-theme .tabs))  *::after { box-sizing: border-box; }
	.tabs {
		--size-l: 32px;
		--size-m: 16px;
		--size-s: 8px;
		.tabs__caption { user-select:none; -webkit-user-select:none; }
	}

	/* common modules setup */
	.tabs.module-setup {
		display: flex; flex-direction: column; gap: .5rem;
		margin-bottom: 1rem;
	}

	/* common new button style */
	.cp-button{font-size:.75rem; padding:0 4px 1px; border:1px solid; border-radius:3px; cursor:pointer; color:#000; box-sizing:border-box; height:20px; white-space:nowrap; }
	.cp-button:disabled{ color:#bfbfbf; }
	.ubtn-default { padding: 0 12px; white-space: nowrap; user-select: none; height: 21px; font-family: Tahoma, Arial, Verdana; color: #000; font-size: 0.67rem; border-radius: 3px; border: 1px solid; line-height: normal; outline: none; cursor: pointer; }

	/*	setup submit panel*/
	:where(body:not(.bw-theme) .cp-save-container) .cp-save-inner {display: flex;align-items: center;gap: 12px;justify-content: center;}
	:where(body:not(.bw-theme) .container-tgshop .cp-save-container) .cp-save-inner {justify-content: start;}
	:where(body:not(.bw-theme) .cp-save-container) .cp-save-indicator {order: 1;}
	:where(body:not(.bw-theme) .cp-save-container) .cp-save-btn:where(:not(.container-tgshop .cp-save-btn)) {order: 2;}

	body:where(:not(.bw-theme)) .cp-dimension-divider svg {display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; }

	/*icon button*/
	.cp-icon-btn {
		--btn-color: inherit;
		--btn-hover-color: inherit;

		align-items: center;
		background: none;
		border: 0;
		color: var(--btn-color);
		display: flex;
		width: var(--btn-size, 18px);
		height: var(--btn-size, 18px);
		justify-content: center;
		padding: 0;
		cursor: pointer;
		outline: none;
	}

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

	.cp-icon-btn--inline {
		display: inline-flex;
		vertical-align: middle;
	}

	.cp-icon-btn svg {
		width: var(--icon-size, 24px);
		height: var(--icon-size, 24px);
		display: block;
		pointer-events: none;
	}

	button.cp-icon-btn:disabled .fa, a.cp-icon-btn.disabled .fa {
		cursor: default;
		filter: grayscale(1);
	}

	/*add new btn link*/
	.cp-btn-link {
		display: inline-flex;
		gap: 8px;
		vertical-align: middle;
		align-items: center;
		text-decoration: none;
	}

	.cp-btn-link:where(:not(.bw-theme .cp-btn-link)) {
		--icon-size: 16px;
	}

	.cp-btn-link svg {
		width: var(--icon-size, 18px);
		height: var(--icon-size, 18px);
		flex: 0 0 var(--icon-size, 18px);
	}
	/*add new btn link end*/


	@media (hover: hover) {
		.cp-icon-btn:hover {color: var(--btn-hover-color);}
	}
	/*icon button end*/

}

@layer base-3utilites {
	[resize-vertical] { resize:vertical; }
	[resize-horizontal] { resize:horizontal; }
	[no-resize] { resize:none; }

/* common colors */
.-blue, .color-blue, [color-blue] { color:blue; }
.-green, .color-green, [color-green] { color:green; }
.-violet, .color-violet, [color-violet] { color:violet; }
.-orange, .color-orange, [color-orange] { color:orange; }
.-red, .color-red, [color-red] { color:red; }
.-maroon, .color-maroon, [color-maroon] { color:maroon; }
:where(body:not(.bw-theme))	.color-gray{color: #a3a3a3}
/* text align */
.text-start,        [text-start]        { text-align:start; }
.text-end,          [text-end]          { text-align:end; }
.text-left,         [text-left]         { text-align:left; }
.text-right,        [text-right]        { text-align:right; }
.text-center,       [text-center]       { text-align:center; }
.text-justify,      [text-justify]      { text-align:justify; }
.text-match-parent, [text-match-parent] { text-align:match-parent; }

.text-normal, [text-normal] { font-weight:normal; }
.text-strong, [text-strong] { font-weight:bold; }

.noun {text-decoration: none;} 	/*no underline*/

.warning{color:maroon; text-align:center; }
.error{color:red; text-align:center; }

[warning-icon]{display:flex; align-items:center; margin:1em auto; background:url('/.s/img/icon/32/att.png') no-repeat center left 5px;
	min-height:32px; padding-left:45px; }


/* common flex rules */
[flex-between], .flex-between { display:flex; justify-content:space-between; }
[flex-around],  .flex-around  { display:flex; justify-content:space-around; }
[flex-evenly],  .flex-evenly  { display:flex; justify-content:space-evenly; }
[flex-center],  .flex-center  { display:flex; justify-content:center; }
[flex-end],     .flex-end     { display:flex; justify-content:flex-end; }
[flex-start],   .flex-start   { display:flex; justify-content:flex-start; }
[flex-column],  .flex-column  { display:flex; flex-direction:column; }
[flex-columns], .flex-columns { display:flex; flex-flow:column wrap; }

[flex-align-start],   .flex-align-start   { display:flex; align-items:flex-start; }
[flex-align-center],  .flex-align-center  { display:flex; align-items:center; }
[flex-align-end],     .flex-align-end     { display:flex; align-items:flex-end; }
[flex-align-stretch], .flex-align-stretch { display:flex; align-items:stretch; }

[flex-row-reverse],    .flex-row-reverse    { flex-direction:row-reverse; }
[flex-column-reverse], .flex-column-reverse { flex-direction:column-reverse; }

[nowrap] { white-space:nowrap; }
[prewrap] { white-space:pre; }
[prelinewrap] { white-space:pre-line; }
[flex-nowrap], .flex-nowrap { display:flex; flex-wrap:nowrap; }
[flex-wrap],   .flex-wrap   { display:flex; flex-wrap:wrap; }

[flex-grow1], .flex-grow1 { flex-grow:1; }
[flex-grow2], .flex-grow2 { flex-grow:2; }

[flex-noshrink], .flex-noshrink { flex-shrink:0; }

/* grid presets */
[grid-2-columns], [grid-3-columns], [grid-4-columns], [grid-5-columns],
.grid-2-columns, .grid-3-columns, .grid-4-columns, .grid-5-columns { display:grid; gap:.5rem; text-align:var(--text-justify); }
.grid-2-columns, [grid-2-columns] { grid-template-columns:1fr 1fr; }
.grid-3-columns, [grid-3-columns] { grid-template-columns:repeat(3, 1fr); }
.grid-4-columns, [grid-4-columns] { grid-template-columns:repeat(4, 1fr); }
.grid-5-columns, [grid-5-columns] { grid-template-columns:repeat(5, 1fr); }

[align-self-start],  .align-self-start  { align-self:start; }
[align-self-center], .align-self-center { align-self:center; }
[align-self-end],    .align-self-end    { align-self:end; }

[no-margin],        .no-margin        {margin: 0;}
[ledge-auto],       .ledge-auto       { margin:auto; }
[ledge-start],      .ledge-start      { margin-left:1rem; }
[half-ledge-start], .half-ledge-start { margin-left:.5rem; }
[ledge-end],        .ledge-end        { margin-right:1rem; }
[half-ledge-end],   .half-ledge-end   { margin-right:.5rem; }
[ledge-both],       .ledge-both       { margin-left:1rem; margin-right:1rem; }
[half-ledge-both],  .half-ledge-both  { margin-left:.5rem; margin-right:.5rem; }

[break-before],      .break-before      { margin-top:1rem; }
[half-break-before], .half-break-before { margin-top:.5rem; }
[break-after],       .break-after       { margin-bottom:1rem; }
[half-break-after],  .half-break-after  { margin-bottom:.5rem; }
[break-both],        .break-both        { margin-top:1rem; margin-bottom:1rem; }
[half-break-both],   .half-break-both   { margin-top:.5rem; margin-bottom:.5rem; }

/*three quarter*/
[tq-break-before], .tq-break-before { margin-top: .75rem; }
[tq-break-after],  .tq-break-after { margin-bottom: .75rem; }
[tq-break-block],  .tq-break-block { margin-block: .75rem; }
[tq-break-inline], .tq-break-inline { margin-inline: .75rem; }

/*long quarter*/
[lq-break-before], .lq-break-before { margin-top: 1.5rem; }
[lq-break-after],  .lq-break-after { margin-bottom: 1.5rem; }
[lq-break-block],  .lq-break-block { margin-block: 1.5rem; }
[lq-break-inline], .lq-break-inline { margin-inline: 1.5rem; }

/*extra quarter*/
[xq-break-before], .xq-break-before { margin-top: 2rem; }
[xq-break-after],  .xq-break-after { margin-bottom: 2rem; }
[xq-break-block],  .xq-break-block { margin-block: 2rem; }
[xq-break-inline], .xq-break-inline { margin-inline: 2rem; }

/* width presets */
[full-width], .full-width { width:100%; }
[threequarter-width], .threequarter-width { width:75%; }
[half-width], .half-width { width:50%; }
[quarter-width], .quarter-width { width:25%; }
[maxcont-width], .maxcont-width { width:max-content; }
[mincont-width], .mincont-width { width:min-content; }

[full-minwidth],         .full-minwidth         { min-width:100%; }
[threequarter-minwidth], .threequarter-minwidth { min-width:75%; }
[half-minwidth],         .half-minwidth         { min-width:50%; }
[quarter-minwidth],      .quarter-minwidth      { min-width:25%; }
[full-maxwidth],         .full-maxwidth         { max-width:100%; }
[threequarter-maxwidth], .threequarter-maxwidth { max-width:75%; }
[half-maxwidth],         .half-maxwidth         { max-width:50%; }
[quarter-maxwidth],      .quarter-maxwidth      { max-width:25%; }

[line-height-0], .line-height-0 { line-height:0; }
[line-height-1], .line-height-1 { line-height:1.1rem; }
[line-height-2], .line-height-2 { line-height:1.2rem; }
[line-height-3], .line-height-3 { line-height:1.3rem; }
[line-height-4], .line-height-4 { line-height:1.4rem; }
[line-height-5], .line-height-5 { line-height:1.5rem; }

/* brackets */
.-square-brackets:before{content:'[ '; }
.-square-brackets:after{content:' ]'; }

.cp-columns { display:grid; gap:.25em 1em; grid-template-columns:repeat(3, 1fr); }
.cp-columns.columns4 { grid-template-columns:repeat(4, 1fr); }
.cp-columns.columns5 { grid-template-columns:repeat(5, 1fr); }
.cp-columns > span { text-align:justify; }

/*grid columns*/
[ugrid] { display:grid; align-items:center; }
	[gc2] { grid-template-columns:1fr 1fr; }
	[gc2-1_2] { grid-template-columns:1fr 2fr; }
	[gc2-2_1] { grid-template-columns:2fr 1fr; }
	[gc3]     { grid-template-columns:1fr 1fr 1fr; }
	[gc4]     { grid-template-columns:1fr 1fr 1fr 1fr; }

[ugrid][gai-start] { align-items:start; }
[ugrid][gai-center] { align-items:center; }
[ugrid][gai-end] { align-items:end; }

/* flex separator */
hr[full-width] { margin:.5rem 0; }
/* grid separator */
[ugrid] > hr, [ugrid] > [full-width] { grid-column-start:1; grid-column-end:-1; margin:0; }
/* [ugrid][gc3] > hr, [ugrid][gc3] > div[full-width] { grid-column-start:1; grid-column-end:4; margin:0; } */
/* [ugrid][gc4] > hr, [ugrid][gc4] > div[full-width] { grid-column-start:1; grid-column-end:5; margin:0; } */

[double-gap],       .double-gap       { gap:2rem }
[gap],              .gap              { gap:1rem }
[threequarter-gap], .threequarter-gap { gap:.75rem; }
[half-gap],         .half-gap         { gap:.5rem }
[quarter-gap],      .quarter-gap      { gap:.25rem }
[double-row-gap],       .double-row-gap       { row-gap:2rem; }
[row-gap],              .row-gap              { row-gap:1rem; }
[threequarter-row-gap], .threequarter-row-gap { row-gap:.75rem; }
[half-row-gap],         .half-row-gap         { row-gap:.5rem; }
[quarter-row-gap],      .quarter-row-gap      { row-gap:.25rem; }
[double-column-gap],       .double-column-gap       { column-gap:2rem; }
[column-gap],              .column-gap              { column-gap:1rem; }
[threequarter-column-gap], .threequarter-column-gap { column-gap:.75rem; }
[half-column-gap],         .half-column-gap         { column-gap:.5rem; }
[quarter-column-gap],      .quarter-column-gap      { column-gap:.25rem; }

[pos-rel], .pos-rel { position: relative; }
[pos-abs], .pos-abs { position: absolute; }
/* --- */

.arrow-bottom:after { content:'\1f817'; }
.arrow-top:after { content:'\1f815'; }
.u-menuarrow { min-height:1rem; width:1rem; position:absolute; right:0; top:0; bottom:0; }

.svg-icon-x {width:var(--icon-size,16px);height:var(--icon-size, 16px);pointer-events: none;}
.svg-icon-16 {--size:16px; width:var(--size);height: var(--size);pointer-events: none;}
.svg-icon-18 {--size:18px; width:var(--size);height: var(--size);pointer-events: none;}
.svg-block-icon-18 {--size:18px; width:var(--size);height: var(--size);pointer-events: none; display: block;}
.svg-icon-24 {--size:24px; width:var(--size);height: var(--size);pointer-events: none;}
.svg-icon-20 {width:var(--icon-size,20px);height:var(--icon-size, 20px);pointer-events: none;}
.svg-block-icon-24 {--size:24px; width:var(--size);height: var(--size);pointer-events: none;display: block;}
.svg-icon-32 {width:var(--size, 32px);height:var(--size, 32px);pointer-events: none;}

/*hidden utils*/
:is([hidden-empty],.hidden-empty):empty {display: none;}
}

/* pagination for old themes */
:where(body:not(.bw-theme)) .pagination *{box-sizing:border-box;}
:where(body:not(.bw-theme)) .pagination-container{margin-block:8px;}
:where(body:not(.bw-theme)) .pagination{--pagi-link-size:20px; --pagi-link-radius:4x; --icon-size:16px; display:flex; align-items:center; justify-content:space-between; gap:16px; min-width:0;}
:where(body:not(.bw-theme)) :where(.pagination) .pagination-info{color:var(--pagi-text-color); white-space:nowrap;}
:where(body:not(.bw-theme)) :where(.pagination) :is(.pagination-nav, .pagination-dots, .pagination-link){align-items:center; background:var(--pagi-link-bg); border-radius:var(--pagi-link-radius, 8px); border:var(--pagi-link-border); color:var(--pagi-link-color); display:flex; height:var(--pagi-link-size, 32px); justify-content:center; text-decoration:none; transition:border-color .2s linear; min-width:var(--pagi-link-size, 32px); user-select:none; flex-shrink:0; padding:3px;}
:where(body:not(.bw-theme)) :where(.pagination) .pagination-controls{display:flex; align-items:center; gap:6px; min-width:0;}
:where(body:not(.bw-theme)) :where(.pagination) .pagination-list{overflow:auto; scrollbar-width:none;}
:where(body:not(.bw-theme)) :where(.pagination) .pagination-list-inner{display:flex; align-items:center; gap:4px; width:fit-content;}
:where(body:not(.bw-theme)) :where(.pagination) :is(.active, .pagination-link:hover){background-color:var(--pagi-link-hover-bg);}
:where(body:not(.bw-theme)) :where(.pagination) :is(.disabled, .active){pointer-events:none;}
:where(body:not(.bw-theme)) .pagination-nav{padding:0;}
/* pagination end */

/*stat widget style for old themes*/
:where(body:not(.bw-theme)) .available-size-modal {--chart-size:200px; --icon-size:16px;}
:where(body:not(.bw-theme) .available-size-modal) .available-size-loader {--icon-size:40px; color:#a5a5a5; }
:where(body:not(.bw-theme) .available-size-modal) .available-size-loader svg {animation: spin-base .7s linear infinite;}
:where(body:not(.bw-theme) .available-size-modal) .available-size-inner {align-items:center; display:grid; gap:16px; grid-template-columns:1fr 1fr; justify-items:center;}
:where(body:not(.bw-theme) .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(body:not(.bw-theme) .available-size-modal) .chart-legend-item {align-items:center; background:none; display:flex; gap:8px; min-width:0; padding-block:0 6px;}
:where(body:not(.bw-theme) .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(body:not(.bw-theme) .available-size-modal) :is(.chart-legend-link,#f) {max-width:280px; display:inline-flex; align-items:center; gap:4px; text-decoration: none;}
:where(body:not(.bw-theme) .available-size-modal) .legend-filters {color: #a5a5a5;}
:where(body:not(.bw-theme) .available-size-modal) .chart-legend-list:has(.active) .chart-legend-item:where(:not(.active)):before {background-color:#a5a5a5;}
:where(body:not(.bw-theme)) .available-size-modal a.legend-filter.active {color:var(--black); text-decoration:none;}
/*stat widget style for old themes end*/

/* panel promo-code wnd block */
.promo-code-block {max-width: 390px;margin: 0 auto;}
.promo-code-block .promo-code-input {margin-block: 0.5em 1em;text-align: center;width: 100%;max-width: 390px;}

/*cp-setting for old theme*/
:where(body:not(.bw-theme)) .cp-setting:has(.cp-setting-heading){display: none}
/*cp-setting for old theme end*/

/*new way to hide setting items in one tbody*/
.dependent-hidden > .dependent{display: none}

/* old admin/user bar */
#puzadpnadm {
	height:24px;
	.cuzadpn {
		position: fixed; display: flex; justify-content: space-between; gap: 1rem; padding: 0 .5rem; box-sizing: border-box;
		.u-menu, .u-menuh, .u-menubody, .u-menucont { max-width: max-content; }

		.u-menu-pro-item:where(:not(.bw-theme .u-menu-pro-item)) {
/* 			display: flex; gap: .25rem; */
			&:before { content: ''; width: .75rem; background:url('/.s/img/ma/mon.png') no-repeat center top 1px; }
		}
		.u-menu-mysites-item {
			&:after { content: ''; width: .75rem; background:url('/.s/img/ma/www.png') no-repeat center; }
		}

		.u-layer-item[data-lay] { flex-direction: row-reverse; justify-content: start; }
		[data-lay]:after { content: ''; width: .75rem; flex-direction: row-reverse; background:url('/.s/img/wd/1/sample.gif') no-repeat center; }
		[data-lay="2"]:after { background-image:url('/.s/img/wd/2/sample.gif'); }
		[data-lay="3"]:after { background-image:url('/.s/img/wd/3/sample.gif'); }
		[data-lay="4"]:after { background-image:url('/.s/img/wd/4/sample.gif'); }
		[data-lay="5"]:after { background-image:url('/.s/img/wd/5/sample.gif'); }
		[data-lay="6"]:after { background-image:url('/.s/img/wd/6/sample.gif'); }
		[data-lay="7"]:after { background-image:url('/.s/img/wd/7/sample.gif'); }

		.u-menu-language-item {
			&:after { content: ''; width: 1rem; background:url('/.s/img/ma/_en.gif') no-repeat center; }
			&[data-lng=ar]:after { background-image:url('/.s/img/ma/_ar.gif'); }
			&[data-lng=de]:after { background-image:url('/.s/img/ma/_de.gif'); }
			&[data-lng=es]:after { background-image:url('/.s/img/ma/_es.gif'); }
			&[data-lng=fr]:after { background-image:url('/.s/img/ma/_fr.gif'); }
			&[data-lng=hu]:after { background-image:url('/.s/img/ma/_hu.gif'); }
			&[data-lng=pl]:after { background-image:url('/.s/img/ma/_pl.gif'); }
			&[data-lng=pt]:after { background-image:url('/.s/img/ma/_pt.gif'); }
			&[data-lng=ro]:after { background-image:url('/.s/img/ma/_ro.gif'); }
			&[data-lng=ru]:after { background-image:url('/.s/img/ma/_ru.gif'); }
			&[data-lng=uk]:after { background-image:url('/.s/img/ma/_uk.gif'); }
		}

		.uadm-bar-right-wrapper {
			display: flex; justify-content: flex-end; gap: .5rem;
			/* used (space|message) informer */
			.pbarWrapper {
				margin: auto 0;
				.pbarContainer {
					z-index:56; width:4rem; height:.75rem; background:#eee; cursor:help; border-radius:.25rem; border:1px solid #bbb; box-sizing:border-box; text-align:left; overflow: hidden;
					&:hover + .pbarTooltip:before, &:hover + .pbarTooltip:after { visibility:visible; }
					.pbarFiller {
						height:100%; border-radius:1px; background:#51b5ea; box-sizing:border-box; word-break:break-word; max-width:100%; min-width:1%;
						&[style*='width:5']:not([style*='width:5%']), &[style*='width:6']:not([style*='width:6%']) { background:#f90; }
						&[style*='width:7']:not([style*='width:7%']), &[style*='width:8']:not([style*='width:8%']), &[style*='width:9']:not([style*='width:9%']), &[style*='width:10']:not([style*='width:10%']) { background:red; }
					}
				}
				.pbarTooltip {
					position: relative; text-align: end;
					&:before, &:after { content:attr(data-title); position:absolute; visibility:hidden; box-sizing:border-box; overflow: hidden; }
					&:before { display:block; width:10px; height:10px; border:5px solid transparent; border-bottom-color:rgba(0,0,0,.68); top:-4px; right:1rem; }
					&:after { width:140px; right:0; font-size:10px; background:rgba(0,0,0,.68); color:#fff; top:calc(-4px + 10px); padding:.25rem; border-radius:.25rem; text-align:center; }
				}
			}
		}
		#uzadpnR { position: relative; }

		.u-menuicon,
		.u-menuiconr {
			display: flex; gap: .25rem;
/* 			padding-right:calc(10px + .25rem); background-position:right center; background-color:transparent; background-repeat:no-repeat  */
		}
	}
}
.cuzadpn { position:absolute; top:0; left:0; width:100%; height:1.5rem; }

/* content wrapper */

/* === Layout Layer === */
@layer base-1layout {
	.panel-wrapper { padding: .5rem; }
	.panel-sidebar { width:240px; min-width:240px; align-self: stretch;}
	#panel-cont { flex-grow: 1; }
}
.xw-mc.contentBg{padding:6px; }

.panelTop1 { padding-left:12px; line-height:1rem; box-sizing:border-box; background:url('/.s/img/ma/ar1.gif') no-repeat center left 5px; }
.topBlockM > table { border-spacing:0; }
.topBlockMain .panelTop1{padding:4px 5px 4px 16px; }

.myButton-wrapper{display:inline-block; vertical-align:middle; }

/* common loader new */
.wait-loader { background:url('/.s/img/wait.svg') no-repeat center; min-width:2rem; min-height:2rem; }
.cp-fade-container { position:absolute; top:0; right:0; bottom:0; left:0; background-color:#0004; }

/* auto numerate table row */
table.autoNumerate{counter-reset:count; }
table.autoNumerate th:first-child,
table.autoNumerate th:last-child{width:5%; }
table.autoNumerate td[num]:before{content:counter(count); counter-increment:count; }
:where(body:not(.bw-theme)) table.autoNumerate td[num]{text-align:center; }
/* table.autoNumerate td:last-child{text-align:center; } */


/* Modules Menu */
:where(body:not(.bw-theme)) .MmenuOut{display:flex; justify-content:space-between; border:1px solid transparent; border-radius:3px; margin:2px; padding:0 2px; height:19px; }
.MmenuOut:hover, .MmenuSelected{box-shadow:inset 0 0 1px 1px #fff; box-shadow:inset 0 0 1px 1px rgba(255,255,255,.75); }
:where(body:not(.bw-theme)) .mmenuItem{display:flex; padding:1px 0; flex-grow:1; gap: .25rem; }
:where(body:not(.bw-theme)) .mmenuItem:before{display:block; content:''; width:1rem; background-repeat:no-repeat; background-position:center center; }
:where(body:not(.bw-theme)) .mnSub{cursor:pointer; width:10px; background-repeat:no-repeat; background-position:center center; }
.mm-submenu{width:230px; position:absolute; z-index:51; box-sizing:border-box; }
.mm-submenu [content]{padding:0; }

:where(body:not(.bw-theme)) .MmenuOut a,
:where(body:not(.bw-theme)) .MmenuOut a:hover{text-decoration:none; color:#000; outline:none; flex-grow:1; line-height:1.3; }
:where(body:not(.bw-theme)) .mmenuItem a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:150px; }
:where(body:not(.bw-theme)) a.mmla:link,
:where(body:not(.bw-theme)) a.mmla:visited,
:where(body:not(.bw-theme)) a.mmla:hover,
:where(body:not(.bw-theme)) a.mmla:active{font-weight:bold; }
:where(body:not(.bw-theme)) .sbm a{display:block; text-decoration:none; padding:4px 8px; color:#000; }

.mm1w:before{background-image:url('/.s/img/icon/1w.png'); }
.mm1o:before{background-image:url('/.s/img/icon/1o.png'); }
.mm1n:before{background-image:url('/.s/img/icon/1n.png'); }
.mmsi:before{background-image:url('/.s/img/icon/si.png'); }
.mmus:before{background-image:url('/.s/img/icon/us.png'); }
.mmgb:before{background-image:url('/.s/img/icon/gb.png'); }
.mmfr:before{background-image:url('/.s/img/icon/fr.png'); }
.mmpu:before{background-image:url('/.s/img/icon/pu.png'); }
.mmbl:before{background-image:url('/.s/img/icon/bl.png'); }
.mmph:before{background-image:url('/.s/img/icon/ph.png'); }
.mmnw:before{background-image:url('/.s/img/icon/nw.png'); }
.mmmf:before{background-image:url('/.s/img/icon/mf.png'); }
.mmst:before{background-image:url('/.s/img/icon/st.png'); }
.mmpo:before{background-image:url('/.s/img/icon/po.png'); }
.mmfq:before{background-image:url('/.s/img/icon/fq.png'); }
.mmld:before{background-image:url('/.s/img/icon/ld.png'); }
.mmdr:before{background-image:url('/.s/img/icon/dr.png'); }
.mmbd:before{background-image:url('/.s/img/icon/bd.png'); }
.mmmc:before{background-image:url('/.s/img/icon/mc.png'); }
.mmts:before{background-image:url('/.s/img/icon/ts.png'); }
.mmse:before{background-image:url('/.s/img/icon/se.png'); }
.mmsh:before{background-image:url('/.s/img/icon/sh.png'); }
.mmss:before{background-image:url('/.s/img/icon/rt.png'); }
.mmsf:before{background-image:url('/.s/img/icon/sf.png'); }
.mmvi:before{background-image:url('/.s/img/icon/vi.png'); }
.mmcs:before{background-image:url('/.s/img/icon/cs.png'); }
.mmso:before{background-image:url('/.s/img/icon/so.png'); }
:is(.mmfy,.icon-yandex):before{background-image:url('/.s/img/icon/ya_feed.png'); }
.mmyb:before{background-image:url('/.s/img/icon/yb.png'); }
.mmtg:before{background-image:url('/.s/img/icon/telegram.png')}

:where(body:not(.bw-theme)) .servs-switchers div{width:45%; text-align:center; border:1px solid; border-top:none; font-size:.7rem; border-radius:0 0 2px 2px; }
:where(body:not(.bw-theme)) .servs-switchers div a{outline:none; display:block; width:100%; text-decoration:none; }
:where(body:not(.bw-theme)) .servs-switchers .MnotActive:first-child{border-right:none; border-bottom-right-radius:0; }
:where(body:not(.bw-theme)) .servs-switchers .MnotActive:last-child:not(:dir(rtl)){border-left:none; border-bottom-left-radius:0; }
:where(body:not(.bw-theme)) .servs-switchers .MnotActive:last-child:dir(rtl){border-right:none; border-bottom-right-radius:0; }
:where(body:not(.bw-theme)) .Mactive{line-height:25px; }
:where(body:not(.bw-theme)) .MnotActive{line-height:21px; }
:where(body:not(.bw-theme)) .Mactive a:link,
:where(body:not(.bw-theme)) .Mactive a:visited,
:where(body:not(.bw-theme)) .Mactive a:hover{cursor:text; }

:where( body:not(.bw-theme) .panel-sidebar .show-inactive ) .active-modules,
:where( body:not(.bw-theme) .panel-sidebar .show-active ) .inactive-modules {
	display: none;
}
/* ------------ */

/* servMenuList icons */
[container] .servMenuList .servmenu { background-position:left center; background-repeat:no-repeat; line-height:1.5rem; padding-left:1.5rem; background-size: 1rem; }
[container] .servMenuList .mdesc { margin:0 0 .5rem; padding-left:1.5rem; }
.serv-icon-dsg   .servmenu { background-image:url('/.s/img/icon/dsg.png'); }
.serv-icon-fm    .servmenu { background-image:url('/.s/img/icon/fm.png'); }
.serv-icon-inf   .servmenu { background-image:url('/.s/img/icon/inf.png'); }
.serv-icon-rt    .servmenu { background-image:url('/.s/img/icon/rt.png'); }
.serv-icon-sg    .servmenu { background-image:url('/.s/img/icon/sg.png'); }
.serv-icon-cs    .servmenu { background-image:url('/.s/img/icon/cs.png'); }
.serv-icon-tf    .servmenu { background-image:url('/.s/img/icon/tf.png'); }
.serv-icon-copy  .servmenu { background-image:url('/.s/img/icon/copy.png'); }
.serv-icon-seo   .servmenu { background-image:url('/.s/img/seo.png'); }
.serv-icon-tr    .servmenu { background-image:url('/.s/img/icon/tr.png'); }
.serv-icon-bu    .servmenu { background-image:url('/.s/img/icon/bu.png'); }
.serv-icon-like  .servmenu { background-image:url('/.s/img/icon/like.png'); }
.serv-icon-hp    .servmenu { background-image:url('/.s/img/icon/hp.png'); }
.serv-icon-sc    .servmenu { background-image:url('/.s/img/icon/sc.png'); }
.serv-icon-divly .servmenu { background-image:url('/.s/img/icon/divly.ico'); }
.serv-icon-grp   .servmenu { background-image:url('/.s/img/icon/grp.png'); }
.serv-icon-set   .servmenu { background-image:url('/.s/img/icon/set.png'); }
.serv-icon-rnk   .servmenu { background-image:url('/.s/img/icon/rnk.png'); }
.serv-icon-eml   .servmenu { background-image:url('/.s/img/icon/eml.png'); }
.serv-icon-cmn   .servmenu { background-image:url('/.s/img/icon/cmn.png'); }
.serv-icon-usd   .servmenu { background-image:url('/.s/img/icon/usd.png'); }
.serv-icon-rl    .servmenu { background-image:url('/.s/img/icon/rl.png'); }
.serv-icon-ava   .servmenu { background-image:url('/.s/img/icon/ava.png'); }
.serv-icon-pgs   .servmenu { background-image:url('/.s/img/icon/pgs.png'); }
.serv-icon-cats  .servmenu { background-image:url('/.s/img/icon/cats.png'); }
.serv-icon-pent  .servmenu { background-image:url('/.s/img/icon/pent.png'); }
.serv-icon-edt   .servmenu { background-image:url('/.s/img/icon/edt.png'); }
.serv-icon-flt   .servmenu { background-image:url('/.s/img/icon/flt.png'); }
.serv-icon-tss   .servmenu { background-image:url('/.s/img/icon/tss.png'); }
.serv-icon-ad    .servmenu { background-image:url('/.s/img/icon/ad.png'); }
.serv-icon-po    .servmenu { background-image:url('/.s/img/icon/po.png'); }
.serv-icon-st    .servmenu { background-image:url('/.s/img/icon/st.png'); }
.serv-icon-mc    .servmenu { background-image:url('/.s/img/icon/mc.png'); }
.serv-icon-yb    .servmenu { background-image:url('/.s/img/icon/yb.png'); }
.serv-icon-yzen  .servmenu { background-image:url('/.s/img/icon/yzen.svg'); }
.serv-icon-telegram .servmenu { background-image:url('/.s/img/icon/telegram.svg'); }
.serv-icon-so_iconm_01 .servmenu { background-image:url('/.s/img/so_iconm_01.png'); }
.serv-icon-so_iconm_02 .servmenu { background-image:url('/.s/img/so_iconm_02.png'); }
.serv-icon-so_iconm_03 .servmenu { background-image:url('/.s/img/so_iconm_03.png'); }
.serv-icon-so_iconm_04 .servmenu { background-image:url('/.s/img/so_iconm_04.png'); }

/* Ajax loader */
/* needs to index/31 or other pages w/ old editor */
#myGrid { position:fixed; top:0; right:0; bottom:0; left:0; background:#000a url('/.s/img/light_wait.svg') no-repeat center; z-index:105; }  /*also present in base.css*/

/* panel/module main page - TODO*/
:where(body:not(.bw-theme)) .servmenuhead,
:where(body:not(.bw-theme)) [container] .servmenuhead { display:flex; gap:.25rem; text-transform:uppercase; font-weight:bold; font-size:.85rem; line-height:1.75rem; }
:where(body:not(.bw-theme)) .servmenuhead:before { content:''; width:1.3rem; }
.module-utils { line-height:2.5; padding-left:1.5rem; }
.module-utils .fa{padding:0 3px; }
.site-info{display: flex;align-items: baseline; gap: .5rem;flex-wrap: wrap;}

/* Js-bar settings page stylesheet */
ul#js_bar_settings{list-style:none; margin:0; padding:20px; font:normal 14px sans-serif; float:left; }
ul#js_bar_settings li{background:none; margin:0 0 10px 0; float:left; clear:left; width:100%; padding:0; }
ul#js_bar_settings li#jsbar_preview_wrapper{border:1px dashed #dadada; position:relative; padding:10px 0; }

#jsbar_preview_title{position:absolute; background:#fff; color:#9a9a9a; font-size:11px; left:40px; top:-7px; }
#jsbar_preview{border:none; }

#js_icon_wrapper{padding:0 10px 0 18px; }
#js_icon_wrapper img{margin-bottom:-7px; }

ul#js_bar_settings .jsbar_s_buttons_setup .sb_s{float:left; margin:0 8px 0 0; text-align:center; width:auto; padding:0; clear:none; }
.jsbar_s_buttons_setup{float:left; width:100%; list-style:none; margin:0; padding:0; margin-top:10px; }

.sb_s label{margin-bottom:5px; }

.clr{float:none; clear:both; }

.jsbar_buttons_setup{float:left; clear:left; width:100%; }
.jsbar_buttons_setup ul{list-style:none; margin:0; padding:15px 0 0 0; }
.jsbar_buttons_setup ul li label{margin-left:5px; }

.field_input{display:none; }

.js_ok, .js_cancel{display:none; }

#jsfriends_wrapper a,
#jssearch_wrapper a,
#vkapid_wrapper a{margin-left:3px; }
#jsfriends_wrapper a img,
#jssearch_wrapper a img,
#vkapid_wrapper a img{margin-bottom:-3px; }

#eMessage.jsbar_e{/*height:31px; */ float:right; }
#eMessage.jsbar_e .myWinLoadSD,
#eMessage.jsbar_e .myWinLoadSF,
#eMessage.jsbar_e .myWinLoadS{height:7px; width:auto; padding:7px 27px 17px 40px; }
#eMessage.jsbar_e .myWinLoadSD{background:url('/.s/img/icon/ok.png') no-repeat 5px center #e7fadd; border:1px dashed #afd39a; color:#629c40; }
#eMessage.jsbar_e .myWinLoadSF{background:url('/.s/img/icon/er.png') no-repeat 5px center #ffd2d2; border:1px dashed #ff3737; color:#ff3737; }
#eMessage.jsbar_e .myWinLoadS{background:url('/.s/img/wd/3/ajaxs.gif') no-repeat 5px center #f0f0f0; border:1px dashed #bcbfc4; color:#bababa; }
/* end js-bar settings page stylesheet */

#js_delete_wrapper{float:left; clear:left; margin:5px 0 5px 100px; width:100%; font-style:italic; }

@layer base-2components {
/* template $CODE$ */
input[readonly].tmplCodeH,
input[readonly].tmplCodeHo{padding:1px; margin:0; color:var(--color, inherit); font-family:monospace; text-align:left; box-sizing:border-box; }
input.tmplCodeH::-moz-selection{color:#fff; }
input.tmplCodeH::selection{color:#fff; }
.myWinCont input[readonly].tmplCodeH,
.myWinCont input[readonly].tmplCodeH:hover{padding:1px 2px; margin:0; color:inherit; font:8.7pt monospace; }
#prov_wrapper .tmplCodeH, #prov_wrapper .tmplCodeHo{padding:2px 4px; color:inherit; }
}

li.hidden-separator { list-style: none; height: 1em; }

.uauth-icon{display:inline-block; vertical-align:middle; width:32px; height:32px; margin:0 3px; border-radius:50%; cursor:pointer;
	background:#ccc url('/.s/img/icon/social/uauth_icons_32x32.png') no-repeat;
	transition:background-color .3s .05s ease-out, color .2s .05s ease-out; }

.uauth-uid{background-position:0 0; }
.uauth-uid.active{background-color:#3498db; }
.uauth-loc{background-position:0 -160px; }
.uauth-loc.active{background-color:#6b6b6b; }
.uauth-vk{background-position:0 -32px; }
.uauth-vk.active{background-color:#2f6caa; }
.uauth-fb{background-position:0 -64px; }
.uauth-fb.active{background-color:#4862a5; }
.uauth-gplus{background-position:0 -96px; }
.uauth-gplus.active{background-color:#515151; }
.uauth-twt{background-position:0 -128px; }
.uauth-twt.active{background-color:#01a9d3; }
/*---set-2---*/
.uauth-links-set2 .uauth-icon{border:1px solid #ccc; background-color:#fff; transition-delay:0s; }
.uauth-links-set2 .uauth-icon.active{border-color:transparent; }
.uauth-links-set2 .uauth-uid{background-position:-32px 0; }
.uauth-links-set2 .uauth-uid:hover, .uauth-links-set2 .uauth-uid.active{background-position:0 0; background-color:#3498db; }
.uauth-links-set2 .uauth-loc{background-position:-32px -160px; }
.uauth-links-set2 .uauth-loc.active{background-position:0 -160px; background-color:#6b6b6b; }
.uauth-links-set2 .uauth-vk{background-position:-32px -32px; }
.uauth-links-set2 .uauth-vk.active{background-position:0 -32px; background-color:#2f6caa; }
.uauth-links-set2 .uauth-fb{background-position:-32px -64px; }
.uauth-links-set2 .uauth-fb.active{background-position:0 -64px; background-color:#4862a5; }
.uauth-links-set2 .uauth-gplus{background-position:-32px -96px; }
.uauth-links-set2 .uauth-gplus.active{background-position:0 -96px; background-color:#515151; }
.uauth-links-set2 .uauth-twt{background-position:-32px -128px; }
.uauth-links-set2 .uauth-twt.active{background-position:0 -128px; background-color:#01a9d3; }
/*---set-3---*/
.uauth-links-set3 .uauth-icon{border-radius:3px; background-color:#333; }
.uauth-links-set3 .uauth-uid{background-position:0 0; }
.uauth-links-set3 .uauth-uid.active{background-color:#3498db; }
.uauth-links-set3 .uauth-loc{background-position:0 -160px; }
.uauth-links-set3 .uauth-loc.active{background-color:#6b6b6b; }
.uauth-links-set3 .uauth-vk{background-position:0 -32px; }
.uauth-links-set3 .uauth-vk.active{background-color:#2f6caa; }
.uauth-links-set3 .uauth-fb{background-position:0 -64px; }
.uauth-links-set3 .uauth-fb.active{background-color:#4862a5; }
.uauth-links-set3 .uauth-gplus{background-position:0 -96px; }
.uauth-links-set3 .uauth-gplus.active{background-color:#515151; }
.uauth-links-set3 .uauth-twt{background-position:0 -128px; }
.uauth-links-set3 .uauth-twt.active{background-color:#01a9d3; }
/*---set-4---*/
.uauth-links-set4 .uauth-icon{border-radius:3px; background-color:#c9cbce; transition-delay:0s; }
.uauth-links-set4 .uauth-uid{background-position:-64px 0; }
.uauth-links-set4 .uauth-uid.active{background-position:-96px 0; background-color:#3498db; }
.uauth-links-set4 .uauth-loc{background-position:-64px -160px; }
.uauth-links-set4 .uauth-loc.active{background-position:-96px -160px; background-color:#6b6b6b; }
.uauth-links-set4 .uauth-vk{background-position:-64px -32px; }
.uauth-links-set4 .uauth-vk.active{background-position:-96px -32px; background-color:#2f6caa; }
.uauth-links-set4 .uauth-fb{background-position:-64px -64px; }
.uauth-links-set4 .uauth-fb.active{background-position:-96px -64px; background-color:#4862a5; }
.uauth-links-set4 .uauth-gplus{background-position:-64px -96px; }
.uauth-links-set4 .uauth-gplus.active{background-position:-96px -96px; background-color:#515151; }
.uauth-links-set4 .uauth-twt{background-position:-64px -128px; }
.uauth-links-set4 .uauth-twt.active{background-position:-96px -128px; background-color:#01a9d3; }

/* Forum */
#forumTbody{position:relative; }
#tbodyScreen{display:block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.6; }
.no-inherit-checked #tbodyScreen{display:none; }

.catOrdOverItem{text-decoration:underline; }
.phtOrdFrame{ border:1px dashed #ccc; background:none; margin:4px 0; }
.ui-droppable-hover { border:1px dashed #ccc; }
#ordMainUl ul { list-style:none !important; padding-left:1rem; }

#bonadw974s a,
#bonadw974s .myWinSuccess,
.myWinSuccess.myWinSuccess-green{color:green!important; }
.u-subscribe{width:100%; max-width:620px; margin:20px 0 15px 0; border-radius:5px; border:1px solid #c4ccd9; border-bottom-width:2px;
	overflow:hidden; }
.u-subscribe td{border:1px solid #c4ccd9; background:#fff; padding:10px 0; font-family:"Open Sans", sans-serif; font-size:13px;
	color:#464646; }
.u-subscribe td:first-child{background:#dee7f6; text-align:right; padding-right:20px; width:55%; }
.u-subscribe td:last-child{padding-left:40px; border-color:#e1e1e1; }
.unsubscribe-btn{border:2px solid #a3b3ce; text-decoration:none !important; font-family:"Open Sans", sans-serif; font-size:15px;
	text-transform:uppercase; color:#a3b3ce !important; font-weight:bold; padding:11px 27px; border-radius:8px; display:block;
	width:162px; box-sizing:border-box; margin:0 0 10px; transition:background 0.3s linear; }
.unsubscribe-btn:hover{background:#e16636; color:#fff!important; border-color:#e16636!important; }

.hidden-for-calendar{display:none; }

:where(body:not(.bw-theme)) .u-payment-sum.note{text-align:center; font-size:12px; color:#494949; font-weight:normal; }
:where(body:not(.bw-theme)) .u-payment-sum.note p span{color:#494949; }

/* some display actions */
[hidden], .hidden, .u-hidden { display:none; }
.show-sibling + *{display:contents; }
.show-sibling + tbody{display:table-row-group; }
.show-siblings ~ *{display:contents; }
.show-siblings ~ tbody{display:table-row-group; }

/* SSL settings/upload */
.ssl-info{position:relative; }
.ssl-info .panelBar{background-position:0 8px; }
.ssl-hashes input{display:block; width:100%; }
.ssl { min-height:10rem; }
.ssl textarea { height:5rem; resize:vertical; transition:all linear .25s; }
.ssl textarea:focus { height:20rem; }
.ssl-install:where(:not(:has([name="use_https"]:checked) )) #addField { display:none; }
.ssl .additional textarea:not(:last-child){margin:0 0 10px; }
.ssl .invalid{box-shadow:0 0 2px red; }
[adm-ssl-info] { margin:0; padding:5px; border:1px solid #88a1c2; background:#dfe8f6; color:brown; }


/* SSL buying */
.ssl-products th:first-child { width:3em; }
.ssl-products th:nth-of-type(3) { width:6em; }
.ssl-products th:nth-of-type(4) { width:12em; }
.ssl-products th:last-child { width:6em; }
.ssl-products td:not(:nth-of-type(2)) { text-align:center; }
.ssl-products select { width:9em; }
/*.ssl-order-page .ssl-order-info { background:#0001; border:1px solid; padding:.5rem; }*/

.currency-prefix:before { content:'$'; }
.currency-prefix.currency-rub:before { content:''; }
.currency-prefix.currency-rub:after { content:' ₽'; }

#selectedPeriodPrice { font-weight:bold; min-width:2rem; width:auto; font-size:1rem; }

.ssl-popup .fancybox-close { right:15px; top:15px; background:none; width:auto; height:auto; }
.ssl-popup .fancybox-close:before { content:'\2716'; display:flex; width:1.5rem; height:1.5rem; align-items:center; justify-content:center; background:#0006; border-radius:50%; font-size:.8rem; line-height:1rem; color:white; transition:all 0.2s linear; }
.ssl-popup .fancybox-close:hover:before { background:#0008; }
.ssl-popup input { max-width:50%; min-width:25%; line-height:2rem; margin:0 auto; padding:0 2rem; font-size:1rem;
	background:#00c57c; color:white; transition:all 0.2s linear; cursor:pointer; border:2px solid #00b06a; border-radius:.5rem; }
.ssl-popup input:hover { background:#00b06a; }

/* SSL payments page */
.payment-content { padding: 20px 20px; }
.payment-content .subtitle { margin: 0; padding: 0 0 10px; font: 24px/30px 'Arial'; }
.ssl-payment { border: 1px solid #c4cee0; border-radius: 5px; display: grid; grid-template-columns: 250px 1fr; }
.payment-aside { padding: 20px; }
.payment-summary { text-align: right; margin: 0 0 16px; font-weight: bold; font-size: 14px; }
.payment-summary.sub-info { font-weight: normal; }
.payment-content * { box-sizing: border-box; }
.payment-main { padding: 20px; border-left: 1px dashed #c4cee0; }
.payment-content iframe#upayucoz_frame { display: block; width: 100%; min-width: 600px; }

/* CSR/KEY generator */
.getSSLkey ul.keygen,
.getSSLkey ul.keygen li{list-style:none; background:none; padding:0; text-align:justify; }
.getSSLkey ul.keygen{margin:20px 0 0; }
.getSSLkey ul.keygen li{display:block; margin:7px 0; padding:0; }
.getSSLkey ul.keygen li label:first-child{display:inline-block; width:25%; margin:0; padding:0; }
.getSSLkey ul.keygen li select,
.getSSLkey ul.keygen li input[type=text]{width:73%; }
.getSSLkey center{margin:20px 0 0; }
.getSSLkey center > *{display:inline-block; vertical-align:middle; }
.getSSLkey textarea.csr{height:auto; font:1.1em/1.1 monospace; resize:vertical; }
#SSLkeygen{height:99%; }

/* Заглушка при неоплаченном пакете услуг */
.nonpayed.cover{position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, .25); z-index:10; }
.nonpayed.cover .alert{position:absolute; top:100px; right:0; left:0; width:75%; z-index:20; margin:0 auto; height:auto; background:#fff; padding:15px; }
.nonpayed.cover .alert .buy_package{display:block; width:75%; margin:15px auto 0; padding:15px; border-radius:3px; text-align:center; font:bold 1.5em/1 sans-serif; text-decoration:none; }

/* watermark */
.minicolors input[type=hidden] + .minicolors-swatch { width: 18px; height: 18px; }
:where(body:not(.bw-theme)) .minicolors { border: 1px solid black; }
.wmark-option-hidden { display: none !important; }
.wmark-path-wrapper { display: flex; align-items: center; gap: .25rem; width: 100%; }
.wmark-path-wrapper input { width: 75%; flex-grow: 1; max-width:25rem; }

/* Версия для слабовидящих */
:where(body:not(.bw-theme)) .vi_panel_props select{min-width:90px;margin: 5px 0;}
:where(body:not(.bw-theme)) .vi_panel_props .minicolors{border:none; padding-left: 21px;margin: 5px 0;}
:where(body:not(.bw-theme)) .vi_panel_props .minicolors-theme-uCoz .minicolors-input{width:auto; padding-left:26px; height:22px; }
:where(body:not(.bw-theme)) .vi_panel_props .minicolors-theme-uCoz .minicolors-swatch{top:0; left:0; cursor:pointer; width:20px; height:20px;border: 1px solid #000;}

.dont-classify-details.invalid td { color: red; }

/* tmpl promo uTemplate */
#uCustomDesignWrap { font-size:18px; width: max-content; margin: auto; }
#uCustomDesignWrap:before { content:''; display:block; width:4rem; height:4rem; background:url('/.s/img/ucustomdesign.png') no-repeat center; flex-shrink:0; }
#uCustomDesignClose { width:14px; height:14px; background:url('/.s/img/ucross-gray.png'); flex-shrink:0; align-self:flex-start; }

/* Tmpl editor */
:where(.tmpl-list) {z-index:30; height:90px; overflow:auto; width:345px}
#tmpls-list .tbn, #tmplsuDiv .tbn{font-weight:bold; font-size:10pt; padding:4px 0 0 3px; }
#tmpls-list .tba a, #tmplsuDiv .tba a,
#tmpls-list .tba1 a, #tmplsuDiv .tba1 a,
#tmpls-list .tba2 a, #tmplsuDiv .tba2 a,
#tmpls-list .tba3 a, #tmplsuDiv .tba3 a,
#tmpls-list .tba4 a, #tmplsuDiv .tba4 a,
#tmpls-list .tba5 a, #tmplsuDiv .tba5 a{display:block; width:99.5%; text-decoration:none; cursor:pointer; padding:0 0 1px 20px; box-sizing:border-box; }
#tmpls-list .tba1 a, #tmplsuDiv .tba1 a{color:blue; }
#tmpls-list .tba2 a, #tmplsuDiv .tba2 a{color:green; }
#tmpls-list .tba3 a, #tmplsuDiv .tba3 a{color:#f90; }
#tmpls-list .tba4 a, #tmplsuDiv .tba4 a{color:#909090; }
#tmpls-list .tba5 a, #tmplsuDiv .tba5 a{color:maroon; }
#tmplsuDiv .active, #tmplsuDiv .active:hover{background:#ebebeb; }

.tmpl-enlarged { top:calc(1rem + 24px); height:calc(100vh - 2rem - 24px); }
.tmpls-editor .tmpl-enlarged { top:1rem; height:calc(100vh - 2rem); }
.tmpls-editor.bw-theme .tmpl-enlarged { padding:1.5rem; }

/* Crossposting */
.myTbl5{border-collapse:collapse; }
.myTbl5 td:not(.myTblhmTD1):not(.x-post-select){border:1px solid #ccc; }
.myTblhTD1{background:#ececec; color:#707070; text-shadow:0px 1px 0px #fff; font-size:16px; font-weight:bold; }
#social_settings h2{display:inline; margin:0 0 15px; float:left; font-size:24px; font-weight:400; color:#707070; }
.myTblTDr1,
.myTblTDm2,
.myTblTDl3{background:#fff; }

#social_settings{padding:10px; }
td.disabledModule{opacity:0.5; }
a.send_link_2{pointer-events:none; cursor:default; filter:grayscale(1); -webkit-filter:grayscale(1); opacity:0.5; }

#social_settings select{max-width:93%; }
.refresh_groups{width:16px; height:16px; font-size:0px; color:transparent; border:none; margin:0; padding:0; display:inline-block;
	background:url('/.s/img/icon/refresh.png') no-repeat center center; cursor:pointer; vertical-align:3px; opacity:0.5; }
.refresh_groups:hover{opacity:1; }

.cp_connect,
.cp_disconnect{font:15px/16px sans-serif; display:inline-block; margin:0; cursor:pointer; padding:5px 20px; color:#fff; border-radius:5px; }
.cp_connect{border:1px solid #359441; text-shadow:1px 1px 0px #338f3f; box-shadow:inset 1px 1px 0px #8de398, inset -1px -1px 0px #8de398;
	background:#47c557; background-image:linear-gradient(#42b851, #4cd25e); cursor:pointer!important; white-space:nowrap; }
.cp_connect:hover{background-image:linear-gradient(#4cd25e, #42b851); }
.cp_disconnect{border:1px solid #949494; text-shadow:1px 1px 0px #818181; box-shadow:inset 1px 1px 0px #c5c5c5, inset -1px -1px 0px #c5c5c5;
	background:#c2c2c2; background-image:linear-gradient(rgb(166,166,166), rgb(194,194,194)); }
.cp_disconnect:hover{background-image:linear-gradient(rgb(194,194,194), rgb(166,166,166)); }

.noactive td{color:#b7b7b7; cursor:default !important; }
.noactive td label,
.noactive td input,
.noactive td button,
.noactive td select{cursor:default; }
.noactive td a{color:#b7b7b7; }
.noactive td:first-child img{opacity:0.5; filter:grayscale(1); -webkit-filter:grayscale(1); }
.noactive .refresh_groups:hover{opacity:0.5 !important; }

#social_settings #eMessage-d,
#social_settings #eMessage{margin:0 5px; }

/* Domains */
.ssl-dns-txt-info { text-align: start; margin: 0 0 1rem; display: flex; flex-direction: column; gap: .5rem; border: 1px solid #e89b88; background: #ff9a8155; padding: .5rem; border-radius: .5rem; }
.ssl-dns-txt-values { display: flex; gap: .5rem; align-items: center; }
.ssl-dns-txt-values .ssl-dns-txt-subdomain { width: 9rem; text-align:end; }
/* .ssl-dns-txt-values .ssl-dns-txt-value { width: 26rem; } */

/* domain zones */
.zones-list { display: grid; gap:.5rem; width: fit-content; margin: 0 auto; }
:is( .zones-list .invalid-value ) { border-color: #e89b88; box-shadow: #e89b88 0 0 .25rem .125rem; }
:where( .zones-list.simple-mode ) { grid-template-columns: auto 3rem auto; }
:where( .zone-title ) { grid-column-start: 1; grid-column-end: 3; }
:where( .zone-ip-title ) { grid-column-start: 3; grid-column-end: -1; }
:where( .zone-copy ) { align-self: center; }
:where( .zone-value input ) { width: 15vw; min-width: 10rem; }
:where( .zone-value ) { width: fit-content; }
:where( .zone-ip ) { width: fit-content; display: flex; gap: .25rem; }
:where( .zone-ip input ) { width: 8rem; }
:where( .zone-ip select ) { width: 10rem; }
:where( .zone-ip select + select ) { width: 8rem; }
:where( .zones-submit-wrapper ) { margin: 0 auto; }
:where( .zones-submit-buttons ) { display: flex; justify-content: center; gap: 1rem; }

/* Gadgets */
.gadgets ul{box-sizing:border-box; padding:0!important; margin:0!important; }
.gadgets ul > li{list-style:none; background:none!important; display:inline-block; box-sizing:border-box; padding:0 0 8px!important; vertical-align:top; }
.gadgets ul > li span{font-size:0.85em; }

/* Categories (list) */
.catGr { padding:.5rem; padding-right:.25rem; display:flex; justify-content:space-between; align-items:center; gap:.5rem; }
:where( .catCt, .catCtP ):not(tr) { padding:.25rem; border:1px solid transparent; display:flex; justify-content:space-between; align-items:center; gap:.5rem; }
/* .catCt { padding-left:.75rem; background:url('/.s/img/ma/ar1.gif') no-repeat .25rem center; } */
/* .catCtP { padding-left:1.75rem; background:url('/.s/img/ma/ar4.gif') no-repeat .25rem .25rem; } */
.catIcons { margin-right:3rem; }
/*.catGr .catIcons { margin-right:3.25rem; }*/

.catCtP.catCtPsub,
.catCtPA.catCtPsub{margin-left:25px; }

.CatsList {
	.cp-cats-toggler { text-decoration: none; }
	.cp-cats-toggler:before { content:'\2796'; }
	.cp-cats-toggler.collapsed:before { content:'\2795'; }
	.cats-id { flex-shrink: 0; }
	.fa-meta-title { background:transparent url('/.s/img/ma/meta_title.png') no-repeat center center; }
	.fa-meta-keywords { background:transparent url('/.s/img/ma/meta_keywords.png') no-repeat center center; }
	.fa-meta-description { background:transparent url('/.s/img/ma/meta_description.png') no-repeat center center; }
	.catIcons {
		display:flex; gap: .5rem; align-items: center;
		.fa:not(.fa-image) { cursor:help }
	}
}

.cats-edit-form {
	gap:.5rem;
	.cp-cat-image-wrapper {
		width:6rem; height:6rem; border:var(--input-border-color) 1px solid; display:flex; justify-content:center; align-items:center; position:relative; overflow:hidden;
		.cp-cat-img-del { position:absolute; right:.25rem; top:.25rem; height:16px; width:16px; z-index:100; cursor:pointer; }
		.cp-cat-image { max-width:100%; max-height:100%; }
		.cp-cat-image-input { width:auto; height:auto; opacity:0; cursor:pointer; position:absolute; top:-1rem; right:-1rem; bottom:-1rem; left:-1rem; }
	}
	.field-available-max-limit { color: #0006; }
}

:where(.mConstr-main){margin:0;padding-left:20px;}
:where(.mConstr) { padding:0 0 0 1.5rem; margin:0; box-sizing: border-box; }
:where(.mConstr .mcItem ){ margin:4px 0; }
a.a-modules { text-decoration:none; white-space:nowrap; }
/* --- */

/* captcha */
.captcha-block{box-sizing:border-box; display:inline-block!important; min-height:36px; cursor:pointer; }
.captcha-block > .captcha-answer{height:36px; text-align:center; font-size:16px; line-height:24px; padding:4px; width:125px; }
.captcha-renew,
.captcha-question{border:0; cursor:pointer; vertical-align:middle; }
#captcha-preview{width:100%; min-height:50px; background-repeat:no-repeat; background-position:0 0; margin:16px 0 0; }
#captcha-preview.type0{background-image:url('/.s/src/panel-v2/img/captcha_type_simple.png'); }
#captcha-preview.type1{background-image:url('/.s/src/panel-v2/img/captcha_type_standard.png'); }
#captcha-preview.type2{background-image:url('/.s/src/panel-v2/img/captcha_type_hard.png'); }
#captcha-preview.type3{background-image:url(''); }
#captcha-preview.type4{background-image:url('/.s/src/panel-v2/img/captcha_type_arithmetic.png'); }
#captcha-preview.type5{background-image:url('/.s/src/panel-v2/img/captcha_type_adverigo.png'); }
#captcha-preview.type6{background-image:url('/.s/src/panel-v2/img/captcha_type_recaptcha.gif'); background-size:250px; padding:75px 0 0; }
#captcha-preview.type4.en{background-image:url('/.s/src/panel-v2/img/captcha_type_arithmetic_en.png'); }
#captcha-preview .recaptcha-params{display:none; }
#captcha-preview.type6 .recaptcha-params { display:flex; flex-direction: column; gap: .75rem; }
#captcha-preview.type7 .recaptcha-params { display:flex; flex-direction: column; gap: .75rem; }
#captcha-preview.type7 .recaptcha-params >*:not( .recaptcha-sitekey-field, .recaptcha-secretkey-field, .recaptcha-keys-link ) { display:none; }

.recaptcha-wrapper { position:relative; width:303px; height:77px; overflow:hidden; }
.recaptcha-wrapper [id^="recaptcha_"]{text-align:left; display:inline-block; vertical-align:middle; }
.recaptcha-wrapper [id^="recaptcha_"] iframe{border:0; }
.recaptcha-wrapper span[data-reset]{display:inline-block; cursor:pointer; border-radius:40%; position:absolute; width:30px; height:30px; top:12px; right:26px; }
.recaptcha-wrapper.compact{width:159px; height:139px;  margin:0 auto; }
.recaptcha-wrapper.compact span[data-reset]{width:22px; height:22px; top:auto; bottom:31px; left:14px; }
form#lform #lfseccode .recaptcha-wrapper{margin:0 auto; }
form#lform[data-rtl] .recaptcha-wrapper span[data-reset]{width:30px; height:30px; top:12px; right:auto; left:26px; }

/* login form */
form#lform .label{width:35%; }
form#lform #lfseccode{text-align:center; position:relative; }

/* quarantine */
#unlockfrm{padding:0 6px; }
#unlockfrm .recaptcha-wrapper{margin:auto; }
#unlockfrm #eMessage{text-align:center; }

/* seo-params module block */
/*.seo-params-module-toggle { text-decoration:none; font-weight:bold; }*/
/*.seo-params-module-toggle:after { content:'\25bc'; font-weight:bold; }*/
/*.seo-params-module-toggle.closed:after { content:'\25ba'; }*/

.seo-params-module-toggle {text-decoration: none;}
.seo-params-module-toggle svg {vertical-align: text-bottom;transform: rotate(180deg);transition: transform .2s ease;}
.seo-params-module-toggle.closed svg {transform: rotate(0deg);}

/* Shop icons */
#shop-main ul > li{background-repeat:no-repeat; background-position:left bottom; }
.import-cont div.import-source { line-height:25px; min-height:25px; position:relative }
#import-tabs { padding:0; margin-bottom:4px; line-height:1.5rem; display:flex; gap:.25rem; border-bottom: 1px solid var(--itb-boder-color, gray) }
#import-tabs a { border:1px solid var(--itb-boder-color, gray);transition: all 0.3s ease-in-out; border-bottom:0; padding:0 .5rem; text-decoration:none; background-repeat:no-repeat; background-position:3px center; background-size:16px; outline:none; border-radius:.25rem .25rem 0 0; display:flex; gap:.25rem; align-items:center; }
#import-tabs :is( .active, .import-tab:hover) {background-color: var(--itb-hover-bg, #000);border-color: var(--itb-hover-bg, #000); color: var(--itb-hover-color, inherit)}
#import-tabs a:before { content:''; width:1rem; height:1rem; }
#import-tabs-1c:before  { background-image:url("/.s/img/icon/1c.png"); }
#import-tabs-xls:before { background-image:url("/.s/img/icon/xls.png"); }
#import-tabs-yml:before { background-image:url("/.s/img/icon/yml.gif"); }
#import-tabs-viber { background-image:url("/.s/img/icon/social/viber.png")!important }
#import-tabs-telegram { background-image:url("/.s/img/icon/social/telegram.png")!important }

.secret-answer-phone-prefix:before { content:'+'; font-weight:bold; }

/* Group rights */
.uGroupsRightSection{cursor:pointer; font-weight:bold; height:20px; }
.uGroupsRightSection:before{content:'\2795'; font:normal 0.8em sans-serif; }
.uGroupsRightSection.expanded:before{content:'\2796'; }
.all-groups-rights .copy { display: grid; grid-template-columns: repeat(6, minmax(auto, 25%)); align-items: center; gap: .25rem; }
.all-groups-rights label { display: flex; margin: 0; align-items: center; gap: .25rem; }
/* .all-groups-rights label input { margin-right:.4em; } */
.copy{font-size:0.8em }
/* .copy > label{white-space:nowrap; } */
.reduceOpt{color:#aeaeae; }
.moderOpt{color:#00f; }
.adminOpt{color:#f00; }
.reduceOpt.reduce:after{content:'\2B63'; color:orange; }

/* Site replace */
#phone{position:relative; }
#phone td.pad{padding-left:10px; }
#phone.ico-stop{background-image:url('/.s/img/seo/warning.png')  }
#phone.ico-conf{background-image:url('/.s/img/icon/32/apl.png')  }
#phone.ico-code{background-image:url('/.s/img/icon/32/sms.png')  }
#phone .plus{font:normal 23px/23px 'Arial'; vertical-align:middle; direction:ltr; white-space:nowrap }
#phone textarea:focus, #phone input:focus{outline:none}
.gray-table td.gray-title span{text-decoration:none; background-repeat:no-repeat; padding-left:25px; background-position:left center }
.gray-table td.gray-title .phone{background-image:url("/.s/img/icon/phone.png") }
.gray-table td.gray-title .info{background-image:url("/.s/img/icon/nw.png") }
.gray-table td.gray-content ul{margin:0 3px; padding:0; list-style:none }
.gray-table td.gray-content ul.float li{padding:0 20px 0 20px; margin:0 }
.gray-table td.gray-content li{background-repeat:no-repeat }
.gray-table td.gray-content li.inactiv{text-decoration:underline }

.gray-table td.gray-content li.ico_chg{background-image:url("/.s/img/icon/pne.png")!important }
.gray-table td.gray-content li.ico_try{background-image:url("/.s/img/icon/tf.png")!important }
.gray-table td.gray-content li.ico_can{background-image:url("/.s/img/icon/cancel.png")!important }
.gray-table td.gray-content li.ico_non{background:none!important; padding-left:0!important }

/* panelX.css */
.subtitle{margin:0; padding:20px 0 10px 2px }
.cont-block{width:100%; border-radius:5px; border-spacing:0 }
.cont-table{width:100%; border-spacing:0; border-collapse:collapse }
.cont-table2{border-spacing:0; border-collapse:collapse }
td.level0{padding:0 20px }
.gray-table td.sub-title{width:50%; text-align:left; border-bottom:0; border-top:0 }
.gray-table td.gray-title{width:50%; font:bold 15px/25px 'Arial'; text-align:left; border-bottom:0 }
.gray-table td.gray-title div{position:relative; padding-left:55px; }
.gray-table td.gray-content div.gc-main{min-height:90px; background-position:5px 5px; background-repeat:no-repeat; }
.gray-table td.gray-content p, .gray-table td.gray-content div.p{margin:0; padding-left:60px; position:relative }

.gray-table {--gt-border-radius: 5px;}
.gray-table tr:first-child td:last-child{border-top-right-radius:var(--gt-border-radius);}
.gray-table tr:first-child td:first-child{border-top-left-radius:var(--gt-border-radius);}
.gray-table tr:last-child td:first-child{border-bottom-left-radius:var(--gt-border-radius);}
.gray-table tr:last-child td:last-child{border-bottom-right-radius:var(--gt-border-radius);}
.gray-table tr:first-child td{border-top:0;}
.gray-table tr:last-child td{border-bottom:0;}
.gray-table tr td:first-child{border-left:0;}
.gray-table tr td:last-child{border-right:0;}

.site-url-wrapper { white-space: nowrap; }

/* phone confirm */
:where(body:not(.bw-theme)) .cp-phone{padding:0 15px 15px; }
:where(body:not(.bw-theme))  .cp-phone .cont-block:not(table){padding:12px; line-height:1.1rem; box-sizing:border-box; }

/* anticlone */
:where(body:not(.bw-theme)) .cp-anticlone{padding:0 15px 15px; }
:where(body:not(.bw-theme)) .cp-anticlone .cont-block:not(table){padding:12px; line-height:1.1rem; box-sizing:border-box; }
:where(body:not(.bw-theme)) .cp-anticlone #cont-iplist .ipitem { width:15em; }
:where(body:not(.bw-theme)) .cp-anticlone #cont-iplist .ipitem a { text-decoration:none; }

/* Menu Constructor */
:where(ul#mConstructor.mConstr){list-style:none; font-size:14px; font-family:Verdana, Arial; }
.dropOver{font-weight:bold; }

/* table hover */
:where(.myTbl){width:100%; border-spacing:1px; margin:0 auto; }
:where(.myTbl).no-spacing { border-spacing:0; }
:where(.myTbl).no-td-border{border-spacing:0; margin:0 auto; }
:where(.myTbl thead tr) {background:rgba(255, 255, 255, .3); background:#fff4; }
:where(.myTbl) thead th { white-space:nowrap; }
:where(body:not(.bw-theme)) :where(.myTbl) tbody tr{background:rgba(255, 255, 255, .8); background:#fffc; }
:where(body:not(.bw-theme)) :where(.myTbl) tbody tr:not(.noHover):hover{background:rgba(255, 255, 255, .63); background:#fffa; }
:where(body:not(.bw-theme)) :where(.myTbl) th, .myTbl td{padding:4px; }

/* polls */
:where(.polls-table .not-active) .u7-table__cell{--u7-table-color: var(--panel7-gray-700, gray)}
:where(.polls-table) .archived:after{content:'[A]'; color:var(--panel7-gray-700, gray); font-size:.75em; font-weight:bold; }

/* users settings */

/* hide for uid users */
form.reg-type-1 :is(
	.user-options,
	.cp-value-item:has(.policy-option, .agreement-option),
	.label-reg-local,
	.local-users-captcha,
	.email-notifications,
	.help-local),
/* hide for local users */
form.reg-type-2 :is(.unet-fields,.label-reg-unet) {display:none; }

.user-reputation:has([name=respect_on]:not(:checked))+.user-reputation-timeout {display: none}
#soc-buttons-demo {min-height: 40px}
.auth-comments-toggles,.auth-demo-social-list {gap:8px; transition: all .3s ease-in-out; justify-content: start}
.soc-fade-out {transform:translateY(15px);opacity:0}

:where(.cp-expanded-list){overflow: hidden;height: 0;transition: height .3s ease-in;}
:where(.cp-expanded-list.expanded) {height: var(--calc-height, auto);}
:where(.reg-extra-toggle) {display: flex;align-items: center;gap: 6px;width: fit-content;cursor: pointer;}
.reg-extra-toggle svg {transition: transform .2s linear}
.reg-extra-toggle.expanded svg {transform: rotate(180deg);}
:where(.reg-extra-toggle:not(.expanded) .extra-toggle-less),
:where(.reg-extra-toggle.expanded .extra-toggle-more) {display: none;}

/* Site setup */
:where(body:not(.bw-theme)) .setup-design-params input[name="dsgn"] { border:0px solid transparent; background:transparent; padding-left:0; }
input[name=cookiepolicy]:not(:checked) ~ * { display:none; }
.cookie-policy-params { display:grid; grid-template-columns:2fr 1fr; }
.cookie-policy-params textarea { resize:vertical; }
.grid-maxwidth { grid-column-start:1; grid-column-end:3; }
:where(#ckThemePreview){width:20vw; height:38px; display:inline-block; vertical-align:middle; overflow:hidden; min-width:135px; max-width:50%; background-position:left center; background-repeat:no-repeat; transition:all .5s; }
.etype-theme-preview[data-preview="0"]{background-image:url('/.s/src/ckeditor/skins/moonocolor/images/preview.png'); }
.etype-theme-preview[data-preview="1"]{background-image:url('/.s/src/ckeditor/skins/moono/images/preview.png'); }
.etype-theme-preview[data-preview="2"]{background-image:url('/.s/src/ckeditor/skins/moono-dark/images/preview.png'); }
/** CP switch poll popup (/panel/?a=setup) */
body.no--_scroll{overflow-y:hidden !important; padding-right:15px !important; }
.interview-popup-wrap{max-width:600px; width:80%; min-height:388px; border-radius:9px;
	background:#fff url("./images/interview_bg.png") center 32px no-repeat; outline:none; box-sizing:border-box;
	padding:237px 50px 70px 50px; position:relative; }
.interview-popup-wrap h2{color:#404246; font-size:21px; margin-bottom:11px; }
.interview-popup-wrap p{color:#686a6e; font-size:16px; line-height:1.5em; }
.interview-popup-wrap .close{display:block; position:absolute; top:13px; right:13px; width:28px; height:28px; border-radius:50%;
	font-family:"Material Icons"; line-height:28px; text-align:center; font-weight:800; font-size:16px; cursor:pointer;
	background-color:#bfbfbf; color:#fff; }
.interview-popup-wrap .close:hover{background-color:#afafaf; }
.interview-popup-wrap a.link-button{line-height:54px; border-radius:27px; display:inline-block; min-width:210px; padding:0;
	font-size:16px; text-decoration:none; margin:30px 0 10px 0; background-color:#ffcc00; color:#404246; font-weight:800; }
.interview-popup-wrap a.link-button:hover{background-color:#ffd429; }
.newcp-poll-popup{position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999; background-color:rgba(0, 0, 0, 0.4); }
.newcp-poll-popup .popup-block{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.newcp-poll-popup .popup-block .title,
.newcp-poll-popup .popup-block .description,
.newcp-poll-popup .popup-block .button{text-align:center; }
.newcp-poll-popup .popup-block .title{line-height:1.3; font-weight:normal; }
.newcp-poll-popup .popup-block .button{display:block; max-width:250px; margin-left:auto; margin-right:auto; }
.newcp-poll-popup .popup-block .close.close-btn line{stroke:white; stroke-width:2px; }
@media screen and (max-width:400px){
	.newcp-poll-popup .popup-block{background:white; padding:60px 16px 12px; }
}

/* Informers */
#mSets input#jsf:not(:checked) + label { display:none; }

/* install module form */
:where(body:not(.bw-theme)) .install-module { margin:0 0 .5rem; min-width:20rem; max-width:35rem; }
:where(body:not(.bw-theme)) .install-module fieldset{cursor:pointer; }
:where(body:not(.bw-theme)) .install-module #loader{ display:flex; min-height:2rem; width:fit-content; margin:0 auto; align-items:center; }
:where(body:not(.bw-theme)) .install-module #loader.wait-loader button { display:none; }

/* smiles list */
.smiles-table img {max-width: 30px;}

/* copyright types */
.copytypes { gap:.25rem 1rem; }

/* cp banners */
.cp-banner,
.cp-banner-wrapper { box-sizing:border-box; }
.cp-banner-wrapper img{max-width:100%; border-radius:5px; }

/* filters */
/*:where(body:not(.bw-theme)) .edit-filter input[name=name]{width:45%; min-width:250px; }*/
/*:where(body:not(.bw-theme)) .edit-filter [options-manage]{display:flex; }*/
/*:where(body:not(.bw-theme)) .edit-filter [options-manage] select{min-width:250px; width:100%; }*/
/*:where(body:not(.bw-theme)) .edit-filter [options-manage] > span{width:45%; text-align:center; padding:0 5px 0 0; }*/
/*:where(body:not(.bw-theme)) .edit-filter [options-manage] input[type=button]{margin:4px 0 0; }*/
/*:where(body:not(.bw-theme)) .edit-filter [options-manage] input[type=text]{width:100%; }*/
/*:where(body:not(.bw-theme)) .edit-filter [options-manage] > div{display:flex; flex-direction:column; width:45%; }*/
/*:where(body:not(.bw-theme)) .edit-filter [options-manage] [add]{text-align:right; margin:50px 0 0; }*/
/*:where(body:not(.bw-theme)) .edit-filter [options-manage] [edit] > div{display:flex; justify-content:space-between; }*/
/*:where(body:not(.bw-theme)) input[name=mflt]:not(:checked) + label{display:none; }*/

:where(body:not(.bw-theme)) .filter-values {width: 47%;min-width: 564px; max-height: 300px; overflow: auto}
:where(.edit-filter) .filter-values:has( > div) {margin-bottom: 16px;}

/* new common content wrapper */
@layer base-0base {
	body:where(:not(.bw-theme)) [container]{border:1px solid; border-radius:3px; padding:5px; box-shadow:inset 0 0 0 1px #fff; }
	body:where(:not(.bw-theme)) [container] > div{border:1px solid; padding:.5rem; }
	body:where(:not(.bw-theme)) [container] > div:not(:last-of-type){ margin:0 0 5px; }
}
/* left menu */
[container] div.menuBg{padding:0; }
/* header childs */
[container] .panelTop1 { padding:0 0 0 12px; background-position:left center; line-height:1.3rem; gap:.5rem; }
[container] .panelBar{flex-grow:1; background-position:left -2px center; padding:0 12px; line-height:1.3rem; }
[container] [top-warning] { padding:.5rem 1.25rem; background:#fcf8e3; color:#8a6d3b; }
[container] [top-warning] a { color: #488bfa; }
[container] [top-warning].success-warning { background: #0f04; padding: .5rem; color: inherit; }
/* content stat & paging */
[content-statistics] { margin-bottom:.5rem; gap:.5rem; }
[content-statistics] article { display:flex; }

/* file manager */
:where(body:not(.bw-theme)) .ufm-table .ufm-search { background:transparent url('/.s/img/fr/searchbg.png') no-repeat 0 0; overflow:hidden; float:right; position:relative; cursor:default; display:flex; align-items:center; gap:.25rem; }
:where(body:not(.bw-theme)) .ufm-table .ufm-search input { border:0 none; margin: 0 18px 1px 6px; padding: 0; background: transparent; width: 94px; color: gray; outline-style: none; font-size: .7rem; }
:where(body:not(.bw-theme)) .ufm-table .ufm-search div { background-image:url('/.s/img/1px.gif'); cursor:pointer; height:18px; width:18px; top:2px; left:100px; position:absolute; }
:where(body:not(.bw-theme)) .ufm-table .ufm-search i.hidden { display:none; }
.ufm-table .ufm-search {pointer-events: auto}
.ufm-table .ufm-header {pointer-events: none; display: flex; align-items: center; gap: 6px;justify-content: space-between}

:where(body:not(.bw-theme)) .ufm-minus-file > .fa,
:where(body:not(.bw-theme)) .ufm-plus-file > .fa { background-position:center; }
:where(body:not(.bw-theme)) #ufm_uploadform .ufm-minus-file{margin:0; }
#ufm_uploadform .file-field{width:100%; }
:where(body:not(.bw-theme)) .ufm-table td.with-upfolder { padding-left:1rem; }


@layer base-2components {
/* file uploader field */
.file-uploader-field { border:1px dashed; padding:.5rem; cursor:pointer; position:relative; }
.file-uploader-field:before { content:attr(data-tip); padding:.5rem; }
.file-uploader-field:not(.has-files) article,
.file-uploader-field.has-files:before { display:none; }
.file-uploader-field input { position: absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; opacity:0; }
.file-uploader-field article figure { margin:0; }
.file-uploader-field article figure img { height:9em; width:9em; object-fit:cover; }
.file-uploader-field article figure figcaption { width:9em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all linear .25s; }
}

/* my sites */
#mysites-list {
	position:relative; margin:.5rem; line-height:1.5rem; display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(300px, 5fr));

	a { text-decoration:none; }
	a:hover { text-decoration:underline; }

	.site { display: flex; flex-direction: column; gap: .5rem; }
	span { display: flex; align-items: center; gap: .5rem; padding: 0 1rem; }
	img { width:1rem; height:1rem; }
	.serv { padding:0 1rem; line-height:2rem; font-weight:bold; text-transform:uppercase; border:1px solid; border-radius:.25rem; display: flex; align-items: center; gap: .5rem; }
	.serv:before { content:''; width:1.5rem; height:1.5rem; background:url('/.s/src/panel-v2/img/icons/i_server.png') no-repeat center center; }
}

input[type='text'].standart.with-error{
	border-color:red;
}

@layer base-2components {
	a.uHelp,
	a.tariffs-open-info {
		display: inline-flex;
		width: 1.2rem;
		height: 1.2rem;
		color: #000;
		border: 1px solid;
		border-radius: 50%;
		font: bold .7rem/.7rem sans-serif;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		box-sizing: border-box;
	}

	.uHelp.with-error {
		background: red;
		margin: 0 6px;
	}
}
/* support */
.support-ticket img { max-width:100%; }
.support-ticket .attachments figure { margin:0; }
.support-ticket .attachments img { height:7em; width:7em; object-fit:cover; }
.help-links-hidden { border-bottom:0; border-right:0; border-left:0; }
.hiddenQst [text-left]:after { content:'*'; color:red; }
.do-hide input:not(:checked),
.do-hide input:checked + i.fa { display:none; opacity:0; }

/* mail forms */
[email-recipient-wrapper]{min-height:24px; min-width: 0; gap: 8px; }
[email-recipient-verify-status]{width:32px; height:20px; }

/* index editor page */
:is( body.page-editor:not(.layer-7) ) { padding:.5rem; }
body.page-editor li { list-style:none; }
:is( .page-editor ) :is( .ucoz-editor-panel ) { display: flex; gap: .25rem; }
:is( .page-editor ) :is( .ucoz-editor-panel ) > span { padding:0!important; }
:is( .page-editor ) :is( .ucoz-editor-panel ) .codeButtons { min-width: 1.5rem; min-height: 1.5rem; }
	.page-editor .old-editor-field-label,
	.page-editor #edttmessage[value="1"] ~ div > .symbols-stat-wrapper,
	.page-editor #edttmessage[value="1"] + div > .symbols-stat-wrapper { display:none; }
.symbols-stat{margin:0 0 0 3px; }
.indexAddNumImgs{min-width:25px; display:inline-block; }
.site-page-options label { display:flex; align-items:center; gap:.25rem; }

/* SEO-url add/edit site page */
.page-editor .seo-field-text-counter { color:green; }
.page-editor .seo-field-text-counter.error { color:red; text-align:left; }
.page-editor .meta.notcolumn,
.page-editor .seo-mtf-hide + li,
.page-editor .seo-mtf-hide ~ .meta + hr,
.page-editor .seo-mtf-hide { display:none; }
.page-editor .seo-mtf-hide.seo-mtf-show + li,
.page-editor .seo-mtf-hide.seo-mtf-show + li input[type=text],
.page-editor .seo-mtf-hide.seo-mtf-show ~ .meta + hr,
.page-editor .seo-mtf-hide.seo-mtf-show { display:initial; width: 100%; }

.page-editor :is( .site-page-group-rights ) { grid-template-columns: repeat(4, auto); }  /* users group right */

/* uweb domain info */
#uWebDomain{color:red;font-weight:700;}
.domenpage-content{background:#f7f7f7; border:1px solid #e3e3e5; border-radius:10px; margin:20px 15%;
	padding:15px 25px 15px 110px; position:relative; }
.domenpage-content span.display{width:181px; height:133px; background:url('/.s/img/welcome/uweb/uweb-d.png') no-repeat;
	position:absolute; top:30px; left:-90px; }
.domenpage-content p.big-text{font-size:120%; line-height:1.3em; }
.domenpage-content .wp-button{font-size:10pt; }
.wp-button.wpb-orange{background-color:#f7a63d; background-image:linear-gradient(to top, #ec8e14, #f7ac4b);
	border:1px solid #ec8e14; color:#fff; text-decoration:none; }
.wp-button.wpb-orange:hover{background-color:#f7ac4b; background-image:linear-gradient(to top, #f7991d, #ffa32c);
	border:1px solid #f39a26; }
.domenpage-content input.domen-name{font-size:16pt; border:1px solid #b5b8c8; box-shadow:0 1px 1px #fff; color:#b5b8c8; padding:5px; }
a.wp-question{background:url('/.s/img/welcome/uweb/wp-q.png') no-repeat scroll left center rgba(0, 0, 0, 0); color:#707070;
	display:inline-block; float:left; padding:0 0 0 18px; }

/* action log */
.action-log .myTbl td { font-size:.9em; overflow-wrap:anywhere; }

/* umail */
#passWrapper.hidden{display:none; }
.umail-content .header{padding:0 5px; }
.umail-content .error{text-align:left; }
.umail-content .login-wrapper label,
.umail-content .pass-wrapper label { font-weight:bold; }
.umail-content .login-wrapper input,
.umail-content .pass-wrapper input { min-width:200px; }

/* /admin */
.cp-login-body{height:100vh; }
.cp-login-wrapper { min-width:350px; max-width:400px; min-height:6rem; }
.cp-login-wrapper [content] { min-height:6rem; }
@media screen and (max-width:375px) {
	.cp-login-wrapper{min-width:min-content; max-width:90%; }
}

/* massmail */
.users-massmail-content .massmail-archive{margin:5px auto 0; }
.users-massmail-content .massmail-archive th:first-child{width:3%; }
.users-massmail-content .massmail-archive th:nth-child(2){width:15%; }
.users-massmail-content .massmail-archive th:last-child{width:auto; }
.users-massmail-content {}
	.massmail-form { grid-template-columns:1fr 3fr; gap:.5rem; }

/* adviser */
.cp-adviser form{transition:0.5s; }
.cp-adviser .myTbl td:nth-child(3){width:5%; }
/*.wndAddEditAdvice .myWinCont form{padding:6px; }*/
/*.wndAddEditAdvice textarea{resize:vertical; width:100%; margin:0 0 1em; }*/
.wndAddEditAdvice input[type=text]{width:100%; }
.wndAddEditAdvice legend{margin:2px 0; }

/* uSocial */
.uSocial_preview{text-align:center; height:68px; padding:0 0 20px; position:relative; }
.uSocial_preview:before{content:''; display:block; width:100%; height:100%; position:absolute; z-index:5; }
.uSocial_icons{margin:0; padding:0; min-height:66px; }
.uSocial_icon{margin:0 0 10px 0; padding:0 5px; background:none; text-align:center; display:inline-block; }
.uSocial_icon label{display:block; width:32px; height:32px; line-height:32px; font-size:22px; border-radius:6px; }
/* .uSocial_icon input{margin-top:5px; } */
.uSocial-Share .ico_uscl.uscl-vi{background:#8950a1; }
.uSocial-Share .ico_uscl.uscl-wa{background:#25d366; }
.uSocial-Share .ico_uscl.uscl-telegram{background:#37aee2; }
.uSocial-Share .ico_uscl.uscl-sms{background:#488bfa; }
.uscl-block{font:400 1em PT Sans, sans-serif; }

/* uwnd */
.xw-shadow { box-shadow:2px 2px 4px rgba(0, 0, 0, .25); border-radius:.25rem; }
.u-menu.xw-shadow { border-radius:0 0 .25rem .25rem; }
.xw-sps { height:6px; overflow:hidden; position:absolute; width:100%; z-index:1; }
.xw-hdr { padding:6px 0; display:flex; gap:.25rem; align-items:center; }

.xw-icon { width:16px; height:16px; flex-shrink:noshrink; }
.xw-hdr-text { cursor:default; font:bold 11px tahoma,arial,verdana,sans-serif; flex-grow:1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.xt { position:relative; overflow:hidden; width:15px; height:15px; cursor:pointer; flex-shrink:noshrink; }
.xt-close { order:4; }
.xt-maxi  { order:3; }
.xt-rest  { order:2; }
.xt-mini  { order:1; }

.myWinCont label { cursor:pointer; margin:0; font-weight:bold; }
.myWinCont .flex-column hr,
.myWinCont [flex-column] hr { margin:0; }

@layer base-2components {
/* input color style */
input[type="color"] { width: 30px; height: 30px; margin: 0; padding: 2px; border: 1px solid #fff; border-radius: 2px; background: none; box-sizing:border-box; background-color:#dcdfe4; }
input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
input[type="color"]::-webkit-color-swatch { border: 1px solid #fff; border-radius: 2px; background-size:10px 10px; }
.color-picker { position: relative; width: 30px; height: 30px; }
.color-picker::after { content: ""; width: 10px; height: 10px; position: absolute; right: 3px; bottom: 3px;
	background: #dcdfe4 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjVweCIgaGVpZ2h0PSIzLjJweCIgdmlld0JveD0iMCAwIDUgMy4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1IDMuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTAuMywzLjJDMCwzLjItMC4xLDMsMC4xLDIuN2wyLTIuNWMwLjItMC4zLDAuNi0wLjMsMC44LDBsMiwyLjVDNS4xLDMsNSwzLjIsNC43LDMuMkgwLjN6Ii8+DQo8L3N2Zz4NCg==") no-repeat center center;
	border-left: 1px solid #fff; border-top: 1px solid #fff; z-index: 1; pointer-events: none; }
}
/* Quick replacement page */
.module-list { display: flex; flex-flow: column wrap; max-height: 120px; align-content: flex-start; gap:.25rem 1rem; }

/* tmaker */
.tmaker-submenu {
	position:absolute; min-width:200px; z-index: 7; left: 100vw;
	&:where(.tm-10vw) { width:10vw; }
	&:where(.tm-33vw) { width:33vw; }
	&:where(.tm-50vw) { width:50vw; }
	&:where(.options-submenu){ min-width: 26rem; max-width: 500px; }
	&:where(.default-designs) {
		width:75vw;
		[content] { overflow:auto; max-height:75vh; columns:6rem; column-rule:1px dashed; column-rule-color:rgba(0,0,0,.25); column-rule-color:#0003; column-gap:1rem; text-align:center; }
	}
	ol { list-style:decimal; padding:0 0 0 1.3em; margin:0; }
}

/* entries manage */
.entries-manage .-red, .entries-manage .-blue { font-weight:bold; }
#entriesActionToolbar:not(.hidden) { height:1.75rem; }
.entries-action-toolbar { position:fixed; bottom:0; padding:.5rem 1.5rem; display:flex; flex-wrap: wrap; justify-content:flex-end; align-items:center; gap:.5rem; left:0; right:0; height:auto; overflow:hidden; }
/* #entriesActionToolbar:not(.hidden) .entries-action-toolbar { height:2.4rem; } */
body.has-jivo .entries-action-toolbar { padding-inline-end:23rem; }
.cp-entries-ontop-update { min-width: 75%; }
.cp-entries-ontop-update--action { flex-grow: 1; }
.cp-entries-parent-update { text-align: start; }
.cp-entries-parent-update--parent-id { max-width: 100%; width: 100%; }

/* modules setup */
.module-setup-fields { display: grid; align-items: center; gap: .25rem; width: max-content; grid-template-columns: minmax(0, 14px) minmax(0, 14px) auto; }
.module-setup-extrafields { display:flex; flex-direction:column; gap:.25rem; }
.module-setup-extrafields > div:first-child { margin-top:.25rem; }
.module-setup-extrafields > div { display:flex; align-items:center; gap:.25rem; width:max-content; }
.user-setup-list-fields { display:grid; align-items:center; gap:0 .25rem; width:max-content; grid-template-columns:2rem minmax(0, 14px) minmax(0, 14px) auto; }

:where(.dependent-trigger):has([type="checkbox"]:not(:checked)) + .dependent-setting {
	display: none;
}
#coverSet.hidden + tbody .img-set-separator { display:none; }

:where( #coverSet, #imgSet ):not( .hidden ) ~ tbody .img-set-disabled-message { display:none; }  /* hide info*/
:where( .tabs.module-setup ):has( [data-tab="groups"].tabs__content_active) ~ .cp-save-container,
:where( .tabs.module-setup ):has( [data-tab="images"].tabs__content_active #imgSet.hidden ) ~ :is(.form-submit-row,.cp-save-container) { display:none; }  /* hide submit button on disabled images params */
:where(body:not(.bw-theme)) .group-settings-label {font-weight: bold;}

/* usocial - possible wrong label and deprecated style below */
/* .cp-social{position:relative; padding:0 15px 15px; } */
/*.cp-social-grid{position:absolute; left:1px; top:1px; right:1px; bottom:1px; z-index:5; opacity:1; background:rgba(0,0,0, .25); background:#0003; }*/
/*.cp-social-grid-warning{width:50%; border:1px solid #777; text-align:center; padding:10px; line-height:1.5em; border-radius:4px; margin:15px; }*/
/*.cp-social-grid-warning h4{background:none; padding:0; }*/

/*cp social login setting page*/
.cp-social h3{flex-grow:4; padding:0; margin:1em 0; }
.cp-social .cp-social-status-wrapper{margin:0 10px; }
.cp-social .cp-social-status-wrapper:not(#eMessageTop) {width:43%; }
.cp-social .gray-table .gray-title{width:auto; }
.cp-social .own-toggle:has(input:disabled) .soc-toggle { color:var(--panel7-gray-400, silver)!important;}
:where(.cp-social) .cp-social-icon{--icon-size:64px;}
:where(.cp-social) .disabled .cp-social-icon{opacity:0.5}
/*cp social login setting page end*/

/* spamfilter */
.spamfilter-restore-header,
.spamfilter-load.active { font-weight: bold; }


/* Notify */
#uNotifyWrapperTopRight,
#uNotifyWrapperBottomRight,
#uNotifyWrapperBottomLeft,
#uNotifyWrapperTopLeft { position:fixed; display:flex; flex-direction:column; gap:.5rem; width:auto; max-width:33vw; align-items: flex-end; z-index: 1; }

#uNotifyWrapperTopRight { top:2rem; right:.5rem; }
#uNotifyWrapperBottomRight { bottom:.5rem; right:.5rem; }
#uNotifyWrapperBottomLeft { bottom:.5rem; left:.5rem; }
#uNotifyWrapperTopLeft { top:2rem; left:.5rem; }
.u-notify-item { transition:all .5s linear; width:auto; box-shadow:0 0 1rem .75rem #0003; }
.u-notify-item span { line-height: 1.5; }
.u-notify-to-hide { overflow:hidden; opacity:0; margin-top:-3rem; }

.u-notify-icon { display: flex; align-items: center; gap: .5rem; }
.u-notify-icon:before { content: ''; width: 1.5rem; height: 1.5rem; background-size: 1rem auto; flex-shrink: 0; }
.u-notify-icon.icon-info:before { background: url('/.s/img/icon/Info.png') no-repeat center center; }
.u-notify-icon.icon-warn:before { background: url('/.s/img/icon/warning.png') no-repeat center center; }
.u-notify-icon.icon-error:before { background: url('/.s/img/icon/error.png') no-repeat center center; }

/* goods list */
.goods-cat-wrapper { max-width:33%; }
#goods-cat-head { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.25rem .5rem; }
#goods-cat-head i { width:1rem; height:1rem; background-position:center!important; padding:0; }
#goods-cat-tree { padding:.25rem .5rem; border:1px solid; border-left:none 0; border-top:none 0; }
	ul.cat-tree { list-style:none; margin:0; padding:0; line-height:14px; }
	ul.cat-tree ul.cat-tree { padding-left:.5rem; }
	.goods-cat-all { padding:.5rem 1rem; }
	.cat-tree b, .goods-cat-all b { color:#bbb; font-weight:normal; }
/* #goods-list { position:relative; background:transparent url('/.s/img/wait.svg') 100px 100px no-repeat; } */
#goods .matrix { display:flex; align-items:center; gap:.25rem; }
#goods .matrix:before { content:''; display:block; width:1.5rem; height:1.5rem; background:url('/.s/img/icon/mtx.png') no-repeat center; }
#goods-func { display:flex; align-items:center; gap:.5rem 1rem; flex-wrap:wrap; }
#goods-func > * { display:flex; align-items:center; gap:.25rem; text-decoration:none; }

:where(body:not(.bw-theme))  #goods-table input.price { width:100%; text-align:center; }
#goods-table.options-table input.price { text-align:inherit; }
:where(body:not(.bw-theme)) #goods-table input.tedit { border:none; background:none; cursor:pointer; padding:3px 4px; text-decoration:underline; color:#000; }

/* shop order */
#order .matrix-list .fldparam { width: 50%; max-width: 30rem;}
#order .fldparam :is(select, input[type=text], textarea) {width:14rem;}
:where(#order-fields-list, .order-fields--invoice-order) { width: 50%; max-width: 30rem; min-height: 12rem; }
.field-sort-buttons { display: flex; align-items: center; gap: .25rem; }
#invoicef-status, #ogset-status { width: 1rem; }

/* shop option add/edit form*/
:where(#var_form, #opt-form) .opt-values {margin-block: 8px 12px;}
:where(#var_form, #opt-form) .opt-values-container {margin-block: 12px;}
:where(#var_form, #opt-form) .opt-item { box-sizing: border-box; margin-block: 8px; position: relative;}
:where(#var_form, #opt-form) :is(.opt-item-input,#f) { padding-right: 32px !important; width: 100%; }
:where(#var_form, #opt-form) .opt-item-close.fa-close { font-size: 12px; height: 12px; line-height: 12px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 12px; z-index: 1; }

/* shop currency */
.matrix-list { display: flex; flex-direction: column; gap: .5rem; }
.matrix-list .item { display: flex; flex-direction: column; gap: .25rem; }
.matrix-list .matrix_label { display: flex; align-items: center; gap: 8px; }
.matrix-list .matrix_label span { cursor: pointer }
.matrix-list .matrix_label span u { display:inline-block; text-align:center; text-decoration:none; border:1px solid; border-radius:5px; padding:0 .25rem; }
.matrix-list .matrix_label i { width:16px; height:16px; padding:0; cursor:pointer; }
.matrix-list .matrix_label.bold .def { display: none }
:where(.matrix-form) .edits { display: grid; grid-template-columns: 50px 50px 140px 50px auto; gap: 8px; }
:where(.matrix-form) .edit-item { display: grid; grid-template-columns: subgrid; grid-column: span 5; align-items: center; }

/* mchat managing */
.mchat-manage [id^=entryID] { padding:.25rem; }
.mchat-manage .a-email, .mchat-manage .a-www { width:1rem; height:1rem; }
.mchat-manage .a-email { background:url('/.s/img/icon/eml.png') no-repeat center; }
.mchat-manage .a-www { background:url('/.s/img/ma/www.png') no-repeat center; }

/* shop notify */
.ntmpl-togg { cursor:pointer; display:flex; align-items:center; gap:.5rem; }
.ntmpl-code { display:none; }
.ntmpl-code input { width:fit-content; }
.shop-notify-tmpl-form textarea { height:25rem; }

/* shop discount page */
:where(body:not(.bw-theme)) .dsc-info-label{ padding: var(--item-padding); background: var(--item-background);}
:where(body:not(.bw-theme)) .dsc-info-list { padding: 0; list-style: none; margin: 0; max-width: 380px; display: grid; gap: 4px; }
:where(body:not(.bw-theme)) .dsc-info { display: grid; align-items: center; grid-template-columns: 1fr auto; margin: 0; }
:where(body:not(.bw-theme)) .cp-move-actions { display: flex; align-items: center; gap: 8px; }
:where(body:not(.bw-theme)) .cp-move-actions .cp-icon-btn { border: 1px solid currentColor; border-radius: 4px; }

/*shop XLS page config*/
:where(body:not(.bw-theme)) .xls-params-block{border-bottom:none; border-left:none; border-right:none;}
/*shop XLS page config end*/

/* shop cats */
:where(#goods-cat-select) {
	width: 180px
}
:where(.goods-sort-reset) {line-height: 32px;}
.cats-form {
	position: relative;
	.mConstr {
		margin: 0 0 0 1rem; padding: 0; position: relative; width: calc(100% - 1rem); border-spacing: 4px 2px; box-sizing: border-box;
		th:first-child { text-align: start; width: 1%; }
		td:last-child { width: 1%; white-space: nowrap; }
		li { margin: .25rem 0; }
		.cat-row-item-wrapper {
			display: flex; gap: .25rem; align-items: center; flex-wrap: wrap;
			.cat-row-item-name { text-decoration: none; }
			.cat-row-item-name:hover { text-decoration:underline; }
			.cat-row-item-action {
				margin-left:.5rem; display: flex; gap: .5rem; align-items: center;
				a { width:1rem; height:1rem; display: inline-block; background-position: center center; }
			}
		}
		tr {
			.cat-row-item-action {
				display: flex; gap: .5rem; align-items: center;
				a { width:1rem; height:1rem; display: inline-block; background-position: center center; }
			}
		}
	}
	.add-new-cat-wrapper {
		margin: .5rem 1rem;
		.add-new-cat { display: flex; align-items: center; gap: .25rem; width:max-content; }
	}
	.shop-cats-type-switcher-wrapper {
		margin: 0 1rem;
		label { display: flex; gap: .5rem; align-items: center; }
	}

	.shop-cats-replace-wrapper, .shop-cats-actions-wrapper {
		margin: .75rem 0 0;
		fieldset legend { font-weight:bold; }
		fieldset .shop-cats-replace-controls {
			display: flex; gap: .5rem; align-items: center;
		}
		.fHelp { padding: 0; }
	}
}

.action-buttons-wrapper {
	display: flex; gap:.5rem 1rem; align-items: center; margin: 0 1rem;
	.save-cats-order, .recalc-counts { display: flex; gap: .25rem; align-items: center; }
		#cats-status, #recalc-status { display: flex; justify-content:flex-end; align-items: center; width: 1.5rem; height: 1.5rem; }
}
.shop-cats-common-actions {
	display: flex; gap: 1rem; align-items: center; flex-wrap: wrap;
	& > *{ flex-shrink: 0; white-space: nowrap; }
	.group-move-item, a { text-decoration: none; display: flex; gap: .25rem; align-items: center; }
}
.shop-cats-selection-mask {
	display: flex; gap: .25rem; align-items: center; margin: .25rem 0 0;
}

#catsform { gap:.25rem; }
/* #catsform hr { margin:0; padding:0; } */
#catsform label { width:100% }
#catsform input[type=text] { width:100% }
#catsform .shop-category-chains { line-height:initial; margin:0; padding:0; }
#catsform .shop-category-chains span { display:flex; align-items: center; gap:.25rem; flex-wrap: wrap;  }
#catsform .shop-category-chains span { display:flex; align-items: center; gap:.25rem; flex-wrap: wrap;  }
#catsform #catsform_yml label { display:flex; align-items:flex-start; gap:.25rem; }
#catsform .cat-image #cats-img-src { height:auto; width:100%; }

/*shop main page*/
:where(#import-cont) .import-cont-link {
	margin-bottom: 5px;
}
/*end shop main page*/

/*shop subagents pages*/
:where(.subagent-panel) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	padding: 6px;
	box-sizing: border-box;
}
/*shop subagents pages end*/

/*shop import settings ( These styles are for the new theme. Do not modify to fix issues in old themes.)*/
:where(:is(.yml-fields-tags-list, .xml-params-list) .cp-value-item) {align-items: center;min-width: 0;display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
/*shop import settings end*/

/*tg shop settings*/
.tg-setting-mt-4 { margin-top: 4px; }
.tg-setting-mb-4 { margin-bottom: 4px; }
.tg-setting-my-4 { margin-top: 4px; margin-bottom: 4px; }

.tg-setting-mt-6 { margin-top: 6px; }
.tg-setting-mb-6 { margin-bottom: 6px; }
.tg-setting-my-6 { margin-top: 6px; margin-bottom: 6px; }

.tg-setting-mt-8 { margin-top: 8px; }
.tg-setting-mb-8 { margin-bottom: 8px; }
.tg-setting-my-8 { margin-top: 8px; margin-bottom: 8px; }

.tg-shop-settings:where(:not(.bw-theme .tg-shop-settings)) *:before,
.tg-shop-settings:where(:not(.bw-theme .tg-shop-settings)) *:after,
.tg-shop-settings:where(:not(.bw-theme .tg-shop-settings)) * { box-sizing: border-box; }
.tg-shop-action { align-items: center; box-sizing: border-box; display: flex; gap: 10px; justify-content: start; }
.tg-shop-status { box-sizing: border-box; height: 21px; width: 21px; display: flex; align-items: center; justify-content: center; }
.form-switch__label{user-select: none;}
.tg-shop-flex-lines {display: flex; align-items: center; flex-wrap: wrap; gap: 12px}
/* ends tg shop settings*/

/*shop variations*/
:where(.variations-settings) .wait { pointer-events: none; opacity: .7}
:where(.variations-table) :is(.column-id, .column-actions, .column-property) { width: 1%; }
:where(.variations-table) .column-id { min-width: 64px; }
:where(.variations-table) .column-actions { min-width: 100px; }
:where(.variations-table) .column-property { min-width: 250px; }
:where(.variations-table) .column-variants { min-width: 280px; width: 100%; }
:where(body:not(.bw-theme) .variation-controls) button { color: var(--u7-table-btn-color);}
:where(body:not(.bw-theme) .variation-controls) button:hover { color: var(--black, #000000); }
:where(.variations-table) :is(.u7-table__header, .u7-table__cell):last-child { position: sticky; right: -0.1px; top: 0; }
:where(.variations-table) .column-actions.stuck:last-child { border-radius: 0; }
:where(.variations-table:has(.column-actions.stuck)) :is(.column-actions, .u7-table__cell:last-child):before { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 100%); bottom: 0; content: ''; display: block; left: -20px; opacity: .1; position: absolute; top: 0; width: 20px; }
:where(.variation-form) .variation-field { display: flex; flex-direction: column; gap: 4px; }
:where(.variation-form) .variation-form-actions { padding-top: 12px;}

.variations-settings:has(:where(#variations_table_body .u7-table__row)) .empty-block,
.variations-settings:not(:has(:where(#variations_table_body .u7-table__row))) :is(fieldset, .scrollable-table-container) {display: none;}

:where(.group-actions) .group-action { --grp-a-color:#2b2e32;  --grp-a-hover-color:var(--panel7-blue-500, #5c9ffa); align-items: center; color: var(--grp-a-color); display: flex; gap: .25rem; user-select: none; cursor: pointer;}
:where(.group-actions) button{background: 0;border: 0; height: auto; padding: 0;transition: color .2s ease-in-out;}
:where(.group-actions) button:hover { color: var(--grp-a-hover-color); }
/*shop variations end*/

/*tg shop promo-page*/
.tg-shop-promo {
	container: tg-shop-promo / inline-size;
}

:where(.tg-shop-promo) :is(.tg-promo-video, iframe) {
	aspect-ratio: 16 / 9;
	border-radius: 16px;
}

:where(.tg-shop-promo) .tg-promo-video {
	background-color: #000000;
}

:where(.tg-shop-promo .tg-promo-content) p {
	line-height: 1.5;
	margin-block: 12px;
}

:where(.tg-shop-promo) .tg-promo-links {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: start;
	margin-top: 32px;
}

:where(.tg-shop-promo) section {border-top: var(--btcp-section-border);padding-top: 20px;}
:where(.tg-shop-promo) section:has(+section) {margin-bottom: 24px;}

:where(.tg-shop-promo) .tg-promo-section {
	align-items: center;
	display: grid;
	gap: 24px;
	grid-template-columns: 1fr 1fr;
}

:where(.tg-shop-promo) .examples-list {
	display: grid;
	gap: 24px 16px;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

:where(.tg-shop-promo) .example-picture {
	align-items: center;
	background: var(--btcp-second-bg);
	border: var(--btcp-btn-border);
	border-radius: 20px;
	display: flex;
	justify-content: center;
	margin-bottom: 16px;
	padding: 14px;
	pointer-events: none;
	user-select: none;
}

:where(.tg-shop-promo) .example-title {
	text-align: center;
}

:where(.tg-shop-promo .tg-promo-content) h2 {
	margin-block: 0 12px;
}

@container tg-shop-promo (width > 760px) {
	h2 {
		font-size: 28px;
		line-height: 32px;
	}
}
@container tg-shop-promo (width < 760px) {
	.tg-promo-section {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.tg-promo-links {
		margin-top: 24px;
	}

	.tg-promo-links .ubtn-link:first-child {
		flex: 1;
		text-align: center;
	}

	section {
		padding-top: 16px;
		margin-top: 16px;
	}
}
/*tg shop promo page end*/

/* new table style*/
.u7-table{--u7-table-in-radius: 1px;--u7-table-out-radius: 3px;--u7-table-cell-padding:4px;border: var(--u7-table-border);border-radius: var(--u7-table-out-radius);border-spacing: 0;margin-bottom: 16px;width: 100%;}
:where(body:not(.bw-theme) .u7-table *){box-sizing: border-box;}
:is(.u7-table__header, .u7-table__cell, .u7-table__row-header) { padding: var(--u7-table-cell-padding); background-color: var(--u7-table-cell-bg-color); border-bottom: var(--u7-table-border); color: var(--u7-table-color); transition: background-color  .2s ease-in-out; }
:where(.u7-table__row:last-child) .u7-table__cell { border-bottom: 0; }

.u7-table__header {background-color: var(--u7-table-header-bg-color);font-weight: 400;line-height: 1.5;white-space: nowrap;border: 0;}
.u7-table__header:where(:not([align],.text-end,.text-center)) {text-align: left;}
:where(.u7-table__row:last-child .u7-table__cell:first-child) { border-radius: 0 0 0 var(--u7-table-in-radius); }
:where(.u7-table__header:first-child) { border-radius: var(--u7-table-in-radius) 0 0 0; }
:where(.u7-table__row:last-child .u7-table__cell:last-child) { border-radius: 0 0 var(--u7-table-in-radius) 0; }
:where(.u7-table__row:last-child .u7-table__cell:only-child) { border-radius: 0 0 var(--u7-table-in-radius) var(--u7-table-in-radius); }
:where(.u7-table__header:last-child) { border-radius: 0 var(--u7-table-in-radius) 0 0; }

/*u7-table row header*/
.u7-table__row-header{background-color: var(--u7-table-header-bg-color);font-weight: 400;line-height: 1.5;white-space: nowrap;border-bottom: var(--u7-table-border); border-right: var(--u7-table-border); }
:where(.u7-table__row:first-child) .u7-table__row-header{border-top: var(--u7-table-border);}
:where(.u7-table__row:not(:has(~ .u7-table__row .u7-table__row-header))) .u7-table__row-header{border-radius: 0 0 0 var(--u7-table-in-radius);border-bottom: 0;}
:where(.u7-table:has(.u7-table__row-header)) :where(.u7-table__row:not(:has(~ .u7-table__row .u7-table__row-header))) .u7-table__cell:where(:not(:only-child)):first-child {border-radius: 0}
/*u7-table row header ends*/

/*u7 sort headers*/
:where(.u7-table) .sort-header {padding:0;}
:where(.u7-table) .sort-header a {--icon-size:12px; align-items:center; color:var(--u7-table-color); display:flex; gap:4px; padding:var(--u7-table-cell-padding); text-decoration:none;}
:where(.u7-table .sort-header):is([align="center"], .text-center) a {justify-content: center}
:where(.u7-table .sort-header):is([align="left"], .text-start) a {justify-content: start}
:where(.u7-table .sort-header):is([align="right"], .text-end) a {justify-content: end}
:where(.u7-table) .sort-header a:after {background:currentColor; content:""; height:var(--icon-size); -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:var(--icon-size);}
:where(.u7-table) .sort-header-asc a: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(.u7-table) .sort-header-desc a: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;}
/*u7 sort headers end*/

:where(.u7-table) .u7-table__empty-row:where(:not(:only-child)) {display: none;}

@media (hover: hover) {
     :where(.u7-table .u7-table__row:not(.noHover):hover) .u7-table__cell:where(:not(.u7-table__row-header)) {--u7-table-cell-bg-color: var(--u7-table-row-hover-color);}
}


.scrollable-table-container {box-sizing: border-box; overflow-x: auto; scrollbar-width: thin;scrollbar-color:var(--thumbs-color,#dddde1) var(--track-color, #f5f5f6);}
/* new table style end*/


/*common tg pages style*/
:where(.tg-page) .tg-page-header {display: flex;align-items: center;justify-content: space-between;gap: 1rem; margin-block:1rem; flex-wrap: wrap}
:where(.tg-page .tg-page-header) h3 {margin: 0;}
.empty-block p { margin: 0 auto; margin-block: 1rem; max-width: 500px; opacity: .7; text-align: center; }/*common for cp rule*/
:where(.tg-page) .to-create-btn {display: block; margin: 1rem auto; width: fit-content;}
:where(.tg-page) :is(.user-status, .mail-status){padding: 4px 12px; background: var(--tg-status-bg, #83848426);color:var(--tg-status-color,#838484);border-radius: var(--tg-status-radius, 8px)}

:where(.ref-modal,.user-stats-modal) .stats-list {margin-block: -2px 24px;}
:where(.ref-modal,.user-stats-modal) .stat { align-items: center; border-bottom: var(--ref-stat-border); display: flex; gap: 10px; justify-content: space-between; padding-block: 10px; }
:where(.ref-modal,.user-stats-modal) .stat-label {flex-shrink: 0;}
:where(.ref-modal,.user-stats-modal) .stat-val {color: var(--ref-val-color);}

/*common tg pages style end*/

/*tgs shop dashboard(tgdb)*/
.tgdb {
	container: tgdb / inline-size;
	padding-bottom: 8px;
}

:where(.tgdb) .tgdb-grid {
	display: grid;
	gap: 32px 24px;
	grid-template-areas: 'bot bot community'
						 'users orders income';
	grid-template-columns: 1fr 1fr 1fr;
}

:where(.tgdb) .tgdb-stat-users {
	grid-area: users;
}

:where(.tgdb) .tgdb-stat-orders {
	grid-area: orders;
}

:where(.tgdb) .tgdb-stat-income {
	grid-area: income;
}

:where(.tgdb) .tgdb-bot {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	grid-area: bot;
	justify-content: space-between;
}

:where(.tgdb) .tgdb-grid-item {
	--item-padding-block: 16px;
	--item-padding-inline: 24px;

	background: var(--background, #edf1f280);
	border: 1px solid var(--border-color, #dfe2e6);
	border-radius: var(--border-radius, 3px);
	min-width: 0;
	padding: var(--item-padding-block) var(--item-padding-inline);
}

:where(.tgdb) .tg-bot-avatar {
	align-items: center;
	background: gray;
	border-radius: var(--size, 64px);
	color: white;
	display: flex;
	font-size: 26px;
	font-weight: bold;
	height: var(--size, 64px);
	justify-content: center;
	text-transform: uppercase;
	width: var(--size, 64px);
	user-select: none;
	pointer-events: none;
}

:where(.tgdb) .tg-bot-info {
	display: grid;
	gap: 16px;
	grid-template-columns: auto 1fr;
	align-items: center;
}

:where(.tgdb) .tg-bot-info > * {
	min-width: 0;
}

:where(.tgdb) .tg-bot-name {
	font-size: var(--font-size, 24px);
	font-weight: 700;
	line-height: 1.14;
}

:where(.tgdb) .tg-bot-link {
	display: inline-block;
	margin-top: 2px;
	opacity: 1;
	text-decoration: none;
	color: #969696;
}

:where(.tgdb) :is(.tg-bot-name, .tg-bot-link) {
	max-width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

:where(.tgdb) .tgdb-links {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

:where(.tgdb) .tgdb-community {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	grid-area: community;
	grid-column: 3/4;
	justify-content: space-between;
	padding: 27px 24px;
}

:where(.tgdb) .tgdb-community-text {
	font-size: var(--font-size, 14px);
	line-height: 1.11;
	max-width: 170px;
}

:where(.tgdb) .tgdb-community-btn {
	--size: 24px;

	align-items: center;
	background-color: #2aaaec;
	border-radius: 3px;
	color: #fff;
	display: flex;
	flex-shrink: 0;
	gap: 2px;
	padding: 5px 16px 5px 12px;
	text-decoration: none;
	transition: opacity .2s ease-in-out;
	white-space: nowrap;
}

:where(.tgdb) .tgdb-stat-header {
	align-items: center;
	border-bottom: 1px solid var(--border-color, #dfe2e6);
	border-radius: var(--border-radius, 3px) var(--border-radius, 3px) 0 0;
	color: inherit;
	display: grid;
	gap: 10px;
	grid-template-columns: auto 1fr auto;
	margin: calc(var(--item-padding-block) * -1) calc(var(--item-padding-inline) * -1) var(--item-padding-inline);
	min-width: 0;
	padding: var(--item-padding-block) var(--item-padding-inline);
	text-decoration: none;
	transition: color .2s ease-in-out;
}

:where(.tgdb) .tgdb-stat-title {
	font-size: var(--font-size, 14px);
	font-weight: 700;
	line-height: 1.56;
	text-decoration: none;
}

:where(.tgdb) .tgdb-stat-content {
	margin-bottom: auto;
}

:where(.tgdb) .tgdb-stat-label {
	font-size: var(--font-size, 13px);
	margin-block: 0;
}

:where(.tgdb) .tgdb-stat-count {
	font-size: var(--font-size, 44px);
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: var(--font-size, 44px);
	margin-block: 8px;
}

:where(.tgdb) .tgdb-growth {
	align-items: center;
	background: var(--background, gray);
	border-radius: 8px;
	color: var(--color, white);
	display: flex;
	font-size: var(--font-size, 10px);
	font-weight: 700;
	gap: 4px;
	padding: 4px 6px;
	width: fit-content;
}

:where(.tgdb) .tgdb-growth-up {
	--background: #02c57c26;
	--color: #02c57c;
}

:where(.tgdb) .tgdb-growth-up svg {
	transform: rotate(180deg);
}

:where(.tgdb) .tgdb-growth-down {
	--background: #ffd8d3;
	--color: #ff6a55;
}

:where(.tgdb) .tgdb-stat-details {
	margin-top: 32px;
}

:where(.tgdb) .tgdb-stat-detail {
	align-items: center;
	display: grid;
	gap: 8px;
	grid-template-columns: auto 1fr auto;
}

:where(.tgdb) .tgdb-stat-detail:is(:nth-child(n+2), :only-child) {
	border-top: 1px solid var(--border-color, #dbe4e6);
	margin-top: 12px;
	padding-top: 12px;
}

@media (hover: hover) {
	:where(.tgdb) .tgdb-stat-header:where(a):hover {
		color: revert-layer;
	}

	:where(.tgdb) .tgdb-community-btn:hover {
		opacity: .8;
	}
}

@container tgdb (width <= 1170px) {
	.tgdb-grid {
		display: grid;
		gap: 32px 24px;
		grid-template-areas: 'bot bot'
							 'income income'
							 'users orders';
		grid-template-columns: 1fr 1fr;
	}

	.tgdb-stat-count {
		font-size: 40px;
		line-height: 40px;
	}

	.tgdb-community {
		display: none;
	}
}

@container tgdb (width < 650px) {
	.tgdb-grid {
		grid-template-areas: 'bot''users''orders''income';
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.tgdb-grid-item {
		--item-padding-block: 16px;
		--item-padding-inline: 16px;
	}

	.tgdb-links {
		gap: 10px;
	}

	.ubtn-link {
		--padding-inline: 12px;
	}
}

/*tgs shop dashboard(tgdb) end*/

/*tg shop referer page*/
:where(.tg-referrals-table) .wait { pointer-events: none; opacity: .7}
:where(.tg-referrals-table) :is(.column-id, .column-actions, .column-conversion, .column-unique) { width: 1%; }
:where(.tg-referrals-table) .column-id { min-width: 64px; }
:where(.tg-referrals-table) .column-actions { min-width: 168px; }
:where(.tg-referrals-table) .column-name { min-width: 250px; }
:where(.tg-referrals-table) :is(.column-conversion, .column-unique) { min-width: 100px; }
:where(.tg-referrals-table) :is(.column-link, .ref-link-input) { min-width: 250px; width: 100%; }
.tg-page-referrals {container: tg-page-referrals / inline-size;}
@media (hover: hover) {
	@container tg-page-referrals (width >= 1025px) {:where(.tg-referrals-table) .u7-table__row:has(:hover) .u7-table__cell {background-color: var(--u7-table-row-hover-color);}}
}
@container tg-page-referrals (width < 1025px) {
	.tg-referrals-table, :where(.tg-referrals-table) :is(tbody, tr, td) { display: block; border: 0; }
	.cp-icon-btn { color: var(--u7-table-color); }
	:is(.u7-table__cell:nth-child(2), .u7-table__head) { display: none; }
	.u7-table__row { display: grid; border: var(--u7-table-border); border-radius: 12px; }
	.u7-table__row:has(+ .u7-table__row) { margin-bottom: 16px; }
	.u7-table__cell { padding: 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap;border-radius: 0; border-bottom: 0; border-top: var(--u7-table-border); }
	.u7-table__cell:nth-last-child(2){ border-radius: 0 0 10px 10px}
	.u7-table__cell:before { content: attr(data-label); display: block; text-overflow: ellipsis; overflow: hidden; }
	.u7-table__cell:has(> .referer-controls):before { font-weight: 700; }
	.u7-table__cell:has(> .referer-controls) { display: grid; grid-template-columns: 1fr auto; gap: 16px; background: var(--u7-table-header-bg-color); border-radius: 10px 10px 0 0; grid-row: 1; border: 0; }
}
:where(.ref-modal) .ref-field {display: flex; flex-direction: column; gap: 8px; margin-block: 8px 24px; }
/*tg shop referer end*/

/*tg shop users page*/
:where(.tg-users-search){position: relative;display: flex;}
:where(.tg-users-search) :is(.search-input, #f){flex: 1; padding-right: 28px;width: 100%}
:where(.tg-users-search) .search-btn { align-items: center; bottom: 0; cursor: pointer; display: flex; justify-content: center; outline: none; position: absolute; right: 0; top: 0; width: 28px; z-index: 1; }
:where(.tg-users-search) .search-icon { --size: 12px; width: var(--size); height: var(--size); pointer-events: none;}
:where(.tg-page-users) .tg-users-table :where(.col-1) { width: 5.67%; }
:where(.tg-page-users) .tg-users-table :where(.col-2, .col-3, .col-4, .col-6, .col-7) { width: 11.34%; }
:where(.tg-page-users) .tg-users-table :where(.col-5) { width: 18.42%; }
:where(.tg-page-users) .tg-users-table :where(.col-7,.col-1) { min-width: 160px}
:where(.tg-page-users) .tg-users-table :where(.col-8) { width: 1%; min-width: 64px}
:where(.tg-page-users) .group-select {width: 260px;}
:where(.tg-page-users) .group-select.wait {--select-loader-bg:url('/.s/img/wait.svg') calc(100% - 4px) center/12px no-repeat,linear-gradient(#0001, #fff .5rem); background: var(--select-loader-bg);pointer-events: none;appearance: none;}
:where(.tg-page-users) .user-status.active{--tg-status-bg:#02c57c26;--tg-status-color:#02c57c;}
:where(.tg-page-users) .user-status.blocked{--tg-status-bg:#fd423926;--tg-status-color:#fd4239;}
:where(.tg-page-users .tg-users-table) .loader-cell{border-radius: 0 0 10px 10px; opacity: .7; text-align: center;}
:where(.tg-page-users) .user-ref-url {align-items:center; display:flex;gap: 4px;}
:where(.tg-page-users) .user-ref-url svg {color: #488afa;}

.tg-page-users {container: tg-page-users / inline-size;}
@container tg-page-users (width < 1025px) {
	.tg-page-header {flex-direction: column;align-items: stretch;}
	.tg-users-table :where(.col-2, .col-3, .col-4, .col-6, .col-7) {min-width: 160px; }
	.tg-users-table :where(.col-5) {min-width: 260px; }
	.tg-users-table :where(.col-1) {min-width: 80px; }
}
@container tg-page-users (width < 480px) {
	.loader-cell{text-align: left}
}
/*tg shop users page end*/

/*tg shop mailing page*/
:where(.tg-mailings-table) :where(.col-1, .col-3, .col-4, .col-5) {width: 1%;}
:where(.tg-mailings-table) .col-1 {min-width: 120px;}
:where(.tg-mailings-table) :is(.col-2,.col-3){min-width: 200px;}
:where(.tg-mailings-table) .col-4 {min-width: 160px;}
:where(.tg-mailings-table) .col-5 {min-width: 136px;}
:where(.tg-mailings-table) .in-progress {--tg-status-bg:#488AFA26;--tg-status-color:#488afa;}
:where(.tg-mailings-table) .completed {--tg-status-bg:#02C57C26;--tg-status-color:#02C57C;}
:where(.tg-mailings-table) .mail-controls:has(.wait) {opacity: .7; pointer-events: none;}
/*tg shop mailing end*/


/* sitemaps */
.cp-sitemaps-list label { min-width: 2.75rem; text-align: start; }

/* widgets add */
.slideshow-images-list {
	display: flex; flex-direction: column; gap: .25rem;
	b { min-width: 1.25rem; text-align: end; }
}

/* users signs */
.usign-section {
	&:not(.active) + div { display: none; }
	.usign-toggle-icon {
		color: #adadad;
		&:before { content: '\2795'; font: normal 0.8em sans-serif; }
	}
	&.active .usign-toggle-icon:before { content: '\2796'; }
}
.usign-action-wrapper { display: flex; gap: .25rem; }
.usign-action-wrapper a:before { content:attr(title); }
.usign-action-wrapper a svg { display: none; }
.usign-action-separator:before { content: '|'; }

/* designs library */
.container-templates .designs-list article { padding: .5rem; }
.container-templates .designs-list article img { border:1px solid #0004; }

/* svg sprites preview */
.svg-exists-icons { display: flex; flex-wrap: wrap; gap: 1rem; }
:is( .svg-exists-icons ) figure { margin: 0; display: flex; flex-direction: column; gap: .5rem; align-items: center; }
:is( .svg-exists-icons ) .svg-icon-preview { width: 3rem; }
:is( .svg-exists-icons ) figcaption input { width:8.5rem; text-align: center; }


/* some adaptive */
@media screen and (width <= 1600px) {
	.all-groups-rights .copy { grid-template-columns: repeat(5, minmax(auto, 20%)); }
}

@media screen and (width <= 1440px) {  }

@media screen and (width <= 1200px) {
	.all-groups-rights .copy { grid-template-columns: repeat(4, minmax(auto, 25%)); }
}

@media screen and (max-width: 1080px) {
}

@media screen and (width <= 1024px) {
	.feed_opt_line:first-of-type {
		label:not(:last-of-type) { flex-direction:column; align-items:flex-start; }
	}
	.all-groups-rights .copy { grid-template-columns: repeat(3, minmax(auto, 33%)); }
}

@media screen and (width <= 768px) {
	.panel-sidebar { width: 190px; min-width: 190px; }
	[container] .panelTop1 > :nth-of-type(2) {
		text-align: end;
/* 		max-width: 50%;  */
	}
	[content].grid-2-columns.contentBg {
		grid-template-columns: 1fr;
		.servMenuList {
			.mdesc { margin: 0; }
		}
	}
	.standart { width: 100%; }
:where(body:not(.bw-theme)) .setup-design-params { display: flex; flex-direction: column; gap: .25rem; }
/* 	.container-ssl tbody[certs] tr { display: flex; flex-direction: column; gap: .25rem; } */
/* 	.container-confirm_phone .gray-table tbody {  } */
	.container-phpftppass .copy { display: block; }
	.action-log tr td:first-child { white-space: normal; }
	.container-shop {
		#maincont { gap: .5rem;
			& > [ledge-both] { margin: 0 .5rem; }
			.subtitle { margin: .5rem 0; font-size: 1.25rem; line-height: unset; }
			.cont-block { gap: .5rem; padding: .5rem; width: auto;
				.main-icon { margin: 0; }
				.level2 { gap: .5rem; }
			}
			.cont-table {
				.level0 { padding: 0 .5rem; }
				.gray-title { padding: .5rem; }
				.gray-content { padding: .5rem;
					.gc-main { background-size: 2rem; background-position: 0 0 !important;
						.p { padding-left: 3rem; }
						ul { line-height: 1.5rem; margin: 0; }
					}
				}
			}
		}
		.matrix-list {
			.matrix_label { background-position: left center!important;
				i { flex-shrink: 0; }
			}
		}
	}
	.all-groups-rights .copy { grid-template-columns: repeat(2, minmax(auto, 50%)); }
}
@media screen and (width <= 640px) {
	/* to prevent blocks from collapsing, remove when responsive design is available */
	.panel-wrapper { min-width: 640px; }
	.breadcrumbs {
		select { max-width: 50%; }
	}
	.container-shop {
		#invoicef {
			& > div[flex-column] {
				& > div[flex-start] { flex-direction: column;
					select { width: 100%; }
				}
			}
		}
		#ogset {
			& > div[flex-column] {
				& > div[flex-start] { flex-direction: column;
					select { width: 100%; }
				}
			}
		}
	}
	.feed_opt_line:first-of-type {
		flex-direction:column; align-items:stretch; margin: 0;
		label:not(:last-of-type) {
			align-items:flex-start;
			select { align-self: stretch; }
		}
	}
	#feeds_fieldset {
		.feed_opt_line.custom-cats {
			.req_fields {
				flex-direction:column; align-items:stretch; margin: 0;
				.field_name { width: max-content; }
				.field_value { display: flex; flex-direction:column; }
			}
		}
		#feed_inheritance_opts0 {
			flex-direction: column; align-items:stretch;
			.ubtn-default { width: 50%; margin: auto; }
			.field_name, .field_value {
				flex-grow: 1; width: 50%;
				select { width: 100%; }
			}
		}
		.add_fields_opts {
			* { flex-shrink: 0; }
			select { flex-grow: 1; }
		}
	}
	.all-groups-rights .mgrp:not(.hidden) { display: flex; flex-direction: column; padding: .25rem 0; }
	.all-groups-rights .mgrp td:first-child { text-decoration: underline; }
	.all-groups-rights .copy { grid-template-columns: repeat(3, minmax(auto, 33%)); }
}
/* end adaptive */
