/* -------------------------------
   Public Components
------------------------------- */

:root {
    --app-theme: #00acac;
    --app-theme-rgb: 0, 172, 172;
    --app-theme-color: #ffffff;
    --app-theme-color-rgb: 255, 255, 255;
    --app-border-color: #ced4da;
    --app-border-color-rgb: 206, 212, 218;
    --app-header-bg: #ffffff;
    --app-header-bg-rgb: 255, 255, 255;
    --app-header-color: #20252a;
    --app-header-color-rgb: 32, 37, 42;
    --app-header-input-bg: #f2f3f4;
    --app-header-input-border: #f2f3f4;
    --app-header-mobile-divider-bg: #edf0f2;
    --app-header-divider-bg: #dee2e6;
    --app-component-bg: #ffffff;
    --app-component-bg-rgb: 255, 255, 255;
    --app-component-dropdown-bg: #ffffff;
    --app-component-dropdown-bg-rgb: 255, 255, 255;
    --app-component-dropdown-hover-bg: #eff1f3;
    --app-component-dropdown-hover-bg-rgb: 239, 241, 243;
    --app-component-dropdown-border-color: #ced4da;
    --app-component-dropdown-border-color-rgb: 206, 212, 218;
    --app-component-modal-bg: #ffffff;
    --app-component-modal-bg-rgb: 255, 255, 255;
    --app-component-modal-border-color: #ced4da;
    --app-component-modal-border-color-rgb: 206, 212, 218;
    --app-component-secondary-bg: #ced4da;
    --app-component-color: #20252a;
    --app-component-color-rgb: 32, 37, 42;
    --app-component-border-color: #ced4da;
    --app-component-border-color-rgb: 206, 212, 218;
    --app-component-active-bg: #348fe2;
    --app-component-active-bg-rgb: 52, 143, 226;
    --app-component-active-color: #ffffff;
    --app-component-active-color-rgb: 255, 255, 255;
    --app-component-hover-bg: #eff1f3;
    --app-component-hover-color: #20252a;
    --app-component-hover-border-color: #ced4da;
    --app-component-focus-border-color: #67abe9;
    --app-component-disabled-bg: #e9ecef;
    --app-component-disabled-color: #adb5bd;
    --app-component-disabled-border-color: #ced4da;
    --app-component-table-border-color: #ced4da;
    --app-component-table-separator-color: currentColor;
	--bs-default: #e9ecef;
    --bs-primary: #348fe2;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #49b6d6;
    --bs-warning: #f59c1a;
    --bs-danger: #ff5b57;
    --bs-light: #f3f3f3;
    --bs-dark: #2d353c;
    --bs-inverse: #2d353c;
    --bs-blue: #348fe2;
    --bs-indigo: #8753de;
    --bs-purple: #727cb6;
    --bs-pink: #fb5597;
    --bs-red: #ff5b57;
    --bs-orange: #f59c1a;
    --bs-yellow: #ffd900;
    --bs-green: #32a932;
    --bs-teal: #00acac;
    --bs-lime: #90ca4b;
    --bs-cyan: #49b6d6;
    --bs-white: #ffffff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #2d353c;
    --bs-muted: #adb5bd;
    --bs-black: #000000;
    --bs-silver: #b6c2c9;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #2d353c;
    --bs-gray-900: #20252a;
    --bs-default-rgb: 233, 236, 239;
    --bs-primary-rgb: 52, 143, 226;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 0, 172, 172;
    --bs-info-rgb: 73, 182, 214;
    --bs-warning-rgb: 245, 156, 26;
    --bs-danger-rgb: 255, 91, 87;
    --bs-light-rgb: 243, 243, 243;
    --bs-dark-rgb: 45, 53, 60;
    --bs-inverse-rgb: 45, 53, 60;
    --bs-blue-rgb: 52, 143, 226;
    --bs-indigo-rgb: 135, 83, 222;
    --bs-purple-rgb: 114, 124, 182;
    --bs-pink-rgb: 251, 85, 151;
    --bs-red-rgb: 255, 91, 87;
    --bs-orange-rgb: 245, 156, 26;
    --bs-yellow-rgb: 255, 217, 0;
    --bs-green-rgb: 50, 169, 50;
    --bs-teal-rgb: 0, 172, 172;
    --bs-lime-rgb: 144, 202, 75;
    --bs-cyan-rgb: 73, 182, 214;
    --bs-white-rgb: 255, 255, 255;
    --bs-gray-rgb: 108, 117, 125;
    --bs-gray-dark-rgb: 45, 53, 60;
    --bs-muted-rgb: 173, 181, 189;
    --bs-black-rgb: 0, 0, 0;
    --bs-silver-rgb: 182, 194, 201;
    --bs-gray-100-rgb: 248, 249, 250;
    --bs-gray-200-rgb: 237, 237, 237;
    --bs-gray-300-rgb: 230, 230, 230;
    --bs-gray-400-rgb: 219, 219, 219;
    --bs-gray-500-rgb: 191, 191, 191;
    --bs-gray-600-rgb: 128, 128, 128;
    --bs-gray-700-rgb: 84, 84, 84;
    --bs-gray-800-rgb: 58, 58, 58;
    --bs-gray-900-rgb: 40, 40, 40;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 45, 53, 60;
    --bs-body-bg-rgb: 222, 226, 230;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --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: Open Sans, sans-serif;
    --bs-body-font-size: 0.75rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #2d353c;
    --bs-body-bg: #dee2e6;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #ced4da;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 4px;
    --bs-border-radius-sm: 3px;
    --bs-border-radius-lg: 6px;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #348fe2;
    --bs-link-hover-color: #2a72b5;
    --bs-code-color: #f90a69;
    --bs-highlight-bg: #fff7cc;
}
a {
	text-decoration: none;
}
.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.4375rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #2d353c;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 4px;
    --bs-btn-box-shadow: none;
    --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;
    text-decoration: none;
    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);
    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;
}
@media (prefers-reduced-motion: reduce) {
    .btn {
        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-check:focus + .btn,
.btn:focus {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:active + .btn,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}
.btn-check:active + .btn:focus,
.btn-check:checked + .btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus {
    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-default {
    --bs-btn-color: #20252a;
    --bs-btn-bg: #e9ecef;
    --bs-btn-border-color: #e9ecef;
    --bs-btn-hover-color: #20252a;
    --bs-btn-hover-bg: #ced4da;
    --bs-btn-hover-border-color: #ced4da;
    --bs-btn-focus-shadow-rgb: 203, 206, 209;
    --bs-btn-active-color: #20252a;
    --bs-btn-active-bg: #ced4da;
    --bs-btn-active-border-color: #ced4da;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #20252a;
    --bs-btn-disabled-bg: #eff1f3;
    --bs-btn-disabled-border-color: #eff1f3;
}
.btn-group > .btn + .btn-default,
.input-group > .btn + .btn-default,
.input-group > .btn + .dropdown-menu + .btn-default {
    border-left: 1px solid #ced4da;
}
.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #348fe2;
    --bs-btn-border-color: #348fe2;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #276baa;
    --bs-btn-hover-border-color: #276baa;
    --bs-btn-focus-shadow-rgb: 82, 160, 230;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #276baa;
    --bs-btn-active-border-color: #276baa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #67abe9;
    --bs-btn-disabled-border-color: #67abe9;
}
.btn-group > .btn + .btn-primary,
.input-group > .btn + .btn-primary,
.input-group > .btn + .dropdown-menu + .btn-primary {
    border-left: 1px solid #276baa;
}
.btn-secondary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #51585e;
    --bs-btn-hover-border-color: #51585e;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #51585e;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #91989e;
    --bs-btn-disabled-border-color: #91989e;
}
.btn-group > .btn + .btn-secondary,
.input-group > .btn + .btn-secondary,
.input-group > .btn + .dropdown-menu + .btn-secondary {
    border-left: 1px solid #51585e;
}
.btn-success {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #146c43;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 152, 207, 184;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #146c43;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #40c1c1;
    --bs-btn-disabled-border-color: #40c1c1;
}
.btn-group > .btn + .btn-success,
.input-group > .btn + .btn-success,
.input-group > .btn + .dropdown-menu + .btn-success {
    border-left: 1px solid #146c43;
}
.btn-info {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #49b6d6;
    --bs-btn-border-color: #49b6d6;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #3789a1;
    --bs-btn-hover-border-color: #3789a1;
    --bs-btn-focus-shadow-rgb: 100, 193, 220;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #3789a1;
    --bs-btn-active-border-color: #3789a1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #77c8e0;
    --bs-btn-disabled-border-color: #77c8e0;
}
.btn-group > .btn + .btn-info,
.input-group > .btn + .btn-info,
.input-group > .btn + .dropdown-menu + .btn-info {
    border-left: 1px solid #3789a1;
}
.btn-warning {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #f59c1a;
    --bs-btn-border-color: #f59c1a;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #b87514;
    --bs-btn-hover-border-color: #b87514;
    --bs-btn-focus-shadow-rgb: 247, 171, 60;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #b87514;
    --bs-btn-active-border-color: #b87514;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #f8b553;
    --bs-btn-disabled-border-color: #f8b553;
}
.btn-group > .btn + .btn-warning,
.input-group > .btn + .btn-warning,
.input-group > .btn + .dropdown-menu + .btn-warning {
    border-left: 1px solid #b87514;
}
.btn-danger {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #ff5b57;
    --bs-btn-border-color: #ff5b57;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #bf4441;
    --bs-btn-hover-border-color: #bf4441;
    --bs-btn-focus-shadow-rgb: 255, 116, 112;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #bf4441;
    --bs-btn-active-border-color: #bf4441;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #ff8481;
    --bs-btn-disabled-border-color: #ff8481;
}
.btn-group > .btn + .btn-danger,
.input-group > .btn + .btn-danger,
.input-group > .btn + .dropdown-menu + .btn-danger {
    border-left: 1px solid #bf4441;
}
.btn-light {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #f2f3f4;
    --bs-btn-border-color: #f2f3f4;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #b6b6b7;
    --bs-btn-hover-border-color: #b6b6b7;
    --bs-btn-focus-shadow-rgb: 244, 245, 246;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #b6b6b7;
    --bs-btn-active-border-color: #b6b6b7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #f5f6f7;
    --bs-btn-disabled-border-color: #f5f6f7;
}
.btn-group > .btn + .btn-light,
.input-group > .btn + .btn-light,
.input-group > .btn + .dropdown-menu + .btn-light {
    border-left: 1px solid #b6b6b7;
}
.btn-dark {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #2d353c;
    --bs-btn-border-color: #2d353c;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #22282d;
    --bs-btn-hover-border-color: #22282d;
    --bs-btn-focus-shadow-rgb: 77, 83, 89;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #22282d;
    --bs-btn-active-border-color: #22282d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #62686d;
    --bs-btn-disabled-border-color: #62686d;
}
.btn-group > .btn + .btn-dark,
.input-group > .btn + .btn-dark,
.input-group > .btn + .dropdown-menu + .btn-dark {
    border-left: 1px solid #22282d;
}
.btn-inverse {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #2d353c;
    --bs-btn-border-color: #2d353c;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #22282d;
    --bs-btn-hover-border-color: #22282d;
    --bs-btn-focus-shadow-rgb: 77, 83, 89;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #22282d;
    --bs-btn-active-border-color: #22282d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #62686d;
    --bs-btn-disabled-border-color: #62686d;
}
.btn-group > .btn + .btn-inverse,
.input-group > .btn + .btn-inverse,
.input-group > .btn + .dropdown-menu + .btn-inverse {
    border-left: 1px solid #22282d;
}
.btn-blue {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #348fe2;
    --bs-btn-border-color: #348fe2;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #276baa;
    --bs-btn-hover-border-color: #276baa;
    --bs-btn-focus-shadow-rgb: 82, 160, 230;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #276baa;
    --bs-btn-active-border-color: #276baa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #67abe9;
    --bs-btn-disabled-border-color: #67abe9;
}
.btn-group > .btn + .btn-blue,
.input-group > .btn + .btn-blue,
.input-group > .btn + .dropdown-menu + .btn-blue {
    border-left: 1px solid #276baa;
}
.btn-indigo {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #8753de;
    --bs-btn-border-color: #8753de;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #653ea7;
    --bs-btn-hover-border-color: #653ea7;
    --bs-btn-focus-shadow-rgb: 153, 109, 227;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #653ea7;
    --bs-btn-active-border-color: #653ea7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #a57ee6;
    --bs-btn-disabled-border-color: #a57ee6;
}
.btn-group > .btn + .btn-indigo,
.input-group > .btn + .btn-indigo,
.input-group > .btn + .dropdown-menu + .btn-indigo {
    border-left: 1px solid #653ea7;
}
.btn-purple {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #727cb6;
    --bs-btn-border-color: #727cb6;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #565d89;
    --bs-btn-hover-border-color: #565d89;
    --bs-btn-focus-shadow-rgb: 135, 144, 193;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #565d89;
    --bs-btn-active-border-color: #565d89;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #959dc8;
    --bs-btn-disabled-border-color: #959dc8;
}
.btn-group > .btn + .btn-purple,
.input-group > .btn + .btn-purple,
.input-group > .btn + .dropdown-menu + .btn-purple {
    border-left: 1px solid #565d89;
}
.btn-pink {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #fb5597;
    --bs-btn-border-color: #fb5597;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #bc4071;
    --bs-btn-hover-border-color: #bc4071;
    --bs-btn-focus-shadow-rgb: 252, 111, 167;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #bc4071;
    --bs-btn-active-border-color: #bc4071;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #fc80b1;
    --bs-btn-disabled-border-color: #fc80b1;
}
.btn-group > .btn + .btn-pink,
.input-group > .btn + .btn-pink,
.input-group > .btn + .dropdown-menu + .btn-pink {
    border-left: 1px solid #bc4071;
}
.btn-red {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #ff5b57;
    --bs-btn-border-color: #ff5b57;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #bf4441;
    --bs-btn-hover-border-color: #bf4441;
    --bs-btn-focus-shadow-rgb: 255, 116, 112;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #bf4441;
    --bs-btn-active-border-color: #bf4441;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #ff8481;
    --bs-btn-disabled-border-color: #ff8481;
}
.btn-group > .btn + .btn-red,
.input-group > .btn + .btn-red,
.input-group > .btn + .dropdown-menu + .btn-red {
    border-left: 1px solid #bf4441;
}
.btn-orange {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #f59c1a;
    --bs-btn-border-color: #f59c1a;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #b87514;
    --bs-btn-hover-border-color: #b87514;
    --bs-btn-focus-shadow-rgb: 247, 171, 60;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #b87514;
    --bs-btn-active-border-color: #b87514;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #f8b553;
    --bs-btn-disabled-border-color: #f8b553;
}
.btn-group > .btn + .btn-orange,
.input-group > .btn + .btn-orange,
.input-group > .btn + .dropdown-menu + .btn-orange {
    border-left: 1px solid #b87514;
}
.btn-yellow {
    --bs-btn-color: #20252a;
    --bs-btn-bg: #ffd900;
    --bs-btn-border-color: #ffd900;
    --bs-btn-hover-color: #20252a;
    --bs-btn-hover-bg: #bfa300;
    --bs-btn-hover-border-color: #bfa300;
    --bs-btn-focus-shadow-rgb: 222, 190, 6;
    --bs-btn-active-color: #20252a;
    --bs-btn-active-bg: #bfa300;
    --bs-btn-active-border-color: #bfa300;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #20252a;
    --bs-btn-disabled-bg: #ffe340;
    --bs-btn-disabled-border-color: #ffe340;
}
.btn-group > .btn + .btn-yellow,
.input-group > .btn + .btn-yellow,
.input-group > .btn + .dropdown-menu + .btn-yellow {
    border-left: 1px solid #bfa300;
}
.btn-green {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #32a932;
    --bs-btn-border-color: #32a932;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #267f26;
    --bs-btn-hover-border-color: #267f26;
    --bs-btn-focus-shadow-rgb: 81, 182, 81;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #267f26;
    --bs-btn-active-border-color: #267f26;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #65bf65;
    --bs-btn-disabled-border-color: #65bf65;
}
.btn-group > .btn + .btn-green,
.input-group > .btn + .btn-green,
.input-group > .btn + .dropdown-menu + .btn-green {
    border-left: 1px solid #267f26;
}
.btn-teal {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #00acac;
    --bs-btn-border-color: #00acac;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #008181;
    --bs-btn-hover-border-color: #008181;
    --bs-btn-focus-shadow-rgb: 38, 184, 184;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #008181;
    --bs-btn-active-border-color: #008181;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #40c1c1;
    --bs-btn-disabled-border-color: #40c1c1;
}
.btn-group > .btn + .btn-teal,
.input-group > .btn + .btn-teal,
.input-group > .btn + .dropdown-menu + .btn-teal {
    border-left: 1px solid #008181;
}
.btn-lime {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #90ca4b;
    --bs-btn-border-color: #90ca4b;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #6c9838;
    --bs-btn-hover-border-color: #6c9838;
    --bs-btn-focus-shadow-rgb: 161, 210, 102;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #6c9838;
    --bs-btn-active-border-color: #6c9838;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #acd778;
    --bs-btn-disabled-border-color: #acd778;
}
.btn-group > .btn + .btn-lime,
.input-group > .btn + .btn-lime,
.input-group > .btn + .dropdown-menu + .btn-lime {
    border-left: 1px solid #6c9838;
}
.btn-cyan {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #49b6d6;
    --bs-btn-border-color: #49b6d6;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #3789a1;
    --bs-btn-hover-border-color: #3789a1;
    --bs-btn-focus-shadow-rgb: 100, 193, 220;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #3789a1;
    --bs-btn-active-border-color: #3789a1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #77c8e0;
    --bs-btn-disabled-border-color: #77c8e0;
}
.btn-group > .btn + .btn-cyan,
.input-group > .btn + .btn-cyan,
.input-group > .btn + .dropdown-menu + .btn-cyan {
    border-left: 1px solid #3789a1;
}
.btn-white {
    --bs-btn-color: #20252a;
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #ced4da;
    --bs-btn-hover-color: #20252a;
    --bs-btn-hover-bg: #e9ecef;
    --bs-btn-hover-border-color: #adb5bd;
    --bs-btn-focus-shadow-rgb: 180, 186, 192;
    --bs-btn-active-color: #20252a;
    --bs-btn-active-bg: #e9ecef;
    --bs-btn-active-border-color: #adb5bd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #20252a;
    --bs-btn-disabled-bg: #eff1f3;
    --bs-btn-disabled-border-color: #c2c8ce;
}
.btn-group > .btn + .btn-white,
.input-group > .btn + .btn-white,
.input-group > .btn + .dropdown-menu + .btn-white {
    border-left: 1px solid #adb5bd;
}
.btn-gray {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #51585e;
    --bs-btn-hover-border-color: #51585e;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #51585e;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #91989e;
    --bs-btn-disabled-border-color: #91989e;
}
.btn-group > .btn + .btn-gray,
.input-group > .btn + .btn-gray,
.input-group > .btn + .dropdown-menu + .btn-gray {
    border-left: 1px solid #51585e;
}
.btn-gray-dark {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #2d353c;
    --bs-btn-border-color: #2d353c;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #22282d;
    --bs-btn-hover-border-color: #22282d;
    --bs-btn-focus-shadow-rgb: 77, 83, 89;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #22282d;
    --bs-btn-active-border-color: #22282d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #62686d;
    --bs-btn-disabled-border-color: #62686d;
}
.btn-group > .btn + .btn-gray-dark,
.input-group > .btn + .btn-gray-dark,
.input-group > .btn + .dropdown-menu + .btn-gray-dark {
    border-left: 1px solid #22282d;
}
.btn-muted {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #adb5bd;
    --bs-btn-border-color: #adb5bd;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #82888e;
    --bs-btn-hover-border-color: #82888e;
    --bs-btn-focus-shadow-rgb: 185, 192, 199;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #82888e;
    --bs-btn-active-border-color: #82888e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #c2c8ce;
    --bs-btn-disabled-border-color: #c2c8ce;
}
.btn-group > .btn + .btn-muted,
.input-group > .btn + .btn-muted,
.input-group > .btn + .dropdown-menu + .btn-muted {
    border-left: 1px solid #82888e;
}
.btn-black {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #000000;
    --bs-btn-border-color: #000000;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: black;
    --bs-btn-hover-border-color: black;
    --bs-btn-focus-shadow-rgb: 38, 38, 38;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: black;
    --bs-btn-active-border-color: black;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #404040;
    --bs-btn-disabled-border-color: #404040;
}
.btn-group > .btn + .btn-black,
.input-group > .btn + .btn-black,
.input-group > .btn + .dropdown-menu + .btn-black {
    border-left: 1px solid #000;
}
.btn-silver {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #b6c2c9;
    --bs-btn-border-color: #b6c2c9;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #899297;
    --bs-btn-hover-border-color: #899297;
    --bs-btn-focus-shadow-rgb: 193, 203, 209;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #899297;
    --bs-btn-active-border-color: #899297;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #c8d1d7;
    --bs-btn-disabled-border-color: #c8d1d7;
}
.btn-group > .btn + .btn-silver,
.input-group > .btn + .btn-silver,
.input-group > .btn + .dropdown-menu + .btn-silver {
    border-left: 1px solid #899297;
}

.btn-outline-default {
    --bs-btn-color: #e9ecef;
    --bs-btn-border-color: #e9ecef;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #e9ecef;
    --bs-btn-hover-border-color: #e9ecef;
    --bs-btn-focus-shadow-rgb: 233, 236, 239;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #e9ecef;
    --bs-btn-active-border-color: #e9ecef;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #e9ecef;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #e9ecef;
    --bs-gradient: none;
}
.btn-outline-primary {
    --bs-btn-color: #333;
    --bs-btn-border-color: #d5dce5;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #348fe2;
    --bs-btn-hover-border-color: #348fe2;
    --bs-btn-focus-shadow-rgb: 52, 143, 226;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #348fe2;
    --bs-btn-active-border-color: #348fe2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #348fe2;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #348fe2;
    --bs-gradient: none;
}
.btn-outline-secondary {
    --bs-btn-color: #707171;
    --bs-btn-border-color: #bdbdbd;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #7c7d7d;
    --bs-btn-hover-border-color: #7c7d7d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #7c7d7d;
    --bs-btn-active-border-color: #7c7d7d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #7c7d7d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #7c7d7d;
    --bs-gradient: none;
}
.btn-outline-success {
    --bs-btn-color: #00acac;
    --bs-btn-border-color: #00acac;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #00acac;
    --bs-btn-hover-border-color: #00acac;
    --bs-btn-focus-shadow-rgb: 0, 172, 172;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #00acac;
    --bs-btn-active-border-color: #00acac;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #00acac;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #00acac;
    --bs-gradient: none;
}
.btn-outline-info {
    --bs-btn-color: #49b6d6;
    --bs-btn-border-color: #49b6d6;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #49b6d6;
    --bs-btn-hover-border-color: #49b6d6;
    --bs-btn-focus-shadow-rgb: 73, 182, 214;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #49b6d6;
    --bs-btn-active-border-color: #49b6d6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #49b6d6;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #49b6d6;
    --bs-gradient: none;
}
.btn-outline-warning {
    --bs-btn-color: #f59c1a;
    --bs-btn-border-color: #f59c1a;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #f59c1a;
    --bs-btn-hover-border-color: #f59c1a;
    --bs-btn-focus-shadow-rgb: 245, 156, 26;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #f59c1a;
    --bs-btn-active-border-color: #f59c1a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f59c1a;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f59c1a;
    --bs-gradient: none;
}
.btn-outline-danger {
    --bs-btn-color: #ff5b57;
    --bs-btn-border-color: #ff5b57;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #ff5b57;
    --bs-btn-hover-border-color: #ff5b57;
    --bs-btn-focus-shadow-rgb: 255, 91, 87;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #ff5b57;
    --bs-btn-active-border-color: #ff5b57;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ff5b57;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ff5b57;
    --bs-gradient: none;
}
.btn-outline-light {
    --bs-btn-color: #f2f3f4;
    --bs-btn-border-color: #f2f3f4;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #f2f3f4;
    --bs-btn-hover-border-color: #f2f3f4;
    --bs-btn-focus-shadow-rgb: 242, 243, 244;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #f2f3f4;
    --bs-btn-active-border-color: #f2f3f4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f2f3f4;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f2f3f4;
    --bs-gradient: none;
}
.btn-outline-light:hover {
    background:transparent;
}
.btn-outline-dark {
    --bs-btn-color: #2d353c;
    --bs-btn-border-color: #2d353c;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #2d353c;
    --bs-btn-hover-border-color: #2d353c;
    --bs-btn-focus-shadow-rgb: 45, 53, 60;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #2d353c;
    --bs-btn-active-border-color: #2d353c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #2d353c;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2d353c;
    --bs-gradient: none;
}
.btn-outline-inverse {
    --bs-btn-color: #2d353c;
    --bs-btn-border-color: #2d353c;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #2d353c;
    --bs-btn-hover-border-color: #2d353c;
    --bs-btn-focus-shadow-rgb: 45, 53, 60;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #2d353c;
    --bs-btn-active-border-color: #2d353c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #2d353c;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2d353c;
    --bs-gradient: none;
}
.btn-outline-blue {
    --bs-btn-color: #348fe2;
    --bs-btn-border-color: #348fe2;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #348fe2;
    --bs-btn-hover-border-color: #348fe2;
    --bs-btn-focus-shadow-rgb: 52, 143, 226;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #348fe2;
    --bs-btn-active-border-color: #348fe2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #348fe2;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #348fe2;
    --bs-gradient: none;
}
.btn-outline-indigo {
    --bs-btn-color: #8753de;
    --bs-btn-border-color: #8753de;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #8753de;
    --bs-btn-hover-border-color: #8753de;
    --bs-btn-focus-shadow-rgb: 135, 83, 222;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #8753de;
    --bs-btn-active-border-color: #8753de;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #8753de;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #8753de;
    --bs-gradient: none;
}
.btn-outline-purple {
    --bs-btn-color: #727cb6;
    --bs-btn-border-color: #727cb6;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #727cb6;
    --bs-btn-hover-border-color: #727cb6;
    --bs-btn-focus-shadow-rgb: 114, 124, 182;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #727cb6;
    --bs-btn-active-border-color: #727cb6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #727cb6;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #727cb6;
    --bs-gradient: none;
}
.btn-outline-pink {
    --bs-btn-color: #fb5597;
    --bs-btn-border-color: #fb5597;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #fb5597;
    --bs-btn-hover-border-color: #fb5597;
    --bs-btn-focus-shadow-rgb: 251, 85, 151;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #fb5597;
    --bs-btn-active-border-color: #fb5597;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fb5597;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fb5597;
    --bs-gradient: none;
}
.btn-outline-red {
    --bs-btn-color: #ff5b57;
    --bs-btn-border-color: #ff5b57;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #ff5b57;
    --bs-btn-hover-border-color: #ff5b57;
    --bs-btn-focus-shadow-rgb: 255, 91, 87;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #ff5b57;
    --bs-btn-active-border-color: #ff5b57;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ff5b57;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ff5b57;
    --bs-gradient: none;
}
.btn-outline-orange {
    --bs-btn-color: #f59c1a;
    --bs-btn-border-color: #f59c1a;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #f59c1a;
    --bs-btn-hover-border-color: #f59c1a;
    --bs-btn-focus-shadow-rgb: 245, 156, 26;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #f59c1a;
    --bs-btn-active-border-color: #f59c1a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f59c1a;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f59c1a;
    --bs-gradient: none;
}
.btn-outline-yellow {
    --bs-btn-color: #ffd900;
    --bs-btn-border-color: #ffd900;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #ffd900;
    --bs-btn-hover-border-color: #ffd900;
    --bs-btn-focus-shadow-rgb: 255, 217, 0;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #ffd900;
    --bs-btn-active-border-color: #ffd900;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffd900;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffd900;
    --bs-gradient: none;
}
.btn-outline-green {
    --bs-btn-color: #32a932;
    --bs-btn-border-color: #32a932;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #32a932;
    --bs-btn-hover-border-color: #32a932;
    --bs-btn-focus-shadow-rgb: 50, 169, 50;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #32a932;
    --bs-btn-active-border-color: #32a932;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #32a932;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #32a932;
    --bs-gradient: none;
}
.btn-outline-teal {
    --bs-btn-color: #00acac;
    --bs-btn-border-color: #00acac;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #00acac;
    --bs-btn-hover-border-color: #00acac;
    --bs-btn-focus-shadow-rgb: 0, 172, 172;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #00acac;
    --bs-btn-active-border-color: #00acac;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #00acac;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #00acac;
    --bs-gradient: none;
}
.btn-outline-lime {
    --bs-btn-color: #90ca4b;
    --bs-btn-border-color: #90ca4b;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #90ca4b;
    --bs-btn-hover-border-color: #90ca4b;
    --bs-btn-focus-shadow-rgb: 144, 202, 75;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #90ca4b;
    --bs-btn-active-border-color: #90ca4b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #90ca4b;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #90ca4b;
    --bs-gradient: none;
}
.btn-outline-cyan {
    --bs-btn-color: #49b6d6;
    --bs-btn-border-color: #49b6d6;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #49b6d6;
    --bs-btn-hover-border-color: #49b6d6;
    --bs-btn-focus-shadow-rgb: 73, 182, 214;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #49b6d6;
    --bs-btn-active-border-color: #49b6d6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #49b6d6;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #49b6d6;
    --bs-gradient: none;
}
.btn-outline-white {
    --bs-btn-color: #ffffff;
    --bs-btn-border-color: #ffffff;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #ffffff;
    --bs-btn-focus-shadow-rgb: 255, 255, 255;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #ffffff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffffff;
    --bs-gradient: none;
}
.btn-outline-gray {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none;
}
.btn-outline-gray-dark {
    --bs-btn-color: #2d353c;
    --bs-btn-border-color: #2d353c;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #2d353c;
    --bs-btn-hover-border-color: #2d353c;
    --bs-btn-focus-shadow-rgb: 45, 53, 60;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #2d353c;
    --bs-btn-active-border-color: #2d353c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #2d353c;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2d353c;
    --bs-gradient: none;
}
.btn-outline-muted {
    --bs-btn-color: #adb5bd;
    --bs-btn-border-color: #adb5bd;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #adb5bd;
    --bs-btn-hover-border-color: #adb5bd;
    --bs-btn-focus-shadow-rgb: 173, 181, 189;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #adb5bd;
    --bs-btn-active-border-color: #adb5bd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #adb5bd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #adb5bd;
    --bs-gradient: none;
}
.btn-outline-black {
    --bs-btn-color: #000000;
    --bs-btn-border-color: #000000;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #000000;
    --bs-btn-hover-border-color: #000000;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #000000;
    --bs-btn-active-border-color: #000000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #000000;
    --bs-gradient: none;
}
.btn-outline-silver {
    --bs-btn-color: #b6c2c9;
    --bs-btn-border-color: #b6c2c9;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #b6c2c9;
    --bs-btn-hover-border-color: #b6c2c9;
    --bs-btn-focus-shadow-rgb: 182, 194, 201;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #b6c2c9;
    --bs-btn-active-border-color: #b6c2c9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #b6c2c9;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #b6c2c9;
    --bs-gradient: none;
}
.btn-group-lg > .btn,
.btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 6px;
}
.btn-group-sm > .btn,
.btn-sm {
    --bs-btn-padding-y: 0.3125rem;
    --bs-btn-padding-x: 0.625rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 3px;
}
.btn-x {
	padding: 12px 45px;
	line-height: 20px;
	font-size: 15px;
	margin-right: 7px;
	margin-left: 7px;
	margin-bottom: 5px;
	margin-top:4px;
	border-radius: 3px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03); 
}
.btn-xd {
	padding: 10px 30px;
	line-height: 20px;
    font-size: 12px;
    margin-bottom: 10px;
	border-radius: 3px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03);
}
.btn-xl {
	padding: 16px 32px;
	line-height: 20px;
	font-size: 16px;
	margin-right: 7px;
	margin-left: 7px;
	margin-bottom: 5px;
	margin-top:4px;
	border-radius: 3px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03); 
}
.btn-xxl {
	padding: 16px 60px;
	line-height: 20px;
	font-size: 16px;
	margin-right: 7px;
	margin-left: 7px;
	margin-bottom: 5px;
	margin-top:4px;
	border-radius: 3px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03); 
}
.btn-hero {
	background: rgba(255, 255, 255, 0.2);
	color: #fff; 
	border-radius: 30px;
	text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
}
.btn-hero:hover {
	border-color:transparent;
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
}
.btn-hero-2 {
	border-color:transparent;
	text-transform: uppercase;
	border-radius: 30px;
	color: #fff;
}
.btn-hero-2:hover {
	border-color:rgba(255, 255, 255, 0.2);
	border-radius:30px;
	color: #fff;
}
.btn-hero-3 {
	background: #4879fa;
	color: #fff; 
	border-radius: 30px;
	text-transform: uppercase;
    font-size: 12px;
    font-weight: 700; 
    letter-spacing: 1.4px;
}
.btn-hero-3:hover {
	border-color:transparent;
	background: #5b86f9;
	color: #fff;
}
.btn-hero-outline {
	border-color:transparent;
	letter-spacing: 1.4px;
	font-size: 12px;
    font-weight: 700;
	text-transform: uppercase;
	border-radius: 30px;
	color: #fff;
}
.btn-hero-outline:hover {
	border-color:rgba(255, 255, 255, 0.2);
	border-radius:30px;
	color: #fff;
}
.d-block  {
   width:100%;
}
.fade {
    transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}
