/*<editor-fold desc="Inputs">*/
.v4-inputs input:not([type="checkbox"]):not([type="button"]):not([type="file"]):not(.custom-styled),
input.v4:not([type="checkbox"]):not([type="button"]):not([type="file"]):not(.custom-styled),
textarea:not(.custom-styled),
.v4-inputs select:not(.custom-styled),
select.v4:not(.custom-styled) {
	max-width: 100%;
	padding: var(--pad-inputs);
	font-size: var(--f-inputs);
	border: var(--border-input-wrap);
	border-radius: var(--border-radius);
	color: var(--c-main);
	background-color: var(--bw);
	outline: none;
}
.full-width-fields input:not([type="checkbox"]):not([type="button"]):not([type="file"]):not(.custom-styled),
.full-width-fields textarea:not(.custom-styled),
.full-width-fields select:not(.custom-styled) {
	width: 100%;
	line-height: 1.5em; /* temp - this makes text input same height as select */
}
input[type="checkbox"] {
}

.v4-inputs .input-group {
	box-shadow: none !important;
}
.v4-inputs .input-group-prepend {
	display: none;
}

/* inline version */
.input-wrap.inline input.v4:not([type="checkbox"]):not([type="button"]):not([type="file"]),
.input-wrap.inline textarea,
.input-wrap.inline select {
	padding-top: var(--v-sm);
	padding-bottom: var(--v-sm);
}

/* Wrapped inputs */
.input-wrap:not(.inline) input.v4[type="text"],
.input-wrap:not(.inline) textarea,
.input-wrap:not(.inline) select {
	display: block;
	width: 100%;
	line-height: 22px; /*attempt to make same height between inputs and selects*/
}

/*.input-wrap input[type="text"],
.input-wrap textarea,
.input-wrap select,
.input-wrap .m-values-wrap {
    border: var(--border-input-wrap);
}*/

.input-wrap {
	position: relative;
	padding: 0;
}

.input-wrap.inline {
	display: inline;
}
.input-wrap.inline-block,
.input-wrap.inline.inline-block {
	display: inline-block;
}

label.like-input {
	display: inline-block;
	margin-bottom: .5rem;
	font-size: .875rem;
	font-weight: 600;
	color: #525f7f;
}

.manual-input-wrap *:is(input:not([type="checkbox"]), select) {
	display: block;
	width: 100%;
}

textarea#prompt-input-field {
	width: 100%;
	font-size: var(--f-inputs);
	height: 7em;
}

/*</editor-fold>*/


/*<editor-fold desc="Buttons">*/
.btn {
	border-radius: var(--border-radius-sm);
	font-weight: normal;
	font-size: var(--f);
}
.btn:not(.btn-sm) {
	padding: var(--pad-bt);
}
.btn:hover {
	transform: none;
	box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.04) inset;
}
.btn:focus, .btn.focus {
	box-shadow: none;
}
.btn-primary,
.btn-success {
	color: #FFF;
	background-color: var(--bg-action);
	border-color: var(--bg-action);
}
.btn-red-pale {
	background-color: var(--bg-red-paler);
}
.btn-white {
	background-color: var(--bw);
	box-shadow: none;
}
.btn-warning.d-close,
.btn-warning.d-cancel {
	background-color: var(--bw);
	color: var(--c-main);
	border: var(--border-input-wrap);
	box-shadow: none !important;
}
.btn-transparent, .btn-transparent:hover {
	color: var(--c-main);
	background-color: transparent !important;
	border: var(--border-input-wrap) !important;
	border-radius: var(--border-radius);
}
.btn-transparent:hover {
	opacity: 0.85;
}
.btn-primary:hover, .btn-success:hover {
	color: #fff;
	border-color: var(--bg-active);
	background-color: var(--bg-active);
}
.btn .btn-inner--icon {
	margin-top: -0.5em;
	margin-bottom: -0.5em;
}
.btn .btn-inner--icon i {
	font-size: var(--i);
}
.btn:not(.with-icon-after) .btn-inner--icon {
	margin-left: -4px;
	margin-right: 8px;
}
.btn.with-icon-after .btn-inner--icon {
	margin-left: 8px;
	margin-right: -4px;
}
/*</editor-fold>*/


