@charset "UTF-8";




[data-bs-theme=light] {
    --bs-text-muted: #99A1B7;
    --bs-gray-100: #F9F9F9;
    --bs-gray-100-rgb: 249, 249, 249;
    --bs-gray-200: #F1F1F4;
    --bs-gray-200-rgb: 241, 241, 244;
    --bs-gray-300: #DBDFE9;
    --bs-gray-300-rgb: 219, 223, 233;
    --bs-gray-400: #C4CADA;
    --bs-gray-400-rgb: 196, 202, 218;
    --bs-gray-500: #99A1B7;
    --bs-gray-500-rgb: 153, 161, 183;
    --bs-gray-600: #78829D;
    --bs-gray-600-rgb: 120, 130, 157;
    --bs-gray-700: #4B5675;
    --bs-gray-700-rgb: 75, 86, 117;
    --bs-gray-800: #252F4A;
    --bs-gray-800-rgb: 37, 47, 74;
    --bs-gray-900: #071437;
    --bs-gray-900-rgb: 7, 20, 55;
    --bs-light: #F9F9F9;
    --bs-primary: #1B84FF;
    --bs-secondary: #F1F1F4;
    --bs-success: #17C653;
    --bs-info: #7239EA;
    --bs-warning: #F6C000;
    --bs-danger: #F8285A;
    --bs-dark: #1E2129;
    --bs-primary-active: #056EE9;
    --bs-secondary-active: #C4CADA;
    --bs-light-active: #F1F1F4;
    --bs-success-active: #04B440;
    --bs-info-active: #5014D0;
    --bs-warning-active: #DEAD00;
    --bs-danger-active: #D81A48;
    --bs-dark-active: #111318;
    --bs-primary-light: #E9F3FF;
    --bs-secondary-light: #F9F9F9;
    --bs-success-light: #DFFFEA;
    --bs-info-light: #F8F5FF;
    --bs-warning-light: #FFF8DD;
    --bs-danger-light: #FFEEF3;
    --bs-dark-light: #F9F9F9;
    --bs-light-light: #ffffff;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #252F4A;
    --bs-light-inverse: #252F4A;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-primary-clarity: rgba(27, 132, 255, 0.2);
    --bs-secondary-clarity: rgba(249, 249, 249, 0.2);
    --bs-success-clarity: rgba(23, 198, 83, 0.2);
    --bs-info-clarity: rgba(114, 57, 234, 0.2);
    --bs-warning-clarity: rgba(246, 192, 0, 0.2);
    --bs-danger-clarity: rgba(248, 40, 90, 0.2);
    --bs-dark-clarity: rgba(30, 33, 41, 0.2);
    --bs-light-clarity: rgba(255, 255, 255, 0.2);
    --bs-light-rgb: 249, 249, 249;
    --bs-primary-rgb: 27, 132, 255;
    --bs-secondary-rgb: 241, 241, 244;
    --bs-success-rgb: 23, 198, 83;
    --bs-info-rgb: 114, 57, 234;
    --bs-warning-rgb: 246, 192, 0;
    --bs-danger-rgb: 248, 40, 90;
    --bs-dark-rgb: 30, 33, 41;
    --bs-text-white: #ffffff;
    --bs-text-primary: #1B84FF;
    --bs-text-secondary: #F1F1F4;
    --bs-text-light: #F9F9F9;
    --bs-text-success: #17C653;
    --bs-text-info: #7239EA;
    --bs-text-warning: #F6C000;
    --bs-text-danger: #F8285A;
    --bs-text-dark: #1E2129;
    --bs-text-muted: #99A1B7;
    --bs-text-gray-100: #F9F9F9;
    --bs-text-gray-200: #F1F1F4;
    --bs-text-gray-300: #DBDFE9;
    --bs-text-gray-400: #C4CADA;
    --bs-text-gray-500: #99A1B7;
    --bs-text-gray-600: #78829D;
    --bs-text-gray-700: #4B5675;
    --bs-text-gray-800: #252F4A;
    --bs-text-gray-900: #071437;
    --bs-border-color: #F1F1F4;
    --bs-border-dashed-color: #DBDFE9;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #1B84FF;
    --bs-component-hover-color: #1B84FF;
    --bs-component-hover-bg: #F9F9F9;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #1B84FF;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --bs-root-card-border-color: #F1F1F4;
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-table-striped-bg: rgba(var(--bs-gray-100-rgb), 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-code-bg: #f1f3f8;
    --bs-code-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --bs-code-border-color: transparent;
    --bs-code-color: #b93993;
    --bs-symbol-label-color: var(--bs-gray-800);
    --bs-symbol-label-bg: var(--bs-gray-100);
    --bs-symbol-border-color: rgba(var(--bs-body-bg), 0.5);
    --bs-bullet-bg-color: var(--bs-gray-400);
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: var(--bs-box-shadow);
    --bs-scrolltop-bg-color: var(--bs-primary);
    --bs-scrolltop-bg-color-hover: var(--bs-primary);
    --bs-scrolltop-icon-color: var(--bs-primary-inverse);
    --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse);
    --bs-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    --bs-drawer-bg-color: #ffffff;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
    --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-menu-dropdown-bg-color: var(--bs-body-bg);
    --bs-menu-heading-color: #99A1B7;
    --bs-menu-link-color-hover: #1B84FF;
    --bs-menu-link-color-show: #1B84FF;
    --bs-menu-link-color-here: #1B84FF;
    --bs-menu-link-color-active: #1B84FF;
    --bs-menu-link-bg-color-hover: #F9F9F9;
    --bs-menu-link-bg-color-show: #F9F9F9;
    --bs-menu-link-bg-color-here: #F9F9F9;
    --bs-menu-link-bg-color-active: #F9F9F9;
    --bs-scrollbar-color: #F1F1F4;
    --bs-scrollbar-hover-color: #DBDFE9;
    --bs-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-rating-color-default: #C4CADA;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(30, 33, 41, 0.1);
    --bs-ribbon-label-bg: #1B84FF;
    --bs-ribbon-label-border-color: #0053b4;
    --bs-ribbon-clip-bg: #1E2129;
    --bs-engage-btn-bg: #ffffff;
    --bs-engage-btn-box-shadow: 0px 0px 22px #E0E0E0;
    --bs-engage-btn-border-color: #E8E8E8;
    --bs-engage-btn-color: #252F4A;
    --bs-engage-btn-icon-color: #78829D;
    --bs-engage-btn-color-active: #252F4A;
}