.fade:not(.show) {
    opacity: 0;
}
.collapse:not(.show) {
    display: none;
}
.collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}
.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none;
    }
}
.card {
    --bs-card-spacer-y: 0.9375rem;
    --bs-card-spacer-x: 0.9375rem;
    --bs-card-title-spacer-y: 0.46875rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: rgba(var(--app-component-color-rgb), 0.1);
    --bs-card-border-radius: 4px;
    --bs-card-inner-border-radius: 4px;
    --bs-card-cap-padding-y: 0.46875rem;
    --bs-card-cap-padding-x: 0.9375rem;
    --bs-card-cap-bg: rgba(45, 53, 60, 0.075);
    --bs-card-bg: var(--app-component-bg);
    --bs-card-img-overlay-padding: 0.9375rem;
    --bs-card-group-margin: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    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 {
    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);
}
.card-subtitle {
    margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0;
}
.card-text:last-child {
    margin-bottom: 0;
}
.card-link + .card-link {
    margin-left: var(--bs-card-spacer-x);
}
.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);
}
.card-header-tabs {
    margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0;
}
.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
    margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom,
.card-img-top {
    width: 100%;
}
.card-img,
.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
    margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }
    .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0;
    }
    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0;
    }
    .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-header,
    .card-group > .card:not(:last-child) .card-img-top {
        border-top-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-footer,
    .card-group > .card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-header,
    .card-group > .card:not(:first-child) .card-img-top {
        border-top-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-footer,
    .card-group > .card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0;
    }
}
.accordion {
    --bs-accordion-color: #000000;
    --bs-accordion-bg: #dee2e6;
    --bs-accordion-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, border-radius 0.15s ease;
    --bs-accordion-border-color: rgba(32, 37, 42, 0.125);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: 4px;
    --bs-accordion-inner-border-radius: 4px;
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: #2d353c;
    --bs-accordion-btn-bg: #dee2e6;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232d353c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232f81cb'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #67abe9;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(52, 143, 226, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #2f81cb;
    --bs-accordion-active-bg: #ebf4fc;
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 0.75rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none;
    }
}
.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none;
    }
}
.accordion-button:hover {
    z-index: 2;
}
.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
    margin-bottom: 0;
}
.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
    border-top: 0;
}
.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush .accordion-collapse {
    border-width: 0;
}
.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
    border-top: 0;
}
.accordion-flush .accordion-item:last-child {
    border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
}
.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-divider-color: #adb5bd;
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: #6c757d;
    display: flex;
    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, "/");
}
.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 0.75rem;
    --bs-pagination-color: rgba(var(--app-component-color-rgb), 0.75);
    --bs-pagination-bg: var(--app-component-bg);
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: var(--app-component-border-color);
    --bs-pagination-border-radius: 4px;
    --bs-pagination-hover-color: var(--app-component-hover-color);
    --bs-pagination-hover-bg: var(--app-component-hover-bg);
    --bs-pagination-hover-border-color: var(--app-component-border-color);
    --bs-pagination-focus-color: #20252a;
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0;
    --bs-pagination-active-color: var(--app-component-active-color);
    --bs-pagination-active-bg: var(--app-component-active-bg);
    --bs-pagination-active-border-color: var(--app-component-active-bg);
    --bs-pagination-disabled-color: var(--app-component-disabled-color);
    --bs-pagination-disabled-bg: var(--app-component-disabled-bg);
    --bs-pagination-disabled-border-color: var(--app-component-disabled-border-color);
    display: flex;
    padding-left: 0;
    list-style: none;
}
.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    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;
}
@media (prefers-reduced-motion: reduce) {
    .page-link {
        transition: none;
    }
}
.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow);
}
.active > .page-link,
.page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
}
.disabled > .page-link,
.page-link.disabled {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
    margin-left: 0.375rem;
}
.page-item .page-link {
    border-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
    --bs-pagination-padding-x: 1.35rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: 6px;
}
.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.6875rem;
    --bs-pagination-border-radius: 3px;
}
.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: #ffffff;
    --bs-badge-border-radius: 4px;
    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: 0.9375rem;
    --bs-alert-padding-y: 0.9375rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 0 solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 4px;
    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-heading {
    color: inherit;
}
.alert-link {
    font-weight: 600;
}
.alert-dismissible {
    padding-right: 2.8125rem;
}
.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.171875rem 0.9375rem;
}
.alert-default {
    --bs-alert-color: #464748;
    --bs-alert-bg: #f8f9fa;
    --bs-alert-border-color: #f8f9fa;
}
.alert-default .alert-link {
    color: #38393a;
}
.alert-primary {
    --bs-alert-color: #102b44;
    --bs-alert-bg: #c2ddf6;
    --bs-alert-border-color: #c2ddf6;
}
.alert-primary .alert-link {
    color: #0d2236;
}
.alert-secondary {
    --bs-alert-color: #202326;
    --bs-alert-bg: #d3d6d8;
    --bs-alert-border-color: #d3d6d8;
}
.alert-secondary .alert-link {
    color: #1a1c1e;
}
.alert-success {
    --bs-alert-color: #003434;
    --bs-alert-bg: #b3e6e6;
    --bs-alert-border-color: #b3e6e6;
}
.alert-success .alert-link {
    color: #002a2a;
}
.alert-info {
    --bs-alert-color: #163740;
    --bs-alert-bg: #c8e9f3;
    --bs-alert-border-color: #c8e9f3;
}
.alert-info .alert-link {
    color: #122c33;
}
.alert-warning {
    --bs-alert-color: #4a2f08;
    --bs-alert-bg: #fce1ba;
    --bs-alert-border-color: #fce1ba;
}
.alert-warning .alert-link {
    color: #3b2606;
}
.alert-danger {
    --bs-alert-color: #4d1b1a;
    --bs-alert-bg: #ffcecd;
    --bs-alert-border-color: #ffcecd;
}
.alert-danger .alert-link {
    color: #3e1615;
}
.alert-light {
    --bs-alert-color: #494949;
    --bs-alert-bg: #fbfbfc;
    --bs-alert-border-color: #fbfbfc;
}
.alert-light .alert-link {
    color: #3a3a3a;
}
.alert-dark {
    --bs-alert-color: #0e1012;
    --bs-alert-bg: #c0c2c5;
    --bs-alert-border-color: #c0c2c5;
}
.alert-dark .alert-link {
    color: #0b0d0e;
}
.alert-inverse {
    --bs-alert-color: #0e1012;
    --bs-alert-bg: #c0c2c5;
    --bs-alert-border-color: #c0c2c5;
}
.alert-inverse .alert-link {
    color: #0b0d0e;
}
.alert-blue {
    --bs-alert-color: #102b44;
    --bs-alert-bg: #c2ddf6;
    --bs-alert-border-color: #c2ddf6;
}
.alert-blue .alert-link {
    color: #0d2236;
}
.alert-indigo {
    --bs-alert-color: #291943;
    --bs-alert-bg: #dbcbf5;
    --bs-alert-border-color: #dbcbf5;
}
.alert-indigo .alert-link {
    color: #211436;
}
.alert-purple {
    --bs-alert-color: #222537;
    --bs-alert-bg: #d5d8e9;
    --bs-alert-border-color: #d5d8e9;
}
.alert-purple .alert-link {
    color: #1b1e2c;
}
.alert-pink {
    --bs-alert-color: #4b1a2d;
    --bs-alert-bg: #fecce0;
    --bs-alert-border-color: #fecce0;
}
.alert-pink .alert-link {
    color: #3c1524;
}
.alert-red {
    --bs-alert-color: #4d1b1a;
    --bs-alert-bg: #ffcecd;
    --bs-alert-border-color: #ffcecd;
}
.alert-red .alert-link {
    color: #3e1615;
}
.alert-orange {
    --bs-alert-color: #4a2f08;
    --bs-alert-bg: #fce1ba;
    --bs-alert-border-color: #fce1ba;
}
.alert-orange .alert-link {
    color: #3b2606;
}
.alert-yellow {
    --bs-alert-color: #4d4100;
    --bs-alert-bg: #fff4b3;
    --bs-alert-border-color: #fff4b3;
}
.alert-yellow .alert-link {
    color: #3e3400;
}
.alert-green {
    --bs-alert-color: #0f330f;
    --bs-alert-bg: #c2e5c2;
    --bs-alert-border-color: #c2e5c2;
}
.alert-green .alert-link {
    color: #0c290c;
}
.alert-teal {
    --bs-alert-color: #003434;
    --bs-alert-bg: #b3e6e6;
    --bs-alert-border-color: #b3e6e6;
}
.alert-teal .alert-link {
    color: #002a2a;
}
.alert-lime {
    --bs-alert-color: #2b3d17;
    --bs-alert-bg: #deefc9;
    --bs-alert-border-color: #deefc9;
}
.alert-lime .alert-link {
    color: #223112;
}
.alert-cyan {
    --bs-alert-color: #163740;
    --bs-alert-bg: #c8e9f3;
    --bs-alert-border-color: #c8e9f3;
}
.alert-cyan .alert-link {
    color: #122c33;
}
.alert-white {
    --bs-alert-color: #4d4d4d;
    --bs-alert-bg: white;
    --bs-alert-border-color: white;
}
.alert-white .alert-link {
    color: #3e3e3e;
}
.alert-gray {
    --bs-alert-color: #202326;
    --bs-alert-bg: #d3d6d8;
    --bs-alert-border-color: #d3d6d8;
}
.alert-gray .alert-link {
    color: #1a1c1e;
}
.alert-gray-dark {
    --bs-alert-color: #0e1012;
    --bs-alert-bg: #c0c2c5;
    --bs-alert-border-color: #c0c2c5;
}
.alert-gray-dark .alert-link {
    color: #0b0d0e;
}
.alert-muted {
    --bs-alert-color: #343639;
    --bs-alert-bg: #e6e9eb;
    --bs-alert-border-color: #e6e9eb;
}
.alert-muted .alert-link {
    color: #2a2b2e;
}
.alert-black {
    --bs-alert-color: black;
    --bs-alert-bg: #b3b3b3;
    --bs-alert-border-color: #b3b3b3;
}
.alert-black .alert-link {
    color: #000;
}
.alert-silver {
    --bs-alert-color: #373a3c;
    --bs-alert-bg: #e9edef;
    --bs-alert-border-color: #e9edef;
}
.alert-silver .alert-link {
    color: #2c2e30;
}
@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}
@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}
.progress {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.5625rem;
    --bs-progress-bg: var(--app-component-secondary-bg);
    --bs-progress-border-radius: 4px;
    --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-progress-bar-color: #ffffff;
    --bs-progress-bar-bg: #348fe2;
    --bs-progress-bar-transition: width 0.6s ease;
    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);
}
.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}
.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none;
    }
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%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")
        center/1em auto no-repeat;
    border: 0;
    border-radius: 4px;
    opacity: 0.5;
}
.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}
.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(52, 143, 226, 0.25);
    opacity: 1;
}
.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: 0.25;
}
.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}
.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 0.9375rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-bg: var(--app-component-modal-bg);
    --bs-modal-border-color: var(--app-component-modal-border-color);
    --bs-modal-border-width: 0;
    --bs-modal-border-radius: 6px;
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: 6px;
    --bs-modal-header-padding-x: 0.9375rem;
    --bs-modal-header-padding-y: 0.9375rem;
    --bs-modal-header-padding: 0.9375rem 0.9375rem;
    --bs-modal-header-border-color: var(--app-component-modal-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-border-color: var(--app-component-modal-border-color);
    --bs-modal-footer-border-width: 1px;
    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 {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}
.modal.show .modal-dialog {
    transform: none;
}
.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}
.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
    position: relative;
    display: flex;
    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: #20252a;
    --bs-backdrop-opacity: 0.85;
    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: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    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: calc(var(--bs-modal-header-padding-y) * -0.5) calc(var(--bs-modal-header-padding-x) * -0.5) calc(var(--bs-modal-header-padding-y) * -0.5) auto;
}
.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height);
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
}
.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    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 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }
    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto;
    }
    .modal-sm {
        --bs-modal-width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px;
    }
}
@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1140px;
    }
}
.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}
.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
    border-radius: 0;
}
.modal-fullscreen .modal-body {
    overflow-y: auto;
}
@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-footer,
    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-footer,
    .modal-fullscreen-md-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-footer,
    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-footer,
    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-footer,
    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width: 1799.98px) {
    .modal-fullscreen-xxxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-xxxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-xxxl-down .modal-footer,
    .modal-fullscreen-xxxl-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-xxxl-down .modal-body {
        overflow-y: auto;
    }
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-md {
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
    box-shadow: none !important;
}
.position-static {
    position: static !important;
}
.position-relative {
    position: relative !important;
}
.position-absolute {
    position: absolute !important;
}
.position-fixed {
    position: fixed !important;
}
.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}
.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
    border: 0 !important;
}
.order-first {
    order: -1 !important;
}
.order-0 {
    order: 0 !important;
}
.order-1 {
    order: 1 !important;
}
.order-2 {
    order: 2 !important;
}
.order-3 {
    order: 3 !important;
}
.order-4 {
    order: 4 !important;
}
.order-5 {
    order: 5 !important;
}
.order-last {
    order: 6 !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-decoration-line-through {
    text-decoration: line-through !important;
}
.text-lowercase {
    text-transform: lowercase !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.text-wrap {
    white-space: normal !important;
}
.text-nowrap {
    white-space: nowrap !important;
}
.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}
.text-default {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-default-rgb), var(--bs-text-opacity)) !important;
}
.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-inverse {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-inverse-rgb), var(--bs-text-opacity)) !important;
}
.text-blue {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-blue-rgb), var(--bs-text-opacity)) !important;
}
.text-indigo {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-indigo-rgb), var(--bs-text-opacity)) !important;
}
.text-purple {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-purple-rgb), var(--bs-text-opacity)) !important;
}
.text-pink {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-pink-rgb), var(--bs-text-opacity)) !important;
}
.text-red {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-red-rgb), var(--bs-text-opacity)) !important;
}
.text-orange {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-orange-rgb), var(--bs-text-opacity)) !important;
}
.text-yellow {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-yellow-rgb), var(--bs-text-opacity)) !important;
}
.text-green {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-green-rgb), var(--bs-text-opacity)) !important;
}
.text-teal {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-teal-rgb), var(--bs-text-opacity)) !important;
}
.text-lime {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-lime-rgb), var(--bs-text-opacity)) !important;
}
.text-cyan {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-cyan-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-gray {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important;
}
.text-gray-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-gray-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
    --bs-text-opacity: 1;
    color: #8a8f95 !important;
}
.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-silver {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-silver-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-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important;
}
.text-opacity-25 {
    --bs-text-opacity: 0.25;
}
.text-opacity-50 {
    --bs-text-opacity: 0.5;
}
.text-opacity-75 {
    --bs-text-opacity: 0.75;
}
.text-opacity-100 {
    --bs-text-opacity: 1;
}
.bg-default {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-default-rgb), var(--bs-bg-opacity)) !important;
}
.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-inverse {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-inverse-rgb), var(--bs-bg-opacity)) !important;
}
.bg-blue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important;
}
.bg-indigo {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-indigo-rgb), var(--bs-bg-opacity)) !important;
}
.bg-purple {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important;
}
.bg-pink {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-pink-rgb), var(--bs-bg-opacity)) !important;
}
.bg-red {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-red-rgb), var(--bs-bg-opacity)) !important;
}
.bg-orange {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important;
}
.bg-yellow {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important;
}
.bg-green {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-green-rgb), var(--bs-bg-opacity)) !important;
}
.bg-teal {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-teal-rgb), var(--bs-bg-opacity)) !important;
}
.bg-lime {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-lime-rgb), var(--bs-bg-opacity)) !important;
}
.bg-cyan {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-cyan-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-gray {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important;
}
.bg-gray-100 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-100-rgb), var(--bs-bg-opacity))!important;
}
.bg-gray-200 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-200-rgb), var(--bs-bg-opacity)) !important;
}
.bg-gray-300 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-300-rgb), var(--bs-bg-opacity)) !important;
}
.bg-gray-400 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-400-rgb), var(--bs-bg-opacity)) !important;
}
.bg-gray-500 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-500-rgb), var(--bs-bg-opacity)) !important;
}
.bg-gray-600 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-600-rgb), var(--bs-bg-opacity)) !important;
}
.bg-gray-700 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-700-rgb), var(--bs-bg-opacity)) !important;
}
.bg-gray-800 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-800-rgb), var(--bs-bg-opacity)) !important;
}
.bg-gray-900 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-900-rgb), var(--bs-bg-opacity)) !important;
}
.bg-gray-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-muted {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-muted-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-silver {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-silver-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
}
.bg-opacity-10 {
    --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
    --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
    --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
    --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
    --bs-bg-opacity: 1;
}
.bg-gradient {
    background-image: var(--bs-gradient) !important;
}
.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important;
}
.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
}
.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
.pe-none {
    pointer-events: none !important;
}
.pe-auto {
    pointer-events: auto !important;
}
.rounded {
    border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
    border-radius: 0 !important;
}
.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
    border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
    border-radius: var(--bs-border-radius-2xl) !important;
}
.rounded-circle {
    border-radius: 50% !important;
}
.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important;
}
.visible {
    visibility: visible !important;
}
.invisible {
    visibility: hidden !important;
}