/*<editor-fold desc="Wraps">*/
.white-wrap {
	position: relative;
	padding: var(--pad-wrap);
	border-radius: var(--border-radius);
	background-color: var(--bw);
}
/*</editor-fold>*/


/*<editor-fold desc="Blocks">*/
.v4-block {
	position: relative;
	border-radius: var(--border-radius);
	background-color: var(--bw);
}

/*<editor-fold desc="Block header">*/
.v4-block > .vb-header {
	position: relative;
	padding: var(--pad-block-title);
	line-height: 1em;
	font-size: 0;
	background-color: var(--bg-green);
	color: white;
	border-radius: var(--border-radius) var(--border-radius) 0 0 ;

}
.v4-block > .vb-header > * {
	vertical-align: middle;
	font-size: var(--f);
}

.v4-block > .vb-header > .vh-title {
	position: relative;
	display: inline-block;
	line-height: 1em;
	font-size: var(--f-title-block);
}

.v4-block > .vb-header > .vh-after-title {
	position: relative;
	display: inline-block;
	margin-left: var(--marg-inter-buttons);
	white-space: nowrap;
}

.v4-block > .vb-header > .vh-right {
	position: absolute;
	right: var(--h-block);
	top: 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
}
.v4-block > .vb-header > .vh-right :is(.btn) {
	padding-top: var(--v-sm);
	padding-bottom: var(--v-sm);
	color: white !important;
}

/*</editor-fold>*/

.v4-block > .vb-content {
	position: relative;
	padding: var(--pad-block-content);
}
/*</editor-fold>*/


/*<editor-fold desc="Popup mini">*/
.v4-popup-mini:not(.active) {
	display: none !important;
}
.v4-popup-mini {
	position: fixed;
	padding: var(--pad-popup);
	background-color: var(--bw);
	border-radius: var(--border-radius);
	box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.25);
	z-index: 10000;
}

.v4-popup-mini.with-cross {
	padding-top: calc(var(--i) + var(--v-sm)*2);
}
.v4-popup-mini.with-cross > .pm-close {
	position: absolute;
	top: var(--v-sm);
	right: var(--v-sm);
	cursor: pointer;
}
.v4-popup-mini.with-cross > .pm-close > i.material-icons {
	font-size: var(--i); /*--i-sm*/
}

.v4-popup-mini > .sub {
	position: relative;
	max-height: 50vh;
	max-width: 50vw;
	overflow: auto;
	font-size: var(--f);
}

.v4-popup-mini > .sub > .pm-items > .pm-item {
	position: relative;
	display: block;
	padding-top: var(--v-sm);
	padding-bottom: var(--v-sm);
}
.v4-popup-mini > .sub > .pm-items > .pm-item:hover {
	background: linear-gradient(90deg, transparent, var(--bg-selected), transparent) ;
}

.v4-popup-mini > .sub > .pm-items > .pm-item:not(:last-child) {
	margin-bottom: var(--v-interitem-m);
}
/*</editor-fold>*/


/*<editor-fold desc="Page tabs">*/
.page-tabs {
	position: relative;
	box-shadow: 0 1px 0 0 var(--c-light);
	font-size: 0;
}

.page-tabs .p-tab {
	position: relative;
	display: inline-block;
	margin-right: var(--h-interitem-l);
	padding: 0 0 var(--v-interitem);
	color: var(--c-pale);
	border-bottom: 2px solid transparent;
	font-size: var(--f);
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	transition: color 0.5s ease;
}
.page-tabs .p-tab.active, .page-tabs .p-tab:hover {
	color: var(--c-main);
}
.page-tabs .p-tab.active {
	border-bottom-color: var(--c-green);
}

