/*
	PG 2023 UI
*/
body {
	--input-border: var(--bg-color-700);

	--success: #01b66e;
	--success-light: #19d48959;
	--warning-light: #E5832259;
	--info: var(--active-600);

	--danger: #d60202;
	--danger-light: #d6020259;
	--disabled: #4B4F67;
	--disabled-light: #4B4F6759;

	--font: 'Circular Std';

	--radius-sm: 4px;
	--radius-md: 6px;
	--radius-lg: 8px;

	--panel-width: 256px;

	--padding-v: 46px;
	--padding-h: 40px;
}

body:not([theme="dark"]) {
	--bg-color: #f5f9fc;
	--bg-color-500: #f5f9fd;
	--bg-color-600: #e9f2fa;
	--bg-color-700: #cce3ff;
	--bg-color-800: #adc4f2;
	--bg-color-900: #92abde;

	--primary-500: #435068;
	--primary-600: #364455;
	--primary-700: #222d40;
	--primary-800: #11123C;
	--primary-900: #000938;

	--headers: var(--primary-900);
	--primary: var(--primary-600);
	--secondary: #004fda;
	--tertiary: #3d09d7;
	--active: #0861fd;
	--active-600: #0560fd;
	--grayed: #80849c;
	--highlight: #eef5ff;
	--highlight-600: #e2eeff;
	--highlight-700: #dbeaff;

	--divider: #e2e5e8;
	--input-background: white;
	--primary-border: #D1D5DD;
	--secondary-hover: #005cff;
	--input-hover: #fafbff;
	--input-primary: var(--primary-700);
	--input-primary-light: var(--primary-500);

	--box-background: #feffff;
	--box-border: #E8F0F9;

	--warning: #E58322;
	--success-bg: #E9FCF5;
	--warning-bg: #FFF3EB;
	--info-bg: #EBF1FF;
	--danger-bg: #FFEBEB;
	--disabled-bg: #E9EBF5;

	--info-light: #0560fd59;
	--muted: #a0a3bd;
	--muted-400: #909090;
	--muted-600: #333;

	--tab-bg: #e7f1fc;
	--nav-bg: #ffffffd6;

	--disabled-bg: #d6d6d6;
	--disabled-color: #787878;

	--container-color: var(--primary);
	--container-bg: var(--box-background);
	--container-400: #ffffffa8;
	--container-600: #eef5ff;
	--container-700: var(--container-bg);
	--container-color-600: #6785c1;

	--table-highlight-500: #f0f5ff;
	--table-highlight-600: #ebf1ff;
	--table-highlight-700: #dae9ff;
	--table-highlight-800: #c3e6ff;

	--box-shadow-400: 0 3px 4px rgba(3, 57, 150, 0.04);
	--box-shadow-500: 0 2px 4px rgba(3, 57, 150, 0.06), 0px 1px 1px rgba(3, 57, 150, 0.08);
	--box-shadow-600: 0 3px 5px rgba(3, 57, 150, 0.08), 0px 2px 5px rgba(3, 57, 150, 0.2);

	color-scheme: light;
}

body[theme="dark"] {
	--danger: #ff2929;

	--bg-color: #1d1f21;
	--bg-color-500: #202124;
	--bg-color-600: #606267;
	--bg-color-700: #27333d;
	--bg-color-800: #333a50;
	--bg-color-900: #21273b;

	--primary-500: #083a66;
	--primary-600: #2C4470;
	--primary-700: #1e3359;
	--primary-800: #BDCBEB;
	--primary-900: #ffffff;

	--headers: #ffffff;
	--primary: #ffffff;
	--secondary: #0074af;
	--tertiary: #7a4eff;
	--active: #00d5ff;
	--active-600: #1fb9ff;
	--grayed: #d9d9de;

	--highlight: #232832;
	--highlight-600: #2c3442;
	--highlight-700: #2e384b;

	--divider: #242a32;
	--input-background: #171919;
	--primary-border: #252527;

	--secondary-hover: #0075c1;
	--input-hover: #1e1e25;
	--input-primary: #144e8f;
	--input-primary-light: #083851;

	--box-background: #111212;
	--box-border: #22292f;

	--warning: #f59b42;
	--success-bg: #012618;
	--warning-bg: #311502;
	--info-bg: #051334;
	--danger-bg: #391818;

	--info-light: #1fb9ff59;
	--muted: #81849a;
	--muted-400: #909090;
	--muted-600: #c7c7c7;

	--tab-bg: #2e3033;
	--nav-bg: #161618d6;

	--disabled: #434b54;
	--disabled-bg: #2c2c2e;
	--disabled-color: #787878;

	--container-color: #a3adc2;
	--container-bg: var(--box-background);
	--container-400: #26242bde;
	--container-600: #282a2f;
	--container-700: var(--container-bg);
	--container-color-600: #b6b6b6;

	--table-highlight-500: #141518;
	--table-highlight-600: #131721;
	--table-highlight-700: #202f3c;
	--table-highlight-800: #0c171d;

	--box-shadow-400: 0 3px 4px rgb(109 202 247 / 4%);
	--box-shadow-500: 0 3px 5px rgb(0 0 0 / 26%), 0px 2px 5px rgb(40 40 40 / 24%);
	--box-shadow-600: 0 2px 3px rgb(24 25 25), 0px 4px 5px rgb(0 0 0 / 34%);

	color-scheme: dark;

	accent-color: #2cc5ff;
}

body::after {
	background-color: transparent;
	content: '';
	display: flex;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 999999;
	transition: background-color 0.3s, backdrop-filter 0.3s;
}

body.modal-open::after,
body:has(.modal-backdrop.in)::after {
	background: #ffffff54;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}
@-moz-document url-prefix() {
	body.modal-open::after {
		background: #ffffff54;
		backdrop-filter: blur(6px);
		-webkit-backdrop-filter: blur(6px);
	}
}

body[theme="dark"].modal-open::after {
	background: #00000017;
}


body[theme="dark"] .light-only,
body:not([theme="dark"]) .dark-only {
	display: none;
}

main {
	background-color: var(--bg-color);
	color: var(--primary);
	font-family: var(--font), sans-serif;
	font-size: 14px;
	padding: var(--padding-v) var(--padding-h);
	min-height: calc(100vh - 50px);
	min-height: calc(100dvh - 50px);
	max-width: 1400px;
	margin: auto;
}


.headerbar {
	background: var(--nav-bg);
	z-index: 9999;
	position: sticky;
	top: 0;
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
}

body[class^=banner-] .headerbar {
	top: 40px;
}

.headerbar::after {
	width: 30px;
	height: 30px;
	content: "";
	display: block;
	position: sticky;
	top: 0;
	left: 0;
	margin-top: -10px;
	background-image: radial-gradient(circle at 100% 100%, rgba(0, 0, 0, 0) 30px, var(--nav-bg) 30px);
}

@media screen and (max-width: 1024px) {
	.headerbar::after {
		background-image: none;
	}
}


main div.row,
.modal div.row {
	margin-left: 0;
	margin-right: 0;
}

main div[class^='col-'],
.modal div[class^='col-'] {
	margin: 0;
	padding: 0;
	max-width: 100%;
}

main .row,
.modal .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
	margin: 4px 0;
}

main .row>div,
.modal .row>div {
	flex-grow: 1;
}

.modal .row::before,
main .row::before {
	display: unset;
	content: unset;
}

.div-inline {
	display: inline
}

.text-genre-male {
	color: var(--active-600);
}

.text-genre-female {
	color: #ff6bf0;
}

.text-genre-other {
	color: #aeaeae;
}

.text-success,
.text-payment-status-paid {
	color: var(--success) !important;
}

.text-info,
.text-payment-status-complimentary {
	color: var(--info) !important;
}

.text-danger,
.text-payment-status-not-paid {
	color: var(--danger) !important;
}

.text-lowercase {
	text-transform:lowercase
}
.text-warning,
.text-payment-status-partial-paid {
	color: var(--warning) !important;
}

.text-muted {
	color: var(--muted) !important;
}
.text-mono {
	font-family: monospace;
}

.text-nowrap {
	white-space: initial !important;
	overflow: initial !important;
	text-overflow: initial !important;
}

.bg-success {
	background-color: var(--success) !important;
}

.bg-info {
	background-color: var(--info) !important;
}

.bg-danger {
	background-color: var(--danger) !important;
}

.bg-muted {
	background-color: var(--muted) !important;
}


.w100-container {
	position: relative;
	display: flex;
	width: 100%;
	flex-grow: 1;
}

.w75-container {
	position: relative;
	width: 75%;
	flex-grow: 1;
}

.w60-container {
	position: relative;
	width: 60%;
	flex-grow: 1;
}

.w50-container {
	position: relative;
	width: 50%;
	flex-grow: 1;
}

.w40-container {
	position: relative;
	width: 40%;
	flex-grow: 1;
}

.w25-container {
	position: relative;
	width: 25%;
	flex-grow: 1;
}


.container-scroll-x {
	overflow-x: auto;
	padding-bottom: 40px;
}

.container-scroll-x:has(.dropdown.open),
.container-scroll-x:has(.dropdown.open) table,
.container-scroll-x:has(.dropdown.open) .table,
.container-scroll-x:has(.dropdown.open) .table>tbody>tr>td {
	overflow: visible !important;
}

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

.clickable:hover {
	cursor: pointer
}

.help:hover {
	cursor: help
}


.btn-group>.btn:nth-child(-n+1) {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: 0;
}

.btn-group>.btn:nth-last-child(-n+1) {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-left: 0;
}

.btn-group>.btn:only-child {
	border-radius: var(--radius-sm) !important;
}

.btn-group>.btn.active {
	color: var(--info);
}

.btn-group>.btn.active img.icon {
	filter: invert(50%) sepia(100%) saturate(5000%) hue-rotate(200deg);
}

img.icon.rotate {
	transform: rotate(90deg);
}

.btn-group>.btn.active img.icon {
	filter: invert(50%) sepia(100%) saturate(5000%) hue-rotate(200deg);
}

.btn.btn-transparent {
	background-color: transparent;
	border-color: transparent;
	outline-color: transparent;
}

.btn.btn-transparent:hover {
	border-color: transparent;
	outline-color: transparent;
	background: var(--bg-color-500);
}


.icon {
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	min-width: 20px;
}
.fa.fa-middle{
	vertical-align: middle;
}

.menu-icon {
	position: absolute;
	display: inline-flex;
	vertical-align: sub;
	height: 18px;
	min-width: 16px;
	background-position: center center;
	background-repeat: no-repeat;
	filter: brightness(1);
	transition: opacity 0.3s, filter 0.3s;
}

