/* === Theme Variables === */
:root {
	--background-color: #EAE8E6;
	--background-accent-color: #fff;
	--background-inverse-color: #3B3A39;
	--background-inverse-accent-color: #111921;

	--text-color: #111921;
	--text-inverse-color: #fff;
	--primary-color: #111921;
	--secondary-color: #fff;
	--accent-color: #96CB39;
	--gray-bg-color: #C7BFBA;
	--card-bg: #EAE8E6;
	--card-border:rgba(234, 232, 230, 0.50);
}

[data-theme="dark"] {

	--background-color: #3B3A39;
	--background-accent-color: #111921;
	--background-inverse-color: #EAE8E6;
	--background-inverse-accent-color: #fff;

	--text-color: #fff;
	--text-inverse-color: #111921;
	--primary-color: #fff;
	--secondary-color: #111921;
	--accent-color: #96CB39;
	--gray-bg-color: #C7BFBA;
	/* --card-bg: rgba(57, 56, 55, 0.50); */
	/* --card-border:rgba(59, 57, 57, 0.97); */
	--card-bg: rgba(17, 25, 33, 0.8);
	--card-border:rgba(97, 104, 102, 1);
}

/* === Global Styles === */
html, body {

	background: linear-gradient(180deg, var(--background-color) 0%, var(--background-accent-color) 37.98%);
	/* background-attachment: fixed;
	background-color: var(--background-color); */

	background-image: url('/assets/img/background-main.png');
	background-size: cover;
	background-repeat: repeat;

	/* height: 100vh; */

	color: var(--text-color);
	transition: background-color 0.3s ease, color 0.3s ease;
	font-family: "Outfit","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;
	font-optical-sizing: auto;
	font-weight: 100;
	font-style: normal;
}

/* Bottom-left watermark */
body::before {
    content: "";
    position: fixed;
    left: 50px;
    bottom: 120px;
    width: 100%;
    height: 300px;
    background-image: url("/assets/img/watermark.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
    opacity: .50;
    pointer-events: none;
    z-index: 0;
}

input,
button,
select,
optgroup,
textarea,
label,
.alert,
.badge,
.blockquote-footer,
.btn,
.google-map-control-btn .zoomIn,
.google-map-control-btn .zoomOut,
.tox .tox-dialog__footer .tox-button:last-child,
.tox .tox-dialog__footer .tox-button--secondary,
.tox .tox-button-secondary,
.tox .tox-button,
[data-list] .page,
.pagination,
.valid-feedback,
.invalid-feedback {
	font-family: "Outfit","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1,
.navbar,
.btn-b9-oswald {
	font-family: "Outfit","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;
}


#navbarHeader {

	/* background: linear-gradient(180deg, var(--background-color) 100%, var(--background-accent-color) 100%); */
	background: linear-gradient(180deg, var(--background-color) 0%, var(--background-accent-color) 0%);
	color: var(--text-color);

}

#navbarFooter {

	background: linear-gradient(180deg, var(--background-color) 0%, var(--background-accent-color) 0%);
	color: var(--text-color);

}

#headerTitle {
	color: var(--text-color, #111921);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 133.333% */
}

.b9-bg-loading-img {
	background-image: url('/assets/img/background-loading.jpg');
	background-size: cover;       /* or contain */
	background-repeat: no-repeat; /* prevents tiling */
	background-position: center;  /* centers the image */
}

.b9-bg-error-img {
	background-image: url('/assets/img/background-error.jpg');
	background-size: cover;       /* or contain */
	background-repeat: no-repeat; /* prevents tiling */
	background-position: center;  /* centers the image */
}

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

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

.b9-dark-text-color {
	color: #111921!important;
}

.b9-text-color {
	color: var(--text-color)!important;
}

.b9-text-color-inverse {
	color: var(--text-inverse-color)!important;
}

.b9-color-green {
	color: var(--accent-color)!important;
}

.b9-bg-green {
	background-color: var(--accent-color)!important;
}

.b9-border-green {
	border-color: var(--accent-color)!important;
}

/* === Typography === */
.b9-title {
	align-self: stretch;
	color: var(--text-color);
	text-align: center;
	font-style: normal;
	text-transform: uppercase;
}

.b9-title-helvetica {
    font-size: 42px !important;
	align-self: stretch;
	color: var(--text-color);
	text-align: center;
	font-style: normal;
    font-weight: 900 !important;
	text-transform: uppercase;
	font-family: "Helvetica LT Pro","Helvetica Neue",Helvetica,Arial,sans-serif!important;
}