[data-bs-theme=dark] {
    --bs-text-muted: #636674;
    --bs-gray-100: #1B1C22;
    --bs-gray-100-rgb: 27, 28, 34;
    --bs-gray-200: #26272F;
    --bs-gray-200-rgb: 38, 39, 47;
    --bs-gray-300: #363843;
    --bs-gray-300-rgb: 54, 56, 67;
    --bs-gray-400: #464852;
    --bs-gray-400-rgb: 70, 72, 82;
    --bs-gray-500: #636674;
    --bs-gray-500-rgb: 99, 102, 116;
    --bs-gray-600: #808290;
    --bs-gray-600-rgb: 128, 130, 144;
    --bs-gray-700: #9A9CAE;
    --bs-gray-700-rgb: 154, 156, 174;
    --bs-gray-800: #B5B7C8;
    --bs-gray-800-rgb: 181, 183, 200;
    --bs-gray-900: #F5F5F5;
    --bs-gray-900-rgb: 245, 245, 245;
    --bs-light: #1B1C22;
    --bs-primary: #006AE6;
    --bs-secondary: #363843;
    --bs-success: #00A261;
    --bs-info: #883FFF;
    --bs-warning: #C59A00;
    --bs-danger: #E42855;
    --bs-dark: #F9F9F9;
    --bs-primary-active: #107EFF;
    --bs-secondary-active: #464852;
    --bs-light-active: #1F212A;
    --bs-success-active: #01BF73;
    --bs-info-active: #9E63FF;
    --bs-warning-active: #D9AA00;
    --bs-danger-active: #FF3767;
    --bs-dark-active: #F9F9F9;
    --bs-primary-light: #172331;
    --bs-secondary-light: #363843;
    --bs-success-light: #1F212A;
    --bs-info-light: #272134;
    --bs-warning-light: #242320;
    --bs-danger-light: #302024;
    --bs-dark-light: #1E2027;
    --bs-light-light: #1F212A;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #ffffff;
    --bs-light-inverse: #808290;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #1E2129;
    --bs-primary-clarity: rgba(0, 106, 230, 0.2);
    --bs-secondary-clarity: rgba(54, 56, 67, 0.2);
    --bs-success-clarity: rgba(0, 162, 97, 0.2);
    --bs-info-clarity: rgba(136, 63, 255, 0.2);
    --bs-warning-clarity: rgba(197, 154, 0, 0.2);
    --bs-danger-clarity: rgba(228, 40, 85, 0.2);
    --bs-dark-clarity: rgba(39, 42, 52, 0.2);
    --bs-light-clarity: rgba(31, 33, 42, 0.2);
    --bs-light-rgb: 27, 28, 34;
    --bs-primary-rgb: 0, 106, 230;
    --bs-secondary-rgb: 54, 56, 67;
    --bs-success-rgb: 0, 162, 97;
    --bs-info-rgb: 136, 63, 255;
    --bs-warning-rgb: 197, 154, 0;
    --bs-danger-rgb: 228, 40, 85;
    --bs-dark-rgb: 249, 249, 249;
    --bs-text-white: #ffffff;
    --bs-text-primary: #006AE6;
    --bs-text-secondary: #363843;
    --bs-text-light: #1B1C22;
    --bs-text-success: #00A261;
    --bs-text-info: #883FFF;
    --bs-text-warning: #C59A00;
    --bs-text-danger: #E42855;
    --bs-text-dark: #F9F9F9;
    --bs-text-muted: #636674;
    --bs-text-gray-100: #1B1C22;
    --bs-text-gray-200: #26272F;
    --bs-text-gray-300: #363843;
    --bs-text-gray-400: #464852;
    --bs-text-gray-500: #636674;
    --bs-text-gray-600: #808290;
    --bs-text-gray-700: #9A9CAE;
    --bs-text-gray-800: #B5B7C8;
    --bs-text-gray-900: #F5F5F5;
    --bs-border-color: #26272F;
    --bs-border-dashed-color: #363843;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #006AE6;
    --bs-component-hover-color: #006AE6;
    --bs-component-hover-bg: #1B1C22;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #006AE6;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-root-card-box-shadow: none;
    --bs-root-card-border-color: #1E2027;
    --bs-table-striped-bg: rgba(27, 28, 34, 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-dropdown-bg: #1C1D22;
    --bs-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-code-bg: #2b2b40;
    --bs-code-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px;
    --bs-code-border-color: transparent;
    --bs-code-color: #b93993;
    --bs-symbol-label-color: #B5B7C8;
    --bs-symbol-label-bg: #1B1C22;
    --bs-symbol-border-color: rgba(255, 255, 255, 0.5);
    --bs-bullet-bg-color: #464852;
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-scrolltop-bg-color: #1B84FF;
    --bs-scrolltop-bg-color-hover: #1B84FF;
    --bs-scrolltop-icon-color: #ffffff;
    --bs-scrolltop-icon-color-hover: #ffffff;
    --bs-drawer-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    --bs-drawer-bg-color: #1C1D22;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.4);
    --bs-menu-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-menu-dropdown-bg-color: #1C1D22;
    --bs-menu-heading-color: #636674;
    --bs-menu-link-color-hover: #006AE6;
    --bs-menu-link-color-show: #006AE6;
    --bs-menu-link-color-here: #006AE6;
    --bs-menu-link-color-active: #006AE6;
    --bs-menu-link-bg-color-hover: #1B1C22;
    --bs-menu-link-bg-color-show: #1B1C22;
    --bs-menu-link-bg-color-here: #1B1C22;
    --bs-menu-link-bg-color-active: #1B1C22;
    --bs-scrollbar-color: #26272F;
    --bs-scrollbar-hover-color: #363843;
    --bs-overlay-bg: rgba(255, 255, 255, 0.05);
    --bs-blockui-overlay-bg: rgba(255, 255, 255, 0.05);
    --bs-rating-color-default: #464852;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(255, 255, 255, 0.1);
    --bs-ribbon-label-bg: #1B84FF;
    --bs-ribbon-label-border-color: #0053b4;
    --bs-ribbon-clip-bg: #F9F9F9;
    --bs-engage-btn-bg: #26272F;
    --bs-engage-btn-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-engage-btn-border-color: #26272F;
    --bs-engage-btn-color: #B5B7C8;
    --bs-engage-btn-icon-color: #808290;
    --bs-engage-btn-color-active: #B5B7C8;
}

body,
.app-default {
    background-color: var(--bs-app-bg-color);
}

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

.footer{
    background-color: var(--bs-app-bg-color);
}


.bg-lighten {
    background-color: var(--bs-app-bg-color) !important;
}

.bg-default {
    background: var(--bs-primary-clarity) !important;
}

.form-control {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-app-bg-color);
}