body[theme="dark"] .menu-icon.filled {
	filter: hue-rotate(-20deg) brightness(1.5) saturate(0.7);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
	margin-top: 0;
}

strong {
	font-family: 'Circular Std';
	font-weight: bold;
}

input,
button,
select {
	font-family: inherit;
	font-size: 100% !important;
}

input,
button,
select,
.form-control {
	height: 40px;
	padding: 6px 12px;
	margin: 0;
	margin-bottom: 0px !important;
	border: 1px solid var(--input-border);
	height: unset !important;
	background: var(--input-background);
}

.vscomp-wrapper {
	color: var(--primary);
	font-family: inherit;
}
.vscomp-toggle-button {
	padding: 6px 12px;
	border: 1px solid var(--input-border);
	border-radius: var(--radius-sm);
	background: var(--input-background);
}
.vscomp-wrapper.focused .vscomp-toggle-button, .vscomp-wrapper:focus .vscomp-toggle-button {
	box-shadow: rgba(72, 246, 255, 0.5) 0 0 0px 3px;
	border-color: #3de0fb;
}
.vscomp-arrow::after {
	border-bottom-color: var(--info-light);
	border-right-color: var(--info-light);
}
.pop-comp-wrapper {
	color: var(--primary);
}
.vscomp-dropbox {
	background: var(--input-background);
}
.vscomp-option.selected {
	color: #FFF;
	background: var(--input-primary);
}
.vscomp-option.focused {
	background: var(--input-hover);
}

.promoters-select.vscomp-wrapper.keep-always-open:hover {
	box-shadow: none;
}
.promoters-select .vscomp-toggle-button {
	background-color: transparent;
	border: none;
	padding: 0 22px 0 0;
}
.promoters-select.vscomp-wrapper.show-value-as-tags .vscomp-toggle-button {
	padding: 0 22px 0 0;
}
.promoters-select.vscomp-wrapper.show-value-as-tags:not(.has-value) .vscomp-toggle-button {
	display: none;
}
.promoters-select.vscomp-wrapper.keep-always-open .vscomp-dropbox {
	border: none;
}
.promoters-select .vscomp-search-wrapper {
	border-radius: var(--radius-sm);
	border: 1px solid var(--input-border);
}
.promoters-select.vscomp-wrapper.show-value-as-tags .vscomp-value-tag {
	background-color: var(--bg-color-700);
	border-radius: var(--radius-sm);
	border: none;
	padding: 5px 5px 5px 15px;
	margin: 0px 10px 10px 0;
}
.promoters-select .vscomp-option {
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	border-bottom: 1px solid var(--primary-border);
}
.promoters-select.vscomp-wrapper.multiple .vscomp-option .vscomp-option-text {
	width: 100%;
	display: flex;
	gap: 20px;
	align-items: center;
}
.promoters-select .vscomp-option.selected {
	color: initial;
	background: var(--input-background);
}
.promoters-select.vscomp-wrapper .checkbox-icon {
	display: block;
	height: auto;
	width: auto;
}
.promoters-select.vscomp-wrapper .checkbox-icon::after {
	border: none;
	color: var(--active-600);
	font-weight: 600;
}
.promoters-select.vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon::after {
	transform: none;
	width: auto;
	color: var(--danger);
}
.promoters-select.promoters-select-lang-es_ES.vscomp-wrapper .checkbox-icon::after {
	content: 'Añadir';
}
.promoters-select.promoters-select-lang-en_GB.vscomp-wrapper .checkbox-icon::after {
	content: 'Add';
}
.promoters-select.promoters-select-lang-es_ES.vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon::after {
	content: 'Quitar';
}
.promoters-select.promoters-select-lang-en_GB.vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon::after {
	content: 'Remove';
}

.form-control + small {
	margin-top: -0.5em;
    opacity: 0.75;
}

.form-control-wrapper {
	display: block;
	width: 100%;
	position: relative;
}

.form-control-wrapper .vscomp-ele {
	max-width: 100%;
}

button.gm-control-active {
	height: 40px !important;
}
button.gm-control-active img {
    zoom: 0.8;
    opacity: 0.9;
}
.gm-style-mtc button {
	height: 30px !important;
}

body.fading-out input,
body.fading-out button,
body.fading-out select,
body.fading-out .form-control,
body.fading-out a,
body.fading-out div {
	transition: none !important;
}

.btn-group button {
	margin: 0;
}

.btn-toolbar{
	display:flex;
	margin-left:0;
}
.btn-toolbar .btn{
	border-radius: 0;
	margin:0;
}
.btn-toolbar .btn:first-child{
	border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}
.btn-toolbar .btn:last-child{
	border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}


.chosen-select {
	height: unset !important;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
	margin: 0 !important;
}


button.button-filter {
	background-image: url(../images/pg/iconly/filter.svg) !important;
	background-repeat: no-repeat !important;
	background-position: 8px 50% !important;
	background-size: 18px !important;
	padding-left: 32px !important;
}

body[theme="dark"] button.button-filter {
	background-image: url(../images/pg/iconly/filter-dark.svg) !important;
}

.input-group-append {
	display: flex;
	height: 30px;
	margin-bottom: 3px;
}

.input-group-append button,
.input-group-append button:active,
.input-group-append button:focus {
	border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
	background: var(--input-background);
	outline: 1px solid var(--info);
	color: var(--info);
	padding: 5px 14px;
}

.input-group-append button i.fa {
	color: var(--info);
}

.input-group-append button:hover {
	border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
	background: var(--info);
	outline: 1px solid var(--info);
	color: var(--input-background);
}

.input-group-append button:hover i.fa {
	color: var(--input-background);
}

.input-group-append button.disabled,
.input-group-append button.disabled:active,
.input-group-append button.disabled:focus {
	outline: 1px solid var(--grayed);
	color: var(--grayed);
}

.input-group-append button.disabled i.fa {
	color: var(--grayed);
}

input[type="number"] {
	font-variant-numeric: tabular-nums;
}

.prepend-container {
	padding: 5px 10px;
	background: var(--tab-bg);
	outline: 1px solid var(--input-border);
	color: var(--primary);
	border-radius: 4px 0 0 4px;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: 1px;
	text-overflow: ellipsis;
}

select[multiple] {
	min-height: 12em;
}

select:not([multiple]),
.btn.multiselect,
.with-caret {
	background-image: url(../images/pg/iconly/caret_down.svg) !important;
	background-repeat: no-repeat !important;
	background-position: calc(100% - 8px) 50% !important;
	background-size: 18px !important;
	padding-right: 32px !important;
	text-align: left;
	min-width: 100px;
}

body[theme="dark"] select:not([multiple]),
body[theme="dark"] .btn.multiselect,
body[theme="dark"] .with-caret {
	background-image: url(../images/pg/iconly/caret_down-dark.svg) !important;
}

.btn.multiselect .caret {
	display: none;
}

.multiselect-search~.input-group-btn {
	width: 50px;
	height: 34.5px;
	margin-top: 1px;
}

.multiselect-search~.input-group-btn .btn.multiselect-clear-filter {
	border-radius: 0 var(--radius-sm) var(--radius-sm) 0 !important;
}


select.select-filter,
select.select-show,
select.select-report {
	background-repeat: no-repeat;
	background-position: calc(100% - 8px) 50%, 8px 50% !important;
	background-size: 18px;
	padding-left: 32px !important;
}

select.select-filter {
	background-image: url(../images/pg/iconly/caret_down.svg), url(../images/pg/iconly/filter.svg) !important;
}

select.select-show {
	background-image: url(../images/pg/iconly/caret_down.svg), url(../images/pg/iconly/show.svg) !important;
}

select.select-report {
	background-image: url(../images/pg/iconly/caret_down.svg), url(../images/pg/iconly/document.svg) !important;
}

body[theme="dark"] select.select-filter {
	background-image: url(../images/pg/iconly/caret_down-dark.svg), url(../images/pg/iconly/filter-dark.svg) !important;
}

body[theme="dark"] select.select-show {
	background-image: url(../images/pg/iconly/caret_down-dark.svg), url(../images/pg/iconly/show-dark.svg) !important;
}

body[theme="dark"] select.select-report {
	background-image: url(../images/pg/iconly/caret_down-dark.svg), url(../images/pg/iconly/document-dark.svg) !important;
}

div#report_sales_summary ~ .tab-content {
	opacity: 0;
	transition: opacity 0.3s;
}

div#report_sales_summary[style="display: block;"] ~ .tab-content {
	opacity: 1;
}

input[type=text].input-search,
input[type=text].input-date,
input[type=text].input-time {
	background-image: url(../images/pg/iconly/search.svg) !important;
	background-repeat: no-repeat !important;
	background-position: 8px 50% !important;
	background-size: 16px !important;
	padding-left: 32px;
	border-radius: var(--radius-sm) !important;
	/*
	width: -webkit-fill-available;
	width: -moz-available;
	width: fill-available;
	*/
}

input[type=text].form-control.input-date:read-only:hover{
	cursor:text; /* fix not-allowed cursor in form-control */
}

input[type=text].input-search {
	background-image: url(../images/pg/iconly/search.svg) !important;
}

input[type=text].input-date {
	background-image: url(../images/pg/iconly/calendar.svg) !important;
}

input[type=text].input-time {
	background-image: url(../images/pg/iconly/clock.svg) !important;
}

body[theme="dark"] input[type=text].input-search {
	background-image: url(../images/pg/iconly/search-dark.svg) !important;
}

body[theme="dark"] input[type=text].input-date {
	background-image: url(../images/pg/iconly/calendar-dark.svg) !important;
}

body[theme="dark"] input[type=text].input-time {
	background-image: url(../images/pg/iconly/clock-dark.svg) !important;
}

.input-date-clear {
	position: absolute;
	top: 3px;
	right: 3px;
	border: none;
	border-radius: 3px;
	padding: 4px 10px;
	background-color: transparent;
	display: block;
}

.input-date-clear:disabled {
	display: none;
}

.input-date-clear:not(disabled):hover {
	background-color: var(--highlight)
}


.bootstrap-timepicker-right .dropdown-menu{
	left:auto;
	right:0;
}
.bootstrap-timepicker-right .dropdown-menu:before{
	left:auto !important;
	right:9px;
}
.bootstrap-timepicker-right .dropdown-menu:after{
	left:auto !important;
	right:10px;
}
.bootstrap-timepicker-widget table {
	display: table !important;
}

.bootstrap-timepicker-widget tbody {
	display: table-row-group !important;
}

.bootstrap-timepicker-widget tr {
	display: table-row !important;
}

.bootstrap-timepicker-widget td {
	display: table-cell !important;
}