.page-tabs .p-tab i.material-icons {
	margin-top: -1px;
	font-size: var(--i);
	vertical-align: middle;
}

.page-tabs .p-tab .pt-title {
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
}



/*</editor-fold>*/


/*<editor-fold desc="Tags">*/

.tag {
	display: inline-block;
	padding: 0.32em 0.64em;
	font-size: var(--ftags);
	color: var(--c-pale);
	background-color: var(--bg-selected);
	border-radius: 0.4em;
	white-space: nowrap;
}
.tag:not(:first-child) {
	margin-left: var(--h-sm);
}

.tag-title {
	margin-bottom: var(--v-m);
	padding: var(--v-sm) var(--h-sm);
	font-size: var(--f-sm);
	font-weight: bold;
	border-radius: var(--border-radius-sm);
	background-color: var(--bg-orange-pale);
	text-transform: uppercase;
}
.tag-title.light {
	background-color: var(--bg-content);
}
.tag-title:not(.iblock) {
	float: left;
}
body .tag-title.with-icon:not(.with-icon-after)::before {
	font-size: var(--f);
	margin-right: var(--h-xs);
}

body .tag-title + * { clear: both; }

/*</editor-fold>*/


/*<editor-fold desc="Table">*/
.table-wrap tr[role="row"] + tr:not([role="row"]),
.table .table {
	background-color: transparent;
}

.table-wrap tbody td {
	border-top: 1px solid #e9ecef;
	border-bottom: none;
}

.list-v4 .table th,
.list-v4 .table td {
	font-weight: normal;
}
.list-v4.list-v4-big .table th,
.list-v4.list-v4-big .table td {
	font-size: var(--f);
}
.list-v4 .table thead tr,
.list-v4 .table thead th {
	color: var(--c-pale);
}
.list-v4 .table thead th.sorting,
.list-v4 .table thead th.sorting_asc,
.list-v4 .table thead th.sorting_desc {
	color: var(--c-main);
}

.list-v4.list-v4-alternating-noborder {
	--pad-table: var(--pad-table-sm);
}
.list-v4 .table-wrap thead th,
.list-v4 .table-wrap thead th.sorting,
.list-v4 .table-wrap tbody td {
	border: none;
	padding: var(--pad-table);
	/*padding-top: var(--v-l);*/
	/*padding-bottom: var(--v-l);*/
}

.list-v4:not(.list-v4-alternating-noborder):not(.list-v4-noborder) .table-wrap tbody td {
	border-top: 1px solid var(--c-light);
}

.list-v4.list-v4-alternating-noborder table.dataTable,
.list-v4.list-v4-noborder table.dataTable {
	border: none !important;
}
.list-v4.list-v4-alternating-noborder .table-wrap tbody tr:nth-child(2n+1) {
	border-radius: var(--border-radius);
	/*background-color: var(--bg-selected);*/
	/*box-shadow: 0 0 0 100px var(--bg-light) inset;*/
}
.list-v4.list-v4-alternating-noborder .table-wrap tbody tr:nth-child(2n+1) td {
	position: relative;
	z-index: 1;
}
.list-v4.list-v4-alternating-noborder .table-wrap tbody  tr:nth-child(2n+1) td::after {
	content: "";
	position: absolute;
	left: 0; right: 0;
	top: 2px; bottom: 2px;
	background-color: var(--bg-light);
	z-index: -1;
}
.list-v4.list-v4-alternating-noborder .table-wrap tbody  tr:nth-child(2n+1) td:first-child::after {
	/*left: -2px !important;*/
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}
.list-v4.list-v4-alternating-noborder .table-wrap tbody  tr:nth-child(2n+1) td:last-child::after {
	/*right: -2px !important;*/
	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
}

.d-btn-list-action {
	color: var(--c-light);
}
tr:hover > td > .d-btn-list-action {
	color: var(--c-pale);
}
tr .d-btn-list-action:hover {
	color: var(--c-main);
}

