[data-bs-theme=light]:root {
	--mn-th: #f3f3f3;
	--mn-th-sorted: #e3e3e3;
	--mn-td-sorted: rgba(155, 155, 155, .08);
	--vz-body-bg: #f2f2f2;
	--vz-light-rgb: 244,244,244;
	--vz-topbar-user-bg: #f5f5f5;
	--mn-search-area-bg: #fff5da;
	--mn-search-area-border: #e3e3e3;
	--mn-range-track-border: #ddd;
	--vz-secondary-color: #909090;
	--vz-secondary-color-rgb: 144,144,144;
	--vz-ireks: #940231;
	--vz-ireks-rgb:148,2,49;
	--vz-ireks-text-emphasis: #7e082e;
	--vz-ireks-secondary: #9c724A;
	--vz-ireks-secondary-subtle: #849372;
	--vz-ireks-subtle: #bc7e92;
}

[data-bs-theme=dark]:root {
	--mn-th: #333;
	--mn-th-sorted: #303030;
	--mn-td-sorted: rgba(90, 90, 90, .12);
	--mn-search-area-bg: #423c24;
	--mn-search-area-border: #000;
	--mn-range-track-border: #444;
	--vz-secondary-color: #909090;
	--vz-secondary-color-rgb: 144,144,144;
	--vz-ireks: #eb477c;
	--vz-ireks-rgb: 235,71,124;
	--vz-ireks-text-emphasis: #e495af;
	--vz-ireks-secondary: #ba9878;
	--vz-ireks-secondary-subtle: #3e4733;
	--vz-ireks-subtle: #56343f;
}

html {
	scroll-behavior: auto !important;
}
body {
	overflow-y: scroll;
}
.template,
.hide-empty:empty {
	display: none;
}
.hover-underline:hover {
	text-decoration: underline;
}
.visibility-hidden {
	visibility: hidden !important;
}
.btn:focus {
	color: var(--vz-btn-hover-color);
	background-color: var(--vz-btn-hover-bg);
	border-color: var(--vz-btn-hover-border-color);
	outline: 0;
	-webkit-box-shadow: var(--vz-btn-focus-box-shadow);
	box-shadow: var(--vz-btn-focus-box-shadow);
}

/* XL modal changes start */

.modal-body-fw {
	margin-left: -1.25rem;
	margin-right: -1.25rem;
	padding: 1.25rem;
}

@media (min-width: 1200px) {
	.modal-xl {
		width: 90%;
		max-width: 1400px;
	}
}
/* XL modal changes end */


/* pagination component */
@media (max-width: 576px) {
	.listjs-pagination {
		gap: 0;
	}
}
/* */


/* PullToRefreshJS styles */
.ptr--text {
	font-size: 1.1rem !important;
	color: var(--vz-ireks) !important;
	font-weight: normal !important;
}
.ptr--icon {
	font-size: 1.5rem !important;
	color: var(--vz-ireks) !important;
}


/* @easepick datepicker changes start */
.easepick-wrapper {
	z-index: 1001;
}
/* @easepick datepicker changes end */


/* show tag counts */
.rounded-pill-left-only {
	border-top-left-radius: var(--vz-border-radius-pill) !important;
	border-bottom-left-radius: var(--vz-border-radius-pill) !important;
}

.rounded-pill-right-only {
	border-top-right-radius: var(--vz-border-radius-pill) !important;
	border-bottom-right-radius: var(--vz-border-radius-pill) !important;
}
 
.sweetalert-always-top,
div.swal2-container div.swal2-popup {
	z-index:2000;
}
.swal2-container .swal2-title {
	padding-top: 0;
	padding-bottom: 0;
}

.modal-dialog-scrollable .modal-body {
	overscroll-behavior: contain;
	overflow-y: scroll;
}


.draggable {
	user-select: none;
	position: absolute;
}