.bootstrap-timepicker:has(.input-time) {
	margin-left: 5px;
}

textarea {
	resize: vertical;
}

option {
	font-family: var(--font), sans-serif;
	font-size: 100%;
}

.input-sm {
	margin-top: 0;
}

input~.input-group-addon,
.input-group .input-group-addon {
	border: 1px solid var(--input-border) !important;
	border-left-width: 0;
	background-color: var(--tab-bg) !important;
	padding: 0 12px !important;
	color: var(--primary);
}

input~.input-group-addon,
.input-group-addon~input,
.input-group-addon~.bootstrap-timepicker input {
	border-left-width: 0 !important;
}

.input-group-addon~.bootstrap-timepicker input {
	border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}


.input-group.merge-addon .form-control{
	border-right-width:0 !important;
}
.input-group.merge-addon .input-group-addon{
	background-color:var(--input-background) !important;
	border-left-width:0 !important;
	padding-left:0px !important;
	padding-right:4px !important;
	min-width:30px
}


.bootstrap-timepicker-widget table td,
.bootstrap-datetimepicker-widget .timepicker table td {
	text-align-last: center;
}

.bootstrap-timepicker-widget table td a,
.bootstrap-datetimepicker-widget .timepicker table td a {
	background-color: var(--bg-color-600);
	outline: 1px solid transparent;
}

.bootstrap-datetimepicker-widget .timepicker table td a:hover {
	background-color: var(--bg-color-700);
	outline: 1px solid var(--box-border);
}

.bootstrap-timepicker-widget table tr,
.bootstrap-datetimepicker-widget .timepicker table tr {
	background: unset;
}

.bootstrap-datetimepicker-widget table td span,
.bootstrap-datetimepicker-widget table td span:hover {
	background-color: unset !important;
}

.bootstrap-datetimepicker-widget .timepicker table tr td.separator {
	width: 10px;
}

input~.input-group-addon:first-child,
.input-group .input-group-addon:first-child {
	border-left-width: 1px !important;
}


.panel-group {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	justify-content: space-around;
	gap: 18px;
}

.panel-group[role="tablist"] {
	gap: 6px;
}

.panel-group[role="tablist"] .panel-default {
	min-height: 0;
}

.panel-group.client-options-acc {
	grid-template-columns: 100%;
}

.panel-group::after {
	content: "";
	width: 420px;
}

.panel-group .panel {
	overflow: visible;
}

.panel-group div:has(textarea) {
	grid-column: 1 / -1;
}


.panel,
.panel:hover {
	cursor: default;
}

.modal-body .panel-group {
	grid-template-columns: unset;
	justify-content: unset;
}

.form-control {
	border: 1px solid var(--input-border);
	border-radius: var(--radius-sm);
	background-color: var(--input-background);
	color: var(--primary);
}

.form-control:hover {
	border-color: var(--bg-color-800);
}

.form-control:focus {
	box-shadow: rgba(72, 246, 255, 0.5) 0 0 0px 3px;
	border-color: #3de0fb;
}

.form-inline {
	display: flex;
	gap: 6px;
}

.form-panel {
	max-width: 700px;
	width: 100%;
	margin: auto;
}

.btn {
	display: flex;
	align-items: center;
	gap: 8px;
	border: 0;
	outline: 1px solid var(--input-border);
	border-radius: var(--radius-sm);
	background-color: var(--input-background);
	color: var(--primary);
	line-height: unset;
	transition: background-color 0.3s, color 0.3s, border-color 0.3s;
	outline-offset: 0;
	justify-content: center;
}

.btn:hover,
.btn:focus,
.btn:focus-within,
.btn:active,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
	outline: 1px solid var(--bg-color-800);
	outline-offset: 0;
}

.btn-group[role="group"] :is(.btn:hover, .btn:focus, .btn:focus-within, .btn:active) {
	outline-offset: -1px;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
	margin-left: 0;
	margin-right: 0;
}

.btn-sm {
	height: 30px;
}

.headerbar .btn {
	outline: none;
}

.btn i {
	transition: color 0.3s;
}

.btn-group {
	display: flex;
	place-content: flex-start;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 0;
	height: min-content;
}

.btn-group[role="group"] {
	gap: 0;
	flex-wrap: nowrap;
}

.btn-group:not([role="group"]) .btn {
	border-radius: var(--radius-sm) !important;
	align-self: self-start;
}

.btn-group-center {
	display: flex;
	place-content: center;
	flex-wrap: wrap;
	gap: 5px;
	width: 100%;
}

.btn-group.pull-left {
	gap: 0;
}

.btn-group-fill {
	display: flex;
	flex-wrap: wrap !important;
}

.btn-group-fill>* {
	flex-grow: 1;
}

.btn-group-left {
	place-content: start;
}

.btn-group-right {
	place-content: flex-end;
	align-self: flex-start;
	margin: 0 0 0 auto !important;
}




/*
.btn-group-combo {
	display: flex;
    place-content: flex-end;
    flex-wrap: wrap;
    gap: 0;
}
.btn-group-combo button:not(:first-child,:last-child) {
	border-radius: 0;
}
.btn-group-combo button:first-child {
	border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.btn-group-combo button:last-child {
	border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
*/

a.btn {
	display: flex;
	align-items: center;
	place-content: center;
	height: -moz-fit-content;
	height: fit-content;
}

.btn .fa {
	color: var(--primary);
	vertical-align: middle;
}

.btn.btn-danger .fa {
	color: #FF7A7A;
}

.btn:hover {
	background-color: var(--input-hover);
	color: inherit;
}

.btn.btn-primary {
	background-color: var(--input-primary);
	outline-color: var(--input-primary);
	color: white;
}

.btn.btn-primary:hover {
	background-color: var(--input-primary-light);
	outline-color: var(--input-primary-light);
}

body[theme="dark"] .btn.btn-primary {
	outline-color: var(--input-primary-light);
}

.btn.btn-active {
	background-color: var(--secondary);
	outline-color: var(--secondary);
	color: white;
}

.btn.btn-active:hover {
	background-color: var(--secondary-hover);
	color: white;
}

.btn-active i,
.btn-active i::before {
	color: white;
}

body[theme="dark"] .btn.btn-active {
	outline-color: #1c99ca;
}

.btn.btn-secondary,
.btn.multiselect-clear-filter {
	background-color: var(--primary-500);
	outline-color: var(--primary-500);
	color: white;
}

.btn.btn-secondary:hover,
.btn.multiselect-clear-filter:hover {
	background-color: var(--input-hover);
	color: var(--primary);
}

.btn.btn-success {
	background-color: var(--success);
	border-color: var(--success);
	color: white !important;
}

.btn.btn-success:hover {
	background-color: var(--success-light);
	border-color: var(--success-light);
}

.btn.btn-danger {
	background-color: var(--danger);
	border-color: var(--danger);
	color: white !important;
}

.btn.btn-danger:hover {
	background-color: var(--danger-light);
	border-color: var(--danger-light);
}

.btn.btn-primary i,
.btn.btn-success i,
.btn.btn-danger i,
.btn.btn-secondary i,
.btn.multiselect-clear-filter i {
	color: white !important;
}

.btn.btn-secondary:hover i,
.btn.multiselect-clear-filter:hover i {
	color: var(--primary) !important;
}

.table>thead>tr>td.danger, 
.table>tbody>tr>td.danger, 
.table>tfoot>tr>td.danger, 
.table>thead>tr>th.danger, 
.table>tbody>tr>th.danger, 
.table>tfoot>tr>th.danger, 
.table>thead>tr.danger>td, 
.table>tbody>tr.danger>td, 
.table>tfoot>tr.danger>td, 
.table>thead>tr.danger>th, 
.table>tbody>tr.danger>th, 
.table>tfoot>tr.danger>th {
	background-color: var(--danger-bg);
}

a,
.primary-color {
	color: var(--primary);
}


h2 {
	color: var(--headers);
	font-weight: 700;
	font-size: 200%;
	line-height: 32px;
}

h4 {
	color: var(--grayed);
	font-weight: 450;
	font-size: 110%;
	line-height: 28px;
}

.pageheader {
	background-color: transparent;
	display: flex;
    flex-wrap: wrap;
}


.nav-tabs {
	background-color: transparent;
	display: flex;
	color: var(--grayed);
	font-size: 115%;
	font-weight: bold;
	border-bottom: 2px solid var(--divider) !important;
}

.nav-tabs.nav-justified li {
	flex-grow: 1;
}

.nav-tabs li a {
	color: var(--grayed);
	padding: 16px 18px;
	border-bottom: 1px solid transparent;
}

.nav-tabs li a:hover {
	color: var(--headers);
	border-bottom: 1px solid var(--divider);
}

