@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/Poppins-300-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/Poppins-300-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Poppins-400-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Poppins-400-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/Poppins-500-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/Poppins-500-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/Poppins-600-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/Poppins-600-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Poppins-700-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Poppins-700-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root,
[data-bs-theme="light"] {
    --bs-blue: #3577f1;
    --bs-indigo: #405189;
    --bs-purple: #6559cc;
    --bs-pink: #f672a7;
    --bs-red: #f06548;
    --bs-orange: #f1963b;
    --bs-yellow: #f7b84b;
    --bs-green: #0ab39c;
    --bs-teal: #02a8b5;
    --bs-cyan: #299cdb;
    --bs-white: #fff;
    --bs-gray: #878a99;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f3f6f9;
    --bs-gray-200: #eff2f7;
    --bs-gray-300: #e9ebec;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #878a99;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #405189;
    --bs-secondary: #3577f1;
    --bs-success: #0ab39c;
    --bs-info: #299cdb;
    --bs-warning: #f7b84b;
    --bs-danger: #f06548;
    --bs-light: #f3f6f9;
    --bs-dark: #212529;
    --bs-primary-rgb: 64, 81, 137;
    --bs-secondary-rgb: 53, 119, 241;
    --bs-success-rgb: 10, 179, 156;
    --bs-info-rgb: 41, 156, 219;
    --bs-warning-rgb: 247, 184, 75;
    --bs-danger-rgb: 240, 101, 72;
    --bs-light-rgb: 243, 246, 249;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #364574;
    --bs-secondary-text-emphasis: #2d65cd;
    --bs-success-text-emphasis: #099885;
    --bs-info-text-emphasis: #2385ba;
    --bs-warning-text-emphasis: #d29c40;
    --bs-danger-text-emphasis: #cc563d;
    --bs-light-text-emphasis: #ced4da;
    --bs-dark-text-emphasis: #343a40;
    --bs-primary-bg-subtle: rgba(var(--bs-primary-rgb), 0.1);
    --bs-secondary-bg-subtle: #e1ebfd;
    --bs-success-bg-subtle: #daf4f0;
    --bs-info-bg-subtle: #dff0fa;
    --bs-warning-bg-subtle: #fef4e4;
    --bs-danger-bg-subtle: #fde8e4;
    --bs-light-bg-subtle: #f9fbfc;
    --bs-dark-bg-subtle: #e9ebec;
    --bs-primary-border-subtle: rgba(var(--bs-primary-rgb), 0.3);
    --bs-secondary-border-subtle: #aec9f9;
    --bs-success-border-subtle: #9de1d7;
    --bs-info-border-subtle: #a9d7f1;
    --bs-warning-border-subtle: #fce3b7;
    --bs-danger-border-subtle: #f9c1b6;
    --bs-light-border-subtle: #eff2f7;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: "Poppins", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.8125rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #f3f3f9;
    --bs-body-bg-rgb: 243, 243, 249;
    --bs-emphasis-color: #212529;
    --bs-emphasis-color-rgb: 33, 37, 41;
    --bs-secondary-color: #878a99;
    --bs-secondary-color-rgb: 135, 138, 153;
    --bs-secondary-bg: #fff;
    --bs-secondary-bg-rgb: 255, 255, 255;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #eff2f7;
    --bs-tertiary-bg-rgb: 239, 242, 247;
    --bs-heading-color: #495057;
    --bs-link-color: var(--bs-primary);
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-link-decoration: none;
    --bs-link-hover-color: var(--bs-primary);
    --bs-link-hover-color-rgb: var(--bs-primary-rgb);
    --bs-code-color: #f672a7;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fcf8e3;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #e9ebec;
    --bs-border-color-translucent: #ced4da;
    --bs-border-radius: 0.25rem;
    --bs-border-radius-sm: 0.2rem;
    --bs-border-radius-lg: 0.3rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 5px 10px rgba(30, 32, 37, 0.12);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.25);
    --bs-form-valid-color: #0ab39c;
    --bs-form-valid-border-color: #0ab39c;
    --bs-form-invalid-color: #f06548;
    --bs-form-invalid-border-color: #f06548;
}
[data-bs-theme="dark"] {
    color-scheme: dark;
    --bs-body-color: #ced4da;
    --bs-body-color-rgb: 206, 212, 218;
    --bs-body-bg: #1a1d21;
    --bs-body-bg-rgb: 26, 29, 33;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: #878a99;
    --bs-secondary-color-rgb: 135, 138, 153;
    --bs-secondary-bg: #212529;
    --bs-secondary-bg-rgb: 33, 37, 41;
    --bs-tertiary-color: rgba(206, 212, 218, 0.75);
    --bs-tertiary-color-rgb: 206, 212, 218;
    --bs-tertiary-bg: #2a2d31;
    --bs-tertiary-bg-rgb: 42, 45, 49;
    --bs-primary-text-emphasis: #6674a1;
    --bs-secondary-text-emphasis: #5d92f4;
    --bs-success-text-emphasis: #3bc2b0;
    --bs-info-text-emphasis: #54b0e2;
    --bs-warning-text-emphasis: #f9c66f;
    --bs-danger-text-emphasis: #f3846d;
    --bs-light-text-emphasis: #535659;
    --bs-dark-text-emphasis: #5f6164;
    --bs-primary-bg-subtle: rgba(var(--bs-primary-rgb), 0.15);
    --bs-secondary-bg-subtle: rgba(53, 119, 241, 0.15);
    --bs-success-bg-subtle: rgba(10, 179, 156, 0.15);
    --bs-info-bg-subtle: rgba(41, 156, 219, 0.15);
    --bs-warning-bg-subtle: rgba(247, 184, 75, 0.15);
    --bs-danger-bg-subtle: rgba(240, 101, 72, 0.15);
    --bs-light-bg-subtle: #25282c;
    --bs-dark-bg-subtle: #313437;
    --bs-primary-border-subtle: rgba(var(--bs-primary-rgb), 0.38);
    --bs-secondary-border-subtle: #1b3c79;
    --bs-success-border-subtle: #055a4e;
    --bs-info-border-subtle: #154e6e;
    --bs-warning-border-subtle: #7c5c26;
    --bs-danger-border-subtle: #783324;
    --bs-light-border-subtle: #35383c;
    --bs-dark-border-subtle: #3c3f42;
    --bs-heading-color: #ced4da;
    --bs-link-color: #d9dce7;
    --bs-link-hover-color: #e1e3ec;
    --bs-link-color-rgb: 217, 220, 231;
    --bs-link-hover-color-rgb: 225, 227, 236;
    --bs-code-color: #f672a7;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #32383e;
    --bs-border-color-translucent: #32383e;
    --bs-form-valid-color: #3bc2b0;
    --bs-form-valid-border-color: #3bc2b0;
    --bs-form-invalid-color: #f3846d;
    --bs-form-invalid-border-color: #f3846d;
}
*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}
body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: 0.25;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color);
}
.h1,
h1 {
    font-size: calc(1.328125rem + 0.9375vw);
}
@media (min-width: 1200px) {
    .h1,
    h1 {
        font-size: 2.03125rem;
    }
}
.h2,
h2 {
    font-size: calc(1.2875rem + 0.45vw);
}
@media (min-width: 1200px) {
    .h2,
    h2 {
        font-size: 1.625rem;
    }
}
.h3,
h3 {
    font-size: calc(1.2671875rem + 0.20625vw);
}
@media (min-width: 1200px) {
    .h3,
    h3 {
        font-size: 1.421875rem;
    }
}
.h4,
h4 {
    font-size: 1.21875rem;
}
.h5,
h5 {
    font-size: 1.015625rem;
}
.h6,
h6 {
    font-size: 0.8125rem;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}
address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}
ol,
ul {
    padding-left: 2rem;
}
dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}
dt {
    font-weight: 600;
}
dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}
blockquote {
    margin: 0 0 1rem;
}
b,
strong {
    font-weight: bolder;
}
.small,
small {
    font-size: 0.875em;
}
.mark,
mark {
    padding: 0.2em;
    color: var(--bs-highlight-color);
    background-color: var(--bs-highlight-bg);
}
sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: none;
}
a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}
code,
kbd,
pre,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
}
pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
}
pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}
code {
    font-size: 0.875em;
    color: var(--bs-code-color);
    word-wrap: break-word;
}
a > code {
    color: inherit;
}
kbd {
    padding: 0.2rem 0.4rem;
    font-size: 0.875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: 0.2rem;
}
kbd kbd {
    padding: 0;
    font-size: 1em;
}
figure {
    margin: 0 0 1rem;
}
img,
svg {
    vertical-align: middle;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
}
caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: var(--bs-secondary-color);
    text-align: left;
}
th {
    font-weight: 600;
    text-align: inherit;
    text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
label {
    display: inline-block;
}
button {
    border-radius: 0;
}
button:focus:not(:focus-visible) {
    outline: 0;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
select {
    text-transform: none;
}
[role="button"] {
    cursor: pointer;
}
select {
    word-wrap: normal;
}
select:disabled {
    opacity: 1;
}
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
    display: none !important;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}
::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
textarea {
    resize: vertical;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    line-height: inherit;
    font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem;
    }
}
legend + * {
    clear: left;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0;
}
::-webkit-inner-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
    padding: 0;
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}
::file-selector-button {
    font: inherit;
    -webkit-appearance: button;
}
output {
    display: inline-block;
}
iframe {
    border: 0;
}
summary {
    display: list-item;
    cursor: pointer;
}
progress {
    vertical-align: baseline;
}
[hidden] {
    display: none !important;
}
.lead {
    font-size: 1.015625rem;
    font-weight: 300;
}
.display-4 {
    font-weight: 300;
    line-height: 1.2;
    font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
    .display-4 {
        font-size: 3.5rem;
    }
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.container,
.container-fluid {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}
:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}
.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
}
.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
}
.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}
.g-0 {
    --bs-gutter-x: 0;
}
.g-0 {
    --bs-gutter-y: 0;
}
@media (min-width: 576px) {
    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 992px) {
    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}
.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(var(--bs-body-color-rgb), 0.02);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(var(--bs-body-color-rgb), 0.04);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(var(--bs-body-color-rgb), 0.04);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
    padding: 0.75rem 0.6rem;
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
    vertical-align: inherit;
}
.table > thead {
    vertical-align: bottom;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-hover > tbody > tr:hover > * {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.form-label {
    margin-bottom: 0.25rem;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.5rem 0.9rem;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-input-bg-custom);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-input-border-custom);
    border-radius: var(--bs-border-radius);
    -webkit-transition:
        border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition:
        border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition:
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    transition:
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-control {
        -webkit-transition: none;
        transition: none;
    }
}
.form-control[type="file"] {
    overflow: hidden;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
    cursor: pointer;
}
.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-input-bg-custom);
    border-color: var(--bs-primary);
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.2);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.2);
}
.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0;
}
.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0;
}
.form-control::-webkit-input-placeholder {
    color: var(--bs-secondary-color);
    opacity: 1;
}
.form-control::-moz-placeholder {
    color: var(--bs-secondary-color);
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: var(--bs-secondary-color);
    opacity: 1;
}
.form-control::-ms-input-placeholder {
    color: var(--bs-secondary-color);
    opacity: 1;
}
.form-control::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1;
}
.form-control:disabled {
    background-color: var(--bs-tertiary-bg);
    opacity: 1;
}
.form-control::-webkit-file-upload-button {
    padding: 0.5rem 0.9rem;
    margin: -0.5rem -0.9rem;
    -webkit-margin-end: 0.9rem;
    margin-inline-end: 0.9rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    -webkit-transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
}
.form-control::file-selector-button {
    padding: 0.5rem 0.9rem;
    margin: -0.5rem -0.9rem;
    -webkit-margin-end: 0.9rem;
    margin-inline-end: 0.9rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    -webkit-transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none;
    }
    .form-control::file-selector-button {
        -webkit-transition: none;
        transition: none;
    }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: var(--bs-secondary-bg);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg);
}
textarea.form-control {
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-check {
    display: block;
    min-height: 1.21875rem;
    padding-left: 1.6em;
    margin-bottom: 0.125rem;
}
.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group > .form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.input-group > .form-control:focus {
    z-index: 5;
}
.input-group .btn {
    position: relative;
    z-index: 2;
}
.input-group .btn:focus {
    z-index: 5;
}
.btn {
    --bs-btn-padding-x: 0.9rem;
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-font-size: 0.8125rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    -webkit-transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .btn {
        -webkit-transition: none;
        transition: none;
    }
}
.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}
.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
    box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn.active,
.btn.show,
.btn:first-child:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible {
    -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
    box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary-text-emphasis);
    --bs-btn-hover-border-color: var(--bs-primary-text-emphasis);
    --bs-btn-focus-shadow-rgb: 93, 107, 155;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary-text-emphasis);
    --bs-btn-active-border-color: var(--bs-primary-text-emphasis);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #3577f1;
    --bs-btn-border-color: #3577f1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2d65cd;
    --bs-btn-hover-border-color: #2a5fc1;
    --bs-btn-focus-shadow-rgb: 83, 139, 243;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2a5fc1;
    --bs-btn-active-border-color: #2859b5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3577f1;
    --bs-btn-disabled-border-color: #3577f1;
}
.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0ab39c;
    --bs-btn-border-color: #0ab39c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #099885;
    --bs-btn-hover-border-color: #088f7d;
    --bs-btn-focus-shadow-rgb: 47, 190, 171;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #088f7d;
    --bs-btn-active-border-color: #088675;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0ab39c;
    --bs-btn-disabled-border-color: #0ab39c;
}
.btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f7b84b;
    --bs-btn-border-color: #f7b84b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d29c40;
    --bs-btn-hover-border-color: #c6933c;
    --bs-btn-focus-shadow-rgb: 248, 195, 102;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c6933c;
    --bs-btn-active-border-color: #b98a38;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f7b84b;
    --bs-btn-disabled-border-color: #f7b84b;
}
.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f06548;
    --bs-btn-border-color: #f06548;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #cc563d;
    --bs-btn-hover-border-color: #c0513a;
    --bs-btn-focus-shadow-rgb: 242, 124, 99;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c0513a;
    --bs-btn-active-border-color: #b44c36;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f06548;
    --bs-btn-disabled-border-color: #f06548;
}
.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f3f6f9;
    --bs-btn-border-color: #f3f6f9;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #cfd1d4;
    --bs-btn-hover-border-color: #c2c5c7;
    --bs-btn-focus-shadow-rgb: 207, 209, 212;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c2c5c7;
    --bs-btn-active-border-color: #b6b9bb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f3f6f9;
    --bs-btn-disabled-border-color: #f3f6f9;
}
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 64, 81, 137;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-gradient: none;
}
.btn-outline-warning {
    --bs-btn-color: #f7b84b;
    --bs-btn-border-color: #f7b84b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f7b84b;
    --bs-btn-hover-border-color: #f7b84b;
    --bs-btn-focus-shadow-rgb: 247, 184, 75;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f7b84b;
    --bs-btn-active-border-color: #f7b84b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f7b84b;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f7b84b;
    --bs-gradient: none;
}
.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #878a99;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 93, 107, 155;
    text-decoration: none;
}
.btn-link:focus-visible {
    color: var(--bs-btn-color);
}
.btn-link:hover {
    color: var(--bs-btn-hover-color);
}
.btn-lg {
    --bs-btn-padding-y: 0.7rem;
    --bs-btn-padding-x: 1.2rem;
    --bs-btn-font-size: 1.015625rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.7109375rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
    .fade {
        -webkit-transition: none;
        transition: none;
    }
}
.fade:not(.show) {
    opacity: 0;
}
.collapse:not(.show) {
    display: none;
}
.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .collapsing {
        -webkit-transition: none;
        transition: none;
    }
}
.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    -webkit-transition: width 0.35s ease;
    transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        -webkit-transition: none;
        transition: none;
    }
}
.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
    position: relative;
}
.dropdown-toggle {
    white-space: nowrap;
}
.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 0.8125rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-secondary-bg);
    --bs-dropdown-border-color: var(--bs-border-color);
    --bs-dropdown-border-radius: var(--bs-border-radius-lg);
    --bs-dropdown-border-width: 0;
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius-lg) - 0);
    --bs-dropdown-divider-bg: var(--bs-border-color);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: var(--bs-body-color);
    --bs-dropdown-link-active-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1.2rem;
    --bs-dropdown-item-padding-y: 0.35rem;
    --bs-dropdown-header-color: #878a99;
    --bs-dropdown-header-padding-x: 1.2rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-end {
    --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto;
}
.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer);
}
.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
    vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::before {
    vertical-align: 0;
}
.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent;
}
.dropdown-menu.show {
    display: block;
}
.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: 0.7109375rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap;
}
.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    background: 0 0;
    border: 0;
    -webkit-transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .nav-link {
        -webkit-transition: none;
        transition: none;
    }
}
.nav-link:focus,
.nav-link:hover {
    color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.2);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.2);
}
.nav-link.disabled,
.nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default;
}
.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.34765625rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.015625rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.015625rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
    color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
    position: static;
}
.navbar-collapse {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    -webkit-transition: var(--bs-navbar-toggler-transition);
    transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        -webkit-transition: none;
        transition: none;
    }
}
.navbar-toggler:hover {
    text-decoration: none;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    -webkit-box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
@media (min-width: 576px) {
    .navbar-expand-sm {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .navbar-expand-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }
    .navbar-expand-sm .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
    .navbar-expand-sm .offcanvas {
        position: static;
        z-index: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-transition: none;
        transition: none;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }
    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-transition: none;
        transition: none;
    }
}
.navbar[data-bs-theme="dark"] {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme="dark"] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: var(--bs-heading-color);
    --bs-card-border-width: 0;
    --bs-card-border-color: var(--bs-border-color);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    --bs-card-inner-border-radius: var(--bs-border-radius);
    --bs-card-cap-padding-y: 1rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: var(--bs-secondary-bg);
    --bs-card-bg: var(--bs-secondary-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: calc(1.5rem * 0.5);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}