.auth-bg-cover {
	background: linear-gradient(-45deg,#940231 50%,#b9758a);
}


.auth-bg-cover>.bg-overlay {
	background-image: url(../images/login/cover-pattern.png);
	background-position: center;
	background-size: cover;
	opacity: 1;
	background-color: transparent
}


.auth-one-bg {
	background-image: url(../images/login/auth-one-bg.jpg);
	background-position:center;
	background-size:cover;
}


.auth-one-bg .bg-overlay {
	background: -webkit-gradient(linear,left top,right top,from(#456fe8),to(#4b749f));
	background: linear-gradient(to right,#a10f3d,#940231);
	opacity: .3
}


.auth-bg-cover .footer a{
	color:rgba(255,255,255,.5)
}


.bg-supersoft-success {
	background-color:rgba(69,203,133,.08)!important;
}

.text-ireks {
	color: var(--vz-ireks);
}
.bg-ireks {
	background: var(--vz-ireks);
}
.text-ireks-secondary {
	color: var(--vz-ireks-secondary);
}
.bg-ireks-secondary {
	background: var(--vz-ireks-secondary);
}
.text-ireks-subtle {
	color: var(--vz-ireks-subtle);
}
.bg-ireks-subtle {
	background: var(--vz-ireks-subtle);
}
.text-ireks-secondary-subtle {
	color: var(--vz-ireks-secondary-subtle);
}
.bg-ireks-secondary-subtle {
	background: var(--vz-ireks-secondary-subtle);
}

.bg-ireks-yellow {
	background: var(--mn-search-area-bg);
}

.btn-ireks {
	--vz-btn-bg:var(--vz-ireks);
	--vz-btn-border-color:var(--vz-ireks);
	--vz-btn-hover-bg:var(--vz-ireks-text-emphasis);
	--vz-btn-hover-border-color:var(--vz-ireks-text-emphasis);
	--vz-btn-focus-shadow-rgb:var(--vz-ireks-rgb);
	--vz-btn-active-bg:var(--vz-ireks-text-emphasis);
	--vz-btn-active-border-color:var(--vz-ireks-text-emphasis);
	--vz-btn-disabled-bg:var(--vz-ireks);
	--vz-btn-disabled-border-color:var(--vz-ireks);
	--vz-btn-color: #fff;
	--vz-btn-hover-color: #fff;
	--vz-btn-active-color: #fff;
	--vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--vz-btn-disabled-color: #fff;
}

.form-check-ireks .form-check-input:checked {
	background-color: var(--vz-ireks);
	border-color: var(--vz-ireks);
}
.border-ireks {
	--vz-border-opacity: 1;
	border-color: var(--vz-ireks);
}
.form-switch-ireks .form-check-input:checked {
	background-color: var(--vz-ireks);
	border-color: var(--vz-ireks);
}
.hover-div-ireks:hover {
	background-color: var(--vz-ireks);
	color: #fff;
}
.progress-xxl {
	border-radius: .5rem;
	height: 21px;
}
.alert-dot {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
}
.clear {
	clear: both;
}

.cursor-default {
	cursor: default;
}
.cursor-pointer {
	cursor: pointer !important;
}
.cursor-move {
	cursor: move;
}
.cursor-grab {
	cursor: grab;
}
.cursor-grabbing {
	cursor: grabbing;
}
.cursor-no-drop {
	cursor: no-drop;
}
.no-pointer-ev {
	pointer-events:none;
}


.va-2 {
	vertical-align: -2px;
}
.va-4 {
	vertical-align: -4px;
}
.va-top {
	vertical-align: top;
}
.pe-none {
	pointer-events: none;
}
.pt-2rem {
	padding-top: 2rem;
}

.mw-vw {
	max-width: calc(100vw - 24px);
}

.border-color-transparent {
	border-color: transparent ! important;
}
.border-end-color-transparent {
	border-right-color: transparent ! important;
}
.border-start-color-transparent {
	border-left-color: transparent ! important;
}

@media (min-width: 768px) {
	.mw-vw {
		max-width: calc(100vw - 48px);
	}
}

.mdi-30px.mdi-set, .mdi-30px.mdi::before {
	font-size: 30px;
}

.bg-pattern {
	background: url(/images/modal/modal-bg.png) var(--vz-modal-bg)
}

img.img-thumbnail {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ofc {
	object-fit: cover;
}
img.img-thumbnail:not([src]) {
	display: none;
}

.avatar-sm img.img-fluid {
	width: 100%;
	aspect-ratio: 1;
}

.fs-default {
	font-size: .9rem !important;
}
.bg-none {
	background: none !important;
}
.no-resize {
	resize: none;
}
.mt-10-px {
	margin-top: 10px;
}
.mt-n25 {
	margin-top: -.7rem;
}

.inline-block {
	display: inline-block;
}

.bottom-n12 {
	bottom: -12%!important;
}

.modal-content-height-100 {
	height: 100% !important;
}

.clamp {
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow-wrap: anywhere;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.clamp1 {
	line-clamp: 1;
	-webkit-line-clamp: 1;
}

.clamp2 {
	line-clamp: 2;
	-webkit-line-clamp: 2;
}

.clamp3 {
	line-clamp: 3;
	-webkit-line-clamp: 3;
}

.truncated-title {
	width: 400px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}

.italic {
	font-style: italic;
}

@media (max-width: 768px) {
	.truncated-title {
		width: 240px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;	
	}
}

@media (max-width: 576px) {
	.truncated-title {
		width: 180px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;	
	}
}

@media (max-width: 390px) {
	.truncated-title {
		width: 150px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;	
	}
}

/* cards */

.card.minimized .card-body {
	overflow: hidden;
}
.card.minimized .card-body {
	height: 0;
	padding: 0;
}
.card .minimize-card i {
	cursor: pointer;
}
.card .tab-contents > div.hide,
.card.minimized .minimize-card i.minus,
.card:not(.minimized) .minimize-card i.plus {
	display: none;
}

/* maps */

#map-maplibre > div {
	height: 500px;
}

/* page headers */

.page-header {
	position: relative;
	margin: -1.5rem;
	margin-bottom: var(--vz-grid-gutter-width);
	padding: 1rem 1.5rem 0 1.5rem;
	-webkit-box-shadow: var(--vz-card-shadow);
	box-shadow: var(--vz-card-shadow);
	max-width: calc(100vw + .6rem);
}

.header-bg {
	position: absolute;
	pointer-events: none;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .1;
	background-size: cover;
	background-position: center;
	filter: grayscale(100%);
}

/* lister tables */

table.lister thead {
	z-index: 1;
}
thead.sortable th {
	position: relative;
	-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 0 0 rgba(0,0,0,.2);
}
th.nonsortable {
	background-color: var(--mn-th);
}
th.sortable {
	cursor: pointer;
	background-color: var(--mn-th);
}
th.sorted {
	background-color: var(--mn-th-sorted);
}
th.sortable::after {
	font-family: Material Design Icons;
	content: "\f054f";
	font-size: 16px;
	position: absolute;
	top: 12px;
	right: 6px;
	color: #999;
}
th.sortable.asc::after {
	content: "\f06b7";
}
th.sortable.desc::after {
	content: "\f06b6";
}
th.sortable:hover::after {
	color: #333;
}
[data-bs-theme=dark] th.sortable:hover::after {
	color: #ccc;
}
@media (max-width: 1399.98px) {
	th.wrap-under-xxl {
		text-wrap: auto;
		padding-top: 0;
		padding-bottom: 0;
		line-height: 1;
		vertical-align: middle;
	}
}
td.sorted {
	background-color: var(--mn-td-sorted);
}
table.lister tr {
	transition: height .4s linear 0s;
}
table.lister tr.omit.close {
	height: 0px !important;
}
table.lister tr td {
	transition: opacity .3s linear 0s;
}
table.lister tr.omit td {
	opacity: 0;
}
table.lister.table-hover > tbody > tr.subsummary-row:hover > td {
	--vz-table-color-state: none;
	--vz-table-bg-state: none;
}
table.lister > tbody > tr.subsummary-row.subsummary-header > td {
	border-bottom-width: 4px;
	padding-top: 1.3rem;
	padding-bottom: .2rem;
	vertical-align: bottom;
}
table.lister > tbody > tr.subsummary-row.subsummary-footer > td {
	border-top-width: 2px;
	border-bottom: 0;
	padding-top: .2rem;
	padding-bottom: 48px;
	vertical-align: top;
}
table.lister tr td.indent {
	padding-left: 30px;
}

/* loading overlay */
#full-loading-overlay {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	display: block;
	width: 100vw;
	height: 100vh;
	cursor: wait;
}
#full-loading-overlay > div {
	pointer-events: none;
	margin: 0px auto;
	border-radius: 0px 0px 6px 6px;
	width: 200px;
	height: 30px;
	text-align: center;
	background-color: var(--vz-ireks);
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
	color: #fff;
}
#full-loading-overlay > div > div {
	margin-right: 10px;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	font-size: 11px;
	font-weight: 300;
}

.btn-float {
	position: fixed;
	z-index: 90;
	right: 2rem;
	bottom: 2rem;
	border-radius: 50%;
	aspect-ratio: 1;
	line-height: 1;
	white-space: nowrap;
}
.btn-float-2 {
	bottom: 8rem;
}
.btn-float-3 {
	bottom: 14rem;
}
.btn-float-4 {
	bottom: 20rem;
}
.btn-float-5 {
	bottom: 26rem;
}
.btn-container-bottom-overlay {
	position: fixed;
	z-index: 93;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .3);
	cursor: default;
}
.btn-float.btn-float-text {
	border-radius: 32px;
	aspect-ratio: auto;
}
.btn-float.float-left {
	right: auto;
	left: 2rem;
}
@media (min-width: 992px) {
	.btn-float.float-left {
		left: auto;
	}
}

.btn-lister-action {
	display: inline-block;
	margin: 0px 2px;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	cursor: pointer;
	color: var(--vz-secondary-color);
}
.btn-lister-action:hover {
	background-color: var(--vz-dark-bg-subtle) !important;
}

.bottom-border-wrapper {
	border-bottom: 1px solid var(--vz-input-border);
}

.form-control-white-overwrite {
	background-color: var(--vz-input-bg) !important;
}
  
.avatar-capture-circle {
	height: 24rem;
	width: 24rem;
}
  

.full-scrollable-user-datasheet-correction {
	margin: -1.25rem -1.25rem 0 -1.25rem;
}


.hover-div:hover {
	background-color: rgba(var(--vz-light-rgb), 1);
}

/* datasheet tabs */

.nav-tabs-custom .nav-item .nav-link::after {
	height: 2px;
	background: var(--vz-success);
}
.nav-tabs-custom.orange .nav-item .nav-link::after {
	background: var(--vz-danger);
}
.nav-tabs-custom.blue .nav-item .nav-link::after {
	background: var(--vz-info);
}
.nav-tabs-custom.ireks .nav-item .nav-link::after {
	background: var(--vz-ireks);
}
.nav-tabs-custom .nav-item .nav-link:hover::after {
	transform: scale(1);
}
.nav-tabs-custom .dropdown-menu .nav-link.active::after,
.nav-tabs-custom .dropdown-menu .nav-link:hover::after {
	display: none;
}
.nav-tabs-custom .dropdown-menu .nav-link.active,
.nav-tabs-custom .dropdown-menu .nav-link:hover {
	background: var(--vz-success-bg-subtle);
}
.nav-tabs-custom.orange .dropdown-menu .nav-link.active,
.nav-tabs-custom.orange .dropdown-menu .nav-link:hover {
	background: var(--vz-danger-bg-subtle);
}
.nav-tabs-custom.blue .dropdown-menu .nav-link.active,
.nav-tabs-custom.blue .dropdown-menu .nav-link:hover {
	background: var(--vz-info-bg-subtle);
}

/* thinner header */
#page-topbar {
	z-index: 60;
}
#page-topbar .navbar-header,
#page-topbar .header-item {
	height: 50px;
}
#page-topbar .header-item.truncated-title {
	margin-top: 5px;
}
#page-topbar .topbar-user .dropdown-menu,
#page-topbar .topbar-head-dropdown .dropdown-menu.show {
	top: 52px !important;
	right: 0;
}
.page-content {
	padding-top: calc(50px + 1.5rem);
	padding-bottom: 100px; /* floating save button space */
}