.nav-tabs li.active {
	background-color: transparent;
	border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.nav-tabs li.active a {
	background-color: transparent;
	color: var(--headers);
}

.nav-tabs li:after {
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	content: "";
	border-radius: 0;
	transition: background-color 0.3s;
}

.nav-tabs.loading .active:after {
	background-color: transparent;
}
.nav-tabs:not(.loading) .active:after {
	background-color: var(--active);
}

.nav-justified.nav-pills {
	display: flex;
	flex-wrap: wrap;
}

.nav-justified.nav-pills>li {
	display: flex;
	flex-grow: 1;
	align-self: center;
	justify-content: center;
}



.fa-bars {
	color: var(--headers);
}

.tab-content {
	border-top: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 25px 20px;
	background-color: transparent;
	border-radius: var(--radius-sm);
}


.card-dropdown-container {
	position: relative;
	z-index: 1;
	margin-bottom: -32px;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	pointer-events: none;
}

.card-dropdown-container>.dropdown {
	pointer-events: all;
}



.dropdown-pg-actions.open button.dropdown-toggle {
	background-color: var(--highlight) !important;
	outline: 1px solid var(--bg-color-800) !important;
	border-radius: var(--radius-md);
}

.btn.dropdown-toggle .caret {
	transition: transform 0.2s;
}

.btn.dropdown-toggle[aria-expanded="true"] .caret {
	transform: rotate(-180deg);
}

.popover,
.dropdown-menu {
	box-shadow: none !important;
	border-color: var(--input-border) !important;
	color: var(--primary) !important;
	border-radius: var(--radius-lg) !important;
	background-color: var(--box-background);
}

.dropdown-menu.dropdown-menu-md {
	min-width: 190px
}

.dropdown-menu .divider {
	margin: 9px -5px;
	background-color: var(--divider);
}

.dropdown-menu .dropdown-header {
	background-color: #F1F4FA;
	font-size: 100%;
	color: inherit;
	font-weight: bold;
	padding: 3px 14px;
	margin: -3px -3px 0 -3px;
}

.dropdown-menu .dropdown-header:first-child {
	background-color: #F1F4FA;
	border-radius: 8px 8px 0 0;
}



.dropdown-menu .dropdown-header {
	background-color: #F1F4FA;
	font-size: 100%;
	color: inherit;
	font-weight: bold;
	padding: 3px 14px;
	margin: -3px -3px 0 -3px;
}

.dropdown-menu .dropdown-header:first-child {
	background-color: #F1F4FA;
	border-radius: 8px 8px 0 0;
}


.dropdown-menu a,
.dropdown-menu button {
	display: block !important;
	border: none;
	outline: none !important;
	padding: 7px 10px;
	width: 100%;
	border-radius: var(--radius-sm);
	text-align: right;
	background-color: transparent;
	font-weight: 400 !important;
	font-family: var(--font);
	font-size: 14px;
	color: inherit !important;

}

.dropdown-menu a:hover,
.dropdown-menu button:hover,
.dropdown-menu button.btn.active .dropdown-menu a:focus,
.dropdown-menu button:focus {
	background-color: var(--highlight) !important;
	color: inherit !important;
	background-image: none !important;
	border-radius: var(--radius-md);
}

.dropdown-menu button.btn.active {
	font-weight: bold;
}

.dropdown-menu label {
	display: block;
	text-align: left;
	padding: 3px 9px;
	margin-bottom: 0 !important;
}

.dropdown-menu label.clickable:hover {
	cursor: pointer;
	background-color: var(--highlight);
	border-radius: var(--radius-lg);
}


.popover .arrow {
	display: none;
}

.popover-dark {
	background-color: #2F3E4F;
	border: 0 !important;
}

.popover-dark .popover-content,
.popover-dark .popover-title {
	color: white;
}

/* .popover-dark .arrow {
	display: block;
	border-top-color: transparent !important;
}

.popover-dark .arrow::after {
	border-top-color: #2F3E4F !important;
} */






@keyframes spinner-border {
	to {
		transform: rotate(360deg);
	}
}

main#pgui .spinner-border {
	display: inline-block;
	width: 4rem;
	height: 4rem;
	vertical-align: text-bottom;
	border: .45em solid currentColor;
	border-right-color: currentcolor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner-border .75s linear infinite;
	animation: spinner-border .75s linear infinite;
}



.rdio,
label:has(input[type="checkbox"]) {
	background-color: transparent;
	display: inline-flex !important;
	gap: 5px;
	font-size: 1em;
	align-items: center;
	border-radius: var(--radius-sm);
	cursor: pointer !important;
	transition: background-color 0.3s;
}

.rdio * {
	cursor: pointer !important;
	padding: 4px 10px 4px 12px;
}

.rdio:hover,
label:has(input[type="checkbox"]):hover {
	background-color: var(--bg-color-700) !important;
}

.rdio:hover label,
label:has(input[type="checkbox"]) {
	color: var(--primary, #364455);
}

.rdio input,
.rdio label,
label:has(input[type="checkbox"]),
label:has(input[type="checkbox"]) input {
	margin: 0 !important;
}

.rdio input {
	zoom: 1.1;
	transform: translateX(8px);
}

.rdio-container {
	width: 100%;
}

label:has(input[type="checkbox"]) {
	display: inline-flex;
	gap: 5px;
	padding: 4px 8px;
}

label:has(input[type="checkbox"]),
label:has(input[type="checkbox"]) strong {
	font-weight: inherit;
	font-size: inherit;
	user-select: none;
}







.breadcrumb {
	background-color: transparent;
	border-radius: 0;
	margin-bottom: 0;
}

.breadcrumb li {
	font-size: 100%;
}

.breadcrumb .active {
	color: var(--headers);
	font-weight: bold;
}




.data-cards {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.data-card {
	min-width: 160px;
	height: 76px;
	display: inline-block;
	background-color: var(--box-background);
	box-shadow: 0px 1px 1px rgba(3, 57, 150, 0.08);
	border-radius: var(--radius-md);
	font-size: 100%;
	padding: 12px;
	position: relative;
}

.data-card-large {
	min-width: 190px;
}

.data-card-header {
	display: flex;;
	margin-bottom: 8px;
	margin-right: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.data-card-value {
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.data-card-value-primary {
	font-size: 200%;
}

.data-card-service .data-card-value-primary {
	min-width: 96px;
}

.data-card-value-primary img {
	max-height: 24px
}

.data-card-report .data-card-value-secondary::after {
	display: inline-grid;
	background-image: url(../images/pg/iconly/ticket-light.svg);
	content: '';
	width: 1em;
    height: 1em;
    background-size: contain;
    color: inherit;
    padding: 2px 0;
    margin-left: 4px;
}

body[theme="dark"] .data-card-report .data-card-value-secondary::after {
	background-image: url(../images/pg/iconly/ticket-dark.svg);
}

.event-total-data-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 1fr;
}

.event-total-data-grid .event-total-data-card{
	grid-row: 1;
	grid-column: span 2;
}

.event-total-data-grid .data-card {
	grid-row: 2;
}

.event-total-data-card {
	display: inline-block;
	width: 100%;
	background-color: var(--box-background);
	box-shadow: 0px 1px 1px rgba(3, 57, 150, 0.08);
	border-radius: var(--radius-md);
	font-size: 100%;
	padding: 18px 20px 12px;
	position: relative;
}

.event-total-data-card-values {
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	gap: 20px;
	font-size: 14px;
}

.data-card-total-price-label { 
	display: block;
	font-size: 20px;
	margin-bottom: 15px;
}
#data-card-total-price-value { 
	color: var(--success);
}

.data-card-total-number-label {
	display: flex;
	gap: 5px;
	color: var(--info);
}

.data-card-total-number-label span {
	font-size: 20px;
}

.data-card-total-percentage-label {
	color: var(--success);
}

.data-card-total-progressbar {
	width: 100%;
	height: 9px;
	border-radius: 9px;
	background-color: var(--disabled-bg);
	overflow: hidden;
}
.data-card-total-progressbar span{
	display: block;
	width: 0;
	height: 9px;
	border-radius: 9px;
	background-color: var(--info);
}

.data-card-forecast-header h3 {
	font-size: 18px;
	font-weight: bold;
}

.data-card-forecast-header select {
	width:  100%;
	border-radius: var(--radius-sm);
}

.event-service-breakdown-data-card {
	display: table;
	width: 100%;
	background-color: var(--box-background);
	box-shadow: 0px 1px 1px rgba(3, 57, 150, 0.08);
	border-radius: var(--radius-md);
	font-size: 100%;
	position: relative;
	overflow: hidden;
}

.event-service-breakdown-data-card > div,
.event-service-breakdown-data-card.expand > div.collapsable-row {
	display: table-row;
}

.event-service-breakdown-data-card.expand .card-expand-button:before {
	content: "\f053"; /* fa-chevron-left */
}

.event-service-breakdown-data-card > div > div {
	display: table-cell;
	padding: 12px 20px;
}

.event-service-breakdown-data-card > div:first-child > div {
	padding-top: 18px;
}

.event-service-breakdown-data-card > div > div:first-child {
	width: 100%;
}

.event-service-breakdown-data-card > div > div:not(:first-child) {
	text-align: right;
	padding-left: 0;
	white-space: nowrap;
}

.event-service-breakdown-data-card-header {
	background-color: var(--primary-700);
	color: #FFF;
}

.event-service-breakdown-data-card-header strong {
	font-size: 16px;
}

@media screen and (max-width: 749px) {
	.data-card-total-number-label {
		flex-grow: 1;
	}

	.hide-responsive,
	.event-service-breakdown-data-card > div.collapsable-row {
		display: none;
	}
}

@media screen and (min-width: 750px) {
	.event-total-data-card-values {
		flex-direction: row-reverse;
	}
	
	.data-card-total-price-label {
		flex-grow: 1;
	}

	.data-card-total-number-label {
		justify-content: flex-start;
	}

	.data-card-forecast-header {
		display: flex;
		align-items: baseline;
		gap: 10px;
	}
	
	.data-card-forecast-header h3 {
		flex-grow: 1;
	}

	.data-card-forecast-header select {
		width:  auto;
		max-width: 350px;
	}

	.event-service-breakdown-cards {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}

	.event-service-breakdown-data-card > div > div.expand-button-column {
		display: none;
	}
}

@media screen and (min-width: 1200px) {
	.event-total-data-grid {
    grid-template-columns: 1fr min-content min-content;
	}

	.event-total-data-grid .data-card {
		grid-row: 1;
	}

	.data-card-forecast-header h3 {
		font-size: 24px;
	}
	
	.event-service-breakdown-cards {
		grid-template-columns: repeat(3, 1fr);
	}

	.event-service-breakdown-data-card-header strong {
		font-size: 20px;
	}
}




.outer_bubble {
	padding-top: 1em;
	background-color: transparent;
}

.bubble {
	background-color: transparent;
	border-radius: none;
	box-shadow: none;
	padding: 10px 0;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.bubble>* {
	flex-grow: 1;
	width: 100%;
}

main#pgui .modal-header button.close {
	font-size: 160%
}

.field-group {
	display: grid;
	width: 100%;
	margin: 10px auto 0;
	grid-template-columns: repeat(auto-fill, 100%);
	grid-gap: 6px 20px;
}

.full-field {
	grid-column: span 1;
}

@media screen and (min-width: 600px) {
	.field-group {
		grid-template-columns: repeat(auto-fill, calc(50% - 10px));
	}

	.full-field {
		grid-column: span 2;
	}
}

.bootstrap-switch {
	height: min-content;
}







.container-scroll-x>.pagination-container {
	position: sticky;
	left: 0;
	bottom: 0;
	padding: 12px 16px 8px 8px;
	margin-bottom: 20px;
}

.table {
	background-color: transparent;
	background: transparent;
	border-radius: var(--radius-md) var(--radius-md) 0 0;

	border-collapse: separate;
	border-spacing: 0;

	box-shadow: none !important;
	margin: 0;
}

.table:has(td) {
	border: 1px solid var(--box-border);
}


.table tr {
	background-color: transparent;
	background: transparent;
	box-shadow: 0px 1px 1px rgba(3, 57, 150, 0.08);
}


.table td,
.table th {
	background-color: var(--box-background);
	border-top: none;
	height: 56px;
	color: var(--primary);
}

.table th {
	font-weight: bold;
	border-bottom: none;
}

.table>tbody>tr:first-child>td {
	border-top: 1px solid transparent !important;
}

.table .table-col-50 {
	width: 60px;
	min-width: 60px;
}

.table .table-col-55 {
	width: 55px;
	min-width: 55px;
}

.table .table-col-60 {
	width: 60px;
	min-width: 60px;
}

.table .table-col-65 {
	width: 65px;
	min-width: 65px;
}

.table .table-col-70 {
	width: 70px;
	min-width: 70px;
}

.table .table-col-75 {
	width: 75px;
	min-width: 75px;
}

.table .table-col-80 {
	width: 80px;
	min-width: 80px;
}

.table .table-col-85 {
	width: 85px;
	min-width: 85px;
}

.table .table-col-90 {
	width: 90px;
	min-width: 90px;
}

.table .table-col-95 {
	width: 95px;
	min-width: 95px;
}

.table .table-col-100 {
	width: 100px;
	min-width: 100px;
}

.table .table-col-105 {
	width: 105px;
	min-width: 105px;
}

.table .table-col-110 {
	width: 110px;
	min-width: 110px;
}

.table .table-col-115 {
	width: 115px;
	min-width: 115px;
}

.table .table-col-120 {
	width: 120px;
	min-width: 120px;
}

.table .table-col-125 {
	width: 125px;
	min-width: 125px;
}

.table thead tr th:first-child {
	border-radius: var(--radius-md) 0 0 0;
}

.table thead tr th:last-child {
	border-radius: 0 var(--radius-md) 0 0;
}

.table thead tr th:only-child {
	border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.table thead tr~tr th {
	border-radius: 0 !important;
}

.table th.clickable:hover {
	background-color: var(--highlight)
}

.table tfoot td {
	background-color: var(--highlight) !important;
	color: var(--primary);
	font-weight: bold;
}

.table tfoot.above {
	display: table-row-group;
}


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

.table .sort-unactive {
	display: none;
}

.table .sort-active {
	color: var(--primary);
}


.table .dropdown-pg-actions .dropdown-menu {
	right: 50px;
	top: -60px;
}

.table-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	width: 100%;
	margin-bottom: 1em;
}

.table-toolbar form {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
}

th[onclick] {
	cursor: pointer;
}

.table thead>tr>th,
.table tbody>tr>th,
.table tfoot>tr>th,
.table thead>tr>td,
.table tbody>tr>td,
.table tfoot>tr>td {
	border-color: var(--primary-border);
}

.circle {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	vertical-align: middle;
}

.circle.circle-small {
	width: 12px;
	height: 12px;
}

.circle.bg-muted {
	background-color: #ebedf0 !important;
}





.pagination-container {
	text-align: right;
	background: var(--box-background);

	box-shadow: 0px 1px 1px rgba(3, 57, 150, 0.08);
	border-radius: 0px 0px var(--radius-md) var(--radius-md);
	padding: 12px 16px 8px 8px;
}

.container-scroll-x>.pagination-container {
	position: sticky;
	left: 0;
	bottom: 0;
	margin-bottom: 20px;
}


.pagination-container .pagination {
	margin: 0;
}


.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	border-color: var(--input-border);
	background-color: var(--input-border);
}

.pagination li a:hover {
	background-color: var(--input-hover);
	color: var(--input-primary-light);
	border-color: var(--input-border);
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	color: var(--input-primary-light);
}

.pagination li.active a {
	color: var(--input-primary-light);
}

body[theme="dark"] .pagination li a:hover,
body[theme="dark"] .pagination>.active>a,
body[theme="dark"] .pagination>.active>span,
body[theme="dark"] .pagination>.active>a:hover,
body[theme="dark"] .pagination>.active>span:hover,
body[theme="dark"] .pagination>.active>a:focus,
body[theme="dark"] .pagination>.active>span:focus {
	color: white;
}

.pagination li.pagination-more a {
	border-color: transparent;
	background-color: transparent;
}

.pagination li.pagination-more a {
	border-color: transparent;
	background-color: transparent;
}

.pagination li.pagination-more a {
	border-color: transparent;
	background-color: transparent;
}

.pagination>li>a,
.pagination>li>span {
	color: var(--primary);
}

.pagination>li>a[style^="cursor:pointer; background"] {
	background-color: var(--input-border) !important;
}

.pagination>li.disabled>a,
.pagination>li.disabled>span,
.pagination>li.disabled:hover>a,
.pagination>li.disabled:hover>span,
.pagination>li.disabled>a:hover,
.pagination>li.disabled>a:focus,
.pagination>li.disabled>span:hover {
	background-color: var(--disabled-bg);
	color: var(--disabled-color) !important;
	border-color: var(--primary-border);
}

.d-flex {
	display: flex !important;
	flex-wrap: wrap;
}

.d-block {
	display: block !important;
}

.d-none {
	display: none !important;
}

.zoom-025 {
	zoom: 0.25;
}

.zoom-05,
.zoom-050 {
	zoom: 0.5;
}

.zoom-075 {
	zoom: 0.75;
}

.flex-center {
	display: flex;
	flex-wrap: wrap;
	place-content: center;
}

.navbar-collapse {
	min-height: unset;
	max-height: unset;
	box-shadow: unset;
}

#reorderByList label {
	text-align: left;
}