.form-control[readonly] {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-app-bg-color);
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--bs-body-color);
}

.menu-link {
    color: var(--bs-body-color);
}

/*.note h1, .note h2, .note h3, .note h4, .note h5, .note h6 {*/
/*    color: var(--bs-dark-inverse);*/
/*}*/

.note.note-success {
    background-color: var(--bs-success-clarity);
    border-color: var(--bs-success);
    color: black;
}

.note.note-info {
    background-color: var(--bs-info-clarity);
    border-color: var(--bs-info);
    color: black;
}


.accordion-button {
    color: var(--bs-body-color);
    background-color: var(--bs-app-bg-color);
}
.accordion-button:focus {
    border-color: var(--bs-gray-300) !important;
}

.card-title span { color: var(--bs-body-color); }

.portlet > .portlet-title {
    border-bottom: 1px solid var(--bs-gray-300);
}


.text-gray-100{ color:var(--bs-gray-100) !important; }
.text-gray-200{ color:var(--bs-gray-200) !important; }
.text-gray-300{ color:var(--bs-gray-300) !important; }
.text-gray-400{ color:var(--bs-gray-400) !important; }
.text-gray-500{ color:var(--bs-gray-500) !important; }
.text-gray-600{ color:var(--bs-gray-600) !important; }
.text-gray-700{ color:var(--bs-gray-700) !important; }
.text-gray-800{ color:var(--bs-gray-800) !important; }
.text-gray-900{ color:var(--bs-gray-900) !important; }

.p3-drawer .footer {
    border-top: 1px solid var(--bs-gray-300) !important;
    background: var(--bs-app-bg-color) !important;
}

.jqx-widget-header {
    border-color: #c5c5c5 !important;
    color: var(--bs-body-color);
    background: var(--bs-primary-clarity) !important;
}
.jqx-widget-content {
    background: var(--bs-app-bg-color) !important;
}



.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: var(--bs-gray-900);
    --bs-card-subtitle-color: ;
    --bs-card-border-width: 1px;
    --bs-card-border-radius: 0.625rem;
    --bs-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --bs-card-inner-border-radius: calc(0.625rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: transparent;
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
    box-shadow: var(--bs-card-box-shadow);
}
.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);
    color: var(--bs-card-title-color);
}

.card-subtitle {
    margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0;
    color: var(--bs-card-subtitle-color);
}