/* navbar */

.breadcrumb > li > a[href]:hover {
	text-decoration: +line !important;
}

#back-to-top-2 {
	position: fixed;
	z-index: 80;
	top: 25px;
	left: 50%;
	transform: translateX(-50%);
}
li.dropdown-divider + li.dropdown-divider,
li.dropdown-divider:first-child,
li.dropdown-divider:last-child {
	display: none;
}


@media (max-width: 991.98px) {

}
@media (max-width: 767.98px) {
	.page-content {
		padding-left: 0;
		padding-right: 0;
	}
	div.card.mobile-wall-to-wall {
		margin-left: -12px;
		width: calc(100% + 24px);
	}
}

@media (min-width: 992px) {
	.text-align-left-lg {
		text-align: left !important;
	}
	.pager {
		justify-content: right !important;
	}
}

#full-loading-overlay > .spinner {
	background: rgba(255,255,255,.8);
}
html[data-bs-theme="dark"] #full-loading-overlay > .spinner {
	background: rgba(0, 0, 0, .8);
}

/* highlight none empty search field inputs */
.tag-input-container.hne.has-value .tag-input,
.search-box.search-box-radio.hne.not-empty,
select.hne.not-empty,
input.hne:not(:placeholder-shown) {
	outline: 2px solid var(--vz-warning);
}