.responsive-table-container tr {
	position: relative;
}

.responsive-table-container>.table .mobile-show {
	display: none;
}

.btn.btn-transparent-container {
	display: flex;
	align-items: center;
	gap: 0;
	border: 0;
	outline: none;
	border-radius: 0;
	background-color: transparent;
	color: inherit;
	line-height: unset;
	outline-offset: 0;
}

.btn.btn-transparent-container .btn-content {
	display: flex;
	align-items: center;
	gap: 8px;
	border: 0;
	border-radius: var(--radius-sm);
	color: var(--primary);
	line-height: unset;
}

.table-carousel {
	display: grid;
	grid-auto-columns: 1fr;
	grid-auto-flow: column;
	gap: 8px;
}

.table-carousel .table-container {
	width: 100%;
	box-shadow: var(--box-shadow-500);
	border-radius: var(--radius-md);
}

.table-carousel .prev,
.table-carousel .next {
	position: absolute;
	display: none;
	width: 50%;
	height: calc(100% - 4px) !important;
	padding: 0;
}

.table-carousel .prev .btn-content,
.table-carousel .next .btn-content {
	width: 26px;
	height: 100%;
	background-size: 16px 16px !important;
	background-position: center !important;
}

.table-carousel .prev {
	left: 1px;
	justify-content: flex-start;
}

.table-carousel .next {
	right: 1px;
	justify-content: flex-end;
}

.table-carousel .prev .btn-content {
	background: url(../images/pg/iconly/caret_left.svg) no-repeat;
}

.table-carousel .next .btn-content {
	background: url(../images/pg/iconly/caret_right.svg) no-repeat;
}

body[theme="dark"] .table-carousel .prev .btn-content {
	background: url(../images/pg/iconly/caret_left-white.svg) no-repeat;
}

body[theme="dark"] .table-carousel .next .btn-content {
	background: url(../images/pg/iconly/caret_right-white.svg) no-repeat;
}

.table-carousel .prev.disabled .btn-content,
.table-carousel .next.disabled .btn-content {
	filter: saturate(0);
	opacity: 0.3;
}





@keyframes tab-notification-glow {
	from {
		box-shadow: none;
	}

	to {
		box-shadow: var(--active) 0 0 8px;
	}
}