.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-top,
.card-img-bottom {
    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-img-top,
    .card-group > .card:not(:last-child) .card-header {
        border-top-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-bottom,
    .card-group > .card:not(:last-child) .card-footer {
        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-img-top,
    .card-group > .card:not(:first-child) .card-header {
        border-top-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-bottom,
    .card-group > .card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0;
    }
}



.card {
    --bs-card-box-shadow: var(--bs-root-card-box-shadow);
    --bs-card-border-color: var(--bs-root-card-border-color);
    border: 1px solid var(--bs-card-border-color);
}
.card .card-header {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    min-height: 70px;
    padding: 0 2.25rem;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: 1px solid var(--bs-card-border-color);
}
.card .card-header .card-title {
    display: flex;
    align-items: center;
    margin: 0.5rem;
    margin-left: 0;
}
.card .card-header .card-title.flex-column {
    align-items: flex-start;
    justify-content: center;
}
.card .card-header .card-title .card-icon {
    margin-right: 0.75rem;
    line-height: 0;
}
.card .card-header .card-title .card-icon i {
    font-size: 1.25rem;
    color: var(--bs-gray-600);
    line-height: 0;
}
.card .card-header .card-title .card-icon i:after, .card .card-header .card-title .card-icon i:before {
    line-height: 0;
}
.card .card-header .card-title .card-icon .svg-icon {
    color: var(--bs-gray-600);
}
.card .card-header .card-title .card-icon .svg-icon svg {
    height: 24px;
    width: 24px;
}
.card .card-header .card-title,
.card .card-header .card-title .card-label {
    font-weight: 500;
    font-size: 1.275rem;
    color: var(--bs-text-gray-900);
}
.card .card-header .card-title .card-label {
    margin: 0 0.75rem 0 0;
    flex-wrap: wrap;
}
.card .card-header .card-title small, .card .card-header .card-title .small {
    color: var(--bs-text-muted);
    font-size: 1rem;
}
.card .card-header .card-title h1, .card .card-header .card-title .h1, .card .card-header .card-title h2, .card .card-header .card-title .h2, .card .card-header .card-title h3, .card .card-header .card-title .h3, .card .card-header .card-title h4, .card .card-header .card-title .h4, .card .card-header .card-title h5, .card .card-header .card-title .h5, .card .card-header .card-title h6, .card .card-header .card-title .h6 {
    margin-bottom: 0;
}
.card .card-header .card-toolbar {
    display: flex;
    align-items: center;
    margin: 0.5rem 0;
    flex-wrap: wrap;
}
.card .card-body {
    padding: 2rem 2.25rem;
    color: var(--bs-card-color);
}
.card .card-footer {
    padding: 2rem 2.25rem;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: 1px solid var(--bs-card-border-color);
}
.card .card-scroll {
    position: relative;
    overflow: auto;
}
.card.card-px-0 .card-header,
.card.card-px-0 .card-body,
.card.card-px-0 .card-footer {
    padding-left: 0;
    padding-right: 0;
}
.card.card-py-0 .card-header,
.card.card-py-0 .card-body,
.card.card-py-0 .card-footer {
    padding-top: 0;
    padding-bottom: 0;
}
.card.card-p-0 .card-header,
.card.card-p-0 .card-body,
.card.card-p-0 .card-footer {
    padding: 0;
}
.card.card-dashed {
    box-shadow: none;
    border: 1px dashed var(--bs-border-dashed-color);
}
.card.card-dashed > .card-header {
    border-bottom: 1px dashed var(--bs-border-dashed-color);
}
.card.card-dashed > .card-footer {
    border-top: 1px dashed var(--bs-border-dashed-color);
}
.card.card-bordered {
    box-shadow: none;
    border: 1px solid #F1F1F4;
}
.card.card-flush > .card-header {
    border-bottom: 0 !important;
}
.card.card-flush > .card-footer {
    border-top: 0 !important;
}
.card.card-shadow {
    box-shadow: var(--bs-card-box-shadow);
    border: 0;
}
.card.card-reset {
    border: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
}
.card.card-reset > .card-header {
    border-bottom: 0 !important;
}
.card.card-reset > .card-footer {
    border-top: 0 !important;
}
.card.card-borderless {
    border: 0 !important;
}
.card.card-borderless > .card-header {
    border-bottom: 0 !important;
}
.card.card-borderless > .card-footer {
    border-top: 0 !important;
}
.card.card-border-0 {
    border: 0 !important;
}

.card.card-stretch {
    height: calc(100% - var(--bs-gutter-y));
}
.card.card-stretch-75 {
    height: calc(75% - var(--bs-gutter-y));
}
.card.card-stretch-50 {
    height: calc(50% - var(--bs-gutter-y));
}
.card.card-stretch-33 {
    height: calc(33.333% - var(--bs-gutter-y));
}
.card.card-stretch-25 {
    height: calc(25% - var(--bs-gutter-y));
}
.card .card-header-stretch {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: stretch;
}
.card .card-header-stretch .card-toolbar {
    margin: 0;
    align-items: stretch;
}
@media (min-width: 576px) {
    .card.card-sm-stretch {
        height: calc(100% - var(--bs-gutter-y));
    }
    .card.card-sm-stretch-75 {
        height: calc(75% - var(--bs-gutter-y));
    }
    .card.card-sm-stretch-50 {
        height: calc(50% - var(--bs-gutter-y));
    }
    .card.card-sm-stretch-33 {
        height: calc(33.333% - var(--bs-gutter-y));
    }
    .card.card-sm-stretch-25 {
        height: calc(25% - var(--bs-gutter-y));
    }
    .card .card-header-sm-stretch {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        align-items: stretch;
    }
    .card .card-header-sm-stretch .card-toolbar {
        margin: 0;
        align-items: stretch;
    }
}
@media (min-width: 768px) {
    .card.card-md-stretch {
        height: calc(100% - var(--bs-gutter-y));
    }
    .card.card-md-stretch-75 {
        height: calc(75% - var(--bs-gutter-y));
    }
    .card.card-md-stretch-50 {
        height: calc(50% - var(--bs-gutter-y));
    }
    .card.card-md-stretch-33 {
        height: calc(33.333% - var(--bs-gutter-y));
    }
    .card.card-md-stretch-25 {
        height: calc(25% - var(--bs-gutter-y));
    }
    .card .card-header-md-stretch {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        align-items: stretch;
    }
    .card .card-header-md-stretch .card-toolbar {
        margin: 0;
        align-items: stretch;
    }
}
@media (min-width: 992px) {
    .card.card-lg-stretch {
        height: calc(100% - var(--bs-gutter-y));
    }
    .card.card-lg-stretch-75 {
        height: calc(75% - var(--bs-gutter-y));
    }
    .card.card-lg-stretch-50 {
        height: calc(50% - var(--bs-gutter-y));
    }
    .card.card-lg-stretch-33 {
        height: calc(33.333% - var(--bs-gutter-y));
    }
    .card.card-lg-stretch-25 {
        height: calc(25% - var(--bs-gutter-y));
    }
    .card .card-header-lg-stretch {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        align-items: stretch;
    }
    .card .card-header-lg-stretch .card-toolbar {
        margin: 0;
        align-items: stretch;
    }
}
@media (min-width: 1200px) {
    .card.card-xl-stretch {
        height: calc(100% - var(--bs-gutter-y));
    }
    .card.card-xl-stretch-75 {
        height: calc(75% - var(--bs-gutter-y));
    }
    .card.card-xl-stretch-50 {
        height: calc(50% - var(--bs-gutter-y));
    }
    .card.card-xl-stretch-33 {
        height: calc(33.333% - var(--bs-gutter-y));
    }
    .card.card-xl-stretch-25 {
        height: calc(25% - var(--bs-gutter-y));
    }
    .card .card-header-xl-stretch {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        align-items: stretch;
    }
    .card .card-header-xl-stretch .card-toolbar {
        margin: 0;
        align-items: stretch;
    }
}
@media (min-width: 1400px) {
    .card.card-xxl-stretch {
        height: calc(100% - var(--bs-gutter-y));
    }
    .card.card-xxl-stretch-75 {
        height: calc(75% - var(--bs-gutter-y));
    }
    .card.card-xxl-stretch-50 {
        height: calc(50% - var(--bs-gutter-y));
    }
    .card.card-xxl-stretch-33 {
        height: calc(33.333% - var(--bs-gutter-y));
    }
    .card.card-xxl-stretch-25 {
        height: calc(25% - var(--bs-gutter-y));
    }
    .card .card-header-xxl-stretch {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        align-items: stretch;
    }
    .card .card-header-xxl-stretch .card-toolbar {
        margin: 0;
        align-items: stretch;
    }
}

.card-p {
    padding: 2rem 2.25rem !important;
}

.card-border {
    border: 1px solid var(--bs-root-card-border-color) !important;
}

.card-px {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
}

.card-shadow {
    box-shadow: var(--bs-card-box-shadow);
}

.card-py {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.card-rounded {
    border-radius: 0.625rem;
}

.card-rounded-start {
    border-top-left-radius: 0.625rem;
    border-bottom-left-radius: 0.625rem;
}

.card-rounded-end {
    border-top-right-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
}

.card-rounded-top {
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
}

.card-rounded-bottom {
    border-bottom-left-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
}

@media (max-width: 767.98px) {
    .card > .card-header:not(.flex-nowrap) {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}
[data-bs-theme=dark] .card {
    --bs-card-box-shadow: none;
}

[data-bs-theme=dark] .header {
    box-shadow: none;
}


/* TABLES */
.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(var(--bs-gray-100-rgb), 0.75);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: var(--bs-gray-100);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: var(--bs-gray-100);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}


.table td,.table th,.table tr{
    border-color:inherit;
    border-width:inherit;
    border-style:inherit;
    text-transform:inherit;
    font-weight:inherit;
    font-size:inherit;
    color: var(--bs-body-color);
    background-color: var(--bs-table-bg);
    height:inherit;
    min-height:inherit
}

.table-scrollable > .table {
    background-color: var(--bs-table-bg);
}


/* MENUS */
.menu-sub-dropdown {
    background-color: var(--bs-menu-dropdown-bg-color);
    box-shadow: var(--bs-menu-dropdown-box-shadow);
}
.menu-active-bg .menu-item .menu-link.active {
    background-color: var(--bs-menu-link-bg-color-active);
    color: var(--bs-menu-link-color-active);
}
.menu-active-bg .menu-item .menu-link.active .menu-title {
    color: var(--bs-menu-link-color-active);
}

/*PORTLETS*/
.portlet, .portlet.light {
    color: var(--bs-body-color);
    background-color: var(--bs-card-bg);
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    box-shadow: var(--bs-card-box-shadow);
}

.portlet.box > .portlet-body {
    background-color: var(--bs-card-bg);
}


 /*BACKGROUNDS*/
.bg-white {
    --bs-bg-rgb-color: var(--bs-white-bg-rgb);
    background-color: #ffffff !important;
}

.bg-black {
    --bs-bg-rgb-color: var(--bs-black-bg-rgb);
    background-color: #000000 !important;
}

.bg-body {
    --bs-bg-rgb-color: var(--bs-body-bg-rgb);
    background-color: var(--bs-body-bg) !important;
}

.bg-hover-body {
    cursor: pointer;
}
.bg-hover-body:hover {
    background-color: var(--bs-body-bg) !important;
}

.bg-active-body.active {
    background-color: var(--bs-body-bg) !important;
}

.bg-state-body {
    cursor: pointer;
}
.bg-state-body.active, .bg-state-body:hover {
    background-color: var(--bs-body-bg) !important;
}

.bg-hover-white {
    cursor: pointer;
}
.bg-hover-white:hover {
    --bs-bg-rgb-color: var(--bs-white-bg-rgb);
    background-color: #ffffff !important;
}

.bg-active-white.active {
    --bs-bg-rgb-color: var(--bs-white-bg-rgb);
    background-color: #ffffff !important;
}

.bg-state-white {
    cursor: pointer;
}
.bg-state-white.active, .bg-state-white:hover {
    --bs-bg-rgb-color: var(--bs-white-bg-rgb);
    background-color: #ffffff !important;
}

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

.bg-light {
    --bs-bg-rgb-color: var(--bs-light-rgb);
    background-color: var(--bs-light) !important;
}

.bg-light-active {
    --bs-bg-rgb-color: var(--bs-light-active-rgb);
    background-color: var(--bs-light-active) !important;
}

.bg-hover-light-light {
    cursor: pointer;
}
.bg-hover-light-light:hover {
    background-color: var(--bs-light-light) !important;
}

.bg-state-light-light {
    cursor: pointer;
}
.bg-state-light-light.active, .bg-state-light-light:hover {
    background-color: var(--bs-light-light) !important;
}

.bg-hover-light {
    cursor: pointer;
}
.bg-hover-light:hover {
    background-color: var(--bs-light) !important;
}

.bg-active-light.active {
    background-color: var(--bs-light) !important;
}

.bg-state-light {
    cursor: pointer;
}
.bg-state-light.active, .bg-state-light:hover {
    background-color: var(--bs-light) !important;
}

.bg-light-primary {
    background-color: var(--bs-primary-light) !important;
}

.bg-primary {
    --bs-bg-rgb-color: var(--bs-primary-rgb);
    background-color: var(--bs-primary) !important;
}

.bg-primary-active {
    --bs-bg-rgb-color: var(--bs-primary-active-rgb);
    background-color: var(--bs-primary-active) !important;
}

.bg-hover-light-primary {
    cursor: pointer;
}
.bg-hover-light-primary:hover {
    background-color: var(--bs-primary-light) !important;
}

.bg-state-light-primary {
    cursor: pointer;
}
.bg-state-light-primary.active, .bg-state-light-primary:hover {
    background-color: var(--bs-primary-light) !important;
}

.bg-hover-primary {
    cursor: pointer;
}
.bg-hover-primary:hover {
    background-color: var(--bs-primary) !important;
}

.bg-active-primary.active {
    background-color: var(--bs-primary) !important;
}

.bg-state-primary {
    cursor: pointer;
}
.bg-state-primary.active, .bg-state-primary:hover {
    background-color: var(--bs-primary) !important;
}

.bg-light-secondary {
    background-color: var(--bs-secondary-light) !important;
}

.bg-secondary {
    --bs-bg-rgb-color: var(--bs-secondary-rgb);
    background-color: var(--bs-secondary) !important;
}

.bg-secondary-active {
    --bs-bg-rgb-color: var(--bs-secondary-active-rgb);
    background-color: var(--bs-secondary-active) !important;
}

.bg-hover-light-secondary {
    cursor: pointer;
}
.bg-hover-light-secondary:hover {
    background-color: var(--bs-secondary-light) !important;
}

.bg-state-light-secondary {
    cursor: pointer;
}
.bg-state-light-secondary.active, .bg-state-light-secondary:hover {
    background-color: var(--bs-secondary-light) !important;
}

.bg-hover-secondary {
    cursor: pointer;
}
.bg-hover-secondary:hover {
    background-color: var(--bs-secondary) !important;
}

.bg-active-secondary.active {
    background-color: var(--bs-secondary) !important;
}

.bg-state-secondary {
    cursor: pointer;
}
.bg-state-secondary.active, .bg-state-secondary:hover {
    background-color: var(--bs-secondary) !important;
}

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

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

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

.bg-hover-light-success {
    cursor: pointer;
}
.bg-hover-light-success:hover {
    background-color: var(--bs-success-light) !important;
}

.bg-state-light-success {
    cursor: pointer;
}
.bg-state-light-success.active, .bg-state-light-success:hover {
    background-color: var(--bs-success-light) !important;
}

.bg-hover-success {
    cursor: pointer;
}
.bg-hover-success:hover {
    background-color: var(--bs-success) !important;
}

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

.bg-state-success {
    cursor: pointer;
}
.bg-state-success.active, .bg-state-success:hover {
    background-color: var(--bs-success) !important;
}

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

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

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

.bg-hover-light-info {
    cursor: pointer;
}
.bg-hover-light-info:hover {
    background-color: var(--bs-info-light) !important;
}

.bg-state-light-info {
    cursor: pointer;
}
.bg-state-light-info.active, .bg-state-light-info:hover {
    background-color: var(--bs-info-light) !important;
}

.bg-hover-info {
    cursor: pointer;
}
.bg-hover-info:hover {
    background-color: var(--bs-info) !important;
}

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

.bg-state-info {
    cursor: pointer;
}
.bg-state-info.active, .bg-state-info:hover {
    background-color: var(--bs-info) !important;
}

.bg-light-warning {
    background-color: var(--bs-warning-light) !important;
}

.bg-warning {
    --bs-bg-rgb-color: var(--bs-warning-rgb);
    background-color: var(--bs-warning) !important;
}

.bg-warning-active {
    --bs-bg-rgb-color: var(--bs-warning-active-rgb);
    background-color: var(--bs-warning-active) !important;
}

.bg-hover-light-warning {
    cursor: pointer;
}
.bg-hover-light-warning:hover {
    background-color: var(--bs-warning-light) !important;
}

.bg-state-light-warning {
    cursor: pointer;
}
.bg-state-light-warning.active, .bg-state-light-warning:hover {
    background-color: var(--bs-warning-light) !important;
}

.bg-hover-warning {
    cursor: pointer;
}
.bg-hover-warning:hover {
    background-color: var(--bs-warning) !important;
}

.bg-active-warning.active {
    background-color: var(--bs-warning) !important;
}

.bg-state-warning {
    cursor: pointer;
}
.bg-state-warning.active, .bg-state-warning:hover {
    background-color: var(--bs-warning) !important;
}

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

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

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

.bg-hover-light-danger {
    cursor: pointer;
}
.bg-hover-light-danger:hover {
    background-color: var(--bs-danger-light) !important;
}

.bg-state-light-danger {
    cursor: pointer;
}
.bg-state-light-danger.active, .bg-state-light-danger:hover {
    background-color: var(--bs-danger-light) !important;
}

.bg-hover-danger {
    cursor: pointer;
}
.bg-hover-danger:hover {
    background-color: var(--bs-danger) !important;
}

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

.bg-state-danger {
    cursor: pointer;
}
.bg-state-danger.active, .bg-state-danger:hover {
    background-color: var(--bs-danger) !important;
}

.bg-light-dark {
    background-color: var(--bs-dark-light) !important;
}

.bg-dark {
    --bs-bg-rgb-color: var(--bs-dark-rgb);
    background-color: var(--bs-dark) !important;
}

.bg-dark-active {
    --bs-bg-rgb-color: var(--bs-dark-active-rgb);
    background-color: var(--bs-dark-active) !important;
}

.bg-hover-light-dark {
    cursor: pointer;
}
.bg-hover-light-dark:hover {
    background-color: var(--bs-dark-light) !important;
}

.bg-state-light-dark {
    cursor: pointer;
}
.bg-state-light-dark.active, .bg-state-light-dark:hover {
    background-color: var(--bs-dark-light) !important;
}

.bg-hover-dark {
    cursor: pointer;
}
.bg-hover-dark:hover {
    background-color: var(--bs-dark) !important;
}

.bg-active-dark.active {
    background-color: var(--bs-dark) !important;
}

.bg-state-dark {
    cursor: pointer;
}
.bg-state-dark.active, .bg-state-dark:hover {
    background-color: var(--bs-dark) !important;
}

.bg-gray-100 {
    --bs-bg-rgb-color: var(--bs-gray-100-rgb);
    background-color: var(--bs-gray-100);
}

.bg-hover-gray-100:hover {
    --bs-bg-rgb-color: var(--bs-gray-100-rgb);
    background-color: var(--bs-gray-100);
}

.bg-gray-100i {
    --bs-bg-rgb-color: var(--bs-gray-100-rgb);
    background-color: var(--bs-gray-100) !important;
}

.bg-gray-200 {
    --bs-bg-rgb-color: var(--bs-gray-200-rgb);
    background-color: var(--bs-gray-200);
}

.bg-hover-gray-200:hover {
    --bs-bg-rgb-color: var(--bs-gray-200-rgb);
    background-color: var(--bs-gray-200);
}

.bg-gray-200i {
    --bs-bg-rgb-color: var(--bs-gray-200-rgb);
    background-color: var(--bs-gray-200) !important;
}

.bg-gray-300 {
    --bs-bg-rgb-color: var(--bs-gray-300-rgb);
    background-color: var(--bs-gray-300);
}

.bg-hover-gray-300:hover {
    --bs-bg-rgb-color: var(--bs-gray-300-rgb);
    background-color: var(--bs-gray-300);
}

.bg-gray-300i {
    --bs-bg-rgb-color: var(--bs-gray-300-rgb);
    background-color: var(--bs-gray-300) !important;
}

.bg-gray-400 {
    --bs-bg-rgb-color: var(--bs-gray-400-rgb);
    background-color: var(--bs-gray-400);
}

.bg-hover-gray-400:hover {
    --bs-bg-rgb-color: var(--bs-gray-400-rgb);
    background-color: var(--bs-gray-400);
}

.bg-gray-400i {
    --bs-bg-rgb-color: var(--bs-gray-400-rgb);
    background-color: var(--bs-gray-400) !important;
}

.bg-gray-500 {
    --bs-bg-rgb-color: var(--bs-gray-500-rgb);
    background-color: var(--bs-gray-500);
}

.bg-hover-gray-500:hover {
    --bs-bg-rgb-color: var(--bs-gray-500-rgb);
    background-color: var(--bs-gray-500);
}

.bg-gray-500i {
    --bs-bg-rgb-color: var(--bs-gray-500-rgb);
    background-color: var(--bs-gray-500) !important;
}

.bg-gray-600 {
    --bs-bg-rgb-color: var(--bs-gray-600-rgb);
    background-color: var(--bs-gray-600);
}

.bg-hover-gray-600:hover {
    --bs-bg-rgb-color: var(--bs-gray-600-rgb);
    background-color: var(--bs-gray-600);
}

.bg-gray-600i {
    --bs-bg-rgb-color: var(--bs-gray-600-rgb);
    background-color: var(--bs-gray-600) !important;
}

.bg-gray-700 {
    --bs-bg-rgb-color: var(--bs-gray-700-rgb);
    background-color: var(--bs-gray-700);
}

.bg-hover-gray-700:hover {
    --bs-bg-rgb-color: var(--bs-gray-700-rgb);
    background-color: var(--bs-gray-700);
}

.bg-gray-700i {
    --bs-bg-rgb-color: var(--bs-gray-700-rgb);
    background-color: var(--bs-gray-700) !important;
}

.bg-gray-800 {
    --bs-bg-rgb-color: var(--bs-gray-800-rgb);
    background-color: var(--bs-gray-800);
}

.bg-hover-gray-800:hover {
    --bs-bg-rgb-color: var(--bs-gray-800-rgb);
    background-color: var(--bs-gray-800);
}

.bg-gray-800i {
    --bs-bg-rgb-color: var(--bs-gray-800-rgb);
    background-color: var(--bs-gray-800) !important;
}

.bg-gray-900 {
    --bs-bg-rgb-color: var(--bs-gray-900-rgb);
    background-color: var(--bs-gray-900);
}

.bg-hover-gray-900:hover {
    --bs-bg-rgb-color: var(--bs-gray-900-rgb);
    background-color: var(--bs-gray-900);
}

.bg-gray-900i {
    --bs-bg-rgb-color: var(--bs-gray-900-rgb);
    background-color: var(--bs-gray-900) !important;
}

.bg-opacity-0 {
    background-color: rgba(var(--bs-bg-rgb-color), 0) !important;
}

.bg-hover-opacity-0:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0) !important;
}

.bg-active-opacity-0.active {
    background-color: rgba(var(--bs-bg-rgb-color), 0) !important;
}

.bg-state-opacity-0 .active, .bg-state-opacity-0:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0) !important;
}