.card > hr {
    margin-right: 0;
    margin-left: 0;
}
.card > .list-group {
    border-top: inherit;
    border-bottom: inherit;
}
.card > .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
    border-top: 0;
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
}
.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color);
}
.card-text:last-child {
    margin-bottom: 0;
}
.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "\f0142");
}
.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color);
}
.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 600;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.25rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
    display: none;
}
.btn .badge {
    position: relative;
    top: -1px;
}
.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 0.8rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
}
.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: var(--bs-progress-height);
    }
}
@keyframes progress-bar-stripes {
    0% {
        background-position-x: var(--bs-progress-height);
    }
}
.progress {
    --bs-progress-height: 0.625rem;
    --bs-progress-font-size: 0.609375rem;
    --bs-progress-bg: var(--bs-tertiary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: var(--bs-primary);
    --bs-progress-bar-transition: width 0.6s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius);
}
.list-group {
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-secondary-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.7rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-secondary-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: var(--bs-primary);
    --bs-list-group-active-border-color: var(--bs-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius);
}
.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
    border-top-width: 0;
}
.list-group-item + .list-group-item.active {
    margin-top: calc(-1 * var(--bs-list-group-border-width));
    border-top-width: var(--bs-list-group-border-width);
}
.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 1 0.25rem rgba(var(--bs-primary-rgb), 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    -webkit-filter: var(--bs-btn-close-filter);
    filter: var(--bs-btn-close-filter);
    border: 0;
    border-radius: 0.25rem;
    opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
    color: var(--bs-btn-close-color);
    text-decoration: none;
    opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
    outline: 0;
    -webkit-box-shadow: var(--bs-btn-close-focus-shadow);
    box-shadow: var(--bs-btn-close-focus-shadow);
    opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close.disabled,
.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: var(--bs-btn-close-disabled-opacity);
}
[data-bs-theme="dark"] {
    --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-bg: var(--bs-secondary-bg);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: var(--bs-secondary-bg);
    --bs-toast-header-border-color: var(--bs-border-color);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    -webkit-box-shadow: var(--bs-toast-box-shadow);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
    opacity: 0;
}
.toast:not(.show) {
    display: none;
}
.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1.25rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: var(--bs-body-color);
    --bs-modal-bg: var(--bs-secondary-bg);
    --bs-modal-border-color: var(--bs-border-color);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1.25rem;
    --bs-modal-header-padding-y: 1.25rem;
    --bs-modal-header-padding: 1.25rem 1.25rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 0;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none;
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition:
        transform 0.3s ease-out,
        -webkit-transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        -webkit-transition: none;
        transition: none;
    }
}
.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}
.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}
.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity);
}
.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
    margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
    margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
    margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
    margin-left: auto;
}
.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height);
}
.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
}
.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
    margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    }
    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto;
    }
}
.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.7rem;
    --bs-tooltip-padding-y: 0.4rem;
    --bs-tooltip-font-size: 0.7109375rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0;
}
.tooltip.show {
    opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius);
}
.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.8125rem;
    --bs-popover-bg: var(--bs-secondary-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color);
    --bs-popover-border-radius: var(--bs-border-radius);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-popover-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.7rem;
    --bs-popover-header-font-size: 0.8125rem;
    --bs-popover-header-color: var(--bs-body-color);
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
    display: block;
    width: var(--bs-popover-arrow-width);
    height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::after,
.popover .popover-arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0;
}
.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
    display: none;
}
.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color);
}
.carousel {
    position: relative;
}
.carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition:
        transform 0.6s ease-in-out,
        -webkit-transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        -webkit-transition: none;
        transition: none;
    }
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
}
.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: var(--bs-carousel-indicator-active-bg);
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        -webkit-transition: none;
        transition: none;
    }
}
.carousel-indicators .active {
    opacity: 1;
}
:root,
[data-bs-theme="light"] {
    --bs-carousel-indicator-active-bg: #fff;
    --bs-carousel-caption-color: #fff;
}
[data-bs-theme="dark"] {
    --bs-carousel-indicator-active-bg: #000;
    --bs-carousel-caption-color: #000;
    --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
.spinner-border {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent;
}
@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    .spinner-border {
        --bs-spinner-animation-speed: 1.5s;
    }
}
.offcanvas {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1.25rem;
    --bs-offcanvas-padding-y: 1.25rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-secondary-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color);
    --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5;
}
.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    -webkit-transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        -webkit-transition: none;
        transition: none;
    }
}
.offcanvas.show:not(.hiding),
.offcanvas.showing {
    -webkit-transform: none;
    transform: none;
}
.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
    visibility: visible;
}
.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.offcanvas-backdrop.fade {
    opacity: 0;
}
.offcanvas-backdrop.show {
    opacity: 0.5;
}
.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: 0.5;
}
.placeholder.btn::before {
    display: inline-block;
    content: "";
}
@-webkit-keyframes placeholder-glow {
    50% {
        opacity: 0.2;
    }
}
@keyframes placeholder-glow {
    50% {
        opacity: 0.2;
    }
}
@-webkit-keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0;
        mask-position: -200% 0;
    }
}
@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0;
        mask-position: -200% 0;
    }
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.link-success {
    color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:focus,
.link-success:hover {
    color: RGBA(8, 143, 125, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(8, 143, 125, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(8, 143, 125, var(--bs-link-underline-opacity, 1)) !important;
}
.ratio {
    position: relative;
    width: 100%;
}
.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}
.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
}
.visually-hidden {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.visually-hidden:not(caption) {
    position: absolute !important;
}
.visually-hidden * {
    overflow: hidden !important;
}
.align-middle {
    vertical-align: middle !important;
}
.float-end {
    float: right !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.d-block {
    display: block !important;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.d-none {
    display: none !important;
}
.shadow {
    -webkit-box-shadow: var(--bs-box-shadow) !important;
    box-shadow: var(--bs-box-shadow) !important;
}
.shadow-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.position-relative {
    position: relative !important;
}
.position-absolute {
    position: absolute !important;
}
.top-0 {
    top: 0 !important;
}
.end-0 {
    right: 0 !important;
}
.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
    border: 0 !important;
}
.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.w-25 {
    width: 25% !important;
}
.w-100 {
    width: 100% !important;
}
.w-auto {
    width: auto !important;
}
.h-100 {
    height: 100% !important;
}
.min-vh-100 {
    min-height: 100vh !important;
}
.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}
.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}
.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}
.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}
.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}
.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}
.m-0 {
    margin: 0 !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}