.extended-fields input.hne {
	outline: 2px solid var(--vz-warning) !important;
}

.tag-input-container.highlight.has-value .tag-input,
.search-box.search-box-radio.highlight,
select.highlight,
input.highlight {
	outline: 2px solid var(--vz-warning);
}

.form-control:focus,
.form-select:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	border-color: var(--vz-input-border-custom);
}
.field-invalid .form-check-input,
.field-invalid .form-select,
.field-invalid .form-control {
	border-color: #f00 !important;
}
.error-message {
	display: none;	
	width: 100%;
	margin-top: .25rem;
	font-size: .875em;
	font-weight: 700;
	color: #f00;
}
.field-invalid .error-message {
	display: block;
}

.search-box .search-icon,
.search-box .search-icon,
.form-icon > i {
	bottom: auto;
	top: 7px;
	font-size: 18px;
	left: 12px;
}
.search-box .search-icon {
	top: 0px;
}

label .required {
	color: #f00;
}

@media (max-width: 1199.98px) {
	:is([data-layout="vertical"], [data-layout="semibox"]) .app-menu {
		margin-left: -100%;
		padding: 10px 0 20px 0;
	}
	#page-topbar {
		left: 0 !important;
	}
	.main-content {
		margin-left: 0px !important;
	}
	#file-viewer-properties {
		border-left: none !important;
	}
}