.tab-notification {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	display: inline-block;
	vertical-align: middle;
	background-color: var(--active);
	margin-left: 8px;
	margin-top: -10px;

	animation-name: tab-notification-glow;
	animation-duration: .5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.mobile-show {
	display: none;
}



.interactable-tag{
	background-color: var(--bg-color-800);
	border-radius: var(--radius-sm);
	padding: 2px 6px;
	margin-left: 5px;
}
.interactable-tag i{
	vertical-align: middle;
}
.interactable-tag:hover{
	background-color: var(--primary-500);
	color: white;
}
.interactable-tag-add:hover{
	background-color: var(--success);
	color: white;
}
.interactable-tag-remove:hover{
	background-color: var(--danger);
	color: white;
}







/* responsive */
@media only screen and (max-width:768px) {
	.btn.filter-toggle {
		display: inline-block !important;
	}

	.nav-tabs {
		white-space: nowrap;
		font-size: 12px;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.nav-tabs:not(.nav-justified) {
		display: inherit;
	}

	.nav-tabs.nav-justified li:last-child {
		margin-right: 8px;
	}

	.nav-tabs.nav-justified::after {
		background: linear-gradient(90deg, transparent, var(--bg-color));
		position: absolute;
		z-index: 9999999;
		display: block;
		width: 38px;
		height: 4em;
		margin-top: -0.5em;
		right: 0px;
		float: right;
	}

	.nav-tabs li {
		float: none;
		display: inline-block;
	}

	.nav-tabs li a {
		padding: 12px 6px;
	}

	.outer_bubble {
		padding: 1px;
	}

	.data-card-header {
		margin-right: 0;
	}
	.table tr>td {
		line-height: 2
	}

	.table.hide-header-mobile tr>td:not(:first-child):not(:last-child),
	.table.hide-header-mobile tr>th {
		display: none
	}

	.responsive-table-container>.table>thead {
		display: none;
	}

	.responsive-table-container>.table tr:not(.hidden-content-row) {
		display: grid;
	}

	.responsive-table-container>.table tr:not(.hidden-content-row)>td {
		display: grid;
		grid-template-columns: max(40%, 12ch) auto;
		padding: 0.3em 2em;
		line-height: unset;
		vertical-align: unset;
		border-top: none;
		align-items: flex-start;
		height: unset;
		order: 1;
		font-size: 13px;
	}

	.responsive-table-container>.table tr>td:first-child {
		padding-top: 2em;
	}

	.responsive-table-container>.table tr>td:last-child,
	.responsive-table-container>.table tr:has(td.pg-actions)>td:nth-last-child(2) {
		padding-bottom: 2em;
	}

	.responsive-table-container>.table tr>td>div {
		display: grid;
		white-space: initial;
	}

	.responsive-table-container>.table tr>td>div>span {
		width: fit-content;
		width: -moz-fit-content;
	}

	.responsive-table-container>.table tr {
		border-bottom: 1px solid var(--box-border);
	}

	.responsive-table-container>.table tr:not(.hidden-content-row)>td:not(.pg-actions)::before {
		content: attr(data-cell) ": ";
		text-align: left;
		white-space: break-spaces;
		font-weight: bold;
	}

	.responsive-table-container>.table tr>td.no-title::before {
		content: unset !important;
	}

	.responsive-table-container>.table tr:not(.hidden-content-row)>td.pg-actions {
		position: absolute;
		order: 0;
		grid-template-columns: auto;
		right: 2.5em;
		margin-top: 1.25em;
		background-color: transparent;
		gap: 1px;
		padding: 0;
	}

	.responsive-table-container>.table .hidden-content-row .panel-default {
		min-width: unset;
	}

	.responsive-table-container>.table .hidden-content-row .panel-body {
		text-align: left;
		padding: 1em 0;
		margin: 0;
	}

	.responsive-table-container>.table .mobile-hide,
	.responsive-table-container>.table .mobile-hide>* {
		display: none;
	}



	.table tr:has(td .dropdown.open) td {
		background-color: var(--highlight) !important;
	}

	.table .btn.dropdown-toggle {
		padding: 2px 6px;
		line-height: 0;
		height: 24px !important;
	}

	.pagination-container {
		background-color: transparent;
		box-shadow: none;
		padding: 12px 0px 8px 0px;
	}

	.pagination li.pagination-more a {
		padding-left: 6px;
		padding-right: 6px;
	}

	.container-scroll-x {
		padding-bottom: 230px;
	}

	.data-cards {
		gap: 10px;
	}

	.data-card {
		min-width: 112px;
	}

	.data-card.data-card-large {
		min-width: 160px;
	}

	.data-card.data-card-service .data-card-header {
		margin-right: 4px;
	}

	.map-config-container {
		margin: auto !important;
	}

	.btn-group-left {
		place-content: center;
	}

	.btn-group-right:not(.btn-group-right-mobile) {
		place-content: center;
	}

	.panel-group {
		grid-template-columns: 100% !important;
		width: 100%;
	}

	.mobile-show {
		display: block;
	}
}

@media only screen and (max-width:1024px) {
	main {
		padding: 12px;
		font-size: 13px;
	}

	.row.overflow-right {
		margin-right: -12px;
	}

	.grid-form {
		grid-template-columns: repeat(auto-fill, calc(100% - 8px));
	}

	.grid-span-2 {
		grid-column: unset;
	}

	.grid-span-3 {
		grid-column: unset;
	}

	.filter-group>* {
		flex-grow: 1;
	}

}

@media only screen and (max-width:1200px) {
	.zoom-15-md {
		zoom: 1.5 !important;
	}

	.split-md.btn-group[role="group"] {
		justify-content: center;
		flex-basis: min-content;
		margin: auto;
		gap: 8px;
		flex-wrap: wrap;
	}

	.split-md.btn-group[role="group"] button {
		border-radius: var(--radius-sm) !important;
		margin: auto !important;
	}

	.split-md.btn-group[role="group"] a {
		border-radius: var(--radius-sm) !important;
	}

	.table-carousel {
		grid-auto-columns: 1fr;
	}

	.table-carousel .prev,
	.table-carousel .next {
		display: flex;
	}
}

@media only screen and (max-width:1200px) {
	.promoter-title-group {
		padding: 8px 3px 8px 12px;
		width: 230px;
	}

	.promoter-row-headers .promoter-item-group-container {
		padding: 5px 2px 3px;
	}

	.promoter-item-group-container>div {
		min-width: 74px;
	}

	.promoter-item-group-container {
		padding: 8px 2px;
	}
}

.chosen-select {
	max-width: unset;
}

.modal-content {
	border-radius: var(--radius-md);
	background-color: var(--bg-color-500);
	border: 1px solid var(--input-border);
}

.modal-header {
	position: relative;
	top: 0px;
	border: none;
	border-radius: var(--radius-md) var(--radius-md) 0 0;
	background: white;
	padding: 18px 27px 16px;
	border-bottom: 1px solid var(--input-border);
	background-color: var(--highlight);
}

.modal-title {
	font-size: 18px;
	line-height: 20px;
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--headers);
	letter-spacing: -0.25px;
	font-weight: 600;
}

.modal-title i {
	display: none;
}

.modal-header .close {
	background-color: transparent;
	color: var(--headers);
	text-shadow: none;
	margin-top: -6px;
	margin-right: -10px;
	border-radius: 16px;
	opacity: 1;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 26px !important;
	transition: color 0.3s, background-color 0.3s;

}

.modal-header .close:hover {
	color: var(--active);
	background-color: var(--bg-color-700);
}

body[theme="dark"] .modal-header .close:hover {
	color: white;
}

.modal-footer {
	margin-top: 10px;
	padding: 0 28px 22px;
	text-align: center;
	border-top: none;
	display: flex;
	place-content: center;
}

.modal {
	transition: background-color 0.3s, backdrop-filter 0.3s;
	z-index: 9999999 !important;
}

.btn.filter-toggle {
	display: none;
}

.event-container.loading::before,
.loading-container.loading::before {
	content: '';
	position: absolute;
	display: block;
	z-index: 99;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #ffffff2e;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	border-radius: var(--radius-md);
}

body[theme="dark"] .event-container.loading::before,
body[theme="dark"] .loading-container.loading::before {
	background: #0000004d;
}

.event-container.loading::after,
.loading-container.loading::after {
	display: flex;
	position: relative;
	z-index: 999;
	width: var(--loader-size);
	height: var(--loader-size);
	margin-bottom: calc(var(--loader-size) * -1);
	left: 50%;
	top: calc(-50% - var(--loader-size) / 2);
	border-radius: var(--radius-md);
	background-image: url(../images/loader.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: var(--loader-size);
	animation-name: fa-spin;
	-webkit-animation-name: fa-spin;
	-webkit-animation-duration: var(--loader-speed);
	animation-duration: var(--loader-speed);
	-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
	animation-iteration-count: var(--fa-animation-iteration-count, infinite);
	-webkit-animation-timing-function: var(--fa-animation-timing, linear);
	animation-timing-function: var(--fa-animation-timing, linear);
}

body[theme="dark"] .event-container.loading::after,
body[theme="dark"] .loading-container.loading::after {
	filter: hue-rotate(-20deg) brightness(1.5);
}

.event-summary {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	font-size: 16px;
	justify-content: space-around;
}

.event-summary .event-details {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	flex-grow: 1;
}

.event-summary .buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px;
}


.event-details .title {
	display: flex;
	align-items: center;
	gap: 10px;
}

.event-details h4 {
	color: var(--headers);
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.25em;
	line-height: 1.5em;
	margin: auto 0;
	overflow-wrap: anywhere;
}

.event-details h4 a:hover,
.event-details h4 a:focus {
	text-decoration: none;
}

.panel-content .event-details h4 {
	width: calc(100% - 30px);
	margin: 0 0 0.25em;
}

.event-details :is(.location, .date, .url, .key, .more-info) {
	color: var(--muted);
	font-weight: 300;
	font-size: 0.8em;
    line-height: 1.75em;
    margin-right: 6px;
}
.event-details :is(.location, .date, .key) {
	user-select: none;
}
.event-details :is(.url) a {
	color: inherit;
}

.event-details :is(.location, .date, .url, .key, .more-info)::before {
	content: '';
	display: inline-flex;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.9em;
	width: 0.9em;
	height: 0.9em;
	margin-right: 4px;
}
.event-details .key {
	user-select: all;
}
.event-details .key a {
	text-decoration: none;
}

.event-details .location::before {
	background-image: url(../images/pg/iconly/location.svg) !important;
}

.event-details .date::before {
	background-image: url(../images/pg/iconly/calendar.svg) !important;
}

.event-details .url::before {
	background-image: url(../images/pg/iconly/browse.svg) !important;
}

.event-details .key::before {
	background-image: url(../images/pg/iconly/key.svg) !important;
}

.event-details .more-info::before {
	background-image: url(../images/pg/iconly/custom_info_circle.svg) !important;
}

.event-info-small {
	display: flex;
	gap: 12px;
	margin-bottom: 1em;
}

.event-info-small img {
	height: 50px;
	border-radius: 4px;
}
.event-info-small div {
	display: flex;
	flex-flow: column;
}
.event-info-small .title {
	text-transform: uppercase;
    font-weight: 900;
	line-height: 2.1em;
}
.event-info-small .subtitle {
	margin-bottom: 0;
	opacity: 0.6;
}


.stat-label:not(.status) {
	word-break: break-all;
}

.filter-container {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.filter-group {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	flex-grow: 1;
}

.filter-group input[readonly] {
	color: var(--primary);
}

.nofilters .filter-group,
.nofilters .filter-container {
	display: none;
}

.hide-following-elements~* {
	display: none;
}

.cke_inner {
	background: transparent !important;
}

.cke_top,
.cke_bottom {
	background: var(--bg-color-500) !important;
	border-color: var(--box-border) !important;
}

.cke_top {
	border-radius: var(--radius-lg) var(--radius-lg) 0 0;
	padding: 8px 8px 4px !important;
	border-bottom: 1px solid var(--box-border) !important;
	box-shadow: unset !important;
}

.cke_bottom {
	border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

.cke_chrome {
	border: 1px solid var(--box-border) !important;
	box-shadow: var(--box-shadow-500) !important;
}

.cke_chrome,
.cke_inner {
	border-radius: var(--radius-lg);
}

.cke_resizer {
	transform: translate(-4px, -4px);
}

.cke_toolgroup,
.cke_combo_button {
	background: var(--bg-color-600) !important;
	border-color: var(--bg-color-700) !important;
	box-shadow: unset !important;
}

body[theme="dark"] .cke_toolgroup,
body[theme="dark"] .cke_combo_button {
	background: var(--box-border) !important;
	border-color: var(--disabled) !important;
	box-shadow: unset !important;
}

a.cke_button,
a.cke_combo_button {
	cursor: pointer !important;
}

a.cke_button_off:hover,
a.cke_button_off:focus,
a.cke_button_off:active,
a.cke_button_disabled:hover,
a.cke_button_disabled:focus,
a.cke_button_disabled:active {
	background: var(--bg-color-500) !important;
}

a.cke_button_on {
	background: var(--bg-color-700) !important;
	border-color: var(--bg-color-800) !important;
	box-shadow: none;
}

a.cke_button_on:hover,
a.cke_button_on:focus,
a.cke_button_on:active,
a.cke_combo_button:hover,
a.cke_combo_button:focus,
a.cke_combo_button:active {
	background: var(--bg-color-600) !important;
	border-color: var(--bg-color-700) !important;
	box-shadow: none !important;
}

.cke_source {
	color: black;
}

.cke_toolbar:has(.cke_button__maximize) {
	display: none;
}

body[theme="dark"] .cke_button_icon {
	filter: invert(1);
}

body[theme="dark"] .cke_combo_text,
body[theme="dark"] .cke_button_label {
	color: #c9c9c9;
	text-shadow: 0 1px 0 rgb(0 0 0 / 50%);
}

body[theme="dark"] .cke_combo_arrow,
body[theme="dark"] .cke_button_arrow {
	border-top: 3px solid #d5d5d5;
}

body[theme="dark"] .cke_toolbar_separator {
	background-color: rgba(255, 255, 255, .5);
	-webkit-box-shadow: 1px 0 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 1px 0 1px rgba(0, 0, 0, .2);
	box-shadow: 1px 0 1px rgba(0, 0, 0, .2);
}

[id^="hidethis-"]:has(.tooltips.collapsed)+.hidden-content-row {
	display: none;
}

.toggle.btn {
	zoom: 0.6;
	width: 70px !important;
	height: 36px !important;
}

.toggle-off.btn {
	padding-left: 0 !important;
	margin-left: 14px;
	place-content: center;
}

.toggle-on.btn,
.toggle-off.btn {
	height: 36px;
}

.map-config-container {
	border: 1px solid var(--primary-border);
	border-radius: var(--radius-lg);
	background: var(--box-background);
	width: 100%;
	margin: 0 0 0 auto;
	max-width: 300px;
	padding: 10px;
	text-align: center;
	color: var(--primary);
}

.map-config-container h4 {
	color: var(--primary);
	margin-bottom: 4px;
}

.event-extra {
	display: flex;
    gap: 4px 6px;
    margin: 0px 10px;
    flex-wrap: wrap;
}

.input-inline-lang-buttons-wrapper {
	display: flex;
	gap: 8px;
	width: 100%;
}

.edit-url-wrapper .btn-lang, 
.edit-url-wrapper .btn-lang:active, 
.edit-url-wrapper .btn-lang.active {
	background-position: center;
}

fieldset {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

fieldset div {
	float: unset !important;
}

fieldset .form-group {
	flex-grow: 1;
}

legend {
	padding-bottom: 0.5em;
	color: var(--headers);
	border-bottom: 1px solid var(--input-border);
}

.legend {
	padding-bottom: 0.5em;
	border-radius: var(--radius-sm);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 20px;
	padding: 10px 20px;
	gap: 8px;
}

.legend.legend-panel {
	background: var(--bg-color-600);
	border: 1px solid var(--input-border);
}


.ui-datepicker,
.bootstrap-datetimepicker-widget {
	background-color: var(--container-bg);
	border: 1px solid var(--input-border);
	border-radius: var(--radius-lg);
}

.ui-datepicker-title {
	color: var(--primary);
}

.daterangepicker th.prev::before,
.daterangepicker th.next::before {
	display: none !important;
}

.daterangepicker th.prev span,
.daterangepicker th.next span,
.ui-datepicker-prev,
.ui-datepicker-next {
	background-size: 16px 16px !important;
	background-position: center center !important;
	border: none !important;
}

.daterangepicker th.prev:hover span,
.daterangepicker th.next:hover span,
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
	background-color: var(--highlight) !important;
}

.daterangepicker th.prev span,
.ui-datepicker-prev {
	background: url(../images/pg/iconly/caret_left.svg) no-repeat;
}

.daterangepicker th.next span,
.ui-datepicker-next {
	background: url(../images/pg/iconly/caret_right.svg) no-repeat;
}

body[theme="dark"] .daterangepicker th.prev span,
body[theme="dark"] .ui-datepicker-prev {
	background: url(../images/pg/iconly/caret_left-white.svg) no-repeat;
}

body[theme="dark"] .daterangepicker th.next span,
body[theme="dark"] .ui-datepicker-next {
	background: url(../images/pg/iconly/caret_right-white.svg) no-repeat;
}

.bootstrap-datetimepicker-widget th {
	background-color: var(--container-700);
	color: white;
	border-radius: 0 !important;
}

.daterangepicker th.prev,
.daterangepicker th.next {
	display: inline-flex;
	justify-content: center;
	margin-top: 1px;
}

.daterangepicker th.prev span,
.daterangepicker th.next span {
	border-radius: var(--radius-sm) !important;
	width: 24px;
	height: 24px;
	line-height: 24px;
	transform: none !important;
	padding: 0;
	transition: background-color 0.3s;
}


.ui-datepicker span,
.ui-datepicker th,
.ui-datepicker a {
	user-select: none;
}

.ui-datepicker th,
.bootstrap-datetimepicker-widget th.dow {
	background: var(--container-600);
	font-family: var(--font);
	color: var(--container-color-600);
}

.daterangepicker thead tr:last-child th:first-child,
.ui-datepicker th:first-child {
	border-radius: var(--radius-md) 0 0 var(--radius-md) !important;
}

.daterangepicker thead tr:last-child th:last-child,
.ui-datepicker th:last-child {
	border-radius: 0 var(--radius-md) var(--radius-md) 0 !important;
}

body[theme="dark"] .ui-datepicker td a {
	color: white;
}

.ui-datepicker tr {
	background: var(--container-bg);
}

@media (max-width: 730px) {
	.daterangepicker .ranges {
		width: 100%;
	}

	.daterangepicker .ranges ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 4px;
		padding: 0px 3px 5px 7px !important;
		width: 100% !important;
	}

	.daterangepicker .ranges li {
		border: 1px solid var(--box-border);
	}

	.w50-container-md {
		position: relative;
		width: 50%;
		flex-grow: 1;
	}

	.btn-grow-active-md {
		flex-grow: 1;
	}
	.btn-grow-active-md .btn.btn-active {
		flex-grow: 1;
	}

	.event-extra {
		margin: 0;
		width: 100%;
	}
}

.daterangepicker .calendar-table td {
	padding-right: 4px !important;
	height: 16px;
	line-height: 16px;
}

.daterangepicker .calendar-table td:hover {
	border-radius: var(--radius-sm) !important;
	background: var(--active-600) !important;
	color: white !important;
}


.bootstrap-datetimepicker-widget table {
	background-color: var(--input-background) !important;
}

.ui-datepicker select {
	background: transparent;
	border: none;
	padding: 0 28px 0 4px;
	border-radius: var(--radius-sm);
	cursor: pointer;
	filter: saturate(0) brightness(3);
}

.ui-datepicker select:hover {
	background: rgba(255, 255, 255, 0.06);
}


.bootstrap-datetimepicker-widget .picker-switch:hover,
.bootstrap-datetimepicker-widget .prev:hover,
.bootstrap-datetimepicker-widget .next:hover {
	background: var(--secondary) !important;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table span.active,
.bootstrap-datetimepicker-widget table .selectMonth:hover,
.bootstrap-datetimepicker-widget table .selectYear:hover,
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
	background: var(--secondary) !important;
	color: var(--input-background);
}

.ui-datepicker select option {
	color: var(--primary)
}

.ui-datepicker select:focus-visible {
	outline: none;
}

.bootstrap-datetimepicker-widget {
	border-radius: var(--radius-sm) !important;
}

.bootstrap-datetimepicker-widget .row {
	gap: 0;
	margin: 0;
}

.bootstrap-datetimepicker-widget .datepicker {
	padding: 0 2px 0 0 !important;
}

.bootstrap-datetimepicker-widget .timepicker {
	padding: 0 0 0 2px !important;
}


.daterangepicker {
	background-color: var(--container-400) !important;
	border-color: var(--input-border) !important;
	border-radius: var(--radius-md) !important;
	color: var(--primary) !important;
	padding: 2px 4px 4px 0 !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.daterangepicker::before,
.daterangepicker::after {
	display: none !important;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
	border-color: var(--box-border) !important;
}

.daterangepicker .calendar-table {
	border: 1px solid var(--box-border) !important;
	border-radius: 6px !important;
	background-color: var(--container-bg) !important;
	overflow: hidden;
	padding: 2px;
}

.daterangepicker thead tr:first-child {
	background: var(--container-700) !important;
	font-size: 12px !important;
}

.daterangepicker thead tr:last-child {
	background: var(--container-600) !important;
	font-size: 11px !important;
	border-top: 3px solid var(--container-700);
	border-bottom: 3px solid var(--container-700);
}

.daterangepicker thead tr:last-child th {
	font-weight: 400;
}

.daterangepicker thead th.available::before {
	position: absolute;
	content: '';
	display: block;
	background-color: transparent;
	width: 26px;
	height: 28px;
	margin-top: -2px;
	border-radius: var(--radius-sm);
	transition: background-color 0.3s;
}

.daterangepicker thead th.available:hover::before {
	background-color: var(--highlight);
}

.daterangepicker thead th.available.prev::before {
	margin-left: -1px;
}

.daterangepicker thead th.available.next::before {
	margin-left: 3px;
}

.daterangepicker thead th {
	background-color: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	color: var(--container-color-600) !important;
	padding: 2px !important;
	font-size: inherit !important;
	text-transform: uppercase;
	font-family: var(--font);
}

.daterangepicker .calendar-table th:not(.available) {
	cursor: default !important;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
	border-color: white !important;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
	background: #ffffff1f;
	padding: 2px 8px !important;
	border-radius: var(--radius-sm);
	border-color: #ffffff1f;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
	padding: 2px 8px;
	border-radius: var(--radius-sm);
	background-color: transparent;
	border-color: transparent;
	cursor: pointer !important;
	transition: background-color 0.3s;
}

.daterangepicker select.monthselect:hover,
.daterangepicker select.yearselect:hover {
	background-color: var(--highlight);
}

.daterangepicker select.yearselect {
	width: 43% !important;
}

.daterangepicker select option {
	background: var(--input-background);
	color: var(--primary);
}

.daterangepicker .drp-calendar {
	padding: 0 0 0 4px !important;
}

.daterangepicker .drp-calendar.left .calendar-table {
	padding-right: 0px !important;
}

.daterangepicker select:not([multiple]),
.daterangepicker .btn.multiselect,
.daterangepicker .with-caret {
	min-width: unset;
	color: var(--primary);
	text-transform: uppercase;
	font-family: var(--font);
	padding: 0 8px !important;
}

.daterangepicker .calendar-table td {
	border-radius: 0 !important;
}

.daterangepicker .ranges li:hover {
	background-color: var(--highlight) !important;
}

.daterangepicker td.available {
	background: var(--container-bg);
	color: var(--container-color);
}

.daterangepicker td.in-range {
	background: var(--bg-color-700) !important;
	color: var(--primary) !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker .ranges li.active {
	background-color: var(--active-600) !important;
	color: white !important;
}

.daterangepicker tr {
	background: transparent !important;
}

.daterangepicker td.active {
	overflow: hidden;
	border: 2px solid transparent !important;
	padding: 0px !important;
}

.daterangepicker td.active.start-date.available {
	border-radius: var(--radius-md) 0 0 var(--radius-md) !important;
}

.daterangepicker td.active.end-date.available {
	border-radius: 0 var(--radius-md) var(--radius-md) 0 !important;
}

.daterangepicker td.active.start-date.end-date.available {
	border-radius: var(--radius-md) !important;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
	background: var(--container-bg) !important;
	color: var(--disabled-color) !important;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
	background-color: var(--bg-color-600) !important;
	color: var(--primary) !important;
}

.daterangepicker thead th.available.prev:hover,
.daterangepicker thead th.available.next:hover {
	background-color: transparent !important;
}

input.bootstrap-timepicker-hour {
	font-variant-numeric: tabular-nums;
}

.input-group,
.input-group>* {
	display: inline-flex;
	height: fit-content;
	margin: unset;
}

span.input-group-addon {
	height: initial;
	align-items: center;
	place-content: center;
	min-width: 40px;
}

.self-center {
	display: flex;
	height: 100%;
	align-items: center;
}

.badge {
	width: -moz-fit-content;
	width: fit-content;
}

div.loaderFilter {
	width: 100%;
	text-align: center;
}

div#crisp-chatbox>div>div[data-visible="false"]~a {
	opacity: 0.75;
	transform: rotate(6deg);
	transition: all 0.3s !important;
}

div#crisp-chatbox:hover>div>div~a {
	opacity: 1;
	transform: rotate(0deg);
}

body[theme="dark"] div#crisp-chatbox>div>a {
	filter: hue-rotate(-20deg) brightness(1.2) saturate(0.7);
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
	display: none;
}

main>div>br,
main>br {
	display: none;
}

.alert .fa {
	margin-right: 6px;
}

.pg-icon {
	display: inline-flex;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1em;
	width: 1em;
	height: 1em;
	transform: translateY(0.15em);
}

body[theme="dark"] .pg-icon {
	filter: invert(1) saturate(0) brightness(0.95);
}

span.pg-icon,
span i.pg-icon {
	margin: 0 6px;
}

.pg-icon.cup {
	background-image: url(../images/pg/pg-icons/cup.svg);
}

.pg-icon.ticket {
	background-image: url(../images/pg/pg-icons/ticket.svg);
}

.pg-icon.users {
	background-image: url(../images/pg/pg-icons/users.svg);
}

.pg-icon.user-vip {
	background-image: url(../images/pg/pg-icons/user-vip.svg);
}

.fa,
.fa-solid {
	transition: transform 0.3s;
}

.rotate-180 {
	-webkit-transform: rotate(-180deg) translateY(1px);
	transform: rotate(-180deg) translateY(1px);
}

.reset-button,
.form-action-button {
	background-color: transparent;
	position: relative;
	border: none;
	padding: 6px 10px;
	margin: -4px 0 0 auto;
	border-radius: var(--radius-sm);
	transition: background-color 0.3s, color 0.3s;
}

.reset-button:not(.disabled):hover,
.form-action-button:not(.disabled):hover,
.form-action-button:not(.disabled):focus,
.form-action-button:not(.disabled):active {
	background-color: var(--bg-color-700);
	color: var(--active);
	text-decoration: none;
}

.reset-button {
	font-size: 10px;
	padding: 0 10px;
}

.reset-button.disabled,
.form-action-button.disabled {
	cursor: default;
	pointer-events: none;
	opacity: 0.5;
	filter: grayscale(1);
}


label {
	margin-bottom: 0 !important;
	color: var(--primary);
	font-weight: 600;
}

.sub-label {
	width: 100%;
	color: var(--muted);
}

.flex-form {
	display: flex;
	flex-wrap: wrap;
}

.flex-form>* {
	min-width: 25%;
	flex-grow: 1;
}

.grid-form {
	display: grid !important;
	gap: 8px;
	grid-template-columns: repeat(auto-fill, calc(100% - 8px));
}

.grid-form-col-4 {
	grid-template-columns: repeat(4, 1fr);
}


.grid-form.collapse:not(.in) {
	display: none !important;
}

.grid-form>div {
	display: grid !important;
}

.grid-form>.d-block {
	display: block !important;
}

.grid-span-all {
	grid-column: 1 / -1;
}

.grid-span-2 {
	grid-column: 2 span;
}

.grid-span-3 {
	grid-column: 3 span;
}

.px-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.form-group {
	margin: 0 !important;
	padding: 0 4px;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 8px;
}

.form-group label~br {
	display: none;
}

.form-group.disabled {
	pointer-events: none;
	opacity: 0.5;
	filter: grayscale(1);
}

.form-group.disabled * {
	pointer-events: none;
}

.form-group:has(.reset-button) label {
	width: calc(100% - 50px);
}

.form-group:has(.reset-button) input {
	width: 100%;
}

.nogap {
	gap: 0 !important;
}

.flex-table-row {
	display: flex;
}

.flex-table-row td {
	display: flex;
	align-items: center;
	flex-grow: 1;
}

.multiline-cell {
	display: inline-grid;
}

.multiline-cell span:last-child {
	font-size: 0.75em;
	opacity: 0.8;
}

.pointer {
	cursor: pointer;
}

.toast-top-center {
	margin-top: 20px;
}

#toast-container>div {
	opacity: 1;
	-webkit-box-shadow: 0 0 6px rgb(0 0 0 / 16%);
	box-shadow: 0 0 6px rgb(0 0 0 / 16%);
}