/*Search field*/
@media all {

	body .v4-list-search ~ .table-wrap > .dataTables_wrapper > div.row:first-child {
		display: none;
	}

	body .v4-list-search {
		position: relative;
		font-size: var(--f-inputs);
		margin-bottom: var(--v-m);
	}
	body .v4-list-search .input-pre-icon {
		position: absolute;
		left: var(--h-input);
		top: 50%;
		margin-top: -0.5em;
		width: 1em;
		font-size: var(--i);
		line-height: 1em;
		vertical-align: middle;
		text-align: center;
		color: var(--c-pale);
	}
	body .v4-list-search input[type="text"].v4-search {
		width: 100%;
		padding-left: calc(var(--h-input) + var(--i) + var(--h-input)*0.5) !important;
	}

	/*
	body .table-wrap > .dataTables_wrapper > div.row:first-child {
		opacity: 1;
	}
	body .table-wrap > .dataTables_wrapper > div.row:first-child > :first-child {
		display: none !important;
	}
	body .table-wrap > .dataTables_wrapper > div.row:first-child > :last-child.col-sm-6 {
		display: block !important;
		float: none;
		width: auto;
		max-width: none;
		flex: 0 0 100%;
		margin-bottom: var(--v-m);
	}
	body .table-wrap > .dataTables_wrapper > div.row:first-child > :last-child.col-sm-6 label {
		display: block;
		font-size: 0;
	}
	body .table-wrap > .dataTables_wrapper > div.row:first-child > :last-child.col-sm-6 input {
		font-size: var(--f);
		padding: var(--pad-inputs);
	}

	body div.dataTables_wrapper div.dataTables_filter {
		display: block;
		float: none;
		text-align: left;
	}
	*/
}


/*Table to fit better */
body .table-compress table.dataTable thead th {
	letter-spacing: 0 !important;
}

body .table-compress.th-multiline table.dataTable thead th {
	white-space: normal !important;
	text-align: left !important;
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 4px;
	min-height: 28px;
	max-height: 44px;
	overflow: hidden;
}
/*Sorting arrows*/

table.dataTable thead th {

}

table.dataTable thead th:hover {
	color: var(--c-main);
}

/*table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {*/
.list-wrap:not(.with-checkboxes) table.dataTable thead th:before,
.list-wrap:not(.with-checkboxes) table.dataTable thead th::before,
.list-wrap table.dataTable thead th:not(:first-child):before,
.list-wrap table.dataTable thead th:not(:first-child)::before {
	display: none !important;
}
table.dataTable thead th.sorting_disabled:after,
table.dataTable thead th.sorting_disabled::after {
	content: "" !important;
	display: none !important;
}
table.dataTable thead th:not(.sorting_disabled):after,
table.dataTable thead th:not(.sorting_disabled)::after {
	content: "▲" !important;
	position: relative !important;
	display: inline-block !important;
	margin-left: 4px;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	opacity: 1 !important;
	color: var(--c-main);
	vertical-align: middle;
	font-size: 10px !important;
	margin-top: -4px;
}
table.dataTable thead th:not(.sorting_asc):not(.sorting_desc):not(:hover):after,
table.dataTable thead th:not(.sorting_asc):not(.sorting_desc):not(:hover)::after {
	opacity: 0 !important;
	/*color: var(--c-pale);*/
}
/*table.dataTable thead th.sorting_desc:hover:after,
table.dataTable thead th.sorting_desc:hover::after,*/
table.dataTable thead th.sorting_desc:after,
table.dataTable thead th.sorting_desc::after {
	content: "▼" !important;
}
table.dataTable thead th.sorting_disabled:after,
table.dataTable thead th.sorting_disabled::after {
	content: "" !important;
}

table.dataTable tbody > tr.selected {
	/*background-color: var(--bg-selected);*/
	background-color: #F8F8F8;
	/*box-shadow: -4px 0 0 0 var(--bg-green-pale) inset;*/
}