.bg-opacity-5 {
    background-color: rgba(var(--bs-bg-rgb-color), 0.05) !important;
}

.bg-hover-opacity-5:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.05) !important;
}

.bg-active-opacity-5.active {
    background-color: rgba(var(--bs-bg-rgb-color), 0.05) !important;
}

.bg-state-opacity-5 .active, .bg-state-opacity-5:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.05) !important;
}

.bg-opacity-10 {
    background-color: rgba(var(--bs-bg-rgb-color), 0.1) !important;
}

.bg-hover-opacity-10:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.1) !important;
}

.bg-active-opacity-10.active {
    background-color: rgba(var(--bs-bg-rgb-color), 0.1) !important;
}

.bg-state-opacity-10 .active, .bg-state-opacity-10:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.1) !important;
}

.bg-opacity-15 {
    background-color: rgba(var(--bs-bg-rgb-color), 0.15) !important;
}

.bg-hover-opacity-15:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.15) !important;
}

.bg-active-opacity-15.active {
    background-color: rgba(var(--bs-bg-rgb-color), 0.15) !important;
}

.bg-state-opacity-15 .active, .bg-state-opacity-15:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.15) !important;
}

.bg-opacity-20 {
    background-color: rgba(var(--bs-bg-rgb-color), 0.2) !important;
}