.text-overflow,
.text-overflow * {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#payment_text {
	padding: 1em 5px 0;
    line-height: 1.2em;
	width: -moz-available;
	width: fit-content;
	min-width: 160px;
}
#payment_text>div{
	display:flex;
	justify-content:space-between;
	margin-bottom:10px;
	gap:16px;
}
#payment_text span,
#payment_text_total {
	font-weight: bold;
}
#payment_text_adjust {
	border-bottom: 1px solid var(--bg-color-700);
	padding-bottom: 0.5em;
}
#payment_text_adjust_value {
	color: var(--warning);
}
#payment_text_total_value {
	color: var(--active);
}
#payment_text_advance {
	border-top: 1px solid var(--bg-color-700);
	padding-top: 0.5em;
}



.hint{
    pointer-events: none;
}


.chosen-select-sales-container {
	display: flex;
    justify-content: flex-end;
    height: fit-content;
	font-size: 14px;
}

.no-border {
	border: none !important;
	border-radius: 0 !important;
}

.table-md {
	font-size: 13px;
}
.table-md th {
	font-size: 0.95em;
}

.tr-table th {
	text-align: center;
	height: 40px;
	background: var(--table-highlight-600);
    color: var(--container-color);
}


#egb_invitations{
	width: 100%;
}
#egb_invitations .badge{
	background-color: #1268FD;
	font-size: 1.5rem;
	border-radius: 16px;
	margin-right: 1.5rem;
}
#egb_invitations .badge span{
	margin: auto;
	padding: 0.3rem;
}
#egb_invitations .badge a{
	color: whitesmoke;
	font-size: 1.5rem;
	padding:0.2rem;
	margin-left:0.7rem;
}
#egb_invitations .badge a:hover {
    cursor:grab/pointer;
}