.b9-main-title {
	font-size: 30px;
	font-weight: 700;
	line-height: 38px; /* 126.667% */
}

.b9-subtitle {
	font-size: 20px;
	font-weight: 600;
	line-height: normal;
	max-width: 100%;
}

.b9-header-title {
    font-size: 28px;
    font-weight: 400;
    line-height: normal;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.b9-header-subtitle {
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
}

.b9-text {
	align-self: stretch;
	color: var(--text-color);
	font-style: normal;
	line-height: normal;
}

.b9-600-text {
	font-size: 14px;
	font-weight: 600;
}

.b9-400-text {
	font-size: 14px;
	font-weight: 400;
}

.b9-small-text {
	font-size: 12px;
	font-weight: 400;
	line-height: 22px;
}

.b9-accent-text {
	color: var(--accent-color);
}

.b9-icon > path {
	fill: var(--text-color)!important;
}

.b9-icon-stroke > path {
	stroke: var(--text-color)!important;
}

.b9-icon-secondary > path {
	fill: var(--secondary-color)!important;
}

.b9-icon-secondary-stroke > path {
	stroke: var(--secondary-color)!important;
}

.b9-icon-accent > path {
	fill: var(--accent-color)!important;
}

.b9-icon-accent-stroke > path {
	stroke: var(--accent-color)!important;
}

/* === Buttons === */
.btn-b9-dark {
	--phoenix-btn-color: var(--secondary-color)!important;
	--phoenix-btn-bg: var(--primary-color)!important;
	--phoenix-btn-border-color: var(--secondary-color)!important;
	--phoenix-btn-hover-color: var(--primary-color)!important;
	--phoenix-btn-hover-bg: var(--secondary-color)!important;
	--phoenix-btn-hover-border-color: rgba(0, 0, 0, 0.2)!important;
	--phoenix-btn-focus-shadow-rgb: 255, 255, 255!important;
	--phoenix-btn-active-color: var(--primary-color)!important;
	--phoenix-btn-active-bg: var(--secondary-color)!important;
	--phoenix-btn-active-border-color: rgba(0, 0, 0, 0.25)!important;
	--phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0)!important;
	--phoenix-btn-disabled-color: rgba(232, 232, 232, 0.10)!important;
	--phoenix-btn-disabled-bg: rgba(232, 232, 232, 0.25)!important;
	--phoenix-btn-disabled-border-color: rgba(232, 232, 232, 0.10)!important;

    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 4px !important;
}

.btn-b9-dark:active {
	color: var(--primary-color)!important;
	background-color: var(--secondary-color)!important;
	border-color: var(--primary-color)!important;
	-webkit-box-shadow: var(--secondary-color)!important;
	box-shadow: var(--secondary-color)!important;
}

.btn-b9-dark-inverse {
	--phoenix-btn-color: var(--primary-color)!important;
	--phoenix-btn-bg: var(--secondary-color)!important;
	--phoenix-btn-border-color: var(--primary-color)!important;
	--phoenix-btn-hover-color: var(--secondary-color)!important;
	--phoenix-btn-hover-bg: var(--primary-color)!important;
	--phoenix-btn-hover-border-color: rgba(255, 255, 255, 0.2)!important;
	--phoenix-btn-focus-shadow-rgb: 255, 255, 255!important;
	--phoenix-btn-active-color: var(--secondary-color)!important;
	--phoenix-btn-active-bg: var(--primary-color)!important;
	--phoenix-btn-active-border-color: rgba(255, 255, 255, 0.25)!important;
	--phoenix-btn-active-shadow: inset 0 3px 5px rgba(255, 255, 255, 0)!important;
	--phoenix-btn-disabled-color: rgba(232, 232, 232, 0.10)!important;
	--phoenix-btn-disabled-bg: rgba(232, 232, 232, 0.25)!important;
	--phoenix-btn-disabled-border-color: rgba(232, 232, 232, 0.10)!important;

    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 4px !important;
}

.btn-b9-dark-inverse:active {
	color: var(--secondary-color)!important;
	background-color: var(--primary-color)!important;
	border-color: var(--primary-color)!important;
	-webkit-box-shadow: var(--primary-color)!important;
	box-shadow: var(--primary-color)!important;
}