#preview-container {
	height: 90vh;
}


@media (min-width: 1200px) {
	.main-content {
		margin-left: 250px;
	}
	#preview-container {
		height: 100vh;
	}
}

/* sidebar */
.navbar-menu {
	z-index: 50;
}
.nav-link {
	transition: none;
}
[data-bs-theme=light] .navbar-menu {
	background: var(--vz-ireks-text-emphasis);
}
[data-bs-theme=light] .navbar-menu .nav-link {
	color: #fff;
}
[data-bs-theme=light] .navbar-menu .nav-link:hover {
	background: rgba(255, 255, 255, .10);
}
[data-bs-theme=light] .navbar-menu .nav-link.active {
	background: rgba(255, 255, 255, .20);
}
[data-bs-theme=light] .navbar-menu .navbar-nav .menu-title {
	color: #bbb;
}
[data-bs-theme=dark] .navbar-menu .nav-link {
	color: #aaa;
}
[data-bs-theme=dark] .navbar-menu .nav-link:hover {
	background: rgba(0, 0, 0, .15);
}
[data-bs-theme=dark] .navbar-menu .nav-link.active {
	background: rgba(0, 0, 0, .25);
}
[data-bs-theme=dark] .navbar-menu .navbar-nav .menu-title {
	color: #6c6c6c;
}
.navbar-menu .navbar-nav ul {
	list-style: none;
	padding-left: 0;
}
.navbar-menu .navbar-nav li.category {
	overflow: hidden;
	line-height: 24px;
	cursor: pointer;
	transition: height .15s ease-out 0s;
}
.navbar-menu .navbar-nav li.category:not(.opened) {
	height: 24px !important;
}
.navbar-menu .navbar-nav li.category:hover .menu-title:after {
	color: #fff;
}
.navbar-menu .navbar-nav li.category.opened .menu-title:after {
	transform: rotate(90deg);
	color: #fff;
}
.navbar-menu .navbar-nav .menu-title {
	position: relative;
	display: block;
	padding-left: 16px;
	pointer-events: none;
}
.navbar-menu .navbar-nav .menu-title:after {
	display: block;
	content: "\f0142";
	font-family: "Material Design Icons";
	margin-left: auto;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s,-webkit-transform .2s;
	font-size: 1.05rem;
	position: absolute;
	right: 18px;
	top: 0px;
	color: inherit;
}

/* partner */
.profile-wid-bg.active_true {
	background: #428261;
}
.profile-wid-bg.active_false {
	background: #8e6a53;
}
.profile-wid-bg:before {
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 59%,rgba(0,0,0,0.3) 100%);
}
.profile-wrapper a.nav-link:hover {
	background: var(--vz-light-bg-subtle) !important;
}
.profile-wid-bg i {
	right: 180px;
}
.profile-wid-bg i:before {
	font-size: 220px;
	line-height: 220px;
}