/*checkboxes*/
body .list-wrap.with-checkboxes {
	--size-cb: 16px;
}
body .list-wrap.with-checkboxes tr > :first-child {
	position: relative;
	padding-left: calc(var(--size-cb) + var(--h-m));
}
body .list-wrap.with-checkboxes tr:not(.d-list-sub) > :first-child::before {
	content: "check_box_outline_blank";
	font-family: "Material Icons";
	text-transform: none;
	position: absolute;
	left: 4px;
	top: 50%;
	margin-top: calc(-0.5em - 1px);
	line-height: 1em;
	font-size: var(--size-cb);
	font-weight: normal;
	color: var(--c-paler);
	opacity: 1 !important;
	cursor: pointer;
}
body .list-wrap.with-checkboxes tr:not(.d-list-sub) > :first-child::before:hover {
	color: var(--c-main);
}
body .list-wrap.with-checkboxes tr:not(.d-list-sub).selected > :first-child::before,
body .list-wrap.with-checkboxes tr:not(.d-list-sub).checked  > :first-child::before {
	content: "check_box";
	color: var(--c-main);
}

body .list-wrap td .list-with-underline-text {
	position: relative;
}
body .list-wrap td .list-with-underline-text .list-underline-text {
	position: absolute;
	top: 100%;
	margin-top: -2px;
	left: 0;
	max-width: 200%;
	font-size: var(--f-xs);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--c-pale);
}

/*</editor-fold>*/


/*<editor-fold desc="Charts">*/

.v4-chart {
	--aspect-ratio: 40%;
	--bar-wd: 14px;
	padding: var(--v-x) var(--h-l) var(--v-l);
	margin-left: auto;
	margin-right: auto;
}

.v4-chart > .sub {
	position: relative;
	padding-top: var(--aspect-ratio);
	/*max-height: 256px;*/
}

.v4-chart > .sub > .sub-abs {
	position: absolute;
	left: 0; top: 0; width: 100%; height: 100%;
}

.v4-chart > .sub > .sub-abs > canvas {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/*<editor-fold desc="Bar chart">*/

.v4-bar-chart table {
	position: relative;
	height: 100%;
	width: 100%;
	max-width: calc(var(--bar-wd)*4*16);
	margin: auto;
}
.v4-bar-chart.no-more-than-8 table {
	max-width: calc(var(--bar-wd)*4*8);
}
.v4-bar-chart.no-more-than-5 table {
	max-width: calc(var(--bar-wd)*4*5);
}
.v4-bar-chart.no-more-than-2 table {
	max-width: calc(var(--bar-wd)*4*2);
}

.v4-bar-chart td {
	position: relative;
	height: 100%;
}

.v4-bar-chart .bc-item {
	position: absolute;
	left: 50%;
	margin-left: calc(-0.5*var(--bar-wd));
	width: var(--bar-wd);
	bottom: 0;
	height: auto; /*overridden inline*/
	min-height: calc(var(--bar-wd)*0.25);
	border-radius: calc(var(--bar-wd)*0.5);
	background-color: var(--color);
	transition: transform 0.125s ease;
	transform-origin: center bottom;
}
.v4-bar-chart .bc-item.best > .sub {
}
.v4-bar-chart .bc-item:hover {
	transform: scaleY(1.05);
}

.v4-bar-chart .bc-item .bc-hint {
	display: none;
}
.v4-bar-chart .bc-item:hover .bc-hint {
	position: absolute;
	pointer-events: none;
	display: block;
	bottom: 100%;
	margin-bottom: 0;
	left: 50%;
	width: 220px;
	margin-left: -110px;
	text-align: center;
	z-index: 1;
}
.v4-bar-chart .bc-item:hover .bc-hint > .sub {
	position: relative;
	display: inline-block;
	padding: var(--pad-bt);
	font-size: var(--f-sm);
	background-color: white;
	color: var(--c-main);
	opacity: 0.95;
	border-radius: var(--border-radius-sm);
	border: 1px solid var(--c-light);
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.2);
}
.v4-bar-chart .bc-item:hover .bc-hint > .sub::before {
	content: "";
	font-size: 8px;
	position: absolute;
	left: 50%;
	margin-left: -1em;
	bottom: -1em;
	width: 0;
	height: 0;
	/*border: 4px solid white;*/
	border-top: 1em solid white;
	border-left: 1em solid transparent;
	border-right: 1em solid transparent;
	z-index: 1;
}