@-webkit-keyframes appLoaderFadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes appLoaderFadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.app-loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--bs-body-bg);
    z-index: 1050;
    height: 100vh;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.app-loader.fading {
    opacity: 0;
    -webkit-animation: appLoaderFadeOut 0.2s ease;
    animation: appLoaderFadeOut 0.2s ease;
}
.app-loader.loaded {
    display: none;
}
.app-loader.loaded .spinner {
    -webkit-animation: none;
    animation: none;
}
.badge {
    display: inline;
    padding: 0.35em 0.65em;
    vertical-align: middle;
}
.breadcrumb {
    margin: 0;
    font-weight: 400;
}
.breadcrumb .breadcrumb-item {
    line-height: 32.4px;
}
.breadcrumb .breadcrumb-item a {
    color: var(--bs-body-color);
    text-decoration: none;
}
.breadcrumb .breadcrumb-item a:hover {
    text-decoration: underline;
}
@-webkit-keyframes btnFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes btnFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.btn-scroll-to-top {
    position: fixed;
    bottom: 20px;
    z-index: 1020;
    opacity: 0;
    display: none;
}
.btn-scroll-to-top.show {
    opacity: 1;
    display: block;
    -webkit-animation: btnFadeIn 0.2s ease;
    animation: btnFadeIn 0.2s ease;
}
@media (min-width: 768px) {
    .btn-scroll-to-top {
        right: 15px;
    }
}
@media (max-width: 767.98px) {
    .btn-scroll-to-top {
        right: 10px;
    }
}
.btn.btn-icon {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    border-radius: 28px;
}
.btn.btn-icon.btn-xs {
    width: 16px;
    height: 16px;
    font-size: 8px;
    line-height: 16px;
}
.btn-group-sm > .btn.btn-icon,
.btn.btn-icon.btn-sm {
    width: 22px;
    height: 22px;
    font-size: 11px;
    line-height: 22px;
}
.btn-group-lg > .btn.btn-icon,
.btn.btn-icon.btn-lg {
    width: 34px;
    height: 34px;
    font-size: 17px;
    line-height: 34px;
}
.btn.btn-xs {
    font-size: 0.6875rem;
    padding: 2px 6px;
}
.btn[class*="btn-outline-"]:not(.btn-yellow):not(.btn-white):hover {
    color: #fff;
}