/* tag input system */
.tag-input-container .hide {
	display: none !important;
}
.tag-input {
	border: var(--vz-border-width) solid var(--vz-input-border-custom);
	border-radius: var(--vz-border-radius);
	padding: 3px 5px 4px 5px;
	background: rgb(var(--vz-tertiary-bg-rgb));
	cursor: text;
	user-select: none;
}
[data-bs-theme=light]:root .tag-input {
	background: rgb(var(--vz-white-rgb));
}
.tag-input.icon > i {
	position: relative;
	top: 3px;
	left: 0px;
	padding-left: 9px;
	margin-right: 5px;
	font-size: 18px;
}
.standalone-tag,
.tag-input > .input,
.tag-selector >.item > .tag,
.tag-input > .tag {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	margin: 3px;
	border-radius: 4px;
	padding-left: 8px;
	height: 25px;
	line-height: 24px;
	font-weight: 500;
	cursor: pointer;
	white-space: nowrap;
}
.tag-selector .tag > .num,
.tag-input > .tag > .detach {
	display: inline-block;
	margin-left: 6px;
	border-radius: 0px 4px 4px 0px;
	padding: 0px 4px;
	height: 25px;
	cursor: pointer;
	color: inherit;
	background: rgba(0, 0, 0, .1);
}
.standalone-tag,
.tag-selector .tag > .num {
	padding: 0px 8px;
}
.tag-input > .tag > span:first-child,
.tag-input > .tag > .detach > i {
	color: inherit;
	pointer-events: none;
}
.tag-input > .input {
	max-width: calc(100% - 50px);
	padding-left: 0;
	font-weight: 400;
	cursor: text;
}
.tag-input > .input:focus {
	outline: none;
}
.tag-input > .input:empty:before {
	pointer-events: none;
	display: inline-block;
	content: "+";
	border-radius: 50%;
	width: 13px;
	height: 13px;
	line-height: 10px;
	color: var(--vz-white);
	background: var(--vz-secondary);
	cursor: text;
	text-align: center;
}
.tag-input.icon > .input:empty:before {
	visibility: hidden;
	width: 0px;
}
.tag-input-container.limit-reached > .tag-input > .input {
	display: none;
}
.tag-input > .input-placeholder {
	display: inline;
	vertical-align: middle;
	padding-left: 4px;
	color: var(--vz-header-item-sub-color);
	font-size: 15px;
}
.tag-input.icon > .input-placeholder {
	margin-left: -7px;
}
.tag-selector-loading,
.tag-selector {
	display: none;
	box-sizing: border-box;
	position: absolute;
	z-index: 900;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 5px;
	min-width: 250px;
	max-height: 260px;
	overflow: hidden;
	overflow-y: scroll;
}
.tag-selector > .item {
	border-bottom: 1px solid var(--vz-border-color);
	padding: 2px;
	cursor: pointer;
}
.tag-selector > .item:last-child {
	border-bottom: none;
}
.tag-selector > .item:hover {
	background: rgba(0, 0, 0, .08);
}
.tag-selector > .item > .tag-edit {
	margin-top: 7px;
	border-radius: 50%;
	width: 19px;
	text-align: center;
}
.tag-selector > .item > .tag-edit > *,
.tag-selector > .item > .tag {
	pointer-events: none;
}
.tag-selector > .item > .note {
	padding: 0px 5px;
	opacity: .8;
}
.tag-selector > .empty-list {
	pointer-events: none;
	border: none;
}
.tag-selector-loading {
	height: 200px;
}
.tag-selector-loading .spinner-border {
	width: 5rem;
	height: 5rem;
}
.tag-selector.dropdown-menu,
.tag-selector-loading.dropdown-menu {
	animation: none;
}
.tag-input-container {
	user-select: none;
}
.tag-input-container.readonly > .tag-input > .tag > .detach,
.tag-input-container.readonly > .tag-input > .input {
	display: none;
}
.tag-input-container.readonly > .tag-input {
	border: none;
	padding: 0;
	background: none;
	pointer-events: none;
}
.tag-input-container.readonly > .tag-input > .tag {
	pointer-events: none;
	padding-right: 8px;
	cursor: default;
}
.tag-input-container .any-all-chooser {
	display: none;
}
.tag-input-container.has-any-all-chooser.any-all-chooser-active .any-all-chooser {
	display: inline-block;
	float: right;
	margin-top: 2px;
}
.tag-input-container.inactive .tag-input > i,
.tag-input-container.inactive .tag {
	opacity: .5;
}

/* yellow search box */

.pattern {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIUlEQVQIW2NkQAL/VzEYM8L4YE4Yw1mwAIwDYjMic0ACAFFOCuGSnaF6AAAAAElFTkSuQmCC);
	background-position: top right;
}
.search-area {
	position: relative;
	background-color: var(--mn-search-area-bg);
	border-bottom: 1px solid var(--mn-search-area-border);
	margin-bottom: 50px;
}
@media (min-width: 992px) {
	.search-area {
		margin-bottom: 35px;
	}
}
.search-box.search-box-radio {
	border: var(--vz-border-width) solid var(--vz-input-border-custom);
	border-radius: var(--vz-border-radius);
	padding: .5rem .9rem;
	background: rgb(var(--vz-tertiary-bg-rgb));
	height: 40px;
	white-space: nowrap;
}
[data-bs-theme=light]:root .search-box.search-box-radio {
	background: rgb(var(--vz-white-rgb));
}
/*
.search-box .form-check-input {
	margin-right: 6px;
	width: 17px;
	height: 17px;
}
.search-box .form-check-label {
	font-size: 15px;
	font-weight: 400;
	color: var(--vz-secondary-color);
}
*/
.search-box .form-control::placeholder {
	text-overflow: ellipsis;
}
.search-box input[type="text"].form-control::-webkit-input-placeholder {
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}
.search-box input[type="text"].form-control:placeholder-shown {
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}
.search-tab {
	position: absolute;
	z-index: 10;
	right: 0px;
	bottom: -37px;
	padding: 0px 17px 10px 50px;
	white-space: nowrap;
}
.search-tab:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	clip-path: polygon(100% 0, 0 0, 40px 100%, 100% 100%);
	background-color: var(--mn-search-area-bg);
	border-bottom: 1px solid var(--mn-search-area-border);
}

/* slider pager */