.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}
.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}
.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}
.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}
.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}
.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: 0.25rem !important;
}
.mt-2 {
    margin-top: 0.5rem !important;
}
.mt-3 {
    margin-top: 1rem !important;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.mt-5 {
    margin-top: 3rem !important;
}
.me-1 {
    margin-right: 0.25rem !important;
}
.me-2 {
    margin-right: 0.5rem !important;
}
.me-3 {
    margin-right: 1rem !important;
}
.me-4 {
    margin-right: 1.5rem !important;
}
.me-auto {
    margin-right: auto !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}
.mb-3 {
    margin-bottom: 1rem !important;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.mb-5 {
    margin-bottom: 3rem !important;
}
.ms-1 {
    margin-left: 0.25rem !important;
}
.ms-2 {
    margin-left: 0.5rem !important;
}
.ms-3 {
    margin-left: 1rem !important;
}
.ms-auto {
    margin-left: auto !important;
}
.mt-n4 {
    margin-top: -1.5rem !important;
}
.p-0 {
    padding: 0 !important;
}
.p-3 {
    padding: 1rem !important;
}
.p-4 {
    padding: 1.5rem !important;
}
.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}
.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}
.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
.pt-1 {
    padding-top: 0.25rem !important;
}
.pt-2 {
    padding-top: 0.5rem !important;
}
.pt-3 {
    padding-top: 1rem !important;
}
.pe-5 {
    padding-right: 3rem !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-3 {
    padding-bottom: 1rem !important;
}
.pb-5 {
    padding-bottom: 3rem !important;
}
.ps-3 {
    padding-left: 1rem !important;
}
.ps-4 {
    padding-left: 1.5rem !important;
}
.gap-2 {
    gap: 0.5rem !important;
}
.fs-2 {
    font-size: calc(1.2875rem + 0.45vw) !important;
}
.fs-4 {
    font-size: 1.21875rem !important;
}
.fw-medium {
    font-weight: 500 !important;
}
.fw-semibold {
    font-weight: 600 !important;
}
.fw-bold {
    font-weight: 700 !important;
}
.fw-bolder {
    font-weight: bolder !important;
}
.lh-base {
    line-height: 1.5 !important;
}
.text-start {
    text-align: left !important;
}
.text-end {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
.text-decoration-none {
    text-decoration: none !important;
}
.text-decoration-underline {
    text-decoration: underline !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important;
}
.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle) !important;
}
.rounded {
    border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-circle {
    border-radius: 50% !important;
}
.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important;
}
.visible {
    visibility: visible !important;
}
.fs-12 {
    font-size: 12px !important;
}
.fs-15 {
    font-size: 15px !important;
}
.fs-16 {
    font-size: 16px !important;
}
.fs-18 {
    font-size: 18px !important;
}
.fs-20 {
    font-size: 20px !important;
}
.fs-22 {
    font-size: 22px !important;
}
.cursor-pointer {
    cursor: pointer !important;
}
@media (min-width: 576px) {
    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mt-sm-0 {
        margin-top: 0 !important;
    }
    .me-sm-4 {
        margin-right: 1.5rem !important;
    }
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }
    .ms-sm-3 {
        margin-left: 1rem !important;
    }
}
@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .me-md-0 {
        margin-right: 0 !important;
    }
}
@media (min-width: 992px) {
    .d-lg-block {
        display: block !important;
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .me-lg-5 {
        margin-right: 3rem !important;
    }
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
    .ms-lg-auto {
        margin-left: auto !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .pt-lg-5 {
        padding-top: 3rem !important;
    }
    .text-lg-start {
        text-align: left !important;
    }
}
@media (min-width: 1200px) {
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-none {
        display: none !important;
    }
    .mb-xl-0 {
        margin-bottom: 0 !important;
    }
    .ms-xl-2 {
        margin-left: 0.5rem !important;
    }
    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
}
@media (min-width: 1200px) {
    .fs-2 {
        font-size: 1.625rem !important;
    }
}
@media (min-width: 1200px) {
    .h4,
    h4 {
        font-size: 1.21875rem;
    }
    .fs-4 {
        font-size: 1.21875rem !important;
    }
}
.dropdown-toggle::after,
.dropup .dropdown-toggle::after {
    content: none;
}
@font-face {
    font-family: hkgrotesk;
    src:
        local("hkgrotesk regular"),
        url(../fonts/hkgrotesk-regular.woff) format("woff");
    font-weight: 400;
}
#page-topbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1002;
    background-color: var(--bs-header-bg);
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    border-bottom: 1px solid var(--bs-header-border);
}
#page-topbar.topbar-shadow {
    -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
}
@media (min-width: 768px) {
    #page-topbar {
        left: var(--bs-vertical-menu-width);
    }
}
.navbar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    height: 70px;
    padding: 0 1.5rem 0 calc(1.5rem * 0.5);
}
@media (max-width: 767.98px) {
    .navbar-header {
        padding: 0 calc(1.5rem * 0.5) 0 calc(1.5rem * 0.5);
    }
}
.navbar-header .topbar-head-dropdown .dropdown-menu.show {
    top: 13px !important;
}
.navbar-header .topbar-head-dropdown .notification-actions {
    display: none;
    position: absolute;
    background-color: var(--bs-secondary-bg);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 7px;
    border-top: 1px solid var(--bs-border-color);
}
.navbar-header .btn-topbar,
.AuthControls .btn-topbar {
    height: 42px;
    width: 42px;
    color: var(--bs-header-item-sub-color);
    --bs-btn-bg: var(--bs-light);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.navbar-header .btn-topbar.active,
.navbar-header .btn-topbar.show,
.navbar-header .btn-topbar:active,
.navbar-header .btn-topbar:focus-visible,
.navbar-header .btn-topbar:hover,
.AuthControls .btn-topbar.active,
.AuthControls .btn-topbar.show,
.AuthControls .btn-topbar:active,
.AuthControls .btn-topbar:focus-visible,
.AuthControls .btn-topbar:hover {
    background-color: var(--bs-header-item-bg);
}
@media (max-width: 360px) {
    .navbar-header .btn-topbar {
        height: 36px;
        width: 36px;
    }
}
@media (max-width: 767.98px) {
    .logo span.logo-lg {
        display: none;
    }
    .logo span.logo-sm {
        display: inline-block;
    }
}
.header-item {
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.topbar-user .dropdown-menu {
    top: 6px !important;
}
.notification-item {
    padding: 0.75rem 1rem;
    white-space: inherit;
    position: relative;
}
[data-topbar="dark"] .logo-dark {
    display: none;
}
[data-topbar="dark"] .logo-light {
    display: inline-block;
}
[data-bs-theme="dark"][data-topbar="light"] .logo-dark {
    display: none;
}
[data-bs-theme="dark"][data-topbar="light"] .logo-light {
    display: inline-block;
}
@media (max-width: 600px) {
    .navbar-header .dropdown {
        position: static;
    }
    .navbar-header .dropdown .dropdown-menu {
        width: 100%;
    }
}
@media (max-width: 767.98px) {
    #search-dropdown-reponsive {
        top: 54px !important;
    }
}
@media (min-width: 1024.1px) {
    [data-layout="vertical"][data-layout-style="detached"] #page-topbar {
        left: 0 !important;
        -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
        box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    }
    [data-layout="vertical"][data-layout-style="detached"] .horizontal-logo {
        display: inline-block;
        padding-left: 0;
    }
    [data-layout="vertical"][data-layout-style="detached"] .topnav-hamburger {
        visibility: hidden;
    }
    [data-layout="vertical"][data-layout-style="detached"] .layout-width {
        max-width: 95%;
        margin: 0 auto;
    }
    [data-layout="vertical"][data-layout-style="detached"]:is([data-sidebar-size="sm"], [data-sidebar-size="sm-hover"]) .navbar-brand-box {
        background-color: transparent !important;
        position: relative;
        width: auto;
        text-align: left;
    }
    [data-layout="vertical"][data-layout-style="detached"]:is([data-sidebar-size="sm"], [data-sidebar-size="sm-hover"]) .navbar-brand-box .logo-sm {
        display: none;
    }
    [data-layout="vertical"][data-layout-style="detached"]:is([data-sidebar-size="sm"], [data-sidebar-size="sm-hover"]) .navbar-brand-box .logo-lg {
        display: block;
    }
}
[data-layout="vertical"][data-layout-style="detached"][data-topbar="dark"] .horizontal-logo .logo-dark {
    display: none;
}
[data-layout="vertical"][data-layout-style="detached"][data-topbar="dark"] .horizontal-logo .logo-light {
    display: block;
}
[data-layout="horizontal"] #page-topbar {
    left: 0;
    border-bottom: 1px solid var(--bs-header-border);
}
@media (min-width: 1024.1px) {
    [data-layout="horizontal"] #page-topbar.topbar-shadow {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}
[data-layout="horizontal"] .page-content {
    padding: calc(45px + 1.5rem) calc(1.5rem * 0.5) 60px calc(1.5rem * 0.5);
}
@media (min-width: 1024.1px) {
    [data-layout="horizontal"] .page-content {
        margin-top: 70px;
    }
}
@media (max-width: 1024.1px) {
    [data-layout="horizontal"] .page-content {
        padding: calc(45px + 1.5rem * 1.8) calc(1.5rem * 0.5) 60px calc(1.5rem * 0.5);
    }
}
@media (min-width: 1024.1px) {
    [data-layout="horizontal"][data-layout-width="boxed"] .page-content {
        min-height: calc(100vh - 130px);
    }
}
@media (min-width: 768px) {
    [data-layout="vertical"]:is([data-sidebar-size="sm"], [data-sidebar-size="sm-hover"]) #page-topbar {
        left: var(--bs-vertical-menu-width-sm);
    }
}
@media (min-width: 768px) {
    [data-layout="vertical"][data-sidebar-size="md"] #page-topbar {
        left: var(--bs-vertical-menu-width-md);
    }
}
@media (min-width: 768px) {
    [data-layout="twocolumn"] #page-topbar {
        left: calc(70px + 220px);
    }
}
[data-layout="twocolumn"] .horizontal-logo {
    display: none;
}
.page-title-box {
    padding: 10px 1.5rem;
    background-color: var(--bs-secondary-bg);
    -webkit-box-shadow: var(--bs-page-title-box-shadow);
    box-shadow: var(--bs-page-title-box-shadow);
    border-bottom: 1px solid var(--bs-page-title-border);
    margin: -23px -1.5rem 1.5rem -1.5rem;
}
.page-title-box .breadcrumb {
    background-color: transparent;
    padding: 0;
}
.page-title-box h4 {
    font-weight: 700;
    font-size: 15px !important;
    text-transform: uppercase;
}
[data-layout="horizontal"] .page-title-box {
    padding: 1.2rem 0;
    background-color: transparent !important;
    border-bottom: none;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
}
@media (min-width: 1024.1px) {
    [data-layout="horizontal"] .page-title-box {
        margin: -19px 0 0 0;
    }
}
[data-layout="vertical"][data-layout-style="detached"] .page-title-box {
    padding: 1.2rem 0;
    background-color: transparent !important;
    border-bottom: none;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
}
@media (min-width: 1024.1px) {
    [data-layout="vertical"][data-layout-style="detached"] .page-title-box {
        margin: -19px 0 0 0;
    }
}
.footer {
    bottom: 0;
    padding: 20px calc(1.5rem * 0.5);
    position: absolute;
    right: 0;
    color: var(--bs-footer-color);
    left: var(--bs-vertical-menu-width);
    height: 60px;
    background-color: var(--bs-footer-bg);
}
@media (max-width: 991.98px) {
    .footer {
        left: 0;
    }
}
[data-layout="vertical"]:is([data-sidebar-size="sm"], [data-sidebar-size="sm-hover"]) .footer {
    left: var(--bs-vertical-menu-width-sm);
}
@media (max-width: 767.98px) {
    [data-layout="vertical"]:is([data-sidebar-size="sm"], [data-sidebar-size="sm-hover"]) .footer {
        left: 0;
    }
}
[data-layout="vertical"][data-sidebar-size="md"] .footer {
    left: var(--bs-vertical-menu-width-md);
}
@media (max-width: 991.98px) {
    [data-layout="vertical"][data-sidebar-size="md"] .footer {
        left: 0;
    }
}
[data-layout="horizontal"] .footer {
    left: 0 !important;
}
@media (min-width: 1024.1px) {
    [data-layout="vertical"][data-layout-style="detached"] .footer {
        left: 0 !important;
        background-color: transparent;
    }
}
@media (min-width: 768.1px) {
    [data-layout="twocolumn"] .footer {
        left: calc(70px + 220px);
    }
}
.main-content {
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
@media (min-width: 768px) {
    .main-content {
        margin-left: var(--bs-vertical-menu-width);
    }
}
.page-content {
    padding: calc(70px + 1.5rem) calc(1.5rem * 0.5) 60px calc(1.5rem * 0.5);
}
.navbar-menu {
    width: var(--bs-vertical-menu-width);
    z-index: 1002;
    background: var(--bs-vertical-menu-bg);
    border-right: 1px solid var(--bs-vertical-menu-border);
    bottom: 0;
    margin-top: 0;
    position: fixed;
    top: 0;
    -webkit-box-shadow: var(--bs-vertical-menu-box-shadow);
    box-shadow: var(--bs-vertical-menu-box-shadow);
    padding: 0 0 calc(70px + 25px) 0;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.navbar-menu .navbar-nav .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.625rem 1.5rem;
    color: var(--bs-vertical-menu-item-color);
    font-size: 0.9375rem;
    font-family: hkgrotesk, sans-serif;
}
.navbar-menu .navbar-nav .nav-link.active {
    color: var(--bs-vertical-menu-item-active-color);
}
.navbar-menu .navbar-nav .nav-link:hover {
    color: var(--bs-vertical-menu-item-hover-color);
}
.navbar-menu .navbar-nav .nav-link i {
    display: inline-block;
    min-width: 1.75rem;
    font-size: 18px;
    line-height: inherit;
}
.navbar-menu .navbar-nav .nav-link svg {
    width: 18px;
    margin-right: 0.665rem;
    color: var(--bs-vertical-menu-item-color);
}
.navbar-menu .navbar-nav .nav-link .badge {
    margin-left: auto;
    margin-right: -2px;
    z-index: 1;
}
.navbar-menu .navbar-nav .nav-link:hover {
    color: var(--bs-vertical-menu-item-hover-color);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"]:after {
    display: block;
    content: "\f0142";
    font-family: "Material Design Icons";
    margin-left: auto;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition:
        transform 0.2s,
        -webkit-transform 0.2s;
    font-size: 1.05rem;
    position: absolute;
    right: 18px;
    color: inherit;
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] {
    color: var(--bs-vertical-menu-item-active-color);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: var(--bs-vertical-menu-item-active-color);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:before {
    opacity: 1;
    background-color: var(--bs-vertical-menu-item-active-color);
}
.navbar-menu .navbar-nav .nav-link.collapsed.active::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.navbar-menu .navbar-nav .nav-sm {
    padding-left: 1.75rem;
}
.navbar-menu .navbar-nav .nav-sm .nav-link {
    padding: 0.55rem 1.5rem !important;
    color: var(--bs-vertical-menu-sub-item-color);
    white-space: none;
    position: relative;
    font-size: 0.813rem;
    font-family: Poppins, sans-serif;
}
.navbar-menu .navbar-nav .nav-sm .nav-link:before {
    content: "";
    width: 6px;
    height: 1.5px;
    background-color: var(--bs-vertical-menu-sub-item-color);
    position: absolute;
    left: 2px;
    top: 16.5px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0.5;
}
.navbar-menu .navbar-nav .nav-sm .nav-link:hover {
    color: var(--bs-vertical-menu-sub-item-hover-color);
}
.navbar-menu .navbar-nav .nav-sm .nav-link:hover:before {
    background-color: var(--bs-vertical-menu-sub-item-hover-color) !important;
    opacity: 1;
}
.navbar-menu .navbar-nav .nav-sm .nav-link.active {
    color: var(--bs-vertical-menu-item-active-color);
}
.navbar-menu .navbar-nav .nav-sm .nav-link.active:before {
    background-color: var(--bs-vertical-menu-item-active-color);
}
.navbar-menu .navbar-nav .nav-sm .nav-sm {
    padding-left: 15px;
}
.navbar-menu .navbar-nav .nav-sm .nav-sm .nav-link:before {
    height: 5px;
    width: 5px;
    left: 5px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid;
    top: 16px;
}
.navbar-menu .btn-vertical-sm-hover {
    color: var(--bs-secondary-color);
    display: none;
}
.navbar-brand-box {
    padding: 0 1.3rem;
    text-align: center;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
@media (max-width: 767.98px) {
    .navbar-brand-box {
        display: none;
    }
}
.hamburger-icon {
    width: 20px;
    height: 14px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.hamburger-icon span {
    background-color: var(--bs-header-item-sub-color);
    position: absolute;
    border-radius: 2px;
    -webkit-transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);
    transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);
    width: 100%;
    height: 2px;
    display: block;
    left: 0;
}
.hamburger-icon span:nth-child(1) {
    top: 0;
    width: 80%;
}
.hamburger-icon span:nth-child(2) {
    top: 6px;
}
.hamburger-icon span:nth-child(3) {
    bottom: 0;
    width: 60%;
}
.vertical-menu-btn:hover .hamburger-icon:not(.open) span:nth-child(1) {
    top: -1px;
}
.vertical-menu-btn:hover .hamburger-icon:not(.open) span:nth-child(3) {
    bottom: -1px;
}
.hamburger-icon.open {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.hamburger-icon.open span:nth-child(1) {
    left: 1px;
    top: 5px;
    width: 20px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}
.hamburger-icon.open span:nth-child(2) {
    left: 3px;
    top: 13px;
    width: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}
.hamburger-icon.open span:nth-child(3) {
    left: 9px;
    top: 13px;
    width: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.logo {
    line-height: 70px;
}
.logo .logo-sm {
    display: none;
}
.logo-light {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"]) .app-menu .row {
    margin: 0;
}
:is([data-layout="vertical"], [data-layout="semibox"]) .app-menu .row > * {
    width: 100%;
    padding: 0;
}
@media (max-width: 767.98px) {
    :is([data-layout="vertical"], [data-layout="semibox"]) .app-menu {
        margin-left: -100%;
        padding: 10px 0 20px 0;
    }
}
:is([data-layout="vertical"], [data-layout="semibox"]) .navbar-menu .container-fluid {
    padding: 0;
}
@media (max-width: 767.98px) {
    :is([data-layout="vertical"], [data-layout="semibox"]) .navbar-brand-box {
        display: none;
    }
}
:is([data-layout="vertical"], [data-layout="semibox"]) .horizontal-logo {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .main-content {
    margin-left: var(--bs-vertical-menu-width-sm);
}
@media (max-width: 767.98px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .main-content {
        margin-left: 0;
    }
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .logo span.logo-lg {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .logo span.logo-sm {
    display: inline-block;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .btn-vertical-sm-hover {
    display: inline-block;
}
@media (min-width: 768px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .topnav-hamburger {
        display: none;
    }
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu {
    width: var(--bs-vertical-menu-width-sm);
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .btn-vertical-sm-hover {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .badge {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .menu-title {
    text-align: center;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .menu-title span {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .menu-title i {
    color: var(--bs-vertical-menu-item-color);
    display: block;
    line-height: 36px;
    font-size: 1rem;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link span {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link i {
    font-size: 22px;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link svg {
    margin-right: 0;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link:after,
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link:before {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .menu-dropdown {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover {
    width: var(--bs-vertical-menu-width) !important;
}
@media (min-width: 1024.99px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .btn-vertical-sm-hover {
        display: inline-block;
    }
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .navbar-brand-box {
        text-align: left;
    }
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .navbar-nav .menu-dropdown.show {
    display: block;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link i {
    font-size: 18px;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link svg {
    margin-right: 0.665rem;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link span,
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link:after,
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link:before {
    display: inline-block;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .logo span.logo-lg {
    display: inline-block;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .logo span.logo-sm {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .menu-title {
    text-align: left;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .menu-title span {
    display: inline-block;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .menu-title i {
    display: none;
}
@media (min-width: 1025px) {
    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .navbar-header {
        padding-left: 1.5rem;
    }
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover-active"] .navbar-brand-box {
    text-align: left;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover-active"] .topnav-hamburger {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover-active"] .btn-vertical-sm-hover {
    display: inline-block;
}
@media (min-width: 768px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .main-content {
        margin-left: var(--bs-vertical-menu-width-sm);
    }
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] #page-topbar {
    z-index: calc(1002 + 1);
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-brand-box {
    position: fixed;
    padding: 0;
    width: var(--bs-vertical-menu-width-sm);
    z-index: 1;
    top: 0;
    background-color: var(--bs-vertical-menu-bg);
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .logo span.logo-lg {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .logo span.logo-sm {
    display: inline-block;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu {
    position: absolute;
    width: var(--bs-vertical-menu-width-sm) !important;
    padding-top: 70px;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .simplebar-scrollbar,
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .vertical-menu-btn {
    display: none !important;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .badge {
    display: none !important;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .menu-title {
    text-align: center;
    font-size: 1rem;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .menu-title span {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .menu-title i {
    display: block;
    line-height: 36px;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link span {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link i {
    font-size: 22px;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link svg {
    margin-right: 0;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link:after,
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link:before {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .menu-dropdown {
    display: none;
    height: auto !important;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item {
    position: relative;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link {
    position: relative;
    width: calc(200px + var(--bs-vertical-menu-width-sm));
    -webkit-transition: none;
    transition: none;
    background: var(--bs-vertical-menu-bg);
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link span {
    display: inline-block;
    padding-left: 25px;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link:after {
    display: block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #fff;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover .nav-link span {
    display: inline-block;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > .menu-dropdown {
    display: block;
    left: var(--bs-vertical-menu-width-sm);
    position: absolute;
    width: 200px;
    background: var(--bs-vertical-menu-bg);
    height: auto !important;
    padding: 0.5rem 0;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-sm {
    padding: 0;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link {
    color: var(--bs-vertical-menu-item-hover-color);
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link:after {
    color: inherit;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-sm .nav-link:after {
    display: block !important;
    -webkit-transform: rotate(0) !important;
    transform: rotate(0) !important;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-sm .menu-dropdown {
    left: 100% !important;
    top: 0;
    border-radius: 3px !important;
}
@media (min-width: 768px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .main-content {
        margin-left: var(--bs-vertical-menu-width-md);
    }
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-brand-box {
    width: var(--bs-vertical-menu-width-md);
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu {
    width: var(--bs-vertical-menu-width-md) !important;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link {
    display: block;
    text-align: center;
    padding: 0.55rem 0.525rem;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link i {
    display: block;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link svg {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link:before {
    display: none !important;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"]:after {
    position: relative;
    display: inline-block;
    right: 0;
    top: 3px;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link.menu-link[data-bs-toggle="collapse"]:after {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .badge {
    display: none !important;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-sm {
    padding-left: 0;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .menu-title {
    text-align: center;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .menu-title span {
    text-decoration: underline;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .logo-dark {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .logo-light {
    display: inline-block;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="light"] .logo-dark {
    display: inline-block;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="light"] .logo-light {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] #layout-wrapper,
:is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] .main-content {
    min-height: 100vh;
}
@media (min-width: 1024.1px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] .main-content {
        position: relative;
    }
    :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] #layout-wrapper {
        max-width: 95%;
        margin: 0 auto;
        padding-left: 1.5rem;
    }
    :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] .navbar-header {
        padding-left: 1.5rem;
    }
    :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] .navbar-menu {
        top: calc(70px + 1.5rem);
        bottom: 1.5rem;
        padding: 0;
        border-right: var(--bs-vertical-menu-bg);
        border-radius: 5px;
        padding: 10px 0;
        z-index: 1;
    }
    :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] .navbar-menu .navbar-brand-box {
        display: none;
    }
    :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"]:is([data-sidebar="dark"], [data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .logo-dark {
        display: inline-block;
    }
    :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"]:is([data-sidebar="dark"], [data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .logo-light {
        display: none;
    }
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] .footer {
    border-top: 1px dashed var(--bs-border-color);
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] .auth-page-wrapper .footer {
    border-top: none;
}
@media (min-width: 768px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"][data-sidebar-size="sm"] #layout-wrapper,
    :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"][data-sidebar-size="sm"] .main-content {
        min-height: 1400px;
    }
}
:is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .logo-dark {
    display: none;
}
:is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .logo-light {
    display: inline-block;
}
@media (min-width: 1024.1px) {
    [data-layout="vertical"][data-bs-theme="dark"][data-layout-style="detached"]:is([data-sidebar="light"], [data-sidebar="dark"], [data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .logo-dark {
        display: none;
    }
    [data-layout="vertical"][data-bs-theme="dark"][data-layout-style="detached"]:is([data-sidebar="light"], [data-sidebar="dark"], [data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .logo-light {
        display: inline-block;
    }
}
.menu-title {
    letter-spacing: 0.05em;
    cursor: default;
    font-size: 11px;
    text-transform: uppercase;
    color: var(--bs-vertical-menu-title-color);
    font-weight: 600;
}
.menu-title span {
    padding: 12px 20px;
    display: inline-block;
}
.menu-title i {
    display: none;
}
.vertical-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(33, 37, 41, 0.35);
    z-index: 1003;
    display: none;
}
.vertical-sidebar-enable .vertical-overlay {
    display: block;
}
.vertical-sidebar-enable .app-menu {
    margin-left: 0 !important;
    z-index: 1004;
}
[dir="rtl"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"]:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
[dir="rtl"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.sidebar-background {
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 50%;
    opacity: 0.07;
}
[data-layout="semibox"] .page-title-box {
    padding: 10px 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: -15px 0 1.5rem 0;
}
@media (min-width: 768px) {
    [data-layout="semibox"][data-sidebar-size="sm-hover"] .main-content,
    [data-layout="semibox"][data-sidebar-size="sm"] .main-content {
        margin-left: var(--bs-vertical-menu-width-sm);
    }
    [data-layout="semibox"][data-sidebar-size="sm-hover"] #page-topbar,
    [data-layout="semibox"][data-sidebar-size="sm"] #page-topbar {
        left: var(--bs-vertical-menu-width-sm);
    }
    [data-layout="semibox"][data-sidebar-size="sm-hover"] .footer,
    [data-layout="semibox"][data-sidebar-size="sm"] .footer {
        left: var(--bs-vertical-menu-width-sm);
    }
    [data-layout="semibox"][data-sidebar-size="md"] #page-topbar {
        left: var(--bs-vertical-menu-width-md);
    }
    [data-layout="semibox"][data-sidebar-size="md"] .footer {
        left: var(--bs-vertical-menu-width-md);
    }
}
@media (min-width: 1440px) {
    [data-layout="semibox"] .page-content {
        padding: calc(70px + 1.5rem * 2) calc(1.5rem * 0.5) 60px calc(1.5rem * 0.5);
    }
    [data-layout="semibox"] .navbar-menu {
        margin: 25px;
        border-radius: var(--bs-border-radius);
    }
    [data-layout="semibox"] .main-content {
        margin-left: calc(var(--bs-vertical-menu-width) + 25px);
        padding: 0 var(--bs-semibox-width);
    }
    [data-layout="semibox"] .footer {
        left: calc(var(--bs-vertical-menu-width) + var(--bs-semibox-width) + 1.5rem + 25px);
        right: calc(var(--bs-semibox-width) + 1.5rem);
    }
    [data-layout="semibox"] #page-topbar {
        left: calc(var(--bs-vertical-menu-width) + var(--bs-semibox-width) + 1.5rem + 25px);
        right: calc(var(--bs-semibox-width) + 1.5rem);
        top: 25px;
        border-radius: 0.25rem;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        border: 1px solid var(--bs-header-border);
    }
    [data-layout="semibox"] #page-topbar.topbar-shadow {
        top: 0;
    }
    [data-layout="semibox"][data-sidebar-size="md"] .main-content {
        margin-left: calc(var(--bs-vertical-menu-width-md) + 25px);
    }
    [data-layout="semibox"][data-sidebar-size="md"] #page-topbar {
        left: calc(var(--bs-vertical-menu-width-md) + var(--bs-semibox-width) + 1.5rem + 25px);
    }
    [data-layout="semibox"][data-sidebar-size="md"] .footer {
        left: calc(var(--bs-vertical-menu-width-md) + var(--bs-semibox-width) + 1.5rem + 25px);
    }
    [data-layout="semibox"][data-sidebar-size="sm"] .main-content {
        margin-left: calc(var(--bs-vertical-menu-width-sm) + 25px);
    }
    [data-layout="semibox"][data-sidebar-size="sm"] .navbar-brand-box {
        top: 25px;
    }
    [data-layout="semibox"][data-sidebar-size="sm"] #page-topbar {
        left: calc(var(--bs-vertical-menu-width-sm) + var(--bs-semibox-width) + 1.5rem + 25px);
    }
    [data-layout="semibox"][data-sidebar-size="sm"] .footer {
        left: calc(var(--bs-vertical-menu-width-sm) + var(--bs-semibox-width) + 1.5rem + 25px);
    }
    [data-layout="semibox"][data-sidebar-size="sm-hover"] .main-content {
        margin-left: calc(var(--bs-vertical-menu-width-sm) + 25px);
    }
    [data-layout="semibox"][data-sidebar-size="sm-hover"] #page-topbar {
        left: calc(var(--bs-vertical-menu-width-sm) + var(--bs-semibox-width) + 1.5rem + 25px);
    }
    [data-layout="semibox"][data-sidebar-size="sm-hover"] .footer {
        left: calc(var(--bs-vertical-menu-width-sm) + var(--bs-semibox-width) + 1.5rem + 25px);
    }
}
[data-layout="horizontal"] .main-content {
    margin-left: 0;
}
@media (min-width: 1024.1px) {
    [data-layout="horizontal"] .container-fluid,
    [data-layout="horizontal"] .layout-width {
        max-width: 90%;
        margin: 0 auto;
    }
    [data-layout="horizontal"] .topnav-hamburger {
        visibility: hidden;
    }
}
[data-layout="horizontal"] .horizontal-logo {
    padding-left: calc(1.5rem * 0.5);
}
@media (max-width: 1024.98px) {
    [data-layout="horizontal"] .horizontal-logo {
        padding-left: 1.5rem;
    }
}
[data-layout="horizontal"] .navbar-menu {
    background: var(--bs-topnav-bg);
    border-right-color: transparent;
    padding: 0 calc(1.5rem * 0.5);
    -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    margin-top: 70px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    bottom: auto;
}
@media (max-width: 575.98px) {
    [data-layout="horizontal"] .navbar-menu .container-fluid {
        padding: 0;
    }
}
[data-layout="horizontal"] .navbar-menu .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-sm {
    padding-left: 0;
}
[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-sm .nav-link:before {
    opacity: 0 !important;
}
[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-sm .nav-link.active,
[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-sm .nav-link:hover {
    color: var(--bs-topnav-item-active-color);
}
[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link {
    color: var(--bs-topnav-item-color);
    padding: 0.75rem 1.5rem;
}
[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link i {
    line-height: 1;
}
[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link.active {
    color: var(--bs-topnav-item-active-color);
}
[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link.active:after {
    color: var(--bs-topnav-item-active-color);
}
[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] {
    color: var(--bs-topnav-item-active-color);
}
[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after {
    color: var(--bs-topnav-item-active-color);
}
[data-layout="horizontal"] .navbar-menu .navbar-nav > .nav-item > .nav-link[data-bs-toggle="collapse"]:after {
    right: 0;
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}
[data-layout="horizontal"] .navbar-menu .navbar-nav > li:nth-of-type(2) > .nav-link.menu-link {
    padding-left: 0;
}
[data-layout="horizontal"] .navbar-menu .navbar-brand-box {
    display: none;
}
[data-layout="horizontal"] .navbar-nav .nav-item {
    position: relative;
}
[data-layout="horizontal"] .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]:after {
    right: 10px;
    -webkit-transform: rotate(0) !important;
    transform: rotate(0) !important;
}
[data-layout="horizontal"] .navbar-nav .nav-item > .nav-link > .badge {
    display: none;
}
[data-layout="horizontal"] .navbar-nav .nav-item:hover > .nav-link {
    color: var(--bs-topnav-item-active-color);
}
[data-layout="horizontal"] .navbar-nav .nav-item:hover > .nav-link:after {
    color: var(--bs-topnav-item-active-color);
}
@media (min-width: 1024.1px) {
    [data-layout="horizontal"] .navbar-nav .nav-item:hover > .menu-dropdown {
        display: block;
        height: auto !important;
    }
}
[data-layout="horizontal"] .navbar-nav .nav-item.active {
    color: var(--bs-topnav-item-active-color);
}
[data-layout="horizontal"] .menu-dropdown {
    position: absolute;
    min-width: 12rem;
    padding: 0.5rem 0;
    -webkit-box-shadow: 0 0 5px rgba(15, 34, 58, 0.15);
    box-shadow: 0 0 5px rgba(15, 34, 58, 0.15);
    -webkit-animation-name: DropDownSlide;
    animation-name: DropDownSlide;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    margin: 0;
    z-index: 1000;
    background-color: var(--bs-topnav-bg);
    background-clip: padding-box;
    border: 0 solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-lg);
    display: none;
}
[data-layout="horizontal"] .menu-dropdown .menu-dropdown {
    top: 0;
    left: 100%;
}
[data-layout="horizontal"] .menu-title {
    display: none;
}
[data-layout="horizontal"] .dropdown-custom-right {
    left: -100% !important;
    right: 100%;
}
@media (max-width: 1024px) {
    [data-layout="horizontal"] .navbar-menu {
        display: none;
    }
}
@media (max-width: 1024px) {
    [data-layout="horizontal"] .menu .navbar-menu {
        display: block;
        max-height: 360px;
        overflow-y: auto;
        padding-left: 0;
    }
    [data-layout="horizontal"] .menu .navbar-menu .navbar-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    [data-layout="horizontal"] .menu .navbar-menu .navbar-nav > li:nth-of-type(2) > .nav-link.menu-link {
        padding-left: 1.5rem;
    }
    [data-layout="horizontal"] .menu .navbar-menu .navbar-nav .nav-sm .nav-link:before {
        opacity: 1 !important;
    }
    [data-layout="horizontal"] .menu .menu-dropdown {
        position: relative;
        min-width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-left: 28px;
        left: 0;
        -webkit-animation: none;
        animation: none;
        padding-top: 0;
    }
    [data-layout="horizontal"] .menu .menu-dropdown.show {
        display: block;
    }
    [data-layout="horizontal"] .menu .dropdown-custom-right {
        left: 0 !important;
    }
    [data-layout="horizontal"] .menu .nav-item .nav-link[data-bs-toggle="collapse"]:after {
        right: 0;
    }
}
[dir="rtl"][data-layout="horizontal"] .navbar-menu .navbar-nav > .nav-item > .nav-link[data-bs-toggle="collapse"]:after {
    -webkit-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important;
}
[dir="rtl"][data-layout="horizontal"] .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]:after {
    -webkit-transform: rotate(-180deg) !important;
    transform: rotate(-180deg) !important;
}
[data-layout="twocolumn"] .app-menu {
    padding-bottom: 0;
    width: 220px;
    left: 70px;
}
[data-layout="twocolumn"] .app-menu .menu-link {
    letter-spacing: 0.05em;
    cursor: default;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
}
[data-layout="twocolumn"] .app-menu .menu-link:after {
    display: none !important;
}
[data-layout="twocolumn"] .app-menu .menu-link i {
    display: none;
}
[data-layout="twocolumn"] .app-menu .navbar-nav {
    height: calc(100vh - 70px);
}
@media (max-width: 767.98px) {
    [data-layout="twocolumn"] .app-menu .navbar-nav {
        padding-top: 16px;
    }
}
[data-layout="twocolumn"] .app-menu .navbar-nav > li:not(.twocolumn-item-show) {
    display: none;
}
[data-layout="twocolumn"] .app-menu .navbar-nav .twocolumn-item-show > div {
    display: block !important;
    height: auto !important;
}
[data-layout="twocolumn"] .app-menu .navbar-nav > .nav-item > .menu-dropdown {
    display: block !important;
    height: auto !important;
}
[data-layout="twocolumn"] .app-menu .navbar-nav .nav-item .menu-dropdown .row {
    margin: 0;
}
[data-layout="twocolumn"] .app-menu .navbar-nav .nav-item .menu-dropdown .row .col-lg-4 {
    width: 100%;
    padding: 0;
}
[data-layout="twocolumn"] .app-menu .container-fluid {
    padding: 0;
}
[data-layout="twocolumn"] .main-content {
    margin-left: calc(220px + 70px);
}
@media (max-width: 767.98px) {
    [data-layout="twocolumn"] .main-content {
        margin-left: 70px;
    }
}
[data-layout="twocolumn"]:is([data-sidebar="dark"], [data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .app-menu .navbar-brand-box .logo-light {
    display: block;
}
[data-layout="twocolumn"]:is([data-sidebar="dark"], [data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .app-menu .navbar-brand-box .logo-dark {
    display: none;
}
[data-layout="twocolumn"] .twocolumn-iconview {
    width: 70px;
    background-color: var(--bs-twocolumn-menu-iconview-bg);
    height: 100%;
    left: -70px;
    -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    top: 0;
    position: absolute;
    padding: 0;
    text-align: center;
}
[data-layout="twocolumn"] .twocolumn-iconview li {
    position: relative;
}
[data-layout="twocolumn"] .twocolumn-iconview li .nav-icon::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
[data-layout="twocolumn"] .twocolumn-iconview .nav-icon {
    width: 42px;
    height: 42px;
    color: var(--bs-vertical-menu-item-color);
    line-height: 42px;
    z-index: 1;
    font-size: 22px;
    text-align: center;
    border-radius: 3px;
    margin: 5px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
[data-layout="twocolumn"] .twocolumn-iconview .nav-icon.active {
    background-color: var(--bs-vertical-menu-item-active-bg);
    color: var(--bs-vertical-menu-item-active-color);
}
[data-layout="twocolumn"] .menu-title {
    display: none;
}
@media (max-width: 991.98px) {
    [data-layout="twocolumn"] .logo span.logo-lg {
        display: block;
    }
    [data-layout="twocolumn"] .logo span.logo-sm {
        display: none;
    }
}
[data-layout="twocolumn"][data-sidebar="light"] .app-menu .navbar-brand-box .logo-light {
    display: none;
}
[data-layout="twocolumn"][data-sidebar="light"] .app-menu .navbar-brand-box .logo-dark {
    display: block;
}
[data-layout="twocolumn"][data-sidebar="dark"] .app-menu .navbar-brand-box .logo-light {
    display: block;
}
[data-layout="twocolumn"][data-sidebar="dark"] .app-menu .navbar-brand-box .logo-dark {
    display: none;
}
[data-layout="twocolumn"] .twocolumn-panel .app-menu {
    width: 0;
    border-right: 0;
}
@media (max-width: 575.98px) {
    [data-layout="twocolumn"] .twocolumn-panel .app-menu {
        display: none;
    }
}
[data-layout="twocolumn"] .twocolumn-panel .navbar-brand-box,
[data-layout="twocolumn"] .twocolumn-panel .navbar-nav {
    display: none;
}
[data-layout="twocolumn"] .twocolumn-panel .main-content {
    margin-left: 70px;
}
[data-layout="twocolumn"] .twocolumn-panel #page-topbar,
[data-layout="twocolumn"] .twocolumn-panel .footer {
    left: 70px;
}
@media (max-width: 575.98px) {
    [data-layout="twocolumn"] .twocolumn-panel .main-content {
        margin-left: 0;
    }
    [data-layout="twocolumn"] .twocolumn-panel #page-topbar,
    [data-layout="twocolumn"] .twocolumn-panel .footer {
        left: 0;
    }
}
@media (max-width: 767.98px) {
    [data-layout="twocolumn"] #page-topbar,
    [data-layout="twocolumn"] .footer {
        left: 70px;
    }
}
@media (max-width: 575.98px) {
    [data-layout="twocolumn"] .main-content {
        margin-left: 0;
    }
    [data-layout="twocolumn"] #page-topbar,
    [data-layout="twocolumn"] .footer {
        left: 0;
    }
}
@media (max-width: 767.98px) {
    [data-layout="twocolumn"] .app-menu {
        left: 0;
        margin-left: 100%;
    }
    [data-layout="twocolumn"] .main-content {
        margin-left: 0 !important;
    }
    [data-layout="twocolumn"] #page-topbar,
    [data-layout="twocolumn"] .footer {
        left: 0 !important;
    }
}
[data-layout-width="boxed"] body {
    background-color: var(--bs-boxed-body-bg);
}
[data-layout-width="boxed"] #layout-wrapper {
    max-width: var(--bs-boxed-layout-width);
    margin: 0 auto;
    -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    background-color: var(--bs-body-bg);
}
[data-layout-width="boxed"][data-layout="vertical"] #layout-wrapper {
    min-height: 100vh;
}
[data-layout-width="boxed"] #page-topbar,
[data-layout-width="boxed"] .footer {
    max-width: var(--bs-boxed-layout-width);
    margin: 0 auto;
    left: 0 !important;
}
@media (min-width: 768px) {
    [data-layout-width="boxed"][data-sidebar-size="sm-hover"][data-layout="vertical"] #layout-wrapper,
    [data-layout-width="boxed"][data-sidebar-size="sm"][data-layout="vertical"] #layout-wrapper {
        min-height: 1400px;
    }
}
@media (max-width: 767.98px) {
    [data-layout-width="boxed"][data-sidebar-size="sm-hover"][data-layout="vertical"] .main-content,
    [data-layout-width="boxed"][data-sidebar-size="sm"][data-layout="vertical"] .main-content {
        margin-left: 0;
    }
}
[data-layout-width="boxed"][data-sidebar-size="sm-hover"] #page-topbar,
[data-layout-width="boxed"][data-sidebar-size="sm-hover"] .footer,
[data-layout-width="boxed"][data-sidebar-size="sm"] #page-topbar,
[data-layout-width="boxed"][data-sidebar-size="sm"] .footer {
    left: 0 !important;
    max-width: calc(var(--bs-boxed-layout-width) - var(--bs-vertical-menu-width-sm));
}
@media (min-width: 768px) {
    [data-layout-width="boxed"][data-sidebar-size="sm-hover"] #page-topbar,
    [data-layout-width="boxed"][data-sidebar-size="sm-hover"] .footer,
    [data-layout-width="boxed"][data-sidebar-size="sm"] #page-topbar,
    [data-layout-width="boxed"][data-sidebar-size="sm"] .footer {
        left: var(--bs-vertical-menu-width-sm) !important;
    }
}
[data-layout-width="boxed"][data-sidebar-size="lg"] #page-topbar,
[data-layout-width="boxed"][data-sidebar-size="lg"] .footer,
[data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] #page-topbar,
[data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] .footer {
    max-width: calc(var(--bs-boxed-layout-width) - var(--bs-vertical-menu-width));
}
@media (min-width: 768px) {
    [data-layout-width="boxed"][data-sidebar-size="lg"] #page-topbar,
    [data-layout-width="boxed"][data-sidebar-size="lg"] .footer,
    [data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] #page-topbar,
    [data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] .footer {
        left: var(--bs-vertical-menu-width) !important;
    }
}
[data-layout-width="boxed"][data-sidebar-size="md"] #page-topbar,
[data-layout-width="boxed"][data-sidebar-size="md"] .footer {
    max-width: calc(var(--bs-boxed-layout-width) - var(--bs-vertical-menu-width-md));
}
@media (min-width: 768px) {
    [data-layout-width="boxed"][data-sidebar-size="md"] #page-topbar,
    [data-layout-width="boxed"][data-sidebar-size="md"] .footer {
        left: var(--bs-vertical-menu-width-md) !important;
    }
}
[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"] body {
    background-color: var(--bs-body-bg);
}
@media (min-width: 1024.1px) {
    [data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"] #layout-wrapper {
        max-width: 1300px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    [data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"] .layout-width {
        max-width: 1300px;
    }
}
[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="lg"] #page-topbar,
[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="lg"] .footer,
[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="md"] #page-topbar,
[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="md"] .footer,
[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="sm-hover"] #page-topbar,
[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="sm-hover"] .footer,
[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="sm"] #page-topbar,
[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="sm"] .footer {
    max-width: 100%;
    left: 0 !important;
}
[data-layout="horizontal"][data-layout-width="boxed"] #layout-wrapper,
[data-layout="horizontal"][data-layout-width="boxed"] #page-topbar,
[data-layout="horizontal"][data-layout-width="boxed"] .footer {
    max-width: 100%;
}
[data-layout="horizontal"][data-layout-width="boxed"] .container-fluid,
[data-layout="horizontal"][data-layout-width="boxed"] .navbar-header {
    max-width: var(--bs-boxed-layout-width);
}
[data-layout="horizontal"][data-layout-width="boxed"] .navbar-header {
    padding: 0 calc(1.5rem * 0.5) 0 0;
}
[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="lg"] #page-topbar,
[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="lg"] .footer,
[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm-hover"] #page-topbar,
[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm-hover"] .footer,
[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm"] [data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] #page-topbar,
[data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm"] [data-layout="horizontal"][data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] .footer {
    left: 0 !important;
}
@media (min-width: 992px) {
    [data-layout-position="scrollable"] #page-topbar,
    [data-layout-position="scrollable"] .navbar-menu {
        position: absolute;
    }
}
@media (min-width: 992px) {
    [data-layout-position="scrollable"][data-layout="horizontal"] #page-topbar {
        position: absolute;
    }
}
@media (min-width: 768px) {
    [data-layout="semibox"][data-sidebar-visibility="hidden"] .navbar-menu {
        display: none;
    }
    [data-layout="semibox"][data-sidebar-visibility="hidden"] .horizontal-logo {
        display: inline-block;
        width: auto;
    }
    [data-layout="semibox"][data-sidebar-visibility="hidden"] .footer {
        left: 0;
    }
    [data-layout="semibox"][data-sidebar-visibility="hidden"] #page-topbar {
        left: 0;
    }
    [data-layout="semibox"][data-sidebar-visibility="hidden"] .main-content {
        margin-left: 0;
    }
    [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .navbar-brand-box,
    [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .navbar-brand-box {
        position: static;
        padding: 0 1.3rem;
    }
    [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .logo span.logo-lg,
    [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .logo span.logo-lg {
        display: inline-block;
    }
    [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .logo span.logo-sm,
    [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .logo span.logo-sm {
        display: none;
    }
}
[data-layout="semibox"][data-sidebar-visibility="hidden"]:is([data-sidebar="dark"], [data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .logo-dark {
    display: none;
}
[data-layout="semibox"][data-sidebar-visibility="hidden"]:is([data-sidebar="dark"], [data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .logo-light {
    display: inline-block;
}
@media (min-width: 1440px) {
    [data-layout="semibox"][data-sidebar-visibility="hidden"] .navbar-menu {
        display: none;
    }
    [data-layout="semibox"][data-sidebar-visibility="hidden"] .horizontal-logo {
        display: inline-block;
        width: auto;
    }
    [data-layout="semibox"][data-sidebar-visibility="hidden"] .footer {
        left: calc(var(--bs-semibox-width) + 1.5rem);
    }
    [data-layout="semibox"][data-sidebar-visibility="hidden"] #page-topbar {
        left: calc(var(--bs-semibox-width) + 1.5rem);
    }
    [data-layout="semibox"][data-sidebar-visibility="hidden"] .main-content {
        margin-left: 0;
    }
    [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .navbar-brand-box,
    [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .navbar-brand-box {
        position: static;
        padding: 0 1.3rem;
    }
    [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .logo span.logo-lg,
    [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .logo span.logo-lg {
        display: inline-block;
    }
    [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .logo span.logo-sm,
    [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .logo span.logo-sm {
        display: none;
    }
}
.avatar-sm {
    height: 3rem;
    width: 3rem;
}
.avatar-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--bs-primary);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.ff-secondary {
    font-family: hkgrotesk, sans-serif;
}
.w-sm {
    min-width: 95px;
}
.icon-lg {
    height: 24px;
    width: 24px;
}
.bg-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    opacity: 0.7;
    background-color: #000;
}
code {
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all;
}
#back-to-top {
    position: fixed;
    /* it used to float 100px up, which put it on top of the last card */
    bottom: 11px;
    right: 28px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: none;
    z-index: 1000;
}
#back-to-top:hover {
    -webkit-animation: fade-up 1.5s infinite linear;
    animation: fade-up 1.5s infinite linear;
}
@-webkit-keyframes fade-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }
}
@keyframes fade-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--bs-secondary-bg);
    z-index: 9999;
}
[data-preloader="disable"] #preloader {
    opacity: 0;
    visibility: hidden;
}
#status {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
}
:is([type="tel"], [type="url"], [type="email"], [type="number"])::-webkit-input-placeholder {
    text-align: left;
}
:is([type="tel"], [type="url"], [type="email"], [type="number"])::-moz-placeholder {
    text-align: left;
}
:is([type="tel"], [type="url"], [type="email"], [type="number"]):-ms-input-placeholder {
    text-align: left;
}
:is([type="tel"], [type="url"], [type="email"], [type="number"])::-ms-input-placeholder {
    text-align: left;
}
:is([type="tel"], [type="url"], [type="email"], [type="number"])::placeholder {
    text-align: left;
}
[dir="rtl"] .modal-open {
    padding-left: 0 !important;
}
[data-bs-target="#collapseBgGradient"].active {
    border-color: var(--bs-primary) !important;
}
[data-bs-target="#collapseBgGradient"].active::before {
    content: "\eb80";
    font-family: remixicon;
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 16px;
    color: var(--bs-primary);
}
@media print {
    #back-to-top,
    .app-menu,
    .footer,
    .navbar-header,
    .page-title-box {
        display: none !important;
    }
    .card-body,
    .main-content,
    .page-content,
    body {
        padding: 0;
        margin: 0;
    }
    .card {
        border: 0;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .address.col-sm-6 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        width: 50% !important;
        max-width: 100% !important;
    }
}
.toast:not(:last-child) {
    margin-bottom: 0.75rem;
}
:root {
    --bs-card-logo-dark: block;
    --bs-card-logo-light: none;
    --bs-vertical-menu-width: 250px;
    --bs-vertical-menu-width-md: 180px;
    --bs-vertical-menu-width-sm: 70px;
    --bs-header-bg: #fff;
    --bs-header-border: #e9ebec;
    --bs-header-item-color: #495057;
    --bs-header-item-bg: rgba(53, 119, 241, 0.12);
    --bs-header-item-sub-color: #878a99;
    --bs-topbar-search-bg: #f3f3f9;
    --bs-topbar-search-color: #495057;
    --bs-topbar-user-bg: #f3f3f9;
    --bs-page-title-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    --bs-page-title-border: none;
    --bs-topnav-bg: #fff;
    --bs-topnav-item-color: #6d7080;
    --bs-topnav-item-active-color: var(--bs-primary);
    --bs-twocolumn-menu-iconview-bg: #fff;
    --bs-twocolumn-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    --bs-boxed-layout-width: 1300px;
    --bs-boxed-body-bg: #e5e5f2;
    --bs-semibox-width: 110px;
    --bs-footer-bg: #fff;
    --bs-footer-color: #98a6ad;
    --bs-input-bg-custom: #fff;
    --bs-input-border-custom: #ced4da;
}
:root[data-topbar="dark"] {
    --bs-header-bg: var(--bs-primary);
    --bs-header-item-color: rgba(255, 255, 255, 0.85);
    --bs-header-item-bg: #495c99;
    --bs-header-item-sub-color: #b0c4d9;
    --bs-topbar-user-bg: #52639c;
    --bs-topbar-search-bg: rgba(255, 255, 255, 0.05);
    --bs-topbar-search-color: #fff;
    --bs-header-border: var(--bs-primary);
}
:root {
    --bs-vertical-menu-bg: #fff;
    --bs-vertical-menu-border: #fff;
    --bs-vertical-menu-item-color: #6d7080;
    --bs-vertical-menu-item-bg: rgba(var(--bs-primary-rgb), 0.15);
    --bs-vertical-menu-item-hover-color: var(--bs-primary);
    --bs-vertical-menu-item-active-color: var(--bs-primary);
    --bs-vertical-menu-item-active-bg: rgba(var(--bs-primary-rgb), 0.15);
    --bs-vertical-menu-sub-item-color: #7c7f90;
    --bs-vertical-menu-sub-item-hover-color: var(--bs-primary);
    --bs-vertical-menu-sub-item-active-color: var(--bs-primary);
    --bs-vertical-menu-title-color: #919da9;
    --bs-vertical-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    --bs-vertical-menu-dropdown-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
}
:root[data-sidebar="dark"] {
    --bs-vertical-menu-bg: var(--ThemeColorSidebar);
    --bs-vertical-menu-border: var(--ThemeColorSidebar);
    --bs-vertical-menu-item-color: #abb9e8;
    --bs-vertical-menu-item-bg: rgba(255, 255, 255, 0.15);
    --bs-vertical-menu-item-hover-color: #fff;
    --bs-vertical-menu-item-active-color: #fff;
    --bs-vertical-menu-item-active-bg: rgba(255, 255, 255, 0.15);
    --bs-vertical-menu-sub-item-color: #abb9e8;
    --bs-vertical-menu-sub-item-hover-color: #fff;
    --bs-vertical-menu-sub-item-active-color: #fff;
    --bs-vertical-menu-title-color: #838fb9;
    --bs-twocolumn-menu-iconview-bg: #435590;
    --bs-vertical-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    --bs-vertical-menu-dropdown-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
}
:root:is([data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) {
    --bs-vertical-menu-item-color: rgba(255, 255, 255, 0.5);
    --bs-vertical-menu-item-bg: rgba(255, 255, 255, 0.15);
    --bs-vertical-menu-item-hover-color: #fff;
    --bs-vertical-menu-item-active-color: #fff;
    --bs-vertical-menu-item-active-bg: rgba(255, 255, 255, 0.15);
    --bs-vertical-menu-sub-item-color: rgba(255, 255, 255, 0.5);
    --bs-vertical-menu-sub-item-hover-color: #fff;
    --bs-vertical-menu-sub-item-active-color: #fff;
    --bs-vertical-menu-title-color: rgba(255, 255, 255, 0.5);
    --bs-vertical-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    --bs-vertical-menu-dropdown-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
}
:root[data-sidebar="gradient"] {
    --bs-vertical-menu-bg: linear-gradient(to right, var(--bs-primary), var(--bs-success));
    --bs-vertical-menu-border: var(--bs-success);
    --bs-twocolumn-menu-iconview-bg: var(--bs-primary);
}
:root[data-sidebar="gradient-2"] {
    --bs-vertical-menu-bg: linear-gradient(to right, var(--bs-info), var(--bs-secondary));
    --bs-vertical-menu-border: var(--bs-secondary);
    --bs-twocolumn-menu-iconview-bg: var(--bs-info);
}
:root[data-sidebar="gradient-3"] {
    --bs-vertical-menu-bg: linear-gradient(to right, var(--bs-info), var(--bs-success));
    --bs-vertical-menu-border: var(--bs-success);
    --bs-twocolumn-menu-iconview-bg: var(--bs-info);
}
:root[data-sidebar="gradient-4"] {
    --bs-vertical-menu-bg: linear-gradient(to right, #1a1d21, var(--bs-primary));
    --bs-vertical-menu-border: var(--bs-primary);
    --bs-twocolumn-menu-iconview-bg: #1a1d21;
}
[data-bs-theme="dark"] {
    --bs-light: #282b2e;
    --bs-light-rgb: 40, 43, 46;
    --bs-light-text-emphasis: #535659;
    --bs-light-bg-subtle: #25282c;
    --bs-light-border-subtle: #35383c;
    --bs-dark: #313437;
    --bs-dark-rgb: 49, 52, 55;
    --bs-dark-text-emphasis: #5f6164;
    --bs-dark-bg-subtle: #313437;
    --bs-dark-border-subtle: #3c3f42;
    --bs-card-logo-dark: none;
    --bs-card-logo-light: block;
    --bs-footer-bg: #212529;
    --bs-footer-color: #878a99;
    --bs-topnav-bg: #272b30;
    --bs-topnav-item-color: #878a99;
    --bs-topnav-item-active-color: #fff;
    --bs-page-title-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    --bs-page-title-border: none;
    --bs-twocolumn-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    --bs-boxed-body-bg: #111316;
    --bs-input-bg-custom: #262a2f;
    --bs-input-border-custom: #2a2f34;
}
[data-bs-theme="dark"] .btn-light {
    --bs-btn-color: #8d8e90;
    --bs-btn-active-color: #fff;
    --bs-btn-hover-color: #fff;
}
[data-bs-theme="dark"] .dropdown-menu {
    --bs-dropdown-bg: #292e33;
    --bs-dropdown-link-color: #adb5bd;
    --bs-dropdown-link-hover-color: #b9bfc4;
    --bs-dropdown-link-hover-bg: #2f343a;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-link-active-color: #adb5bd;
    --bs-dropdown-link-active-bg: #2f343a;
}
[data-bs-theme="dark"] {
    --bs-header-bg: #292e32;
    --bs-header-border: #292e32;
    --bs-header-item-color: #e9ecef;
    --bs-header-item-bg: #31363c;
    --bs-header-item-sub-color: #878a99;
    --bs-topbar-user-bg: #31373c;
    --bs-topbar-search-bg: #202328;
    --bs-topbar-search-color: #fff;
}
[data-bs-theme="dark"][data-topbar="dark"] {
    --bs-header-bg: var(--bs-primary);
    --bs-header-border: var(--bs-primary);
    --bs-header-item-color: rgba(255, 255, 255, 0.85);
    --bs-header-item-bg: #495c99;
    --bs-header-item-sub-color: #b0c4d9;
    --bs-topbar-user-bg: #52639c;
    --bs-topbar-search-bg: rgba(255, 255, 255, 0.05);
    --bs-topbar-search-color: #fff;
}
[data-bs-theme="dark"] {
    --bs-vertical-menu-bg: #fff;
    --bs-vertical-menu-border: #fff;
    --bs-vertical-menu-item-color: #6d7080;
    --bs-vertical-menu-item-bg: rgba(var(--bs-primary-rgb), 0.15);
    --bs-vertical-menu-item-hover-color: var(--bs-primary);
    --bs-vertical-menu-item-active-color: var(--bs-primary);
    --bs-vertical-menu-item-active-bg: rgba(var(--bs-primary-rgb), 0.15);
    --bs-vertical-menu-sub-item-color: #7c7f90;
    --bs-vertical-menu-sub-item-hover-color: var(--bs-primary);
    --bs-vertical-menu-sub-item-active-color: var(--bs-primary);
    --bs-vertical-menu-title-color: #919da9;
}
[data-bs-theme="dark"][data-sidebar="dark"] {
    --bs-vertical-menu-bg: #212529;
    --bs-vertical-menu-border: #212529;
    --bs-vertical-menu-item-color: #7c7f90;
    --bs-vertical-menu-item-bg: rgba(255, 255, 255, 0.15);
    --bs-vertical-menu-item-hover-color: #fff;
    --bs-vertical-menu-item-active-color: #fff;
    --bs-vertical-menu-item-active-bg: rgba(255, 255, 255, 0.15);
    --bs-vertical-menu-sub-item-color: #7c7f90;
    --bs-vertical-menu-sub-item-hover-color: #fff;
    --bs-vertical-menu-sub-item-active-color: #fff;
    --bs-vertical-menu-title-color: #5f6270;
    --bs-twocolumn-menu-iconview-bg: #292e32;
}
html {
    position: relative;
    min-height: 100%;
}
:is(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) {
    font-family: Poppins, sans-serif;
}
label {
    font-weight: 500;
    margin-bottom: 0.25rem;
}
b,
strong {
    font-weight: 600;
}
.row > * {
    position: relative;
}
.alert.alert-danger .btn-close::after {
    color: var(--bs-danger);
}
.badge {
    line-height: 0.95;
}
a,
button {
    outline: 0 !important;
}
.btn {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-icon {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(1rem + 1.5em + 2px);
    width: calc(1rem + 1.5em + 2px);
    padding: 0;
}
.btn-icon :is(i, svg, img) {
    vertical-align: middle;
}
.btn-icon.btn-sm {
    height: calc(0.5rem + 1.5em + 2px);
    width: calc(0.5rem + 1.5em + 2px);
}
.btn-icon.btn-lg {
    height: calc(1.4rem + 1.5em + 2px);
    width: calc(1.4rem + 1.5em + 2px);
}
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary-text-emphasis);
    --bs-btn-hover-border-color: var(--bs-primary-text-emphasis);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-bg: var(--bs-primary-text-emphasis);
    --bs-btn-active-border-color: var(--bs-primary-text-emphasis);
}
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
}
.btn-secondary {
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-secondary-text-emphasis);
    --bs-btn-hover-border-color: var(--bs-secondary-text-emphasis);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-bg: var(--bs-secondary-text-emphasis);
    --bs-btn-active-border-color: var(--bs-secondary-text-emphasis);
}
.btn-ghost-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-secondary-bg-subtle);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-secondary-bg-subtle);
    --bs-btn-active-border-color: transparent;
}
.btn-success {
    --bs-btn-bg: var(--bs-success);
    --bs-btn-border-color: var(--bs-success);
    --bs-btn-hover-bg: var(--bs-success-text-emphasis);
    --bs-btn-hover-border-color: var(--bs-success-text-emphasis);
    --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
    --bs-btn-active-bg: var(--bs-success-text-emphasis);
    --bs-btn-active-border-color: var(--bs-success-text-emphasis);
}
.btn-warning {
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-hover-bg: var(--bs-warning-text-emphasis);
    --bs-btn-hover-border-color: var(--bs-warning-text-emphasis);
    --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
    --bs-btn-active-bg: var(--bs-warning-text-emphasis);
    --bs-btn-active-border-color: var(--bs-warning-text-emphasis);
}
.btn-outline-warning {
    --bs-btn-color: var(--bs-warning);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-hover-bg: var(--bs-warning);
    --bs-btn-hover-border-color: var(--bs-warning);
    --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
    --bs-btn-active-bg: var(--bs-warning);
    --bs-btn-active-border-color: var(--bs-warning);
}
.btn-danger {
    --bs-btn-bg: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger);
    --bs-btn-hover-bg: var(--bs-danger-text-emphasis);
    --bs-btn-hover-border-color: var(--bs-danger-text-emphasis);
    --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
    --bs-btn-active-bg: var(--bs-danger-text-emphasis);
    --bs-btn-active-border-color: var(--bs-danger-text-emphasis);
}
.btn-light {
    --bs-btn-bg: var(--bs-light);
    --bs-btn-border-color: var(--bs-light);
    --bs-btn-hover-bg: var(--bs-light-text-emphasis);
    --bs-btn-hover-border-color: var(--bs-light-text-emphasis);
    --bs-btn-focus-shadow-rgb: var(--bs-light-rgb);
    --bs-btn-active-bg: var(--bs-light-text-emphasis);
    --bs-btn-active-border-color: var(--bs-light-text-emphasis);
}
.breadcrumb-item > a {
    color: var(--bs-body-color);
}
.breadcrumb-item + .breadcrumb-item::before {
    font-family: "Material Design Icons";
    font-size: 15px;
    line-height: 20px;
}
.card {
    margin-bottom: 1.5rem;
    -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
}
.card-header {
    border-bottom: 1px solid var(--bs-border-color);
}
.card-footer {
    border-top: 1px solid var(--bs-border-color);
}
.card-title {
    font-size: 16px;
    margin: 0 0 7px 0;
}
.card-animate {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.card-animate:hover {
    -webkit-transform: translateY(calc(-1.5rem / 5));
    transform: translateY(calc(-1.5rem / 5));
    -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
    box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
}
@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    font-size: 15px;
    line-height: 15px;
    content: "\f0140";
    font-family: "Material Design Icons";
}
.dropdown-menu {
    -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
    box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
    -webkit-animation-name: DropDownSlide;
    animation-name: DropDownSlide;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    z-index: 1000;
}
.dropdown-menu[data-popper-placement="top-start"] {
    -webkit-animation-name: DropDownSlideDown;
    animation-name: DropDownSlideDown;
}
@-webkit-keyframes DropDownSlide {
    100% {
        margin-top: -1px;
    }
    0% {
        margin-top: 8px;
    }
}
@keyframes DropDownSlide {
    100% {
        margin-top: -1px;
    }
    0% {
        margin-top: 8px;
    }
}
@-webkit-keyframes DropDownSlideDown {
    100% {
        margin-bottom: 0;
    }
    0% {
        margin-bottom: 8px;
    }
}
@keyframes DropDownSlideDown {
    100% {
        margin-bottom: 0;
    }
    0% {
        margin-bottom: 8px;
    }
}
@media (min-width: 600px) {
    .dropdown-menu-lg {
        width: 320px;
    }
}
[dir="ltr"] .dropdown-menu-end {
    --bs-position: start;
}
.table > thead {
    border-color: var(--bs-border-color);
}
.table > :not(:first-child) {
    border-top-width: var(--bs-border-width);
}
.table > :not(caption) > * > * {
    color: var(--bs-table-color-state), var(--bs-table-color-type, var(--bs-table-color));
}
.table .form-check {
    padding-left: 0;
    margin-bottom: 0;
}
.table .sort {
    position: relative;
}
.table .sort::before {
    content: "\f035d";
    position: absolute;
    right: 0.5rem;
    top: 18px;
    font-size: 0.8rem;
    font-family: "Material Design Icons";
}
.table .sort::after {
    position: absolute;
    right: 0.5rem;
    content: "\f0360";
    font-family: "Material Design Icons";
    font-size: 0.8rem;
    top: 12px;
}
.modal-title {
    font-weight: 600;
}
.modal.flip {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}
.modal.flip .modal-dialog {
    opacity: 0;
    -webkit-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.modal.flip.show .modal-dialog {
    opacity: 1;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}
.modal.zoomIn .modal-dialog {
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.modal.zoomIn.show .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@-webkit-keyframes animate-positive {
    0% {
        width: 0;
    }
}
@keyframes animate-positive {
    0% {
        width: 0;
    }
}
.popover {
    -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
    box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
}
.form-check {
    position: relative;
    text-align: left;
}
.form-check label {
    cursor: pointer;
}
.list-group-item {
    margin-bottom: 0;
}
.list-group-item.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}
[data-simplebar] {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
code[class*="language-"],
pre[class*="language-"] {
    color: #000;
    background: 0 0;
    text-shadow: 0 1px #fff;
    font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -ms-hyphens: none;
    hyphens: none;
}
code[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
pre[class*="language-"]::-moz-selection {
    text-shadow: none;
    background: #b3d4fc;
}
code[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
pre[class*="language-"]::-moz-selection {
    text-shadow: none;
    background: #b3d4fc;
}
code[class*="language-"] ::selection,
code[class*="language-"]::selection,
pre[class*="language-"] ::selection,
pre[class*="language-"]::selection {
    text-shadow: none;
    background: #b3d4fc;
}
@media print {
    code[class*="language-"],
    pre[class*="language-"] {
        text-shadow: none;
    }
}
pre[class*="language-"] {
    padding: 1em;
    margin: 0;
    overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
    background: var(--bs-light) !important;
}
:not(pre) > code[class*="language-"] {
    padding: 0.1em;
    border-radius: 0.3em;
    white-space: normal;
}
.token.comment,
.token.doctype {
    color: #708090;
}
.token.namespace {
    opacity: 0.7;
}
.token.boolean,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: #f06548;
}
.token.char,
.token.inserted,
.token.selector,
.token.string {
    color: #690;
}
.style .token.string,
.token.operator,
.token.url {
    color: #9a6e3a;
    background: hsla(0, 0%, 100%, 0.5);
}
.token.function {
    color: #dd4a68;
}
.token.important {
    color: #e90;
}
.token.bold,
.token.important {
    font-weight: 700;
}
.token.italic {
    font-style: italic;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
    background: #eff2f7;
}
code[class*="language-"],
pre[class*="language-"] {
    color: #878a99;
    text-shadow: none;
}
#scroll-top {
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 65px;
    right: 30px;
    background: #343a40;
    border-color: transparent;
    border-radius: 3px;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.swal2-input {
    border: 1px solid var(--bs-input-border-custom);
}
.swal2-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: var(--bs-primary-border-subtle);
}
.swal2-input {
    height: auto;
    display: block;
    padding: 0.5rem 0.9rem;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-input-bg-custom);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-input-border-custom);
}
#blue,
#green,
#red {
    margin: 10px;
    display: inline-block;
    height: 200px;
}
#colorpicker {
    height: 240px;
    width: 310px;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid var(--bs-border-color);
}
#result {
    margin: 60px 26px;
    height: 100px;
    width: 100px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid var(--bs-border-color);
    -webkit-box-shadow: 0 0 3px;
    box-shadow: 0 0 3px;
    border-radius: 7px;
}
.form-control.keyboard {
    max-width: 340px !important;
}
#slider-toggle {
    height: 50px;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    height: auto;
}
@-webkit-keyframes opaque {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes opaque {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes resizeanim {
    0%,
    to {
        opacity: 0;
    }
}
@keyframes resizeanim {
    0%,
    to {
        opacity: 0;
    }
}
#chart-quarter,
#chart-year {
    width: 96%;
    max-width: 48%;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
    padding-top: 20px;
    background: var(--bs-secondary-bg);
    border: 1px solid var(--bs-border-color);
}
#chart-year {
    float: left;
    position: relative;
    -webkit-transition: 1s ease transform;
    transition: 1s ease transform;
    z-index: 3;
}
#chart-quarter {
    float: left;
    position: relative;
    z-index: -2;
    -webkit-transition: 1s ease transform;
    transition: 1s ease transform;
}
#chart-quarter.active {
    -webkit-transition: 1.1s ease-in-out transform;
    transition: 1.1s ease-in-out transform;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 1;
}
@media screen and (min-width: 480px) {
    #chart-year {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
    #chart-quarter {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
#monochrome_polar_area svg {
    background: 0 0 !important;
}
:root {
    --fc-border-color: var(--bs-border-color);
    --fc-page-bg-color: var(--bs-secondary-bg);
    --fc-neutral-bg-color: var(--bs-light);
}
.fc td,
.fc th {
    border: var(--bs-border-width) solid var(--bs-border-color);
}
#upcoming-event-list .card:last-child {
    margin-bottom: 6px !important;
}
[data-inline-date="true"],
[data-time-inline] {
    display: none;
}
@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[datepicker-inline],
[timepicker-inline] {
    display: none;
}
[data-input-flag] {
    position: relative;
}
[data-option-flag-img-name]::before,
[data-option-flag-name]::before {
    content: "\f0140";
    font-family: "Material Design Icons";
    position: absolute;
    right: 0.9rem;
    top: 0.5rem;
    font-size: 16px;
}
.auth-page-wrapper .auth-page-content {
    padding-bottom: 60px;
    position: relative;
    z-index: 2;
    width: 100%;
}
.auth-page-wrapper .footer {
    left: 0;
    background-color: transparent;
    color: var(--bs-body-color);
}
.auth-one-bg {
    background-image: var(--AuthImage, url(../img/auth-one-bg.jpg));
    background-position: center;
    background-size: cover;
}
.auth-one-bg .bg-overlay {
    background: -webkit-gradient(linear, left top, right top, from(var(--bs-primary-text-emphasis)), to(var(--bs-primary)));
    background: linear-gradient(to right, var(--bs-primary-text-emphasis), var(--bs-primary));
    opacity: var(--AuthImageTint, 0.9);
}
.shape {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
.shape > svg {
    width: 100%;
    height: auto;
    fill: var(--bs-body-bg);
}
.auth-bg-cover {
    background: linear-gradient(-45deg, var(--bs-primary) 50%, #0ab39c);
}
.auth-bg-cover > .bg-overlay {
    background-image: url(../img/cover-pattern.png);
    background-position: center;
    background-size: cover;
    opacity: 1;
    background-color: transparent;
}
.auth-bg-cover .footer {
    color: rgba(255, 255, 255, 0.5);
}
#password-contain {
    display: none;
}
#password-contain p {
    padding-left: 13px;
}
#password-contain p.valid {
    color: #0ab39c;
}
#password-contain p.valid::before {
    position: relative;
    left: -8px;
    content: "✔";
}
@-webkit-keyframes errorAnimation {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes errorAnimation {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes mover {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-16px);
        transform: translateY(-16px);
    }
}
@keyframes mover {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-16px);
        transform: translateY(-16px);
    }
}
@-webkit-keyframes voice-wave {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes voice-wave {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
#selection-element {
    display: none;
}
#remove-actions {
    display: none;
}
#email-topbar-actions,
#unreadConversations {
    display: none;
}
#elmLoader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
.layout-wrapper.landing {
    background-color: var(--bs-secondary-bg);
    font-size: 15px;
}
.section {
    padding: 90px 0;
    position: relative;
}
@media (max-width: 767.98px) {
    .section {
        padding: 50px 0;
    }
}
.navbar-light .navbar-nav .nav-item .nav-link {
    color: rgba(var(--bs-white-rgb), 0.75);
}
#file-overview {
    display: none;
}
#task-error-msg {
    display: none;
}
.logo img,
a.d-block img {
    height: 100%;
    max-width: 130px;
    max-height: 130px;
}
.form-group {
    margin-bottom: 1rem;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
    background-color: transparent;
    border: 0;
}
.auth-page-content form > div,
.auth-page-content form .form-group {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}
.auth-page-content form > div:last-child {
    margin-bottom: 0 !important;
}
.auth-page-content form .g-recaptcha:empty {
    margin-bottom: 0 !important;
}
.auth-page-content form ~ div {
    margin-top: 14px !important;
}
.auth-page-content form ~ div p {
    margin-bottom: 0 !important;
}
.auth-page-content form ~ div p + p {
    margin-top: 12px !important;
}
@supports not selector(::-webkit-scrollbar) {
    html {
        scrollbar-width: thin;
        scrollbar-color: rgba(20, 30, 45, 0.28) rgba(20, 30, 45, 0.05);
    }
}
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
    background: rgba(20, 30, 45, 0.05);
}
::-webkit-scrollbar-thumb {
    background: rgba(20, 30, 45, 0.28);
    border: 2px solid transparent;
    background-clip: padding-box;
    border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(20, 30, 45, 0.42);
    border: 2px solid transparent;
    background-clip: padding-box;
}
::-webkit-scrollbar-thumb:active {
    background: rgba(20, 30, 45, 0.55);
    border: 2px solid transparent;
    background-clip: padding-box;
}
.auth-page-content a:not(.btn):not(.dropdown-item):not(.dropdown-toggle):not(:has(img)) {
    color: var(--AuthLink, var(--bs-primary)) !important;
    text-decoration: none !important;
}
.auth-page-content a:not(.btn):not(.dropdown-item):not(.dropdown-toggle):not(:has(img)):hover,
.auth-page-content a:not(.btn):not(.dropdown-item):not(.dropdown-toggle):not(:has(img)):focus-visible {
    text-decoration: underline !important;
}
img[src*="flags/"] {
    width: 26px;
    height: 18px;
    object-fit: cover;
    border-radius: 3px;
}
.dropdown-menu img[src*="flags/"],
a.language img[src*="flags/"] {
    width: 24px;
    height: 16px;
}
img[src*="payments/"] {
    max-width: 54px;
    max-height: 54px;
    object-fit: contain;
}
@media (max-width: 1024px) {
    img[src*="payments/"] {
        max-width: 44px;
        max-height: 44px;
    }
}
table tbody {
    counter-reset: tableRow;
}
table tbody tr {
    counter-increment: tableRow;
}
table tbody .counterCell::before {
    content: counter(tableRow);
}
.AuthControls {
    position: absolute;
    top: 20px;
    right: 15%;
    z-index: 100;
    /* the auth pages carry the same round language and dark-mode controls the dashboard topbar has */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.AuthControls .header-item {
    height: auto;
}
.ColCenter {
    float: none;
    margin: 0 auto;
}
.BtnHalfIndent {
    margin-left: 50%;
}
.InlineField {
    display: inline-block;
}
.RefLinkField {
    padding-top: 9px;
}
.BtnPushDown {
    margin-top: 40px;
}
.StarNavy {
    color: darkblue;
}
.StarAlert {
    color: red;
}
.LinkLarge {
    font-size: 25px;
}
.PayMarkSmall {
    height: 30px;
    font-size: 60px;
}
.PayMarkMedium {
    height: 35px;
    font-size: 60px;
}
.TextInk {
    color: black;
}
.ColPadTop {
    padding-top: 25px;
}
.TextAlert {
    color: red;
}
.SectionPadTop {
    padding-top: 7px;
}
.SwalForm {
    text-align: initial;
}
.TradeFrame {
    width: 100%;
    height: 100%;
}
.PanelIcon {
    font-size: 72px;
    line-height: 1;
}
html:has(.PaymentFrame),
body:has(.PaymentFrame) {
    margin: 0;
    padding: 0;
    height: 100%;
}
body:has(.PaymentFrame) {
    background-color: #fff0 !important;
}
html:has(.PaymentFrameFixed),
body:has(.PaymentFrameFixed) {
    overflow: hidden;
}
.PaymentFrame {
    min-width: 100%;
}
.PaymentFrame iframe {
    border-width: 0;
}
.Hidden {
    display: none;
}
.btn:not(.Hidden) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.FileInput .btn input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--bs-body-color);
}
:root {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-padding-x: 1rem;
}
:root {
    --bs-border-radius: 0.25rem;
}
.table {
    color: var(--bs-table-color);
}

.DlgOverlay {
    --Dlg-backdrop: rgba(0, 0, 0, 0.45);
    --Dlg-bg: #ffffff;
    --Dlg-fg: #212529;
    --Dlg-muted: #878a99;
    --Dlg-radius: 4px;
    --Dlg-width: 420px;
    --Dlg-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
    --Dlg-line: rgba(0, 0, 0, 0.12);
    --Dlg-success: #2eb85c;
    --Dlg-error: #e04343;
    --Dlg-warning: #f0ad4e;
    --Dlg-info: #3aa0dd;
    --Dlg-question: #9aa0a6;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    display: flex;
    padding: 24px;
    background: var(--Dlg-backdrop);
    opacity: 0;
    transition: opacity 0.15s ease;
}
.DlgOverlay.is-open {
    opacity: 1;
}
.DlgPos--center {
    align-items: center;
    justify-content: center;
}
.DlgPos--top {
    align-items: flex-start;
    justify-content: center;
}
.DlgPos--top-start {
    align-items: flex-start;
    justify-content: flex-start;
}
.DlgPos--top-end {
    align-items: flex-start;
    justify-content: flex-end;
}
.DlgPos--bottom {
    align-items: flex-end;
    justify-content: center;
}
.DlgPos--bottom-start {
    align-items: flex-end;
    justify-content: flex-start;
}
.DlgPos--bottom-end {
    align-items: flex-end;
    justify-content: flex-end;
}
.DlgBox {
    width: 100%;
    max-width: var(--Dlg-width);
    padding: 28px 24px 22px;
    background: var(--Dlg-bg);
    color: var(--Dlg-fg);
    border: solid var(--Dlg-line) 1px;
    border-radius: var(--Dlg-radius);
    box-shadow: var(--Dlg-shadow);
    text-align: center;
    transform: translateY(-10px) scale(0.97);
    transition: transform 0.16s ease;
}
.DlgOverlay.is-open .DlgBox {
    transform: none;
}
.DlgIcon {
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
}
.DlgIcon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.DlgIcon svg circle:first-child {
    opacity: 0.3;
}
.DlgIcon--success svg {
    stroke: var(--Dlg-success);
}
.DlgIcon--error svg {
    stroke: var(--Dlg-error);
}
.DlgIcon--warning svg {
    stroke: var(--Dlg-warning);
}
.DlgIcon--info svg {
    stroke: var(--Dlg-info);
}
.DlgIcon--question svg {
    stroke: var(--Dlg-question);
}
.DlgImage {
    display: block;
    max-width: 100%;
    margin: 0 auto 16px;
}
.DlgTitle {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    color: inherit;
}
.DlgText {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
    color: var(--Dlg-muted);
}
.DlgActions {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 22px;
}
.DlgBtn {
    min-width: 96px;
    cursor: pointer;
}
@media (max-width: 575.98px) {
    .DlgBox {
        padding: 22px 18px 18px;
    }
    .DlgTitle {
        font-size: 19px;
    }
    .DlgIcon {
        width: 60px;
        height: 60px;
    }
}

.navbar-brand-box {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}
.navbar-brand-box .logo-lg img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 56px;
    object-fit: contain;
}

.navbar-brand-box .logo-sm {
    max-width: 100%;
}
.navbar-brand-box .logo-sm img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 40px;
    object-fit: contain;
}

.navbar-brand-box,
.app-menu .logo,
.app-menu .navbar-nav .nav-item,
.app-menu .navbar-nav .nav-link,
.app-menu .navbar-nav .menu-link {
    -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.app-menu .navbar-nav .nav-link > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    text-align: center;
    margin-right: 10px;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .app-menu .navbar-nav .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .app-menu .navbar-nav .nav-link > i {
    margin-right: 0;
    width: auto;
}
/* The template gives the icon a 1.75rem min-width and leaves the glyph left-aligned inside it */
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link i {
    min-width: 0;
    width: auto;
    margin-right: 0;
    text-align: center;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav > .nav-item:hover > .nav-link {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav > .nav-item:hover > .nav-link > i {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 var(--bs-vertical-menu-width-sm);
    flex: 0 0 var(--bs-vertical-menu-width-sm);
    width: var(--bs-vertical-menu-width-sm);
    margin-right: 0;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav > .nav-item:hover > .nav-link span {
    padding-left: 0;
}

.table {
    border-collapse: separate;
    border-spacing: 0;
}
.table > tbody > tr {
    -webkit-transition: -webkit-transform 0.25s, -webkit-box-shadow 0.25s;
    transition: transform 0.25s, box-shadow 0.25s;
}
.table > tbody > tr:hover {
    position: relative;
    z-index: 1;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
    box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
}

/* Shared field-icon and password-reveal chrome, matching the other themes. */
.FieldIcon {
    position: absolute;
    top: 50%;
    left: 0;
    /* the icon owns the whole 42px gutter and centres its glyph in it */
    width: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0.55;
    font-size: 15px;
    z-index: 2;
}
.PwToggle {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    background: none;
    border: 0;
    padding: 4px 6px;
    line-height: 1;
    cursor: pointer;
    color: inherit;
    opacity: 0.55;
    z-index: 6;
}
.PwToggle:hover,
.PwToggle:focus-visible {
    opacity: 1;
    outline: none;
}
*:has(> .FieldIcon) > .form-control,
*:has(> .FieldIcon) > input {
    padding-left: 42px !important;
}
*:has(> .PwToggle) > .form-control,
*:has(> .PwToggle) > input {
    padding-right: 42px !important;
}

.LangMenu {
    --bs-dropdown-min-width: 12rem;
    max-height: 21rem;
    max-height: min(21rem, calc(100vh - 6rem));
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.375rem;
}
@media (min-width: 601px) {
    .LangMenu {
        max-width: calc(100vw - 2rem);
    }
}
.LangItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.625rem;
    border-radius: var(--bs-border-radius);
    font-weight: 500;
}
.LangItem + .LangItem {
    margin-top: 2px;
}
.LangFlag {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22px;
    height: 16px;
    object-fit: cover;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.LangName {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.LangCode {
    font-size: 11px;
    letter-spacing: 0.02em;
    color: var(--bs-secondary-color);
}
.LangItem.active,
.LangItem.active:hover,
.LangItem.active:focus {
    background-color: var(--bs-secondary-bg-subtle);
    color: var(--bs-primary);
}
.LangItem.active .LangCode {
    color: var(--bs-primary);
}

.form-select:focus,
textarea:focus {
    border-color: var(--bs-primary);
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.2);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.2);
}
.position-relative:focus-within > .FieldIcon {
    color: var(--bs-primary);
    opacity: 1;
}
.position-relative:focus-within > .form-control,
.position-relative:focus-within > select.form-control {
    border-color: var(--bs-primary);
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.2);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.2);
}

.TableDiv > .card {
    min-height: calc(40px + (5 * 48px) + 1rem);
}

.inputFileHidden {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.FormWidth {
    background-color: var(--bs-secondary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color-translucent);
    border-radius: var(--bs-border-radius);
    -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    text-align: left;
}
.Small {
    font-size: 1.05rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.Small2 {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}
.Padding80 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.Width190 {
    min-width: 190px;
}
.Width260 {
    min-width: 260px;
}
@media (max-width: 575.98px) {
    .MobileFull {
        width: 100%;
    }
}

.input-group > .form-control {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* The self-drawn calendar in this theme's script.js. */
.ThemeDatePicker {
    position: fixed;
    z-index: 1200;
    display: none;
    width: 268px;
    padding: 12px;
    background: var(--PickerSurface);
    border: 1px solid var(--PickerLine);
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
    color: var(--PickerText);
    font-size: 13px;
    line-height: 20px;
    user-select: none;
}
.ThemeDatePicker.open {
    display: block;
}
.ThemeDatePickerHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.ThemeDatePickerTitle {
    font-size: 14px;
    font-weight: 600;
}
.ThemeDatePickerStep {
    width: 28px;
    height: 28px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--PickerLine);
    border-radius: 8px;
    color: var(--PickerText);
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}
/* the month arrows are icons, not the < and > characters: those sit on the
   font's maths axis, which rides above the middle of the button */
.ThemeDatePickerStep i {
    font-size: 12px;
    line-height: 1;
}
.ThemeDatePickerStep:hover {
    background: var(--PickerHover);
}
.ThemeDatePickerDays,
.ThemeDatePickerGrid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}
.ThemeDatePickerDays span {
    padding: 4px 0;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    opacity: 0.55;
}
.ThemeDatePickerDay {
    height: 32px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: inherit;
    font-size: 13px;
    cursor: pointer;
}
.ThemeDatePickerDay:hover:not(:disabled) {
    background: var(--PickerHover);
}
.ThemeDatePickerDay.outside {
    opacity: 0.35;
}
.ThemeDatePickerDay.today:not(.chosen) {
    box-shadow: inset 0 0 0 1px var(--PickerLine);
}
.ThemeDatePickerDay.chosen {
    background: var(--PickerAccent);
    color: var(--PickerOnAccent);
    font-weight: 600;
}
.ThemeDatePickerDay:disabled {
    opacity: 0.25;
    cursor: default;
}
.ThemeDatePickerFoot {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--PickerLine);
}
.ThemeDatePickerFoot button {
    padding: 4px 10px;
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: var(--PickerAccent);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}
.ThemeDatePickerFoot button:hover {
    background: var(--PickerHover);
}
:root {
    --PickerSurface: var(--bs-secondary-bg);
    --PickerLine: var(--bs-border-color);
    --PickerText: var(--bs-body-color);
    --PickerHover: var(--bs-light);
    --PickerAccent: var(--bs-primary);
    --PickerOnAccent: #ffffff;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}
input[type="date"] {
    cursor: pointer;
}
input[type="date"].IsEmpty {
    color: var(--bs-secondary-color);
}

.FormWidth {
    padding: var(--bs-card-spacer-x);
}
.TableDiv > .card {
    padding: 0.25rem;
}
.TableDiv > .card .table {
    margin-bottom: 0;
}
.TableDiv > .card .table > :not(caption) > * > * {
    padding: 0.6rem 0.75rem;
}

/* The last field's margin-bottom stacked on top of the card's padding */
.card-body > :last-child,
.FormWidth > :last-child,
.card-body > form > :last-child,
.FormWidth > form > :last-child {
    /* the spacing utilities these wrappers carry (mb-3 and friends) are !important */
    margin-bottom: 0 !important;
}

.PageTitle::before,
.card-header .card-title::before {
    content: "#";
    margin-right: 0.35rem;
    color: var(--bs-primary-text-emphasis);
    font-weight: 600;
    opacity: 0.65;
}
[data-bs-theme="dark"] .PageTitle::before,
[data-bs-theme="dark"] .card-header .card-title::before {
    opacity: 0.95;
}

.ProviderList {
    max-width: 420px;
    margin: 0 auto;
    padding: 4px 0 14px;
}
.ProviderList .form-group {
    margin-bottom: 0;
    padding: 14px 0;
    text-align: center;
}
.ProviderList a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
    color: var(--bs-body-color);
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}
.ProviderList a:hover,
.ProviderList a:focus {
    color: var(--bs-primary);
}
.ProviderList img,
.ProviderList img[src*="payments/"] {
    max-width: none;
    max-height: 34px;
    width: auto;
}
.ProviderList a span {
    text-align: left;
}
.ProviderList img.ProviderIcon {
    max-height: 26px;
}
.ProviderList hr {
    margin: 0;
    border: 0;
    border-top: solid var(--bs-border-color) 1px;
    opacity: 1;
}
.ProviderList hr:last-child {
    display: none;
}
.ProviderList h3 {
    margin: 0;
    padding: 18px 0;
    color: var(--bs-secondary-color);
    font-size: 17px;
    text-align: center;
}
@media (max-width: 1024px) {
    .ProviderList .form-group {
        padding: 12px 0;
    }
    .ProviderList a {
        gap: 10px;
    }
    .ProviderList img,
    .ProviderList img[src*="payments/"] {
        max-height: 28px;
    }
}

/* Bootstrap gives .input-group > :not(:first-child) a -1px margin so borders collapse between */
.input-group > .FieldIcon,
.input-group > .PwToggle {
    /* Bootstrap's own rule is a long :not() chain, so plain specificity loses to it here */
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Every card body starts its content at the same place. */
.card-body > :first-child,
.card-body > form > :first-child,
.FormWidth > :first-child,
.FormWidth > form > :first-child {
    margin-top: 0 !important;
}

html:not([data-bs-theme="dark"]) .FieldError {
    background-color: #fdecec;
    border-color: #d93636;
    color: #a3201f;
    box-shadow: 0 8px 22px rgba(20, 30, 45, 0.16);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23d93636'%3E%3Cpath d='M8 1.5 15 14H1L8 1.5zm0 4.2a.8.8 0 0 0-.8.85l.2 3.1a.6.6 0 0 0 1.2 0l.2-3.1A.8.8 0 0 0 8 5.7zm0 5.2a.85.85 0 1 0 0 1.7.85.85 0 0 0 0-1.7z'/%3E%3C/svg%3E");
}
html:not([data-bs-theme="dark"]) .FieldError::before {
    background: #fdecec;
    border-color: #d93636;
}
html:not([data-bs-theme="dark"]) .FormServerError .FieldError {
    box-shadow: none;
}

select.form-control {
    --SelectArrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23212529' fill-opacity='0.55' d='M1.4 0 6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E");
    cursor: pointer;
    padding-right: 36px;
    background-image: var(--SelectArrow);
    background-repeat: no-repeat;
    background-position: right 14.4px center;
    background-size: 12px 8px;
}
[data-bs-theme="dark"] select.form-control {
    --SelectArrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ced4da' fill-opacity='0.6' d='M1.4 0 6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E");
}
select.form-control:disabled,
select.form-control[readonly] {
    --SelectArrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23212529' fill-opacity='0.3' d='M1.4 0 6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E");
    cursor: not-allowed;
}
[data-bs-theme="dark"] select.form-control:disabled,
[data-bs-theme="dark"] select.form-control[readonly] {
    --SelectArrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ced4da' fill-opacity='0.32' d='M1.4 0 6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E");
}

.TableDiv > .card .table > tbody > tr > * {
    height: 48px;
    vertical-align: middle;
}

.btn-outline-danger {
    --bs-btn-color: #f06548;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #f06548;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f06548;
    --bs-btn-hover-border-color: #f06548;
    --bs-btn-focus-shadow-rgb: 240, 101, 72;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f06548;
    --bs-btn-active-border-color: #f06548;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f06548;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f06548;
    --bs-gradient: none;
}

/* Deposits has seven columns and Withdraws eight */
@media (min-width: 1025px) {
    .HistoryTable {
        table-layout: fixed;
    }
    .HistoryTable th:nth-child(1),
    .HistoryTable td:nth-child(1) {
        width: 5%;
    }
    .HistoryTable th:nth-child(2),
    .HistoryTable td:nth-child(2) {
        width: 12%;
    }
    .HistoryTable th:nth-child(3),
    .HistoryTable td:nth-child(3) {
        width: 16%;
    }
    .HistoryTable th:nth-child(4),
    .HistoryTable td:nth-child(4) {
        width: 12%;
    }
    .HistoryTable th:nth-child(5),
    .HistoryTable td:nth-child(5) {
        width: 10.5%;
    }
    .HistoryTable th:nth-child(6),
    .HistoryTable td:nth-child(6) {
        width: 13.5%;
    }
    .HistoryTable th:nth-child(8),
    .HistoryTable td:nth-child(8) {
        width: 14%;
    }
    .HistoryTable th,
    .HistoryTable td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

[data-bs-theme="dark"] .ProviderList img.ProviderIcon {
    filter: brightness(0) invert(1);
    opacity: 0.85;
}

[data-bs-theme="dark"] .LangItem.active,
[data-bs-theme="dark"] .LangItem.active:hover,
[data-bs-theme="dark"] .LangItem.active:focus,
[data-bs-theme="dark"] .LangItem.active .LangCode {
    color: var(--PrimaryOnDark);
}

.formParent > .alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(1.5em + 1rem + 2px);
}
.formParent > .alert i {
    line-height: 1;
}

.TableDiv > .card .table .btn {
    min-width: 56px;
}

a.d-block img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 110px;
    object-fit: contain;
}

.table > tbody > tr:hover > * {
    background-color: var(--bs-tertiary-bg);
}

.AuthNotice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0;
}
.AuthNotice i {
    font-size: 18px;
    line-height: 1;
}

.auth-page-content .card > .row.g-0 {
    min-height: 450px;
}

.navbar-header .btn-topbar i,
.AuthControls .btn-topbar i,
.light-dark-mode i {
    font-size: 18px;
}
.navbar-header .btn-topbar img,
.AuthControls .btn-topbar img {
    width: 22px;
    height: 22px;
    object-fit: cover;
    border-radius: 50% !important;
}

/* ms-1 left the round topbar controls almost touching; give them room. */
.navbar-header .header-item + .header-item,
.AuthControls .header-item + .header-item {
    margin-left: 0.5rem !important;
}

.UserMenu {
    --bs-dropdown-min-width: 12rem;
    padding: 0.375rem;
}
.UserItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.625rem;
    border-radius: var(--bs-border-radius);
    font-weight: 500;
}
.UserItem + .UserItem {
    margin-top: 2px;
}
.UserIcon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22px;
    text-align: center;
    font-size: 15px;
    color: var(--bs-secondary-color);
}
.UserName {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.AuthControls .btn-topbar {
    --bs-btn-bg: rgba(255, 255, 255, 0.6);
    color: #212529;
}
.AuthControls .btn-topbar i {
    color: #212529;
}
.AuthControls .btn-topbar.active,
.AuthControls .btn-topbar.show,
.AuthControls .btn-topbar:active,
.AuthControls .btn-topbar:focus-visible,
.AuthControls .btn-topbar:hover {
    background-color: rgba(255, 255, 255, 0.95);
}

.MaterialCheckbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0.625rem;
}
.CheckMaterial {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    /* nudged down so the box sits on the first line's optical centre */
    margin: 1px 0 0 0;
    /* --bs-border-color is #e9ebec, which reads 1.08 against the page */
    --CheckEdge: rgba(33, 37, 41, 0.55);
    border: 1px solid var(--CheckEdge);
    border-radius: 4px;
    background-color: var(--bs-input-bg-custom);
    cursor: pointer;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.CheckMaterial:hover:not(:checked):not(:disabled) {
    --CheckEdge: rgba(33, 37, 41, 0.8);
}
[data-bs-theme="dark"] .CheckMaterial {
    --CheckEdge: rgba(255, 255, 255, 0.4);
}
[data-bs-theme="dark"] .CheckMaterial:hover:not(:checked):not(:disabled) {
    --CheckEdge: rgba(255, 255, 255, 0.7);
}
.CheckMaterial:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 5.2 4.3 8.5 11 1.8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11px 9px;
}
.CheckMaterial:focus-visible {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.2);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.2);
}
.CheckMaterial:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}
.CheckboxLabel {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.auth-page-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.auth-page-wrapper .auth-page-content {
    padding-bottom: 0;
}
.auth-page-wrapper .footer {
    position: static;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    margin-top: 2rem;
    width: 100%;
}

/* A checkbox message dropped below the row and covered the next one. */
.FieldErrorHost:has(input[type="checkbox"]) .FieldError {
    top: -3px;
    bottom: auto;
    left: auto;
    right: 0;
    -webkit-transform: none;
    transform: none;
}
.FieldErrorHost:has(input[type="checkbox"]) .FieldError::before {
    top: 15px;
    bottom: auto;
    left: -5px;
    right: auto;
    margin-top: -4px;
    border-left: 1px solid #e04343;
    border-bottom: 1px solid #e04343;
    border-top: 0;
    border-right: 0;
}

[data-bs-theme="dark"] .auth-bg-cover {
    background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, #1e2540), to(#06463e));
    background: linear-gradient(-45deg, #1e2540 50%, #06463e);
}
[data-bs-theme="dark"] .auth-one-bg .bg-overlay {
    background: -webkit-gradient(linear, left top, right top, from(#181d33), to(#1e2540));
    background: linear-gradient(to right, #181d33, #1e2540);
}

[data-bs-theme="dark"] {
    --PrimaryOnDark: var(--ThemeColorBright);
}
[data-bs-theme="dark"] .text-primary {
    color: var(--PrimaryOnDark) !important;
}

[data-bs-theme="dark"] {
    --AuthLink: var(--PrimaryOnDark);
}

[data-bs-theme="dark"] .AuthControls .btn-topbar {
    --bs-btn-bg: rgba(255, 255, 255, 0.12);
    color: #ced4da;
}
[data-bs-theme="dark"] .AuthControls .btn-topbar i {
    color: #ced4da;
}
[data-bs-theme="dark"] .AuthControls .btn-topbar.active,
[data-bs-theme="dark"] .AuthControls .btn-topbar.show,
[data-bs-theme="dark"] .AuthControls .btn-topbar:active,
[data-bs-theme="dark"] .AuthControls .btn-topbar:focus-visible,
[data-bs-theme="dark"] .AuthControls .btn-topbar:hover {
    background-color: rgba(255, 255, 255, 0.22);
}

.auth-page-wrapper .footer {
    margin-top: 0.5rem;
    padding-top: 8px;
    padding-bottom: 8px;
}
.auth-page-wrapper.py-5 {
    padding-bottom: 1.5rem !important;
}

/* Tablet and phone: the controls were pinned over the page, so a tall card slid underneath them. */
@media (max-width: 991.98px) {
    .AuthControls {
        right: 1rem;
        top: 1rem;
    }
    .auth-page-wrapper .auth-page-content {
        padding-top: 74px;
    }
    .auth-page-wrapper .footer .text-start {
        text-align: center !important;
    }
}

.vertical-overlay {
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
}
:is([data-layout="vertical"], [data-layout="semibox"]) #page-topbar,
:is([data-layout="vertical"], [data-layout="semibox"]) .page-content,
:is([data-layout="vertical"], [data-layout="semibox"]) .main-content > .footer {
    -webkit-transition: -webkit-filter 0.2s ease;
    transition: filter 0.2s ease;
}
.vertical-sidebar-enable #page-topbar,
.vertical-sidebar-enable .page-content,
.vertical-sidebar-enable .main-content > .footer {
    -webkit-filter: blur(4px);
    filter: blur(4px);
}

/* Below the desktop breakpoint a seven or eight column table either scrolls sideways or squeezes */
@media (max-width: 1024px) {
    .TableDiv .table-responsive {
        overflow-x: visible;
    }
    .TableDiv .table thead {
        display: none;
    }
    .TableDiv .table,
    .TableDiv .table tbody,
    .TableDiv .table tbody tr,
    .TableDiv .table tbody tr > td,
    .TableDiv .table tbody tr > th {
        display: block;
        width: 100%;
    }
    .TableDiv .table tbody tr {
        margin-bottom: 10px;
        padding: 4px 12px;
        border: 1px solid var(--bs-border-color);
        border-radius: 10px;
        background-color: var(--bs-secondary-bg);
    }
    .TableDiv .table tbody tr:last-child {
        margin-bottom: 0;
    }
    .TableDiv > .card .table > tbody > tr > * {
        font-size: 16px;
    }
    .TableDiv .table tbody tr > td::before,
    .TableDiv .table tbody tr > th::before {
        font-size: 14px;
    }
    .TableDiv > .card .table .btn {
        font-size: 13px;
    }
    .TableDiv > .card .table > tbody > tr > * {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 14px;
        height: auto;
        min-height: 38px;
        padding: 5px 0;
        border: 0;
        text-align: right;
    }
    .TableDiv .table tbody tr > td + td,
    .TableDiv .table tbody tr > th + td {
        border-top: 1px solid var(--bs-border-color);
    }
    .TableDiv .table tbody tr > td::before,
    .TableDiv .table tbody tr > th::before {
        content: attr(data-label);
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        color: var(--bs-secondary-color);
        font-weight: 500;
        text-align: left;
    }
    .TableDiv .table tbody tr > [data-label="#"] {
        display: none;
    }
    .TableDiv .table > tbody > tr:hover {
        background-color: var(--bs-tertiary-bg);
    }
    .TableDiv .table > tbody > tr:hover > * {
        background-color: transparent;
    }
    .TableDiv > .card {
        min-height: 0;
    }
    /* narrow screens need the width more than the gutter; the grid still leaves 12px */
    .ContentInside.px-4 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* the row cards are the cards now, so the wrapper round them is just an inset border eating width */
    .TableDiv > .card {
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }
    .page-content {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Narrow screens: the dashboard footer's two columns stack */
@media (max-width: 991.98px) {
    /* col-sm-6 still sits side by side here - sm is 576px */
    .footer .container-fluid .row > [class*="col-"] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center !important;
    }
    .footer .container-fluid .row > [class*="col-"]:last-child {
        display: none;
    }
}

@media (max-width: 991.98px) {
    #back-to-top {
        right: 16px;
    }
}

@media (max-width: 1024.98px) {
    .hamburger-icon.open {
        -webkit-transform: none;
        transform: none;
    }
    .hamburger-icon.open span:nth-child(1),
    .hamburger-icon.open span:nth-child(2),
    .hamburger-icon.open span:nth-child(3) {
        left: 0;
        -webkit-transform: none;
        transform: none;
    }
    .hamburger-icon.open span:nth-child(1) {
        top: 0;
        bottom: auto;
        width: 80%;
    }
    .hamburger-icon.open span:nth-child(2) {
        top: 6px;
        bottom: auto;
        width: 100%;
    }
    .hamburger-icon.open span:nth-child(3) {
        top: auto;
        bottom: 0;
        width: 60%;
    }
    :is([data-layout="vertical"], [data-layout="semibox"]) .navbar-brand-box {
        display: block;
    }
}

[data-bs-theme="dark"] .btn-outline-primary {
    --bs-btn-color: var(--PrimaryOnDark);
    --bs-btn-border-color: var(--PrimaryOnDark);
}

/* Tablet is handled like a phone: the sidebar is fully off-canvas rather than a 70px rail */
@media (min-width: 768px) and (max-width: 1024.98px) {
    :is([data-layout="vertical"], [data-layout="semibox"]) .app-menu {
        margin-left: -100%;
        padding: 10px 0 20px 0;
    }
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .main-content,
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .main-content,
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="lg"] .main-content,
    :is([data-layout="vertical"], [data-layout="semibox"]) .main-content {
        margin-left: 0;
    }
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-brand-box,
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="lg"] .navbar-brand-box {
        position: static;
        width: auto;
    }
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu {
        position: fixed;
        width: var(--bs-vertical-menu-width) !important;
        padding-top: 0;
    }
    /* the topbar and footer are offset by the menu width from 768px up */
    #page-topbar,
    :is([data-layout="vertical"], [data-layout="semibox"]) #page-topbar,
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] #page-topbar,
    .footer,
    [data-layout="vertical"]:is([data-sidebar-size="sm"], [data-sidebar-size="sm-hover"]) .footer {
        left: 0;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .TableDiv > .card .table > :not(caption) > * > * {
        font-size: 15px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 575.98px) {
    .DlgBox {
        padding: 22px 18px 18px;
    }
    .DlgTitle {
        font-size: 19px;
    }
    .DlgIcon {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 1024.98px) {
    :root {
        --bs-body-font-size: 0.875rem;
    }
    .form-control,
    .form-select,
    select,
    textarea,
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="date"],
    input[type="search"] {
        font-size: 16px;
    }
    label:not(.CheckboxLabel) {
        font-size: 14px;
    }
}

/* On the account pages the branding panel is a full-width band once the two columns stack */
@media (max-width: 1024.98px) {
    .auth-one-bg a:has(> .LogoImage) {
        text-align: center;
    }
}

.BalanceLine {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.BalancePick {
    position: relative;
    display: inline-flex;
}
.BalancePickBtn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 26px;
    padding: 0 10px;
    background: rgba(128, 134, 152, 0.16);
    border: 0;
    border-radius: 999px;
    color: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.02em;
    cursor: pointer;
    opacity: 0.75;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}
.BalancePickBtn:hover,
.BalancePickBtn:focus-visible,
.show > .BalancePickBtn {
    background: rgba(128, 134, 152, 0.26);
    opacity: 1;
    outline: none;
}
.BalancePickBtn i {
    font-size: 9px;
    opacity: 0.8;
}
.BalanceMenu {
    --bs-dropdown-min-width: 9rem;
    padding: 0.375rem;
    border: solid var(--bs-border-color) 1px;
    box-shadow: 0 5px 20px rgba(30, 32, 37, 0.22);
}
.BalanceItem + .BalanceItem,
.BalanceMenu .UserItem + .UserItem {
    margin-top: 2px;
}
/* .card-animate keeps a transform on the card for its hover lift */
.card.BalanceOpen,
.card:has(.BalanceMenu.show) {
    z-index: 5;
}
.BalanceSymbol {
    margin-left: auto;
    padding-left: 0.75rem;
    color: var(--bs-secondary-color);
    font-weight: 600;
}
.BalanceOption.active .BalanceSymbol {
    color: inherit;
}

/* A table card holds three rows whether or not it has three to show */
.table-responsive:has(> .table) {
    min-height: 185px;
}
.table-responsive:has(~ .Nohistoryyet) {
    min-height: 0;
}
.Nohistoryyet {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 144px;
    padding: 0 !important;
    color: var(--bs-body-color) !important;
}

.DlgOverlay {
    --Dlg-bg: var(--bs-secondary-bg);
    --Dlg-fg: var(--bs-body-color);
    --Dlg-muted: var(--bs-body-color);
    --Dlg-radius: var(--bs-border-radius);
    --Dlg-backdrop: rgba(10, 12, 15, 0.5);
    --Dlg-shadow: 0 20px 48px rgba(30, 32, 37, 0.25);
}
.DlgText {
    opacity: 0.72;
}
@media (max-width: 767.98px) {
    .DlgOverlay {
        padding: 16px;
    }
    .DlgBox {
        max-width: 100%;
    }
    .DlgActions {
        flex-direction: column-reverse;
        gap: 8px;
        margin-top: 18px;
    }
    .DlgBtn {
        width: 100%;
    }
}

.DlgOverlay {
    --Dlg-line: var(--bs-border-color);
}

/* The account panel sizes its logo from the height attribute alone, so a wide
   brand logo would stretch across the panel - and across the wider one on
   Register. The cap is the width the logo has in the design. */
.auth-page-wrapper .LogoImage {
    max-width: min(100%, 220px);
    object-fit: contain;
}


/* The palette of the theme. Everything branded reads these, and nothing else
   carries a brand colour of its own, so style-custom.css can repaint the whole
   theme from this one block. The values below are the stock Velzon navy. */
:root {
    --ThemeColor: #405189;
    --ThemeColorRgb: 64, 81, 137;
    --ThemeColorHover: #364574;
    --ThemeColorOnDark: #6674a1;
    --ThemeColorBright: #a3b3e6;
    --ThemeColorSidebar: #405189;
    --ThemeColorSidebarText: var(--ThemeColorBright);
    --ThemeColorSidebarDim: #838fb9;
}
:root,
[data-bs-theme="light"] {
    --bs-primary: var(--ThemeColor);
    --bs-primary-rgb: var(--ThemeColorRgb);
    --bs-primary-text-emphasis: var(--ThemeColorHover);
}
[data-bs-theme="dark"] {
    --bs-primary-text-emphasis: var(--ThemeColorOnDark);
}
:root[data-sidebar="dark"] {
    --bs-vertical-menu-item-color: var(--ThemeColorSidebarText);
    --bs-vertical-menu-title-color: var(--ThemeColorSidebarDim);
}


/* The message belongs above the field: below it, it covers the consent rows
   that follow. Same placement as the other themes. */
.ContentInside .FieldErrorHost .FieldError {
    top: -10px;
    bottom: auto;
    right: 0;
    z-index: 40;
}
.ContentInside .FieldErrorHost .FieldError::before {
    top: auto;
    bottom: -5px;
    border-left: 0;
    border-top: 0;
    border-right: 1px solid #e04343;
    border-bottom: 1px solid #e04343;
}
.ContentInside .FieldErrorHost:has(input[type="checkbox"]) .FieldError {
    top: -3px;
}
.ContentInside .FieldErrorHost:has(input[type="checkbox"]) .FieldError::before {
    top: 15px;
    bottom: auto;
    left: -5px;
    right: auto;
    margin-top: -4px;
    border-left: 1px solid #e04343;
    border-bottom: 1px solid #e04343;
    border-top: 0;
    border-right: 0;
}