code {
    padding: 2px 6px;
    font-size: 90%;
    color: #f90a69;
    background-color: #ffeaf2;
    border-radius: 4px;
}
.dropdown-menu {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.dropdown-menu .dropdown-item {
    font-weight: 600;
}
.dropdown-menu.media-list {
    max-width: 360px;
    padding: 0;
}
.dropdown-menu.media-list .media {
    border-top: 1px solid rgba(var(--app-component-color-rgb), 0.1);
    border-bottom: 1px solid rgba(var(--app-component-color-rgb), 0.1);
    display: flex;
}
.dropdown-menu.media-list .media .media-object {
    height: 48px;
    width: 48px;
    line-height: 48px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    display: block;
}
.dropdown-menu.media-list .media .media-object-icon {
    position: absolute;
    border: 3px solid var(--app-component-dropdown-bg);
    background: var(--app-component-dropdown-bg);
    margin-top: -11px;
    display: block;
    width: 21px;
    height: 21px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
    margin-left: 30px;
}
.dropdown-menu.media-list .media .media-left {
    padding-right: 12px;
}
.dropdown-menu.media-list .media .media-right {
    padding-left: 12px;
}
.dropdown-menu.media-list .media .media-heading {
    color: var(--app-component-color);
    margin-bottom: 0;
    font-size: 12.5px;
    line-height: 18px;
}
.dropdown-menu.media-list .media p {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 5px;
    line-height: 14px;
    max-width: 270px;
    color: rgba(var(--app-component-color-rgb), 0.65);
    font-size: 11px;
}
.dropdown-menu.media-list .media + .media {
    border-top: none;
}
.dropdown-menu.media-list .dropdown-header {
    font-weight: 700;
    color: var(--app-component-color);
    font-size: 10px;
    padding: 0.61875rem 0.9375rem;
}
.dropdown-menu.media-list .dropdown-item {
    padding: 0.61875rem 0.9375rem;
}
.dropdown-menu.media-list .dropdown-footer {
    padding: 0.61875rem 0.9375rem;
}
.dropdown-menu.dropdown-menu-dark.media-list .media {
    border-color: #52595f;
}
.dropdown-menu.dropdown-menu-dark.media-list .media .media-object-icon {
    border-color: #2d353c;
}
.dropdown-menu.dropdown-menu-dark.media-list .media p {
    color: #adb5bd;
}
.dropdown-menu.dropdown-menu-dark.media-list .media .media-heading {
    color: #adb5bd;
}
.dropdown-menu.dropdown-menu-dark.media-list .dropdown-header {
    color: #adb5bd;
    background: #52595f;
}
.form-control,
.form-select {
    border-color: var(--app-component-border-color);
}
.form-select:not([multiple]) option {
    color: var(--app-component-color);
}
.modal .modal-header {
    display: flex;
    flex: 1;
    align-items: center;
}
.modal.modal-message .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.modal.modal-message .modal-content {
    border-radius: 0;
}
.modal.modal-message .modal-body,
.modal.modal-message .modal-footer,
.modal.modal-message .modal-header {
    width: 60%;
    border: none;
    margin: 0 auto;
}
@media (max-width: 575.98px) {
    .modal.modal-message .modal-body,
    .modal.modal-message .modal-footer,
    .modal.modal-message .modal-header {
        width: 90%;
    }
}
.nav.nav-tabs.nav-tabs-inverse {
    background-color: var(--bs-gray-900);
    border-radius: 4px 4px 0 0;
}
.nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link {
    color: rgba(var(--bs-white-rgb), 0.65);
}
.nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link:focus,
.nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link:hover {
    color: rgba(var(--bs-white-rgb), 1);
}
.nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link.active {
    color: var(--app-component-color);
    background-color: var(--app-component-bg);
}
.nav.nav-tabs.nav-tabs-v2 {
    border-bottom: 1px solid var(--app-component-border-color);
}
.nav.nav-tabs.nav-tabs-v2 > .nav-item {
    margin-bottom: -1px;
}
.nav.nav-tabs.nav-tabs-v2 > .nav-item > .nav-link {
    border: none;
    border-bottom: 3px solid transparent;
    padding: 1rem 1rem 0.875rem;
}
.nav.nav-tabs.nav-tabs-v2 > .nav-item > .nav-link:hover {
    border-bottom-color: rgba(var(--app-component-color-rgb), 0.25);
}
.nav.nav-tabs.nav-tabs-v2 > .nav-item > .nav-link.active {
    border-bottom-color: var(--app-component-active-bg);
    background: 0 0;
}
.nav.nav-tabs.nav-tabs-v2 > .nav-item.show > .nav-link {
    background: 0 0;
    border-bottom-color: #dee2e6;
    color: #20252a;
}
@media (max-width: 767.98px) {
    .nav-wizards-container {
        overflow: scroll;
    }
    .nav-wizards-container .nav.nav-wizards-1,
    .nav-wizards-container .nav.nav-wizards-2,
    .nav-wizards-container .nav.nav-wizards-3 {
        min-width: 600px;
    }
}
.nav.nav-wizards-1 {
    flex-wrap: nowrap;
}
.nav.nav-wizards-1 .nav-item {
    padding: 0;
}
.nav.nav-wizards-1 .nav-item .nav-link {
    position: relative;
    color: rgba(var(--app-component-color-rgb), 0.75);
}
.nav.nav-wizards-1 .nav-item .nav-link .nav-no {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    font-weight: 600;
    background: 0 0;
    border: 2px solid var(--app-component-border-color);
    position: relative;
    z-index: 10;
    font-size: 0.875rem;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s linear;
}
.nav.nav-wizards-1 .nav-item .nav-link .nav-text {
    text-align: center;
    margin-top: 0.46875rem;
    font-weight: 600;
    font-size: 0.75rem;
}
.nav.nav-wizards-1 .nav-item .nav-link.active,
.nav.nav-wizards-1 .nav-item .nav-link.completed {
    color: #348fe2;
}
.nav.nav-wizards-1 .nav-item .nav-link.active .nav-no,
.nav.nav-wizards-1 .nav-item .nav-link.completed .nav-no {
    border-color: #348fe2;
    color: #348fe2;
}
.nav.nav-wizards-1 .nav-item .nav-link.active:after,
.nav.nav-wizards-1 .nav-item .nav-link.active:before,
.nav.nav-wizards-1 .nav-item .nav-link.completed:after,
.nav.nav-wizards-1 .nav-item .nav-link.completed:before {
    background: #348fe2;
}
.nav.nav-wizards-1 .nav-item .nav-link.active:after,
.nav.nav-wizards-1 .nav-item .nav-link.completed:after {
    width: calc(50% - 20px);
}
.nav.nav-wizards-1 .nav-item .nav-link.active .nav-no {
    box-shadow: 0 0 0 5px rgba(52, 143, 226, 0.2);
}
.nav.nav-wizards-1 .nav-item .nav-link.disabled {
    color: rgba(var(--app-component-color-rgb), 0.25);
}
.nav.nav-wizards-1 .nav-item .nav-link:after,
.nav.nav-wizards-1 .nav-item .nav-link:before {
    content: "";
    position: absolute;
    top: 1.6875rem;
    height: 2px;
    background: var(--app-component-border-color);
    left: 0;
    right: calc(50% + 20px);
}
.nav.nav-wizards-1 .nav-item .nav-link:after {
    transition: all 0.2s linear;
    left: calc(50% + 20px);
    right: 0;
}
.nav.nav-wizards-1 .nav-item:first-child .nav-link:after,
.nav.nav-wizards-1 .nav-item:first-child .nav-link:before {
    left: calc(50% + 20px);
}
.nav.nav-wizards-1 .nav-item:last-child .nav-link:before {
    right: calc(50% + 20px);
}
.nav.nav-wizards-1 .nav-item:last-child .nav-link.active:before,
.nav.nav-wizards-1 .nav-item:last-child .nav-link.completed:before {
    background: #348fe2;
}
.nav.nav-wizards-1 .nav-item:last-child .nav-link:after {
    display: none;
}
.nav.nav-wizards-2 {
    flex-wrap: nowrap;
}
.nav.nav-wizards-2 .nav-item {
    padding: 0 1rem;
}
.nav.nav-wizards-2 .nav-item .nav-link {
    position: relative;
    color: var(--app-component-color);
    background: var(--app-component-disabled-bg);
    border-radius: 60px;
}
.nav.nav-wizards-2 .nav-item .nav-link .nav-text {
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    position: relative;
    z-index: 10;
    background: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nav.nav-wizards-2 .nav-item .nav-link:after,
.nav.nav-wizards-2 .nav-item .nav-link:before {
    content: "";
    position: absolute;
    left: -1rem;
    right: -1rem;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    background-color: var(--app-component-disabled-bg);
    transition: all 0.2s linear;
}
.nav.nav-wizards-2 .nav-item .nav-link:after {
    width: 0%;
    background: #348fe2;
}
.nav.nav-wizards-2 .nav-item .nav-link.disabled {
    color: rgba(var(--app-component-color-rgb), 0.25);
}
.nav.nav-wizards-2 .nav-item .nav-link.active,
.nav.nav-wizards-2 .nav-item .nav-link.completed {
    background: #348fe2;
    color: #fff;
}
.nav.nav-wizards-2 .nav-item .nav-link.active:after,
.nav.nav-wizards-2 .nav-item .nav-link.completed:after {
    width: calc(100% + 2rem);
}
.nav.nav-wizards-2 .nav-item .nav-link.active {
    box-shadow: 0 0 0 4px rgba(52, 143, 226, 0.2);
}
.nav.nav-wizards-2 .nav-item:first-child .nav-link:after,
.nav.nav-wizards-2 .nav-item:first-child .nav-link:before {
    left: 50%;
}
.nav.nav-wizards-2 .nav-item:last-child .nav-link:before {
    right: 50%;
}
.nav.nav-wizards-2 .nav-item:last-child .nav-link.active:before,
.nav.nav-wizards-2 .nav-item:last-child .nav-link.completed:before {
    background: #348fe2;
}
.nav.nav-wizards-2 .nav-item:last-child .nav-link:after {
    display: none;
}
.nav.nav-wizards-3 {
    flex-wrap: nowrap;
}
.nav.nav-wizards-3 .nav-item {
    padding: 0;
}
.nav.nav-wizards-3 .nav-item .nav-link {
    position: relative;
    color: rgba(var(--app-component-color-rgb), 0.5);
}
.nav.nav-wizards-3 .nav-item .nav-link .nav-dot {
    width: 16px;
    height: 16px;
    margin: 0 auto;
    font-weight: 500;
    border: 3px solid var(--app-component-disabled-bg);
    position: relative;
    z-index: 10;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s linear;
}
.nav.nav-wizards-3 .nav-item .nav-link .nav-title {
    margin-top: 0.46875rem;
    font-weight: 600;
    text-align: center;
    font-size: 0.875rem;
}
.nav.nav-wizards-3 .nav-item .nav-link .nav-text {
    text-align: center;
    font-size: 0.75rem;
    color: rgba(var(--app-component-color-rgb), 0.65);
    font-weight: 600;
}
.nav.nav-wizards-3 .nav-item .nav-link.active,
.nav.nav-wizards-3 .nav-item .nav-link.completed {
    color: var(--app-component-color);
}
.nav.nav-wizards-3 .nav-item .nav-link.active .nav-dot,
.nav.nav-wizards-3 .nav-item .nav-link.completed .nav-dot {
    border-color: #348fe2;
    color: #348fe2;
}
.nav.nav-wizards-3 .nav-item .nav-link.active:after,
.nav.nav-wizards-3 .nav-item .nav-link.active:before,
.nav.nav-wizards-3 .nav-item .nav-link.completed:after,
.nav.nav-wizards-3 .nav-item .nav-link.completed:before {
    background: #348fe2;
}
.nav.nav-wizards-3 .nav-item .nav-link.active:after,
.nav.nav-wizards-3 .nav-item .nav-link.completed:after {
    width: calc(50% - 8px);
}
.nav.nav-wizards-3 .nav-item .nav-link.active .nav-dot {
    box-shadow: 0 0 0 5px rgba(52, 143, 226, 0.2);
}
.nav.nav-wizards-3 .nav-item .nav-link.disabled {
    color: rgba(var(--app-component-color-rgb), 0.25);
}
.nav.nav-wizards-3 .nav-item .nav-link.disabled .nav-text {
    color: inherit;
}
.nav.nav-wizards-3 .nav-item .nav-link:after,
.nav.nav-wizards-3 .nav-item .nav-link:before {
    content: "";
    position: absolute;
    top: 0.875rem;
    height: 3px;
    background: var(--app-component-disabled-bg);
    left: 0;
    right: calc(50% + 8px);
}
.nav.nav-wizards-3 .nav-item .nav-link:after {
    transition: all 0.2s linear;
    left: calc(50% + 8px);
    right: 0;
}
.nav.nav-wizards-3 .nav-item:first-child .nav-link:after,
.nav.nav-wizards-3 .nav-item:first-child .nav-link:before {
    left: calc(50% + 8px);
}
.nav.nav-wizards-3 .nav-item:last-child .nav-link:before {
    right: calc(50% + 8px);
}
.nav.nav-wizards-3 .nav-item:last-child .nav-link.active:before,
.nav.nav-wizards-3 .nav-item:last-child .nav-link.completed:before {
    background: #348fe2;
}
.nav.nav-wizards-3 .nav-item:last-child .nav-link:after {
    display: none;
}
.navbar.navbar-sticky {
    top: 70px;
    position: -webkit-sticky;
    position: sticky;
    border-left: 1px solid #ced4da;
    padding: 0;
    padding-left: 0.46875rem;
    margin-left: 0.46875rem;
}
.navbar.navbar-sticky .nav {
    width: 100%;
    position: relative;
    flex-direction: column;
}
.navbar.navbar-sticky .nav .nav-link {
    color: #6c757d;
    padding: 0.25rem 1rem;
}
.navbar.navbar-sticky .nav .nav-link:hover {
    color: #495057;
}
.navbar.navbar-sticky .nav .nav-link.active {
    color: #20252a;
    font-weight: 700;
}
.nav-pills {
    --bs-nav-pills-border-radius: 4px;
    --bs-nav-pills-link-active-color: var(--app-component-active-color);
    --bs-nav-pills-link-active-bg: var(--app-component-active-bg);
}
.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center;
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%;
}
.note {
    margin-bottom: 20px;
    position: relative;
    border-radius: 4px;
    display: flex;
    flex: 1;
    border-left: 3px solid;
}
.note .note-icon {
    width: 80px;
    font-size: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.note .note-content {
    padding: 15px;
    flex: 1;
}
.note .note-content .h1,
.note .note-content .h2,
.note .note-content .h3,
.note .note-content .h4,
.note .note-content .h5,
.note .note-content .h6,
.note .note-content h1,
.note .note-content h2,
.note .note-content h3,
.note .note-content h4,
.note .note-content h5,
.note .note-content h6 {
    color: inherit;
}
.note.note-with-end-icon {
    border-left: none;
    border-right: 3px solid;
}
.note.note-default {
    border-color: #e9ecef;
    background: #fff;
    color: #90a0af;
}
.note.note-primary {
    background: #61a8e8;
    color: #10416d;
}
.note.note-secondary {
    border-color: #6c757d;
    background: #868e96;
    color: #25282b;
}
.note.note-success {
    border-color: #00acac;
    background: #00dfdf;
    color: #001313;
}
.note.note-info {
    border-color: #49b6d6;
    background: #73c7df;
    color: #195a6d;
}
.note.note-warning {
    border-color: #f59c1a;
    background: #f7b14b;
    color: #714505;
}
.note.note-danger {
    border-color: #ff5b57;
    background: #ff8d8a;
    color: #bd0500;
}
.note.note-light {
    background: #fff;
    color: #2d353c;
}
.note.note-dark {
    border-color: #2d353c;
    background: #434f59;
    color: #000;
}
.note.note-inverse {
    border-color: #2d353c;
    background: #434f59;
    color: #000;
}
.note.note-blue {
    border-color: #348fe2;
    background: #61a8e8;
    color: #10416d;
}
.note.note-indigo {
    border-color: #8753de;
    background: #a57ee6;
    color: #3f1880;
}
.note.note-purple {
    border-color: #727cb6;
    background: #949bc7;
    color: #31375e;
}
.note.note-pink {
    border-color: #fb5597;
    background: #fc87b5;
    color: #b3044a;
}
.note.note-red {
    border-color: #ff5b57;
    background: #ff8d8a;
    color: #bd0500;
}
.note.note-orange {
    border-color: #f59c1a;
    background: #f7b14b;
    color: #714505;
}
.note.note-yellow {
    border-color: #ffd900;
    background: #ffe133;
    color: #665700;
}
.note.note-green {
    border-color: #32a932;
    background: #46c846;
    color: #0f330f;
}
.note.note-teal {
    border-color: #00acac;
    background: #00dfdf;
    color: #001313;
}
.note.note-lime {
    border-color: #90ca4b;
    background: #a8d672;
    color: #41601c;
}
.note.note-cyan {
    border-color: #49b6d6;
    background: #73c7df;
    color: #195a6d;
}
.note.note-white {
    border-color: #fff;
    background: #fff;
    color: #b3b3b3;
}
.note.note-gray {
    border-color: #6c757d;
    background: #868e96;
    color: #25282b;
}
.note.note-gray-dark {
    border-color: #2d353c;
    background: #434f59;
    color: #000;
}
.note.note-muted {
    border-color: #adb5bd;
    background: #c9cfd4;
    color: #5d6974;
}
.note.note-black {
    border-color: #000;
    background: #1a1a1a;
    color: #000;
}
.note.note-silver {
    border-color: #b6c2c9;
    background: #d3dadf;
    color: #627884;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 0.9;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 0.9;
    }
}
.popover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
@-webkit-keyframes rotation {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(359deg);
    }
}
@keyframes rotation {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(359deg);
    }
}
.spinner {
    height: 36px;
    width: 36px;
    border: 2px solid #2d353c;
    border-top-color: #fff;
    border-radius: 36px;
    -webkit-animation: rotation 0.6s infinite linear;
    animation: rotation 0.6s infinite linear;
}
.spinner.spinner-sm {
    height: 28px;
    width: 28px;
}
.tab-overflow {
    position: relative;
    overflow: hidden;
    border-radius: 3px 3px 0 0;
    flex: 1;
}
.tab-overflow .nav.nav-tabs {
    white-space: nowrap;
    display: table;
    margin: 0;
    border-radius: 4px 4px 0 0;
}
.tab-overflow .nav.nav-tabs > li {
    display: table-cell;
    float: none;
}
.tab-overflow .nav.nav-tabs > li > a {
    margin-left: -1px;
}
.tab-overflow .nav.nav-tabs .prev-button {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: none !important;
    opacity: 0;
    box-shadow: 0 0 15px rgba(45, 53, 60, 0.25);
    transition: all 0.2s linear;
}
.tab-overflow .nav.nav-tabs .prev-button a {
    margin: 0;
    background: #f2f3f4;
    border-radius: 4px 0 0;
}
.tab-overflow .nav.nav-tabs .next-button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    display: none !important;
    opacity: 0;
    box-shadow: 0 0 15px rgba(45, 53, 60, 0.25);
    transition: all 0.2s linear;
    border-top-left-radius: 0;
}
.tab-overflow .nav.nav-tabs .next-button a {
    margin: 0;
    background: #f2f3f4;
    border-radius: 0 4px 0 0;
}
.tab-overflow .nav.nav-tabs.nav-tabs-inverse > li > a {
    background: 0 0;
}
.tab-overflow .nav.nav-tabs.nav-tabs-inverse > li > a.active {
    background: #fff;
    color: #2d353c;
}
.tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button,
.tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button {
    box-shadow: 0 0 15px #000;
}
.tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button + li > a.active,
.tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button + li > a.active {
    border-radius: 0 4px 0 0;
}
.tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button > a,
.tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button > a {
    background: #1a2229;
}
.tab-overflow.overflow-right .nav.nav-tabs .next-button {
    display: block !important;
    opacity: 1;
    background: 0 0;
}
.tab-overflow.overflow-left .nav.nav-tabs .prev-button {
    display: block !important;
    opacity: 1;
    background: 0 0;
}
.flat-black .tab-overflow .next-button a,
.flat-black .tab-overflow .prev-button a {
    background: #d2d2d2;
}
.widget-card {
    position: relative;
    margin-bottom: 0.9375rem;
    display: block;
    text-decoration: none !important;
}
.widget-card .widget-card-content {
    padding: 0.9375rem;
    position: relative;
}
.widget-card .widget-card-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--app-component-bg);
}
.widget-card .widget-card-cover .widget-card-cover-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40%;
    height: 40%;
    margin: -20% 0 0 -20%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.widget-card .widget-card-cover .widget-card-cover-icon .fa {
    font-size: 1.5vw;
    line-height: 1.5vw;
}
.widget-card.square {
    padding-top: 100%;
    overflow: hidden;
}
.widget-card.square .widget-card-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.widget-card.square .widget-card-content.bottom {
    top: auto;
}
.inverse-mode .widget-card,
.inverse-mode.widget-card {
    color: #fff;
}
.inverse-mode .widget-card .widget-card-cover,
.inverse-mode.widget-card .widget-card-cover {
    background-color: #2d353c;
}
.widget-img {
    overflow: hidden;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.widget-img.widget-img-xl {
    width: 80px;
    height: 80px;
    line-height: 80px;
}
.widget-img.widget-img-lg {
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.widget-img.widget-img-sm {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.widget-img.widget-img-xs {
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.widget {
    overflow: hidden;
    margin-bottom: 20px;
    background: var(--app-component-bg);
    color: inherit;
    padding: 0;
}
.widget .widget-header {
    border-bottom: 1px solid var(--app-component-border-color);
    color: var(--app-component-color);
    display: flex;
    align-items: center;
}
.widget .widget-header .widget-header-title {
    margin: 0;
    font-size: 0.75rem;
    padding: 0.61875rem 0.9375rem;
    flex: 1;
}
.widget .widget-header .widget-header-icon {
    padding: 0.61875rem 0.9375rem;
}
.widget .widget-header .widget-header-icon + .widget-header-icon {
    padding-left: 0;
}
.widget .widget-body {
    padding: 0.9375rem;
}

@-webkit-keyframes pace-spinner {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes pace-spinner {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.pace-top .pace .pace-progress {
    top: 0 !important;
}
.pace-top .pace .pace-activity {
    top: 15px !important;
}
.pace {
    background: 0 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    opacity: 1;
    transition: opacity 1s;
}
.pace .pace-progress {
    top: 50px;
    height: 3px;
    background: var(--app-theme);
    transition: all 0.2s linear;
}
@media (max-width: 767.98px) {
    .pace .pace-progress {
        top: 101px;
    }
}
.pace .pace-progress .pace-progress-inner {
    display: none;
}
.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 1030;
    top: 63px;
    right: 10px;
    width: 0.9375rem;
    height: 0.9375rem;
    border: 2px solid transparent;
    border-top-color: var(--app-theme);
    border-left-color: var(--app-theme);
    -webkit-animation: pace-spinner 0.4s linear infinite;
    animation: pace-spinner 0.4s linear infinite;
    border-radius: 40px;
}
@media (max-width: 575.98px) {
    .pace .pace-activity {
        top: 113px;
    }
}
.pace.pace-inactive {
    display: block;
    opacity: 0;
}
.pace-done .pace.pace-inactive {
    display: block;
}
.text-theme {
    --bs-text-opacity: 1;
    color: rgba(var(--app-theme-rgb), var(--bs-text-opacity));
}
.text-ellipsis {
    white-space: nowrap !important;
    text-overflow: ellipsis;
    overflow: hidden;
}
.text-gradient {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.cursor-pointer {
    cursor: pointer !important;
}
.cursor-text {
    cursor: text !important;
}
.cursor-default {
    cursor: default !important;
}
.cursor-inherit {
    cursor: inherit !important;
}
.cursor-move {
    cursor: move !important;
}
.cursor-progress {
    cursor: progress !important;
}
.flex-1 {
    flex: 1;
}
.mh-100vh {
    max-height: 100vh !important;
}
.bg-none {
    background: 0 0 !important;
}
.bg-position-center {
    background-position: center !important;
}
.bg-size-cover {
    background-size: cover !important;
}
.bg-no-repeat {
    background-repeat: no-repeat !important;
}
.bg-theme {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--app-theme-rgb), var(--bs-bg-opacity));
}
.bg-gradient-default {
    background-color: #e9ecef !important;
    background-image: linear-gradient(to bottom, #fff, #dadfe4) !important;
}
.theme-default {
    --app-theme: #e9ecef !important;
    --app-theme-rgb: 233, 236, 239 !important;
}
.bg-gradient-primary {
    background-color: #348fe2 !important;
    background-image: linear-gradient(to bottom, #61a8e8, #2083dd) !important;
}
.theme-primary {
    --app-theme: #348fe2 !important;
    --app-theme-rgb: 52, 143, 226 !important;
}
.bg-gradient-secondary {
    background-color: #6c757d !important;
    background-image: linear-gradient(to bottom, #868e96, #60686f) !important;
}
.theme-secondary {
    --app-theme: #6c757d !important;
    --app-theme-rgb: 108, 117, 125 !important;
}
.bg-gradient-success {
    background-color: #00acac !important;
    background-image: linear-gradient(to bottom, #00dfdf, #009393) !important;
}
.theme-success {
    --app-theme: #00acac !important;
    --app-theme-rgb: 0, 172, 172 !important;
}
.bg-gradient-info {
    background-color: #49b6d6 !important;
    background-image: linear-gradient(to bottom, #73c7df, #34aed1) !important;
}
.theme-info {
    --app-theme: #49b6d6 !important;
    --app-theme-rgb: 73, 182, 214 !important;
}
.bg-gradient-warning {
    background-color: #f59c1a !important;
    background-image: linear-gradient(to bottom, #f7b14b, #eb900a) !important;
}
.theme-warning {
    --app-theme: #f59c1a !important;
    --app-theme-rgb: 245, 156, 26 !important;
}
.bg-gradient-danger {
    background-color: #ff5b57 !important;
    background-image: linear-gradient(to bottom, #ff8d8a, #ff423e) !important;
}
.theme-danger {
    --app-theme: #ff5b57 !important;
    --app-theme-rgb: 255, 91, 87 !important;
}
.bg-gradient-light {
    background-color: #f2f3f4 !important;
    background-image: linear-gradient(to bottom, #fff, #e4e6e8) !important;
}
.theme-light {
    --app-theme: #f2f3f4 !important;
    --app-theme-rgb: 242, 243, 244 !important;
}
.bg-gradient-dark {
    background-color: #2d353c !important;
    background-image: linear-gradient(to bottom, #434f59, #22282d) !important;
}
.theme-dark {
    --app-theme: #2d353c !important;
    --app-theme-rgb: 45, 53, 60 !important;
}
.bg-gradient-inverse {
    background-color: #2d353c !important;
    background-image: linear-gradient(to bottom, #434f59, #22282d) !important;
}
.theme-inverse {
    --app-theme: #2d353c !important;
    --app-theme-rgb: 45, 53, 60 !important;
}
.bg-gradient-blue {
    background-color: #348fe2 !important;
    background-image: linear-gradient(to bottom, #61a8e8, #2083dd) !important;
}
.theme-blue {
    --app-theme: #348fe2 !important;
    --app-theme-rgb: 52, 143, 226 !important;
}
.bg-gradient-indigo {
    background-color: #8753de !important;
    background-image: linear-gradient(to bottom, #a57ee6, #783eda) !important;
}
.theme-indigo {
    --app-theme: #8753de !important;
    --app-theme-rgb: 135, 83, 222 !important;
}
.bg-gradient-purple {
    background-color: #727cb6 !important;
    background-image: linear-gradient(to bottom, #949bc7, #616cad) !important;
}
.theme-purple {
    --app-theme: #727cb6 !important;
    --app-theme-rgb: 114, 124, 182 !important;
}
.bg-gradient-pink {
    background-color: #fb5597 !important;
    background-image: linear-gradient(to bottom, #fc87b5, #fa3c88) !important;
}
.theme-pink {
    --app-theme: #fb5597 !important;
    --app-theme-rgb: 251, 85, 151 !important;
}
.bg-gradient-red {
    background-color: #ff5b57 !important;
    background-image: linear-gradient(to bottom, #ff8d8a, #ff423e) !important;
}
.theme-red {
    --app-theme: #ff5b57 !important;
    --app-theme-rgb: 255, 91, 87 !important;
}
.bg-gradient-orange {
    background-color: #f59c1a !important;
    background-image: linear-gradient(to bottom, #f7b14b, #eb900a) !important;
}
.theme-orange {
    --app-theme: #f59c1a !important;
    --app-theme-rgb: 245, 156, 26 !important;
}
.bg-gradient-yellow {
    background-color: #ffd900 !important;
    background-image: linear-gradient(to bottom, #ffe133, #e6c300) !important;
}
.theme-yellow {
    --app-theme: #ffd900 !important;
    --app-theme-rgb: 255, 217, 0 !important;
    --app-theme-color: #000000 !important;
    --app-theme-color-rgb: 0, 0, 0 !important;
}
.bg-gradient-green {
    background-color: #32a932 !important;
    background-image: linear-gradient(to bottom, #46c846, #2c952c) !important;
}
.theme-green {
    --app-theme: #32a932 !important;
    --app-theme-rgb: 50, 169, 50 !important;
}
.bg-gradient-teal {
    background-color: #00acac !important;
    background-image: linear-gradient(to bottom, #00dfdf, #009393) !important;
}
.theme-teal {
    --app-theme: #00acac !important;
    --app-theme-rgb: 0, 172, 172 !important;
}
.bg-gradient-lime {
    background-color: #90ca4b !important;
    background-image: linear-gradient(to bottom, #a8d672, #84c239) !important;
}
.theme-lime {
    --app-theme: #90ca4b !important;
    --app-theme-rgb: 144, 202, 75 !important;
}
.bg-gradient-cyan {
    background-color: #49b6d6 !important;
    background-image: linear-gradient(to bottom, #73c7df, #34aed1) !important;
}
.theme-cyan {
    --app-theme: #49b6d6 !important;
    --app-theme-rgb: 73, 182, 214 !important;
}
.bg-gradient-white {
    background-color: #fff !important;
    background-image: linear-gradient(to bottom, #fff, #f2f2f2) !important;
}
.theme-white {
    --app-theme: #ffffff !important;
    --app-theme-rgb: 255, 255, 255 !important;
}
.bg-gradient-gray {
    background-color: #6c757d !important;
    background-image: linear-gradient(to bottom, #868e96, #60686f) !important;
}
.theme-gray {
    --app-theme: #6c757d !important;
    --app-theme-rgb: 108, 117, 125 !important;
}
.bg-gradient-gray-dark {
    background-color: #2d353c !important;
    background-image: linear-gradient(to bottom, #434f59, #22282d) !important;
}
.theme-gray-dark {
    --app-theme: #2d353c !important;
    --app-theme-rgb: 45, 53, 60 !important;
}
.bg-gradient-muted {
    background-color: #adb5bd !important;
    background-image: linear-gradient(to bottom, #c9cfd4, #9fa8b2) !important;
}
.theme-muted {
    --app-theme: #adb5bd !important;
    --app-theme-rgb: 173, 181, 189 !important;
}
.bg-gradient-black {
    background-color: #000 !important;
    background-image: linear-gradient(to bottom, #1a1a1a, #000) !important;
}
.theme-black {
    --app-theme: #000000 !important;
    --app-theme-rgb: 0, 0, 0 !important;
}
.bg-gradient-silver {
    background-color: #b6c2c9 !important;
    background-image: linear-gradient(to bottom, #d3dadf, #a7b6be) !important;
}
.theme-silver {
    --app-theme: #b6c2c9 !important;
    --app-theme-rgb: 182, 194, 201 !important;
}
.bg-gradient-red-pink {
    background-image: linear-gradient(to bottom, #ff5b57 0, #fb5597 100%) !important;
}
.bg-gradient-orange-red {
    background-image: linear-gradient(to bottom, #f59c1a 0, #ff5b57 100%) !important;
}
.bg-gradient-yellow-orange {
    background-image: linear-gradient(to bottom, #ffd900 0, #f59c1a 100%) !important;
}
.bg-gradient-yellow-red {
    background-image: linear-gradient(to bottom, #ffd900 0, #ff5b57 100%) !important;
}
.bg-gradient-teal-green {
    background-image: linear-gradient(to bottom, #00acac 0, #32a932 100%) !important;
}
.bg-gradient-yellow-green {
    background-image: linear-gradient(to bottom, #ffd900 0, #32a932 100%) !important;
}
.bg-gradient-blue-purple {
    background-image: linear-gradient(to bottom, #348fe2 0, #727cb6 100%) !important;
}
.bg-gradient-cyan-blue {
    background-image: linear-gradient(to bottom, #49b6d6 0, #348fe2 100%) !important;
}
.bg-gradient-cyan-purple {
    background-image: linear-gradient(to bottom, #49b6d6 0, #727cb6 100%) !important;
}
.bg-gradient-cyan-indigo {
    background-image: linear-gradient(to bottom, #49b6d6 0, #8753de 100%) !important;
}
.bg-gradient-blue-indigo {
    background-image: linear-gradient(to bottom, #348fe2 0, #8753de 100%) !important;
}
.bg-gradient-purple-indigo {
    background-image: linear-gradient(to bottom, #727cb6 0, #8753de 100%) !important;
}
.bg-gradient-silver-black {
    background-image: linear-gradient(to bottom, #b6c2c9 0, #000 100%) !important;
}
.hide {
    display: none !important;
}

.no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
.no-gutters {
	margin-left:0px;
	margin-right:0px;
}
.w-1 {
    width:10%
}
.w-2 {
    width:20%
}
.w-3 {
    width:30%
}
.w-4 {
    width:40%
}
.w-5 {
    width:50%
}
.w-6 {
    width:60%
}
.w-7 {
    width:80%
}
.w-8 {
    width:80%
}
.w-9 {
    width:90%
}
.w-10 {
    width:100%
}

/* -------------------------------
   Header & Navbar Styles
------------------------------- */

.header-theme {
    --bs-bg-opacity: 1;
    background: var(--app-header-theme);
}
.navbar {
    --bs-navbar-color: #222;
    --bs-navbar-hover-color: #444;
    --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
    --bs-navbar-active-color: #000;
	--bs-navbar-nav-link-padding-x: 0.7rem;
	--bs-navbar-padding-y: 0.0rem;
	--bs-navbar-toggler-focus-width: 0.1rem;
}
.navbar-dark {
    --bs-navbar-color: rgba(255, 255, 255, 0.95);
    --bs-navbar-hover-color: rgb(214 214 214);
	--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.8);
	--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.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-nav {
	--bs-nav-link-padding-y: 1.5rem;
	--bs-nav-link-font-weight: 600;
	--bs-nav-link-font-size: 15px;
}
.dropdown-menu {
    --bs-dropdown-spacer: -1px;
	--bs-dropdown-link-hover-bg: #ececec;
    --bs-dropdown-link-active-bg: #5c5c5c;
	--bs-dropdown-link-color: #212529;
	--bs-dropdown-link-hover-color: #1e2125;
	--bs-dropdown-link-active-color: #fff;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	box-shadow: 0 0.01rem 0.2rem rgb(0 0 0 / 5%);
	margin-top:-1px;
}
.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-menu .dropdown-item {
    font-weight: 400;
	font-size:15px;
}
.header .dropdown.dropdown-hover:focus .dropdown-menu,
.header .dropdown.dropdown-hover:hover .dropdown-menu {
	display: block;
	position: absolute;
	top: 100%;
}
.navbar-nav > li > a {
	-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.navbar-sm .brand-logo img {
    max-height: 30px;
}
.navbar-sm .navbar-nav > li > a {
    padding: 15px;
    padding-left: 14px;
    padding-right: 14px;
}
.dropdown-toggle::after {
    border-top: 0.2em solid;
}
.navbar-toggler {
    background: transparent;
	border-color: #727272;
    width: 58px;
    height: 42px;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 8px;
    cursor: pointer;
    z-index: 1500;
}
.navbar-toggler:before {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 10px;
    right: 14px;
    display: block;
    height: 2px;
    width: 25px;
	background: #727272;
    content: "";
}
.navbar-toggler:after {
    position: absolute;
    top: 18px;
    right: 14px;
    display: block;
    height: 10px;
    width: 25px;
	border-top: 2px solid #727272;
    border-bottom: 2px solid #727272;
    content: "";
}
.navbar-toggler.closetoggler:before {
    top: 19px;
	background: #727272;
    width: 25px;
	height: 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.navbar-toggler.closetoggler:after {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    top: 19px;
    border: 0;
    height: 2px;
    width: 25px;
	background: #727272;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.navbar-collapse-right {
    flex-grow: 0;
}

/* ------------------ Toggler Dark ------------------*/
.navbar-dark .navbar-toggler {
    background: #313131;
	border-color: #e6e6e6;
}
.navbar-dark .navbar-toggler:before {
	background: #e6e6e6;
}
.navbar-dark .navbar-toggler:after {
	border-top: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
}
.navbar-dark .navbar-toggler.closetoggler:before {
    background: #e6e6e6;
}
.navbar-dark .navbar-toggler.closetoggler:after {
    background: #a3a3a3;
	border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.navbar-white {
    background: #fff;
}
.navbar-nav-30 {
	margin-left: 35px
}

/* ------------------ Dropdown Full Width ------------------*/
.dropdown-full-width {
    position: initial;
}
.dropdown-full-width .dropdown-menu {
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    transform: none !important;
}
.dropdown-menu-container {
    width: 100%;
    min-width: 700px;
    padding: 15px 5px;
    display: flex;
}
.dropdown-menu-container .title {
    font-weight: 700;
    margin: 0 0 15px;
    font-size: 15px;
	padding-left: 10px;
}
.dropdown-menu-sidebar {
    display: table-cell;
    width: 240px;
    min-width: 240px;
    vertical-align: top;
    padding: 5px 20px;
	padding-left: 0px
}
.dropdown .dropdown-menu-sidebar + .dropdown-menu-content {
    border-left: 1px solid var(--app-component-dropdown-border-color);
    padding-left: 30px;
}
.dropdown-menu-content {
    width: 100%;
	display: table-cell;
    padding: 5px 20px;
    vertical-align: top;
}
.dropdown .dropdown-menu-list {
    list-style-type: none;
    margin: 0 0 25px;
    padding: 0;
}
.dropdown .dropdown-menu-list .dropdown-header {
    padding: 5px 0;
    line-height: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--app-component-dropdown-border-color);
}
.dropdown .dropdown-menu-list > li + li {
    margin-top: 4px;
}
.dropdown .dropdown-menu-list > li > a {
    display: block;
    line-height: 20px;
    color: #212529;
    font-size: 15px;
	font-weight:400;
	text-decoration: none;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:16px;
	border-radius:4px;
}
.dropdown .dropdown-menu-list > li > a:focus,
.dropdown .dropdown-menu-list > li > a:hover {
    text-decoration: none;
    color: #212529;
	background: #ececec;
}
.dropdown .dropdown-menu-list  > li > a:active {
    color: #f7f7f7;
    background: #5c5c5c;
}
.dropdown-brand-list {
    list-style-type: none;
    margin: 0 0 15px;
    padding: 0;
	padding-left: 10px;
}
.dropdown-brand-list > li {
    display: inline-block;
    padding: 0;
    margin-bottom: 5px;
    margin-right: 5px;
}
.dropdown-brand-list > li a {
    display: block;
    height: 60px;
    padding: 5px;
    min-width: 60px;
    max-width: 120px;
    text-align: center;
    border: 1px solid var(--app-component-dropdown-border-color);
    border-radius: 6px;
    display: flex;
    align-items: center;
}
.dropdown-brand-list > li a:focus,
.dropdown-brand-list > li a:hover {
    border-color: #e6e6e6;
}
.dropdown-brand-list > li img {
    max-height: 100%;
    max-width: 100%;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    opacity: 0.5;
    display: block;
    margin: 0 auto;
    transition: all 0.2s linear;
}
.dropdown-brand-list > li:focus img,
.dropdown-brand-list > li:hover img {
    filter: none;
    -webkit-filter: none;
    opacity: 1;
}

/* ------------------ Navbar Buttons ------------------*/
.nav-buttons .nav-link {
    color: #fff;
	border-radius: 0px;
}
.nav-buttons .nav-link:hover {
    color: #fff;
    background-color: #6c6c6c;
}
.nav-buttons .nav-link.show {
    color: #fff;
    background-color: #6c6c6c;
}
.nav-buttons > li:hover > a {
    background: #6c6c6c;
}
.nav-buttons .nav-button {
	border-radius: 4px;
	padding: 0.5rem 1rem;
}
.nav-buttons > li {
    display: flex;
    align-items: center;
}
.nav-store {
	display: flex;
    align-items: center;
}
.nav-store-992 {
    display: none;
    align-items: center;
	margin-right: 80px;
}
.nav-store-button {
    color: #fff;
    background-color: #6c6c6c;
	margin-left: 10px;
    margin-right: 10px;
	border-radius: 4px;
	padding: 8px 12px!important;
}
.nav-store-button:hover {
    background-color: #348646 !important;
	color: #fff;
}
.nav-store-button:focus {
	color: #fff;
}
.nav-store-buttons {
	display: flex;
    align-items: center;
}
.nav-store-cart {
	font-size: 13px;
	color: #fff;
	font-weight: 700;
	background: #368748;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 20px;
	margin-top: -12px;
	position: absolute;
}
.navbar-sm .nav-store-cart {
	width: 18px;
	height: 18px;
	line-height: 18px;
	border-radius: 18px;
	margin-top: -12px;
}
.nav-store-menu-last {
    left: auto;
    right: 0px;
	min-width: 260px;
	max-width: 400px;
}
.nav-store-menu-last li {
	width: 100%;
}
.nav-store-menu-header {
    font-weight: 600;
    font-size: 14px;
    padding: 15px;
    padding-top: 2px;
    padding-bottom: 10px;
}
.nav-store-menu-header p {
    margin-bottom: 0px;
}
.nav-store-menu-main {
    border-top: 1px solid #e5e5e5;
	padding: 15px;
}
.nav-store-menu-item {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.nav-store-menu-item > li {
    display: table;
    width: 100%;
}
.nav-store-menu-item > li > div {
    display: table-cell;
    vertical-align: middle;
}
.nav-store-menu-item > li+li {
    padding-top: .625rem;
    border-top: 1px solid #dee2e6;
    margin-top: .625rem;
}
.nav-store-menu-image {
    float: left;
    width: 60px;
    height: 50px;
    text-align: center;
}
.nav-store-menu-image img {
    height: 55px;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
	border-radius:6px;
}
.nav-store-menu-image+.nav-store-menu-info, .nav-store-menu-info+.nav-store-menu-close {
    padding-left: 15px;
}
.nav-store-menu-info {
    width: 80%;
}
.nav-store-menu-info h6 {
    font-size: 14px;
    font-weight: 400;
	margin-bottom: 0px;
}
.nav-store-menu-info p {
    font-size: 14px;
	margin-bottom: 0px;
}
.nav-store-menu-info a {
    text-decoration: none;
	align-items: center;
}
.nav-store-menu-price {
    color: #118e09;
	font-weight: 600;
}  
.nav-store-menu-price span {
     font-size: 12px;
    color: #1d1d1d;
    font-weight: 400;
    margin-left: 10px;
    margin-top: 0px;
    position: absolute;
}  
.nav-store-menu-close a {
    font-size: 16px;
    color: #b3b3b3;
    height: 1.5rem;
    width: 1.5rem;
    text-align: center;
    line-height: 1.5rem;
    display: block;
    text-decoration: none;
    background: #ececec;
    -webkit-border-radius: 24px !important;
    border-radius: 24px !important;
	margin-top: -3px;
}  
.nav-store-menu-close a:focus, .nav-store-menu-close a:hover {
    background: #d9d9d9;
    color: #737373;
}
.nav-store-menu-footer {
    border-top: 1px solid #e5e5e5;
	padding: 15px;
}
.nav-store-menu-buttons-1 {
	padding-right:3px;
}
.nav-store-menu-buttons-2 {
	padding-left:3px;
}
.nav-store-menu-buttons-1 a {
	text-transform: uppercase;
}
.nav-store-menu-buttons-2 a {
	text-transform: uppercase;
}
.nav-store-sidebar-title {
	background: #f4f4f4;
	border-radius: 6px;
	text-align: center;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.nav-store-card {
    margin-bottom: 15px;
}
.nav-store-tname {
    font-weight: 600;
    margin-bottom: 0px;
}
.nav-store-tprice {
    font-size: 20px;
    font-weight: 600;
    color: #555;
    margin-bottom: 15px;
}
.nav-store-nopad-left {
    padding-left: 12px;
    padding-right: 0px;
}
.nav-store-nopad-right {
    padding-left: 0px;
    padding-right: 12px;
}
.btn.nav-store-checkoutb {
    width:100%;
	border-radius: 0px;
	padding-top: 20px;
    padding-bottom: 20px;
}
.nav-store-timg-b {
    margin-bottom: 15px;
}
.nav-store-timg {
	max-height: 280px;
	border-radius:4px;
	object-fit:contain;
}
.nav-store-emptycart {
	display: block;
	text-align:center;
	font-size:14px;
}
.store-searchnav-last {
    left: auto !important;
    right: 0px;
}
.store-searchnav-form {
    padding-left:10px;
    padding-right:10px;
    min-width:200px;
}
.store-searchnav-s {
    display: flex;
    align-items: center;
}
.store-searchnav-button {
    color: #fff;
    background-color: #6c6c6c;
	margin-left: 10px;
    margin-right: 10px;
	border-radius: 4px;
	padding: 8px 12px!important;
}
.store-searchnav-992 {
    display: none;
    align-items: center;
	margin-right: 0px;
}
.offcanvas.offcanvas-store {
    width: 35%;
}

/* ------------------ Header 3 ------------------*/
.header-nav-buttons-1 {
    margin-left:15px;
}
.btn.btn-header {
    font-size:13px;
	margin-right: 1rem;
}

/* ------------------ Header 5 ------------------*/
.navbr-2 {
	margin-right: 2rem;
}

/* ------------------ Header 6 : body-content:108.50 ------------------*/
.fixed-top-nav {
    margin-top: 38px;
}
#top-nav.navbar-sm  {
    margin-top: 0px;
}
.top-nav {
    background: #101315;
    z-index: 1035;
    position: fixed;
	width:100%;
	top:0;
}
.navbar-white .top-nav {
    background: #f3f3f3;
}
.top-nav:after,
.top-nav:before {
    content: "";
    display: table;
    clear: both;
}
.navbar-sm .top-nav-main {
    display:none;
}
.navbar-sm .fixed-top-nav {
    margin-top: 0px;
}
.top-nav .navbar-collapse {
    display: flex;
}
.top-nav .nav {
    padding: 0;
    display: flex;
    flex-direction: row;
}
.top-nav .nav.navbar-end {
    margin-left: auto;
}
.top-nav .nav > li > a {
    font-size: 12px;
    line-height: 18px;
    padding: 10px;
    color: #b5b5b5;
    display: block;
    text-decoration: none;
    transition: all 0.1s linear;
}
.navbar-white .top-nav .nav > li > a {
    color: #707070;
}
.top-nav .nav > li > a:focus,
.top-nav .nav > li > a:hover {
    background: 0 0;
    color: #efefef;
}
.navbar-white .top-nav .nav > li > a:focus,
.navbar-white .top-nav .nav > li > a:hover {
    color: #1c1c1c;
}
.top-nav .dropdown-menu {
    background: #101315;
    margin-top: 0;
    border: none;
    border-radius: 0 0 4px 4px;
}
.navbar-white .top-nav .dropdown-menu {
    background: #f3f3f3;
}
.top-nav .dropdown-menu > li > a {
    color: #fff;
	font-size:12px;
    line-height: 18px;
}
.navbar-white .top-nav .dropdown-menu > li > a {
    color: #707070;
}
.top-nav .dropdown-menu > li > a:focus,
.top-nav .dropdown-menu > li > a:hover {
    background: rgba(255, 255, 255, 0.25);
}
.navbar-white .top-nav .dropdown-menu > li > a:focus,
.navbar-white .top-nav .dropdown-menu > li > a:hover {
    background: rgba(203, 203, 203, 0.25);
}

/* Filled Navbar Buttons */

.header-6 .header-6-nav .nav-link {
    padding: 9px 20px;
    margin-top:25px;
    margin-bottom:25px;
    border-radius:4px;
}
.navbar-sm .header-6-nav .nav-link {
    margin-top:5px;
    margin-bottom:5px;
}
.header-6 .header-6-nav > li > a:hover {
    color: #ffffff;
    background: #0097d7;
}
.header-6 .header-6-nav > li.active a,
.header-6 .header-6-nav > li a.active,
.header-6 .header-6-nav > li:hover > a,
.header-6 .header-6-nav > li > a:hover,
.header-6 .header-6-nav.navbarnavbar-transparentp.header-prepare .navbar-collapse ul.navbar-nav li a.current,
.header-6 .header-6-nav.navbarnavbar-transparentp.header-prepare.header-prepare .navbar-collapse ul.navbar-nav li.current a {
     background: #0097d7;
     color: #ffffff;
}
.header-6 .header-6-nav .dropdown-menu {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

/* ------------------ Header 7 : body-content:124.5 ------------------*/
.fixed-top-nav-2 {
    margin-top: 0px;
}
.top-nav-2-main {
    margin-top: 25px;
    margin-bottom: 0px;
}
.top-nav-right {
    width: 300px;
    display: block;
    float: right;
}
.navbar-sm .top-nav-right {
    display: none;
}
.navbar-sm .top-nav-logo {
    width:200px;
	margin-top: 11px;
	float: left;
	position: absolute;
    z-index: 1;
}
.navbar-sm .top-nav-2-main {
    margin-top: 0px;
}
.navbar-sm .top-nav-bottom {
    justify-content: right;
}
.top-nav-right a {
    font-size: 16px;
    padding: 10px;
    width:40px;
    height:35px;
    display: inline-flex;
    color: #b5b5b5;
    text-decoration: none;
    transition: all 0.1s linear;
    line-height: 35px;
    text-align: center;
    border: 0;
    border-radius: 6px;
    background: #494949;
	margin-left:10px;
}
.top-nav-right a:focus,
.top-nav-right a:hover {
    background: #606060;
	color: #f5f5f5;
}
.top-nav-logo .brand-logo img {
    height: 38px;
    width: auto;
}
.top-nav-bottom .navbar-toggler {
    margin-top:-41px;
}
.top-nav-bottom {
	justify-content: center;
}
.top-nav-bottom .nav-link {
    padding-top:15px;
}
.storenav-options {
	display: none;
}

/* -------------------------------
   Footer Styles
------------------------------- */

.footer {
    background: var(--app-footer-theme);
    padding: 4rem 0;
	padding-bottom: 2rem;
	border-top: 1px solid #e9e9e9;
}
.footer .footer-logo {
    margin-bottom: 1rem;
    display: flex;
}
.footer .footer-logo img {
    max-width: 100%;
    max-height: 100%;
}
.footer .footer-logo .footer-logo-text {
    display: block;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--app-component-color);
}
.footer .footer-logo .footer-logo-text .small,
.footer .footer-logo .footer-logo-text small {
    position: absolute;
    font-size: 0.4375rem;
    top: -10px;
    margin-left: -20px;
    color: rgba(var(--app-component-color-rgb), 0.5);
}
.footer .footer-desc {
    margin-bottom: 1rem;
}
.footer .footer-title {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 0.5rem;
}
.footer .footer-link-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.footer .footer-link-list li + li {
    padding-top: 0.25rem;
}
.footer .footer-link-list a {
    color: rgba(var(--app-component-color-rgb), 0.5);
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.8;
}
.footer .footer-link-list a:hover {
    color: var(--app-component-color);
}
.footer .footer-media-list {
    align-items: center;
}
.footer .footer-media-list a {
    color: rgba(var(--app-component-color-rgb), 0.5);
    text-decoration: none;
    font-size: 1.09375rem;
}
.footer .footer-media-list a:hover {
    color: var(--app-component-color);
}
.footer .footer-media-list a + a {
    margin-left: 0.25rem;
}
.footer .footer-copyright {
    margin-top: 2rem;
    border-top: 1px solid var(--app-component-border-color);
    padding-top: 1rem;
}
.footer .footer-copyright .footer-copyright-text {
    font-weight: 600;
    color: rgba(var(--app-component-color-rgb), 0.5);
}
.footer .footer-copyright .footer-copyright-link {
    color: rgba(var(--app-component-color-rgb), 0.5);
    text-decoration: none;
    font-weight: 600;
}
.footer .footer-copyright .footer-copyright-link:hover {
    color: var(--app-component-color);
}
.footer-legal {
    text-align: right;
    margin-bottom: 0px;
}
.footer-legal {
    list-style-type: none;
    padding: 0;
    line-height: 1.8;
	text-align: right;
}
.footer-legal li {
	display: inline-block;
}
.footer-legal li:before {
    content: '/';
    padding: 0 5px;
    color: #ffffff;
}
.footer-legal li:last-child:after {
	content:'';
}
.footer-powered {
	text-align: left;
}
.footer-2 a {
    color: #5b5b5b;
}
.footer-2 {
    color: #5b5b5b;
    padding: 3rem 0;
    padding-bottom: 2.5rem;
}

/* -------------------------------
   Footer Colors
------------------------------- */

.footer a {
    color: #8e8e8e;
	text-decoration: none;
}
.footer a:hover {
    color: #0069da;
}
.sub-footer {
    background: #313131;
    color: #ffffff;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.14),inset 0 3px 1px -2px rgba(0,0,0,.2),inset 0 1px 5px 0 rgba(0,0,0,.12);
}
.sub-footer a {
    color: #fff;
}
.sub-footer a:hover {
    color: #eaeaea;
}

/* -------------------------------
   Login / Register Styles
------------------------------- */

.login-main {
    min-height: 60vh;
    display: flex;
    align-items: center;
}
.login-section {
	margin-bottom: 5px;
	padding-left: 3px;
    padding-right: 3px;
}
.login-section h5 {
    margin-bottom:5px;
}
.login-section p {
    font-size:14px;
}
.login-forgot-text {
    font-size: 13px;
}
.btn.login-btn {
    font-size: 16px;
    line-height: 24px;
    padding: 8px 15px;
}
.login-err-msg {
    color:#ff0909;
    font-size:14px;
    text-align:center;
}
.register-box {
    position: relative;
    margin-bottom: 20px;
}
.register-box-tick .form-check-input {
    background-color: #707070;
    border-color: #5a5a5a;
}
.register-box-tick label {
    font-size: 13px;
	color: #777;
	margin-top: 2px;
}
.register-main {
    margin-top: 2rem;
}

/* -------------------------------
   Z-Custom
------------------------------- */
.price-tag{
	display:block !important;
	margin: 2px 20px 0 0px;
}
.zmt5{
	margin-top:5px;
}
.zmt10{
	margin-top:10px;
}
.zmt15{
	margin-top:15px;
}
.zpt5{
	padding-top:5px;
}
.zpt10{
	padding-top:10px;
}
.zm10{
	margin:10px;
}
.zmb10{
	margin-bottom:10px;
}
.zmb15{
	margin-bottom:15px;
}
.zp10{
	padding:10px;
}
.hidden{
	display:none;
}
.booking-modal-h5{
	width:95%;
}
.btn-editoropen {
	position:fixed;
	right:0px;
	bottom:0 ;
	padding:10px 10px;
    padding-top:13px;
	font-size:12px;
	z-index:10000;
	line-height:unset;
	text-transform: uppercase;
    color:white;
	border-radius: 0px;
}
.btn-editoropen:hover{
	color:white;
}
.note-editable{
	padding-top:30px !important;
}
.dismiss {
	position: absolute;
	right: 10px;
	top: 46px;
	color: red;
	font-size: 13px;
	cursor: pointer;
}
.label-usergroups {
    background: #606060;
    font-size: 12px;
    padding: 3px 7px 4px 7px;
    margin-right: 5px;
    margin-bottom: 5px;
    white-space: normal;
	text-transform: capitalize;
    display: block;
    float: left;
}
/* Custom Tagify User Lists */
.tagify{
	width: 100%;
	max-width: 700px;
	background: rgba(white, .8);
}

/* Suggestions items */
.tagify__dropdown.users-list .tagify__dropdown__item{
	padding: .5em .7em;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0 1em;
	grid-template-areas: "avatar name"
                         "avatar email";
}

.tagify__dropdown.users-list .tagify__dropdown__item:hover .tagify__dropdown__item__avatar-wrap{
	transform: scale(1.2);
}

.tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap{
	grid-area: avatar;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	overflow: hidden;
	background: #EEE;
	transition: .1s ease-out;
}

.tagify__dropdown.users-list img{
	width: 100%;
	vertical-align: top;
}

.tagify__dropdown.users-list strong{
	grid-area: name;
	width: 100%;
	align-self: center;
}

.tagify__dropdown.users-list span{
	grid-area: email;
	width: 100%;
	font-size: .9em;
	opacity: .6;
}

.tagify__dropdown.users-list .tagify__dropdown__item__addAll{
	border-bottom: 1px solid #DDD;
	gap: 0;
}
/* Tags items */
.tagify__tag{
	white-space: nowrap;
}

.tagify__tag:hover .tagify__tag__avatar-wrap{
	transform: scale(1.6) translateX(-10%);
}

.tagify__tag .tagify__tag__avatar-wrap{
	width: 16px;
	height: 16px;
	white-space: normal;
	border-radius: 50%;
	background: silver;
	margin-right: 5px;
	transition: .12s ease-out;
}

.tagify__tag img{
	width: 100%;
	vertical-align: top;
	pointer-events: none;
}
/* -------------------------------
   2 Factor Auth
------------------------------- */
#security-overlay {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 5555555555;
	top: 0;
	left: 0;
	background:#000;
	overflow-x: hidden;
	transition: 0.5s;
}
#security-cover {
	background:#000;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	position: relative;
}
#security-cover-caption {
	width: 100%;
	position: relative;
	z-index: 1;
}
#security-form:before {
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.3);
	z-index: -1;
	border-radius: 10px;
}
.security-fix{
	font-size: 1.5rem;
	color: #fff;
}

/* -------------------------------
   Meeting Rooms / Events Colors
------------------------------- */
.be-category-bar-blue.active {background-color: rgba(2, 143, 243, 0.9)!important;}
.be-category-bar-pink.active {background-color: rgb(245, 86, 156, 0.9)!important;}
.be-category-bar-yellow.active {background-color: rgb(205, 51, 51, 0.9)!important;}
.be-category-bar-orange.active {background-color: rgb(251, 129, 4, 0.9)!important;}
.be-category-bar-green.active {background-color: rgb(49, 140, 65, 0.9)!important;}
.be-category-bar-white.active {background-color: rgb(17, 17, 17, 0.9)!important;}
.be-category-bar-purple.active {background-color: rgb(153, 0, 204, 0.9)!important;}

.be-category-bar-blue {background-color: rgba(2, 143, 243, 0.9);}
.be-category-bar-pink {background-color: rgb(245, 86, 156, 0.9);}
.be-category-bar-yellow {background-color: rgb(205, 51, 51, 0.9);}
.be-category-bar-orange {background-color: rgb(251, 129, 4, 0.9);}
.be-category-bar-green {background-color: rgb(49, 140, 65, 0.9);}
.be-category-bar-white {background-color: rgb(17, 17, 17, 0.9);}
.be-category-bar-purple {background-color: rgb(153, 0, 204, 0.9);}

.be-category-bar-blue:hover {
	background: #0384e0;
	background-color: #0384e0;
	color:#fff;
}
.be-category-bar-pink:hover {
	background: #e45192;
	background-color: #e45192;
	color:#fff;
}
.be-category-bar-yellow:hover {
	background: #bb2f2f;
	background-color: #bb2f2f;
	color:#fff;
}
.be-category-bar-orange:hover {
	background: #e67706;
	background-color: #e67706;
	color:#fff;
}
.be-category-bar-green:hover {
	background: #2a7938;
	background-color: #2a7938;
	color:#fff;
}
.be-category-bar-white:hover {
	background: #272727;
	background-color: #272727;
	color:#fff;
}
.be-category-bar-purple:hover {
	background: #8a02b7;
	background-color: #8a02b7;
	color:#fff;
}

.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event {
    background-image: linear-gradient( 60deg , transparent, rgb(255 255 255 / 25%));
}

/* -------------------------------
   Additional Styles
------------------------------- */

/* 404 Error */

.error-main {
    background: #444;
}
.error {
	margin: 0 auto;
	text-align: center;
}
.error-code,
.error-content {
	position: absolute;
	left: 0;
	right: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
.error-code {
	bottom: 55%;
	color: #e7e7e7;
	font-size: 150px;
	line-height: 150px;
	text-shadow: 10px 10px 0px rgba(0,0,0,0.1);
}
.error-content {
	top: 45%;
    bottom: 0;
    padding-top: 25px;
    background: #444;
}
.error-message {
	color: #fff;
	font-size: 24px;
	letter-spacing: 0.5px;
	margin-bottom: 5px;
}
.error-desc {
	font-size: 12px;
	color: #fff;
	color: rgba(255,255,255,0.8);
	letter-spacing: 1px;
}

/* Public Forms */

.form-control {
    font-size: 14px;
}
.form-wt {
	margin-bottom:15px;
}
.form-control-xl {
    min-height: calc(1.8em + 1rem + 2px);
}

/* Public Cookie Banner */

.cookie-info {
    position: fixed;
	display: block;
	z-index: 99999;
	background-color: rgba(255,255,255,1);
	top: 0px;
	padding: 48px;
	padding-top: 48px;
	padding-bottom: 48px;
	padding-top: 24px;
	padding-bottom: 24px;
}
.close-cookie-info {
    position: absolute;
	right: 10px;
	top: 0;
	margin-top: 12px;
	margin-right: 10px;
}
.cookie-info-cin {
    background: #8c8c8c;
	padding: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: white;
	border-radius: 6px;
}
.cookie-approve {
	text-transform: uppercase;
}
.cookie-info-text h5 {
    font-size: 16px;
	margin: 5px 0 5px;
}

/* Public Sections */

.section {
    position: relative;
    padding: 80px 0;
}
.section-b {
    padding-bottom: 0px;
}
.section-c {
    padding-bottom: 45px;
}
.section-d {
    padding-top: 20px;
}
.section-e {
    padding-top: 0px;
}
.section-bg {
    background:#ebebeb;
}
.section-subtitle {
    font-size: 20px;
    color: #555;
    font-weight: 600;
    margin-bottom: 1.5rem;
}
.section-50 {
	width:50%;
}
.section-btn {
    text-decoration: none;
    color: #20252a;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    transition: color 0.2s linear;
}
.section-btn i {
    border: 2px solid rgba(32, 37, 42, 0.5);
    width: 40px;
    height: 40px;
    margin-right: 1rem;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-btn:hover {
    color: rgba(32, 37, 42, 0.5);
}
.section-btn:focus {
    color: rgba(32, 37, 42, 0.5);
}
.section-xs {
	position: relative;
    padding: 20px 0;
}

/* Sticky Position */

.is-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
	z-index: 2;
}

/* Jarallax Plugin */

.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax-img-contain {
    min-height: 60vh;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* Swiper Slider Plugin */

.swiper-classic {
    height: 440px;
}
.swiper-classic .swiper-slide {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.swiper-pagination-custom  {
		transition-duration: 5000ms !important;
	}
@media (min-width: 992px) {
    .swiper-classic {
		min-height: 93vh;
    }
	.swiper-classic-full {
		min-height: 100vh;
    }
}
@media (max-width: 991px) {
    .swiper-classic {
		min-height: 94vh;
    }
	.swiper-classic-full {
		min-height: 94vh;
    }
}
@media (max-width: 375px) {
    .swiper-classic {
		min-height: 92vh;
    }
	.swiper-classic-full {
		min-height: 92vh;
    }
}
.swiper-wt-main {
    position:relative;
	overflow: hidden!important;
}
.swiper-wt-main-h2 {
    font-size:3rem;
	color: #fff;
	margin-bottom: 30px;
}
.swiper-wt-main-overlay {
	height: 100%!important;
	width: 100%!important;
	top: 0!important;
	position: absolute !important;
	background: #343434;
	opacity: .55;
}
.swiper-wt-color-overlay {
  position: relative;
  z-index: 0;
}
.swiper-wt-color-overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(53,53,53,0.9);
    opacity: .6;
    z-index: -1;
}
.swiper-wt-main-pnbox {
    position: absolute !important;
	padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
	width: 100%!important;
	bottom: 0!important;
    z-index: 9;
    overflow: visible;
    background-color: rgba(225,225,225,0.2);
}
.swiper-wt-main-pnbox-info {
    padding: 30px;
    padding-bottom: 40px;
    font-size: 20px;
    text-align: center;
}
.swiper-wt-main-w {
	width:100%;
}

.carousel-layers li {
    transition: opacity 0.3s, transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.35s;
    overflow: hidden;
    height: auto;
    display: block;
    opacity: 0;
}
.carousel-layers [data-carousel-layer="fade-up"] {
    transform: translate3d(0, 50px, 0);
}
.carousel-layers [data-carousel-layer="fade-down"] {
    transform: translate3d(0, -50px, 0);
}
.carousel-layers [data-carousel-layer="fade-start"] {
    transform: translate3d(-50px, 0, 0);
}
.carousel-layers [data-carousel-layer="fade-end"] {
    transform: translate3d(50px, 0, 0);
}
.carousel-layers [data-carousel-layer="zoom-in"] {
    transform: translate3d(0, -50px, 0) scale(0.6);
}
.carousel-item.active .carousel-layers li,
.swiper-slide-active .carousel-layers li {
    transform: translateZ(0) scale(1);
    opacity: 1;
    transition-duration: 0.8s;
    transition-delay: 0.3s;
}
.carousel-item.active .carousel-layers li:nth-child(2),
.swiper-slide-active .carousel-layers li:nth-child(2) {
    transition-delay: 0.6s;
}
.carousel-item.active .carousel-layers li:nth-child(3),
.swiper-slide-active .carousel-layers li:nth-child(3) {
    transition-delay: 0.8s;
}
.carousel-item.active .carousel-layers li:nth-child(4),
.swiper-slide-active .carousel-layers li:nth-child(4) {
    transition-delay: 1s;
}
.swiper-parallax-bg .swiper-slide {
    height: 75vh;
    display: flex;
    align-items: center;
}
.swiper-parallax-bg .parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 135%;
    height: 100%;
    background-size: cover;
    background-position: center;
}
.swiper-progress .swiper-pagination-progressbar {
    bottom: 0;
    top: auto;
    height: 6px;
    background-color: rgba(255, 255, 255, 0.125);
}
.swiper-progress .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: rgba(255, 255, 255, 0.5);
}
.swiper-vertical {
    height: 100%;
    width: 100%;
}
.swiper-vertical .swiper-slide {
    display: flex;
    align-items: center;
    height: 100%;
}
.swiper-pagination .swiper-pagination-bullet {
    opacity: 0.5;
    background-color: currentColor;
    border-radius: 50%;
    transition: opacity 0.3s, transform 0.3s ease-in-out;
    position: relative;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 1rem;
    transform: scale(0.5);
    transform-origin: center;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    transform: none;
}
.swiper-button-next,
.swiper-button-prev {
    position: relative;
	width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
    margin-top: 0px;
    line-height: 1;
    border-radius: 2.5rem;
    background-color: transparent;
    color: #110f1a;
    transition: all 0.25s;
}
.swiper-button-next:focus,
.swiper-button-prev:focus {
    outline: 0 !important;
}
.swiper-button-next::after,
.swiper-button-next::before,
.swiper-button-prev::after,
.swiper-button-prev::before {
    content: "";
    font-family: inherit;
}
.swiper-button-next::after,
.swiper-button-prev::after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 2px;
    background: currentColor;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translate(-50%, -50%) scaleX(0.5);
    transform-origin: right;
    opacity: 0;
}
.swiper-button-next::before,
.swiper-button-prev::before {
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    display: inline-block;
    width: 8px;
    height: 8px;
    position: relative;
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transform-origin: center;
    transform: rotate(-45deg);
}
.swiper-button-prev::before {
    transform: rotate(135deg);
}
.swiper-button-prev::after {
    transform-origin: left;
}
.swiper-button-next:not(.swiper-button-disabled):hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scaleX(1);
    transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.swiper-button-next:not(.swiper-button-disabled):hover::before {
    transform: translate(2px, 0) rotate(-45deg);
}
.swiper-button-prev:not(.swiper-button-disabled):hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scaleX(1);
    transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.swiper-button-prev:not(.swiper-button-disabled):hover::before {
    transform: translate(-2px, 0) rotate(135deg);
}
.text-light .swiper-pagination .swiper-pagination-bullet,
.text-white .swiper-pagination .swiper-pagination-bullet {
    background-color: #fff;
}
.swiper-thumbs .swiper-slide {
    transition: all 0.25s;
    opacity: 0.35;
    cursor: pointer;
}
.swiper-thumbs .swiper-slide img {
    width: 100%;
    max-width: 70px;
    transition: all 0.25s;
    border-radius: 100%;
    transform: scale(0.75);
    transform-origin: center;
    height: auto;
    display: block;
    margin: 0 auto;
}
.swiper-thumbs .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}
.swiper-thumbs .swiper-slide.swiper-slide-thumb-active img {
    transform: none;
}
.swiper-slide-thumb-active .swiper-pagination-progress-bar-inner {
    transition-property: width;
    transition-timing-function: linear;
    width: 100%;
}
.swiper-pagination-progress {
    cursor: pointer;
}
.swiper-pagination-progress-bar {
    background-color: rgba(17, 15, 26, 0.125);
    height: 4px;
    position: relative;
}
.swiper-pagination-progress-bar-inner {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 100%;
    background-color: #110f1a;
    transition: none;
}
.text-white .swiper-pagination-progress-bar {
    background-color: rgba(255, 255, 255, 0.25);
}
.text-white .swiper-pagination-progress-bar-inner {
    background-color: #fff;
}
.swiper-divider-line {
    background-color: #e3dffc;
    height: 2px;
}
.swiper-divider-line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border-radius: 100%;
    background-color: #7360f2;
    border: 5px solid #f9f8fc;
    margin-left: -1px;
}
.swiper-people {
	overflow: hidden;
}
.swiper-quotes {
	overflow: hidden;
}
.swiper-testimonials-button-main {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.swiper-testimonials-button-2 {
	border-radius: 50% !important;
	border: 2px solid #c0c0c0;
	color: #9f9f9f;
}
/* ---------------------------------------
   Bootstrap 5 Checkbox Switch Size Fix
--------------------------------------- */

.form-check-input{clear:left;cursor:pointer !important}
.form-switch.form-switch-sm{margin-bottom:.5rem}
.form-switch.form-switch-sm .form-check-input{height:1rem;width:calc(1rem + .75rem);border-radius:2rem}
.form-switch.form-switch-md{margin-bottom:1rem}
.form-switch.form-switch-md .form-check-input{height:1.5rem;width:calc(2rem + .75rem);border-radius:3rem}
.form-switch.form-switch-lg{margin-bottom:1.5rem}
.form-switch.form-switch-lg .form-check-input{height:2rem;width:calc(3rem + .75rem);border-radius:4rem}
.form-switch.form-switch-xl{margin-bottom:2rem}
.form-switch.form-switch-xl .form-check-input{height:2.5rem;width:calc(4rem + .75rem);border-radius:5rem}

/* -------------------------------
   Additional Styles
------------------------------- */

.toast-container{
	position:absolute;
	width:100%;
	bottom:10px;
	padding-bottom:10px;
}
.offcanvas{
	overflow-y: auto;
	overflow-x: hidden;
}
.offcanvas.offcanvas-end {
    width: 65%;
}

/* -------------------------------
   Responsive Styles
------------------------------- */

@media (min-width: 1400px) {
	.order-first {
		order: -1 !important; }
	.order-0 {
		order: 0 !important; }
	.order-1 {
		order: 1 !important; }
	.order-2 {
		order: 2 !important; }
	.order-3 {
		order: 3 !important; }
	.order-4 {
		order: 4 !important; }
	.order-5 {
		order: 5 !important; }
	.order-last {
		order: 6 !important; }
}
@media (min-width: 768px) {
	.order-md-first {
		order: -1 !important; }
	.order-md-0 {
		order: 0 !important; }
	.order-md-1 {
		order: 1 !important; }
	.order-md-2 {
		order: 2 !important; }
	.order-md-3 {
		order: 3 !important; }
	.order-md-4 {
		order: 4 !important; }
	.order-md-5 {
		order: 5 !important; }
	.order-md-last {
		order: 6 !important; }
}
		
@media (max-width: 1600px) {
	.offcanvas.offcanvas-store {
		width: 45%;
	}
}
@media (max-width: 1400px) {
	.swiper-wt-main-h2 {
		font-size: 2.5rem;
	}
}
@media (max-width: 1200px) {
	.dropdown-menu-last {
		left: auto;
		right: 0px;
	}
	.offcanvas.offcanvas-store {
		width: 55%;
	}
	.footer {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (max-width: 992px) { 
	.container, .container-lg, .container-md, .container-sm {
		max-width: 95%;
	}
	.navbar {
		--bs-navbar-padding-y: 0.5rem;
	}
	.navbar-nav {
		--bs-nav-link-padding-y: 0.5rem;
	}
	.navbar-nav > li.dropdown:hover > .dropdown-menu, .navbar-nav > li.dropdown:focus > .dropdown-menu {
		display: none;
	}
	.header .dropdown.dropdown-hover:focus .dropdown-menu,
	.header .dropdown.dropdown-hover:hover .dropdown-menu {
		display: none;
		position: relative;
	}
	.dropdown-menu.show {
		display: block !important;
		margin-bottom: 15px;
	}
	.navbar-collapse {
		height: 100vh;
		background: rgba(39, 39, 39, .5);
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		margin-left: -15px;
		margin-right: -15px;
		margin-top: 8px;
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		transition: all .2s linear;
	}
	.nav-buttons .nav-link {
		background: rgb(64 64 64);
		padding-left: 15px;
		border-radius: 6px;
		width: 100%;
	}
	.nav-buttons > li {
		display: block;
	}
	.nav-link {
		background: rgb(245 245 245);
		margin-bottom: 15px;
		padding-left: 15px;
		border-radius: 6px;
	}
	.navbar-dark .nav-link {
		background: rgb(64 64 64);
	}
	.navbar-sm .navbar-nav > li > a {
		padding: 0.5rem;
		padding-left: 15px;
		padding-right: 15px;
	}
	.brand-logo img {
		max-height: 30px;
	}
	.navbar-nav-30 {
		margin-left: 0px;
	}
	.dropdown-menu {
		margin-top: -15px !important;
		background: #f3f3f3;
		border: 0px;
	}
	.navbar-dark .dropdown-menu {
		background: #434343;
	}
	.dropdown-menu .dropdown-item {
		color: #333;
		padding-bottom: 5px;
	}
	.navbar-dark .dropdown-menu .dropdown-item {
		color: #fff;		
	}
	.dropdown-item:hover {
		background-color: #e5e5e5;
	}
	.dropdown-item:focus {
		background-color: #e5e5e5;
	}
	.navbar-dark .dropdown-item:hover {
		background-color: #666666;
	}
	.navbar-dark .dropdown-item:focus {
		background-color: #666666;
	}
	.navbar-default .dropdown-menu-list > li > a:focus,
	.navbar-default .dropdown-menu-list > li > a:hover {
		color: #333;
		background: #e5e5e5;
	}
	.navbar-default .dropdown-menu-list > li > a:active {
		color: #333;
		background: #e5e5e5;
	}
	.navbar-dark .dropdown-menu-container .title {
		color: #fff;
	}
	.navbar-dark .dropdown-menu-list > li > a {
		color: #fff;
	}
	.navbar-dark .dropdown-menu-list > li > a:focus,
	.navbar-dark .dropdown-menu-list > li > a:hover {
		text-decoration: none;
		color: #fff;
		background: #666666;
	}
	.navbar-dark .dropdown-menu-list  > li > a:active {
		color: #fff;
		background: #666666;
	}
	.header-nav-buttons-1 {
		margin-right: 72px;
		margin-top: 10px;
		top: 0;
		right: 0;
		display: block;
		position: absolute;
	}
	.btn.btn-header {
		font-size: 14px;
		margin-right: 30px;
		margin-left: 0px;
		padding: 7.5px 15px;
	}
	.footer .footer-logo .footer-logo-text {
        font-size: 1.3125rem;
    }
	.footer .footer-media-list a {
        font-size: 0.875rem;
    }
    .footer .footer-media-list a + a {
        margin-left: 0.15rem;
    }
	.footer {
		padding: 2rem 0;
		padding-bottom: 1rem;
		padding-left: 20px;
		padding-right: 20px;
	}
	.footer .footer-media-list {
		display:block;
		text-align:center;
	}
	.footer .footer-desc {
		margin-bottom: 1.5rem;
	}
	.footer .footer-logo {
		display: block;
		text-align: center;
	}
	.footer .footer-copyright {
		margin-top: 0rem;
	}
	.top-nav .navbar-collapse {
		height: 38px;
		padding: 0px;
	}
	.top-nav .dropdown-menu {
		top: 53px !important;
		position: absolute;
	}
	.dropdown-menu-sidebar {
		width: 220px;
		min-width: 220px;
		padding: 5px 5px;
	}
	.fixed-top-nav-2 {
		height: 57.63px;
	}
	.top-nav-logo .brand-logo img {
		margin-top: 12px;
	}
	.top-nav-right {
		display: none;
	}
	.top-nav-2-main {
		margin-top: 0px;
	}
	.navbar-sm .top-nav-logo {
		width: auto;
		margin-top: 0px;
		float: none;
		position: relative;
		z-index: 1;
	}
	.top-nav-2-container {
		padding-left:0px;
		padding-right:0px;
	}
	.top-nav-2-main {
		padding-left: 15px;
		padding-right: 15px;
		display: flex;
	}
	.top-nav-bottom .nav-link {
		padding-top: 10px;
	}
	.nav-store-992 .nav-store-button {
		margin-bottom: 0px !important;
	}
	.offcanvas.offcanvas-store {
		width: 100% !important;
	}
	.nav-store-992 {
		display:flex;
	}
	.nav-store {
		display:none;
	}
	.store-searchnav-s {
		display:none;
	}
	.store-searchnav-992 {
		display:flex;
	}
	.store-searchnav-button {
		margin-bottom: 0px !important;
	}
	.store-searchnav-button:hover {
		color:#fff !important;
	}
	.store-searchnav-button:focus {
		color:#fff !important;
	}
	.store-searchnav-last {
		margin-top:11px !important;
	}
	.storenav-options {
		display: flex;
		align-items: normal;
		right: 0;
		position: absolute;
		margin-top: 10px;
		z-index: 10;
	}
	.swiper-wt-main-h2 {
		font-size: 2rem;
		margin-bottom: 20px;
	}
	.swiper-wt-main-pnbox-info {
		padding: 15px;
		padding-bottom: 30px;
		font-size: 15px;
	}
	.header-6 .header-6-nav .nav-link {
		padding: 10px 20px;
		margin-top: 0px;
		margin-bottom: 15px;
		padding-left: 15px;
	}
}
@media (max-width: 767px) {
	.container, .container-lg, .container-md, .container-sm {
		max-width: 100%;
	}
	.cookie-main {
		width: 100%;
	}
	#col-order-1 {
		order: 2;
	}
	#col-order-2 {
		order: 1;
	}
	.footer-legal {
		text-align: center;
	}
	.footer-powered {
		text-align: center;
	}
	.footer {
		padding-left: inherit;
		padding-right: inherit;
		text-align: center;
	}
	.footer-aboutus h5 {
		margin-top: 15px;
	}
	.login-main {
		min-height: auto;
		display: block;
		margin-top: 60px;
		margin-bottom: 60px !important;
	}
	.dropdown-menu-container {
        display: block;
        min-width: inherit;
        padding: 15px;
		padding-left: 5px;
    }
	.dropdown-menu-container .title {
        font-size: 14px;
    }
	.dropdown-menu-sidebar {
        display: block;
        width: auto;
        padding: 0;
    }
	.dropdown-menu-sidebar + .dropdown-menu-content {
        border-top: 1px solid var(--app-component-dropdown-border-color);
        padding-top: 25px;
        margin-top: 25px;
        border-left: none !important;
        padding-left: 0 !important;
	    height: 300px;
		overflow-x: hidden;
    }
	.dropdown-menu-content {
        padding: 0;
        display: block;
    }
    .dropdown-menu-content .row > div:last-child {
        margin-bottom: 15px;
    }
	.dropdown .dropdown-menu-list {
        margin-bottom: 10px;
        display: flex;
        flex-wrap: wrap;
    }
	.dropdown .dropdown-menu-list > li {
        width: 50%;
        margin-bottom: 5px;
    }
	.dropdown .dropdown-menu-list > li + li {
        margin-top: 0;
    }
	.section {
		padding: 48px 0;
	}
}
@media (max-width: 575.98px) {
    .dropdown-full-width {
        position: relative;
    }
	.section-50 {
		width:100%;
	}
	.w-6, .w-7, .w-8, .w-9 {
		width:100%;
	}
}
@media (max-width: 480px) {
	.lead {
		font-size: 1.05rem;
		line-height: 1.4;
	}
	.top-nav-bottom .navbar-collapse {
		padding-left:15px;
		padding-right:15px;
	}
	.btn.btn-header {
		font-size: 14px;
		margin-right: 5px;
		margin-left: 10px;
		padding: 6.5px 10px;
	}
	.header-nav-buttons-1 {
		margin-right: 82px;
		margin-top: 11px;
	}
	.top-nav-menu-2 .topnavmenu-item {
		display:none !important;
	}
	.dropdown-menu-sidebar + .dropdown-menu-content {
	    height: 210px;
    }
	.swiper-wt-main-pnbox-info {
		padding: 10px;
		padding-bottom: 20px;
	}
	.swiper-wt-main-h2 {
		font-size: 1.5rem;
	}
	.swiper-wt-main-w {
		width:auto;
	}
	.swiper-wt-main-overlay-info {
		margin-top: -25px;
	}
	.swiper-people img {
		height: 200px;
		object-fit: cover;
	}
}