.slider-pager-container {
	position: relative;
}
.slider-pager {
	display: flex;
	justify-content: space-between;
}
.slider-pager .slider {
	position: relative;
	width: 100%;
	cursor: pointer;
}
.slider-pager .line {
	pointer-events: none;
	position: relative;
	top: 19px;
	width: 100%;
	height: 3px;
	background-color: var(--mn-search-area-border);
}
.slider-pager .tick {
	pointer-events: none;
	position: absolute;
	top: 15px;
	width: 1px;
	height: 11px;
	background-color: var(--mn-search-area-border);
}
.slider-pager .dot {
	pointer-events: none;
	position: absolute;
	top: 14px;
	margin-left: -6px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: rgb(var(--vz-info-rgb));
}
.slider-pager .dot.hover {
	opacity: .5;
	display: none;
}
.slider-pager .hover-range {
	display: none;
}
.slider-pager.hover .hover-range,
.slider-pager.hover .dot.hover {
	display: block;
}
.slider-pager .hover-range,
.slider-pager .range {
	pointer-events: none;
	position: absolute;
	top: 19px;
	width: 200px;
	height: 3px;
	background-color: rgb(var(--vz-info-rgb));
}
.slider-pager .hover-range {
	opacity: .5;
}

/* radio and checkbox inputs */

.form-radio .form-check-input,
.form-check:not(.form-switch) .form-check-input {
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.form-check .form-check-input + .form-check-label,
.form-radio .form-check-input + .form-check-label {
	margin-left: 4px;
	line-height: 25px;
}

/* custom fields related */

.custom-field-row {
	position: relative;
	top: 0px;
}
.custom-field-row.moving {
	transition: top .3s ease-out 0s;
}
.custom-field-row .edit-buttons,
.custom-field-row .move-buttons {
	visibility: hidden;
}
.custom-field-row:hover .edit-buttons,
.custom-field-row:hover .move-buttons {
	visibility: visible;
}
.custom-field-row .form-radio .form-check-input,
.custom-field-row .form-check:not(.form-switch) .form-check-input {
	width: 20px;
	height: 20px;
}
.custom-field-row .form-check-label {
	line-height: 25px;
}
.custom-field-row .field-separator {
	border-top: 3px double var(--vz-input-border-custom);
}

.separator {
	position: relative;
	margin-top: 15px;
	height: 1px;
	background: var(--vz-input-border-custom);
	text-align: center;
}
.separator > div {
	position: relative;
	top: -11px;
}
.separator > div > span {
	padding: 5px 10px;
	background: var(--vz-card-bg);
}

input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	height: 48px;
	background: transparent;
	cursor: grab;
}
input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
}
input[type=range]:focus {
	outline: none;
}
.form-range::-moz-range-track {
	height: 10px;
	background: #fff;
	border: 1px solid var(--mn-range-track-border);
}
.form-range::-webkit-slider-thumb,
.form-range::-moz-range-thumb {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	cursor: grab;
}
.fake-range-input {
	box-sizing: content-box;
	margin-top: 8px;
	margin-bottom: 32px;
	width: 100%;
	height: 10px;
	color: transparent;
	cursor: pointer;
	background: none;
	border: 1px solid var(--mn-range-track-border);
	border-radius: 1rem;
}
.form-range-dark:focus::-webkit-slider-thumb,
.form-range-dark:focus::-moz-range-thumb,
.form-range-dark::-webkit-slider-thumb,
.form-range-dark::-moz-range-thumb {
	background-color: var(--vz-dark);
}
.form-range-primary:focus::-webkit-slider-thumb,
.form-range-primary:focus::-moz-range-thumb,
.form-range-primary::-webkit-slider-thumb,
.form-range-primary::-moz-range-thumb {
	background-color: var(--vz-primary);
}
.form-range-info:focus::-webkit-slider-thumb,
.form-range-info:focus::-moz-range-thumb,
.form-range-info::-webkit-slider-thumb,
.form-range-info::-moz-range-thumb {
	background-color: var(--vz-info);
}
.form-range-success:focus::-webkit-slider-thumb,
.form-range-success:focus::-moz-range-thumb,
.form-range-success::-webkit-slider-thumb,
.form-range-success::-moz-range-thumb {
	background-color: var(--vz-success);
}
.form-range-warning:focus::-webkit-slider-thumb,
.form-range-warning:focus::-moz-range-thumb,
.form-range-warning::-webkit-slider-thumb,
.form-range-warning::-moz-range-thumb {
	background-color: var(--vz-warning);
}
.form-range-danger:focus::-webkit-slider-thumb,
.form-range-danger:focus::-moz-range-thumb,
.form-range-danger::-webkit-slider-thumb,
.form-range-danger::-moz-range-thumb {
	background-color: var(--vz-danger);
}
.form-range-ireks:focus::-webkit-slider-thumb,
.form-range-ireks:focus::-moz-range-thumb,
.form-range-ireks::-webkit-slider-thumb,
.form-range-ireks::-moz-range-thumb {
	background-color: var(--vz-ireks);
}