.bg-hover-opacity-20:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.2) !important;
}

.bg-active-opacity-20.active {
    background-color: rgba(var(--bs-bg-rgb-color), 0.2) !important;
}

.bg-state-opacity-20 .active, .bg-state-opacity-20:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.2) !important;
}

.bg-opacity-25 {
    background-color: rgba(var(--bs-bg-rgb-color), 0.25) !important;
}

.bg-hover-opacity-25:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.25) !important;
}

.bg-active-opacity-25.active {
    background-color: rgba(var(--bs-bg-rgb-color), 0.25) !important;
}

.bg-state-opacity-25 .active, .bg-state-opacity-25:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.25) !important;
}

.bg-opacity-50 {
    background-color: rgba(var(--bs-bg-rgb-color), 0.5) !important;
}

.bg-hover-opacity-50:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.5) !important;
}

.bg-active-opacity-50.active {
    background-color: rgba(var(--bs-bg-rgb-color), 0.5) !important;
}

.bg-state-opacity-50 .active, .bg-state-opacity-50:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.5) !important;
}

.bg-opacity-75 {
    background-color: rgba(var(--bs-bg-rgb-color), 0.75) !important;
}

.bg-hover-opacity-75:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.75) !important;
}

.bg-active-opacity-75.active {
    background-color: rgba(var(--bs-bg-rgb-color), 0.75) !important;
}