.v4-bar-chart .bc-item.best > .sub::before,
.v4-legend tr.best > [data-prop="legend"] .lt-color::before {
	content: "star";
	font-family: "Material Icons";
	text-transform: none;
	position: absolute;
	top: 2px;
	left: 50%;
	-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
	line-height: 1em;
	/*font-size: calc(var(--bar-wd)*0.8);*/
	font-size: 11px;
	font-weight: normal;
	color: white;
	z-index: 1;
}

/*</editor-fold>*/

/*<editor-fold desc="Round chart">*/

.v4-chart.v4-round-chart:not(.aspect-ratio-barchart) {
	--aspect-ratio: 64%;
}

.v4-round-chart .chart-v4-tooltip {
	position: fixed;
	width: 0;
	height: 0;
	pointer-events: none;
	z-index: 1;
}
.v4-round-chart .chart-v4-tooltip > .sub {
	position: absolute;
	padding: var(--v-sm) var(--h-sm);
	font-size: var(--f-xs);
	vertical-align: baseline;
	color: var(--c-main);
	background-color: white;
	opacity: 0.95;
	border-radius: var(--border-radius-sm);
	border: 1px solid var(--c-light);
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.2);
}

.v4-round-chart .chart-v4-tooltip .ct-line {
	position: relative;
}
.v4-round-chart .chart-v4-tooltip.multiline .ct-line {
	white-space: nowrap;
}