.egb-container>span{
	width: 100%;
}

#egb_errors_table tr td, #egb_events_table tr td{
	font-size: 1.3rem;
}

.service-active td .service-badges .egb-amount-drinks{
  background-color: #F3EBFF;
  color: #A46BFF !important;;
}

.cover-manager .mainpanel{
  margin-left: 0px;
  
}

.cover-manager .mainpanel #pgui{

	padding: 0px;
  }

/*
  .simulator_paypal_tmpl tr td {
	text-align: right;
  }
  .fee-container table  {
	border: 1px solid blue !important;
  }

  .fee-container table tbody tr td{
	width: 100%;
  }
  .fee-container table tbody tr td:nth-child(1) {
	width:85%;
  }
*/
  .fee-container span.result{
	font-weight: bold;
  }
  .fee-container ul{
	list-style:none;
	padding-left:0;
  }
  .fee-container ul li .result {
	float:right;
	margin-left: 2em;
  }
.default_comisions{
	margin-top: 2em;
	margin-bottom: 2em;
	padding-left: 2em;
}
.default_comisions p:first-child {
	margin-left: -2em;
  }
.seasonPassBusinessListSearchResults{
	list-style:none;
	margin-top:4px;
	background-color: var(--bg-color-700);
	padding: 8px;
	border-radius: var(--radius-sm);
	display:none;
}
.seasonPassBusinessListSearchResults:has(li){
	display:block;
}
.seasonPassBusinessListSearchResults li:not(:last-child){
	display:inline;
	margin-right:8px;
}

.grayed {
	color: var(--grayed);
}
.clientfile-modal {
	max-width: 460px;
}
.clientfile-modal .tab-content {
	padding: 20px 0;
}
.clientfile-box {
	background-color: var(--box-background);
	box-shadow: 0px 1px 1px rgba(3, 57, 150, 0.08);
	border-radius: var(--radius-md);
	font-size: 100%;
	padding: 12px;
	position: relative;
	margin-bottom: 12px;
}
.clientfile-box.main-box {
	margin-top: 40px;
	padding-top: 60px;
	text-align: center;
}
.clientfile-box.main-box #modalCountry {
	text-transform: capitalize;
}
.clientfile-box.contact-box {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}
.clientfile-box.contact-box span {
	flex: 1;
}
.clientfile-box.contact-box .btn {
	width: 86px;
}
.clientfile-box.clientfile-rows > strong {
	display: block;
	font-size: 18px;
	margin-bottom: 5px;
}
.clientfile-box.clientfile-rows > div {
	padding: 5px 0;
}
.clientfile-initial {
	border-radius: 100%;
	background-color: var(--primary-700);
	color: #FFFFFF;
	padding: 12px;
	width: 88px;
	height: 88px;
	position: absolute;
	top: -44px;
	left: calc(50% - 44px);
	font-size: 46px;
	line-height: 64px;
	text-align: center;
	text-transform: uppercase;
}
.clientfile-lang-flag {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	background-size: 22px;
	background-position: center;
}

.colorpicker-2x .colorpicker-saturation {
	width: 150px;
	height: 150px;
}

.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
	width: 30px;
	height: 150px;
}

.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div {
	height: 30px;
}

.promoter-status-icon {
	display: inline-block;
}
.promoter-status-icon-circle {
	border-radius: 100%;
	width: 14px;
	height: 14px;
}
.promoter-status-info {
	color: var(--active-600);
	width: 14px;
	height: 18px;
}
.promoter-status-info svg {
	width: 18px;
	height: 18px;
}
.promoter-status-active {
	background-color: var(--success)
}
.promoter-status-inactive {
	background-color: var(--danger)
}