.bg-state-opacity-75 .active, .bg-state-opacity-75:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.75) !important;
}

.bg-opacity-100 {
    background-color: rgba(var(--bs-bg-rgb-color), 1) !important;
}

.bg-hover-opacity-100:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 1) !important;
}

.bg-active-opacity-100.active {
    background-color: rgba(var(--bs-bg-rgb-color), 1) !important;
}

.bg-state-opacity-100 .active, .bg-state-opacity-100:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 1) !important;
}


 /*MODALS*/

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1.75rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 0;
    --bs-modal-border-radius: 0.475rem;
    --bs-modal-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    --bs-modal-inner-border-radius: 0.475rem;
    --bs-modal-header-padding-x: 1.75rem;
    --bs-modal-header-padding-y: 1.75rem;
    --bs-modal-header-padding: 1.75rem 1.75rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-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);
    box-shadow: var(--bs-modal-box-shadow);
    outline: 0;
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000000;
    --bs-backdrop-opacity: 0.4;
    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;
    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(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) 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.1);
    }
    .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-header,
.modal-fullscreen .modal-footer {
    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-header,
    .modal-fullscreen-sm-down .modal-footer {
        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-header,
    .modal-fullscreen-md-down .modal-footer {
        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-header,
    .modal-fullscreen-lg-down .modal-footer {
        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-header,
    .modal-fullscreen-xl-down .modal-footer {
        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-header,
    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto;
    }
}