.v4-round-chart .chart-v4-tooltip .ct-line .ct-label,
.v4-round-chart .chart-v4-tooltip .ct-line .ct-value {
	display: inline-block;
	vertical-align: baseline;
	max-width: 160px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.v4-round-chart .chart-v4-central {
	position: absolute;
	pointer-events: none;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: var(--f-title-block);
	opacity: 1;
	transition: opacity 0.5s ease;
}
.v4-round-chart .chart-v4-central.anim-opacity {
	opacity: 0;
}


/*</editor-fold>*/

/*<editor-fold desc="Charts legend">*/

.v4-legend {
	position: relative;
	font-size: var(--f);
	background-color: var(--bw);
	z-index: 1;
}

.v4-legend table {
	width: 100%;
}

.v4-legend table th,
.v4-legend table td {
	padding: var(--pad-table-sm);
	font-weight: normal;
}
.v4-legend table th {
	padding-bottom: var(--h-sm);
}

.v4-legend table {
}
.v4-legend table tbody tr:nth-child(2n+1) {
	/*border-radius: var(--border-radius);*/
	/*background-color: var(--bg-selected);*/
	/*box-shadow: 0 0 0 100px var(--bg-light) inset;*/
}
.v4-legend table tbody tr:nth-child(2n+1) td {
	position: relative;
}
.v4-legend table tbody tr:nth-child(2n+1) td::after {
	content: "";
	position: absolute;
	left: 0; right: 0;
	top: 2px; bottom: 2px;
	background-color: var(--bg-light);
	z-index: -1;
}
.v4-legend table tbody tr:nth-child(2n+1) td:first-child::after {
	/*left: 8px !important;*/
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}
.v4-legend table tbody tr:nth-child(2n+1) td:last-child::after {
	/*right: 8px !important;*/
	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
}

.v4-legend tr > * {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.v4-legend tr > [data-prop="legend"] {
	--ll-width: 32px;
	width: var(--ll-width);
	min-width: var(--ll-width);
	max-width: var(--ll-width);
	padding-left: var(--h-ms);
	padding-right: 0;
}
.v4-legend tr.color-v4 > [data-prop="legend"] .lt-color {
	display: block;
	position: relative;
	font-size: var(--i-sm);
	width: 1em;
	height: 1em;
	border-radius: 1em;
	background-color: var(--color); /* see .color-v4; can be overridden inline */
}
.v4-legend tr.best > [data-prop="legend"] .lt-color::before {
	/*see more above*/
	top: 50%;
	/*-webkit-transform: translate(-50%, -50%);*/
	/*transform: translate(-50%, -50%);*/
	margin-top: -0.5em;
}

.v4-legend tr > [data-prop="name"] {
	max-width: 0; /* for ellipsis to work*/
	width: 100%;
}

.v4-legend tr > [data-prop="name"] ~ * {
	text-align: right;
}

.v4-legend .lt-total,
.v4-legend.highlight-values tr > [data-prop="name"] ~ * {
	font-size: var(--f-title-block);
	font-weight: bold;

}

.v4-legend .lt-total {
	padding-top: var(--v-m);
	text-align: right;
}

/*</editor-fold>*/

/*</editor-fold>*/



body.v4 .brief-blocks-wrap .rb-content {
	white-space: pre-line;
}

/*<editor-fold desc="Diff">*/
body[data-show-masked="1"] .if-not-masked-shown,
body:not([data-show-masked="1"]) .if-masked-shown {
	display: none !important;
}


.v4-filters {
	position: relative;
}
.v4-filters > * {
	position: relative;
	display: inline-block;
	/* max-width: 20%; */
}
.v4-filters :is(input, select),
.v4-inputs.v4-filters :is(input, select):not(.custom-styled) {
	display: inline-block;
	max-width: 200px;
}
@media(max-width: 1024px)
{
	.v4-filters :is(input, select),
	.v4-inputs.v4-filters :is(input, select):not(.custom-styled) {
		max-width: 20vw;
	}

}
/*</editor-fold>*/

.material-icons.t-icon-inv {
	font-size: 75%;
	--size: 1.4em;
	width: var(--size);
	height: var(--size);
	line-height: var(--size);
	/*border-radius: var(--size);*/
	text-align: center;
	color: white;
	background-color: var(--c-main);
}
.material-icons.t-icon-inv.state-ok {
	background-color: var(--c-green2);
}

.id-value.campaign-id {
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.id-value.campaign-id:hover {
	color: var(--c-main);
}
.id-value.campaign-id::before,
.id-value.campaign-id::after {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	color: var(--c-pale);
	text-transform: none;
	font-weight: normal;
	z-index: 1;
}
.id-value.campaign-id:hover::before,
td:hover .id-value.campaign-id::before,
.id-value.campaign-id:hover::after/*,
td:hover .id-value.campaign-id::after*/ {
	display: block;
}
td .id-value.campaign-id::after {
	display: none !important;
}
.id-value.campaign-id::before {
	content: "content_copy"; /*info*/
	font-family: "Material Icons";
	font-size: var(--f);
	margin-top: -0.2em;
	margin-left: 0.2em;
}
.id-value.campaign-id::after {
	content: "COPIER";
	font-size: var(--f-xs);
	margin-top: -0.12em;
	margin-left: 1.7em;
}


.d-custom-popup {
	--dp-width: 740px; /*override*/
	--dp-max-height: 80vh; /*override*/

	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0; top: 0; width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.16);
	z-index: 2;
}
.d-custom-popup > .sub {
	position: relative;
	padding: 32px 32px;
	width: var(--dp-width);
	max-width: 90%;
	background-color: white;
	border-radius: 10px;
	box-shadow: 0 7px 7px -4px rgba(0, 0, 0, 0.32);
}
.d-custom-popup > .sub > .content {
	max-height: var(--dp-max-height);
	overflow: auto;
}
.d-custom-popup .in-close {
	position: absolute;
	right: 8px;
	top: 8px;
}

#popup-copy-campaign-info.d-custom-popup {
	--dp-width: 640px; /*override*/
	--dp-max-height: 70vh; /*override*/
}