.btn-b9-gray {
	--phoenix-btn-color: #fff!important;
	--phoenix-btn-bg: #272E36!important;
	--phoenix-btn-border-color: #616866!important;
	--phoenix-btn-hover-color: #272E36!important;
	--phoenix-btn-hover-bg: #616866!important;
	--phoenix-btn-hover-border-color: rgba(255, 255, 255, 0.2)!important;
	--phoenix-btn-focus-shadow-rgb: 255, 255, 255!important;
	--phoenix-btn-active-color: #272E36!important;
	--phoenix-btn-active-bg: #616866!important;
	--phoenix-btn-active-border-color: rgba(255, 255, 255, 0.25)!important;
	--phoenix-btn-active-shadow: inset 0 3px 5px rgba(255, 255, 255, 0)!important;
	--phoenix-btn-disabled-color: rgba(232, 232, 232, 0.10)!important;
	--phoenix-btn-disabled-bg: rgba(232, 232, 232, 0.25)!important;
	--phoenix-btn-disabled-border-color: rgba(232, 232, 232, 0.10)!important;

    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 4px !important;
}

.btn-b9-gray:active {
	color: #fff!important;
	background-color: #616866!important;
	border-color: #616866!important;
	-webkit-box-shadow: #616866!important;
	box-shadow: #616866!important;
}

.btn-b9-accent {
	--phoenix-btn-color: #111921!important;
	--phoenix-btn-bg: var(--accent-color)!important;
	--phoenix-btn-border-color:  var(--accent-color)!important;
	--phoenix-btn-hover-color: var(--accent-color)!important;
	--phoenix-btn-hover-bg: #111921!important;
	--phoenix-btn-hover-border-color: var(--accent-color)!important;
	--phoenix-btn-focus-shadow-rgb: 255, 255, 255!important;
	--phoenix-btn-active-color: var(--accent-color)!important;
	--phoenix-btn-active-bg: #111921!important;
	--phoenix-btn-active-border-color: var(--accent-color)!important;
	--phoenix-btn-active-shadow: inset 0 3px 5px rgba(232, 232, 232, 0)!important;
	--phoenix-btn-disabled-color: rgba(232, 232, 232, 0.10)!important;
	--phoenix-btn-disabled-bg: rgba(232, 232, 232, 0.25)!important;
	--phoenix-btn-disabled-border-color: rgba(232, 232, 232, 0.10)!important;

    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 4px !important;
}

.btn-b9-accent:active, .btn-b9-accent:focus-visible {
	color: var(--accent-color)!important;
	background-color: #111921!important;
	border-color: var(--accent-color)!important;
	-webkit-box-shadow: #111921!important;
	box-shadow: #111921!important;
}

.btn-outline-b9-accent {
	--phoenix-btn-color: var(--accent-color)!important;
	--phoenix-btn-border-color: var(--accent-color)!important;
	--phoenix-btn-hover-color: #fff;
	--phoenix-btn-hover-bg: var(--accent-color)!important;
	--phoenix-btn-hover-border-color: var(--accent-color)!important;
	--phoenix-btn-focus-shadow-rgb: 37, 176, 3;
	--phoenix-btn-active-color: #fff;
	--phoenix-btn-active-bg: var(--accent-color)!important;
	--phoenix-btn-active-border-color: var(--accent-color)!important;
	--phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
	--phoenix-btn-disabled-color: var(--accent-color)!important;
	--phoenix-btn-disabled-bg: transparent;
	--phoenix-btn-disabled-border-color: var(--accent-color)!important;
	--phoenix-gradient: none;
}

.btn-b9-white {
	--phoenix-btn-color: var(--accent-color)!important;
	--phoenix-btn-bg: #fff!important;
	--phoenix-btn-border-color: #fff!important;
	--phoenix-btn-hover-color: #fff!important;
	--phoenix-btn-hover-bg: var(--accent-color)!important;
	--phoenix-btn-hover-border-color: #fff!important;
	--phoenix-btn-focus-shadow-rgb: 255, 255, 255!important;
	--phoenix-btn-active-color: #fff!important;
	--phoenix-btn-active-bg: var(--accent-color)!important;
	--phoenix-btn-active-border-color: #fff!important;
	--phoenix-btn-active-shadow: inset 0 3px 5px rgba(232, 232, 232, 0)!important;
	--phoenix-btn-disabled-color: rgba(232, 232, 232, 0.10)!important;
	--phoenix-btn-disabled-bg: rgba(232, 232, 232, 0.25)!important;
	--phoenix-btn-disabled-border-color: rgba(232, 232, 232, 0.10)!important;

    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 4px !important;
}

.btn-b9-white:active, .btn-b9-white:focus-visible {
	color: #fff!important;
	background-color: var(--accent-color)!important;
	border-color: #fff!important;
	-webkit-box-shadow: #fff!important;
	box-shadow: #fff!important;
}

.accordion-button.collapsed {
	color: var(--text-color);
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='-200 -200 900 900'%3E%3Cpath fill='%2396CB39' d='M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'%3E%3C/path%3E%3C/svg%3E");
}