input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: 1px solid #000000;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	cursor: grab;
	background: var(--vz-ireks);
	border: 1px solid var(--mn-range-track-border);
	margin-top: -11px;
}
input[type=range]::-webkit-slider-runnable-track {
	box-sizing: content-box;
	width: 100%;
	height: 10px;
	color: transparent;
	cursor: grab;
	background: #fff;
	border: 1px solid var(--mn-range-track-border);
	border-radius: 1rem;
}
input[type=range]:focus::-webkit-slider-runnable-track {
	background: var(--vz-ireks-secondary);
}

.inputRange {
	appearance: none;
	width: 100%;
	height: 12px;
	border: 1px solid #333333;
	border-radius: 9999px;
	background: #ffffff;
	cursor: grab;
}

/* Thumb: for Chrome, Safari, Edge */
.inputRange::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 32px;
	height: 32px;
	border: 2px solid #333333;
	border-radius: 9999px;
	background: #b41234;
	box-shadow: none;
}

/* Thumb: for Firefox */
.inputRange::-moz-range-thumb {
	width: 32px;
	height: 32px;
	border: 2px solid #333333;
	border-radius: 9999px;
	background: #b41234;
	box-shadow: none;
}


.color-radio {
	width: 32px;
	height: 32px;
	border: 0;
	box-sizing: content-box;
	vertical-align: middle;
	border: 4px solid var(--vz-modal-bg);
}
.color-radio:checked {
	border-color: black;
}
.form-check-input.color-radio:not(.default):checked[type="radio"] {
	background-image: none !important;
}
.form-check-input.color-radio.default {
	--vz-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") !important;
}

.form-switch .form-check-input[type="checkbox"]:indeterminate {
	background: none;
}

.custom-field-error {
	border-left: 10px solid #f00;
}

/* SUN editor dark theme */

[data-bs-theme=dark]:root .sun-editor {
	width: 100%;
	border-color: #404046 !important;
	background: #1e1e21;
}
[data-bs-theme=dark]:root .sun-editor .se-container .se-toolbar {
	background: #1e1e21;
	border-color: #404046;
	outline: none;
}
[data-bs-theme=dark]:root .sun-editor .se-container .se-toolbar.se-toolbar-balloon {
	-webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important;
	box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important;
}
[data-bs-theme=dark]:root .sun-editor .se-container .se-toolbar.se-toolbar-balloon .se-arrow.se-arrow-down:after {
	border-top-color: #1e1e21;
}
[data-bs-theme=dark]:root .sun-editor .se-container .se-toolbar .se-btn-tray .se-btn-module {
	background: #2d2d31;
	border-color: #404046;
}
[data-bs-theme=dark]:root .sun-editor .se-container .se-toolbar .se-btn-tray .se-btn-module .se-menu-list li button {
	color: #aaaab3;
}
[data-bs-theme=dark]:root .sun-editor .se-container .se-toolbar .se-btn-tray .se-btn-module .se-menu-list li button.on {
	background: #28282b;
}
[data-bs-theme=dark]:root .sun-editor .se-container .se-toolbar .se-btn-tray .se-btn-module .se-menu-list li button:hover {
	background: #28282b;
	border-color: #404046;
}
[data-bs-theme=dark]:root .sun-editor .se-container .se-wrapper {
	background: #0b0b0b;
}
[data-bs-theme=dark]:root .sun-editor .se-container .se-wrapper .se-wrapper-inner {
	background: #0b0b0b;
	color: #aaaab3;
}
[data-bs-theme=dark]:root .sun-editor .se-container .se-resizing-bar {
	background: #1e1e21;
	border-color: #404046;
}
[data-bs-theme=dark]:root .sun-editor table th {
	background: #1e1e21;
	border-color: #404046;
}
[data-bs-theme=dark]:root .sun-editor-editable table td {
	border-color: #404046;
}
[data-bs-theme=dark]:root .sun-editor .se-list-layer {
	background: #1e1e21;
}

/* mindn chooser */

.mindn-chooser ul.chooser-dropdown {
	max-height: 60vh;
}
.mindn-chooser .input-group .input-group-text,
.mindn-chooser .input-group input {
	height: 40px;
}
.mindn-chooser.inline {
	width: 100%;
	transition: width .15s ease-in 0s;
}
.mindn-chooser.inline.hidden {
	width: 36px;
}
.mindn-chooser.inline .input-group {
	max-height: 40px;
}
.mindn-chooser.inline.hidden .input-group input {
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 0px !important;
}
.mindn-chooser input.form-control.discrete-label {
	padding-left: 0px;
}
.mindn-chooser input.form-control.discrete-label::placeholder {
	font-size: 13px;
	font-weight: var(--vz-font-weight-medium);
	color: var(--vz-body-color);
}