.accordion-button:not(.collapsed) {
	color: var(--text-color);
}

.accordion-button:not(.collapsed)::after{
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='-200 -200 900 900'%3E%3Cpath fill='%2396CB39' d='M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'%3E%3C/path%3E%3C/svg%3E")
}

.btn-close {
	color: var(--primary-color)!important;
}

/* === Dividers === */
hr.b9 {
	margin: 1rem 0;
	color: var(--text-color);
	border: 0;
	border-top: 2px solid;
	opacity: 1;
}

.b9-card {
	border-radius: 8px;
	border: 1px solid var(--card-border);
	background: var(--card-bg);
	backdrop-filter: blur(3px);
}

.b9-card-gray {
	border-radius: 16px;
	border: 1px solid #DADBDB;
	color: #111921;
	background: #DADBDB;
	backdrop-filter: blur(3px);
}

.b9-card-shadow {
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
}

/* === Tabs === */
.b9-tab-menu-item.active small {
	color: var(--accent-color)!important;
}

.b9-tab-menu-item.active svg:not(#b9-icon) path {
	fill: var(--accent-color)!important;
}

.b9-tab-menu-item-text {
	color: var(--gray-color)!important;
	text-align: center;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: 15px;
	text-transform: uppercase;
}

.b9-account-tabs {
	/* border-bottom: 2px solid var(--primary-color) !important; */
}

.b9-account-tabs div {
	padding: 5px 10px !important;
	text-align: center !important;
	border: 4px solid transparent;
}

.b9-account-tabs div.active {
	border-bottom-color: var(--primary-color) !important;
}

.badge-phoenix-secondary-dark {
    background-color: #272E36 !important;
    border: #272E36 !important;
    color: rgba(255, 255, 255, 0.90) !important;
}

/* === Full Calendar === */
.fc {
	--fc-event-text-color: #fff!important;
	--fc-button-bg-color: #A4C434!important;
	--fc-button-border-color: #A4C434!important;
	--fc-button-hover-bg-color: #95b22e!important;
	--fc-button-active-bg-color: #95b22e!important;
	--fc-button-active-border-color: #95b22e!important;
	--phoenix-calendar-bg: #fff;
	--phoenix-calendar-border-color: #e3e6ed;
}

.fc .fc-toolbar-title {
	color: #fff!important;
	text-transform: uppercase;
}

.fc .fc-button-primary {
	color: #fff;
    background-color: #9d9d9d;
    border-color: #9d9d9d;
}

.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
    color: #fff;
	background-color: #1A9988;
    border-color: #1A9988;
}

.fc .fc-button-primary:hover {
    color: #fff;
	background-color: #1A9988;
    border-color: #1A9988;
}

.fc .fc-button-primary:disabled {
    color: #fff;
	background-color: #9d9d9d;
    border-color: #9d9d9d;
}

.fc .fc-next-button, .fc .fc-prev-button {
	color: #fff;
	background-color: #1A9988;
    border-color: #1A9988;
}

.fc .fc-next-button:disabled, .fc .fc-prev-button:disabled {
	color: #fff;
	background-color: #9d9d9d;
    border-color: #9d9d9d;
}

.fc .fc-timeGridDay-view .fc-v-event .fc-event-main:after, .fc .fc-timeGridWeek-view .fc-v-event .fc-event-main:after {
	background-color: #A4C434!important;
}

.fc .fc-h-event .fc-event-main::after, .fc .fc-daygrid-event .fc-event-main::after {
	border-color: #A4C434!important;
}

.fc .fc-button, .fc .fc-button:hover, .fc .fc-list-event-title a, a.fc-event, a.fc-event:hover {
	border: none!important;
}

.fc .fc-timeGridWeek-view .fc-col-header-cell-cushion {
	width: auto!important;
}

.fc .fc-col-header th {
	border: none!important;
	background-color: #A4C434!important;
	color: #fff!important;
	font-family: "Outfit","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;
	text-transform: uppercase;
}

.fc .fc-timeGridWeek-view .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion {
	color: #fff!important;
}

.fc td.fc-cell-shaded, .fc td.fc-day-disabled, .fc .fc-non-business {
	background: #E0E0E0!important;
	border: none!important;
}

.fc .fc-timeGridWeek-view .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion::after {
	border: 4px solid #A4C434!important;
}

.fc .fc-timeGridDay-view .fc-timegrid-slot, .fc .fc-timeGridWeek-view .fc-timegrid-slot {
    height: 4rem!important;
}