:root {
    --bs-blue: #377dff;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #ed4c78;
    --bs-orange: #fd7e14;
    --bs-yellow: #f5ca99;
    --bs-green: #198754;
    --bs-teal: #00c9a7;
    --bs-cyan: #09a5be;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #8c98a4;
    --bs-gray-dark: #71869d;
    --bs-gray-100: #f9fafc;
    --bs-gray-200: #f8fafd;
    --bs-gray-300: #e7eaf3;
    --bs-gray-400: #bdc5d1;
    --bs-gray-500: #97a4af;
    --bs-gray-600: #8c98a4;
    --bs-gray-700: #677788;
    --bs-gray-800: #71869d;
    --bs-gray-900: #1e2022;
    --bs-primary: #377dff;
    --bs-secondary: #71869d;
    --bs-success: #00c9a7;
    --bs-info: #09a5be;
    --bs-warning: #f5ca99;
    --bs-danger: #ed4c78;
    --bs-light: #f9fafc;
    --bs-dark: #132144;
    --bs-primary-rgb: 55, 125, 255;
    --bs-secondary-rgb: 113, 134, 157;
    --bs-success-rgb: 0, 201, 167;
    --bs-info-rgb: 9, 165, 190;
    --bs-warning-rgb: 245, 202, 153;
    --bs-danger-rgb: 237, 76, 120;
    --bs-light-rgb: 249, 250, 252;
    --bs-dark-rgb: 19, 33, 68;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 32, 32, 32;
    --bs-body-bg-rgb: 255, 255, 255;
    --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: Pretendard, sans-serif;
    --bs-body-font-size: 0.813rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #202020;
    --bs-body-bg: #f7f7f7;
    --bs-border-width: 0.0625rem;
    --bs-border-style: solid;
    --bs-border-color: rgba(231, 234, 243, 0.7);
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.5rem;
    --bs-border-radius-sm: 0.3125rem;
    --bs-border-radius-lg: 0.75rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #377dff;
    --bs-link-hover-color: #1366ff;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fdf4eb;
}

html, body {
    height: 100%;
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

a {
    text-decoration: none;
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid rgb(219, 223, 236);
}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: var(--bs-gutter-x, 2rem);
    padding-left: var(--bs-gutter-x, 2rem);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 600;
    line-height: 1.2;
    color: #1e2022
}

.h1, h1 {
    font-size: calc(1.26609375rem + .193125vw)
}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 1.4109375rem
    }
}

.h2, h2 {
    font-size: calc(1.25625rem + .075vw)
}

@media (min-width: 1200px) {
    .h2, h2 {
        font-size: 1.3125rem
    }
}

.h3, h3 {
    font-size: 1.1484375rem
}

.h4, h4 {
    font-size: .984375rem
}

.h5, h5 {
    font-size: .875rem
}

.h6, h6 {
    font-size: .765625rem
}

.header ~ .content {
    padding-top: 60px;
    padding-bottom: 1.75rem
}

.header {
    position: fixed;
    top: 0;
    left: 260px;
    right: 0;
    background-color: #f7f7f7;
    z-index: 99;
    border-bottom: 1px solid rgba(0, 27, 55, 0.1);
}

.header-wrapper {
    display: flex;
    align-items: center;
    height: 59px;
}

.header-wrapper .header-content-right {
    margin-left: auto;
}

.brand-wrapper {

}

.brand-logo {
    width: 100%;
    min-width: 6.5rem;
    max-width: 6.5rem;
}

.brand-logo-lg {
    width: 100%;
    min-width: 200px;
    max-width: 200px;
    padding: 10px;
}

.brand-logo-text {
    font-size: 28px;
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
    color: #fff;
}

/*------------------------------------
  navbar vertical
------------------------------------*/

.navbar-vertical {
    position: fixed;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    z-index: 100;
    max-width: 260px;
    padding: 16px;
    height: 100%;
    border-right: 1px solid rgba(0, 27, 55, 0.1);
    overflow-y: auto;
}

.navbar-vertical-dark {
    background-color: #192642;
    color: #fff;
}

.navbar-vertical ~ .content {
    padding-left: 260px;
}

.drawer {
    transition: transform 0.3s ease-in-out;
}

.navbar-vertical.drawer {
    left: 0;
}

.drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 0;
    height: 100vh;
    background-color: rgba(19, 33, 68, .25);
}

.drawer.drawer-on ~ .drawer-overlay {
    width: 100%;
}

@media (max-width: 1023px) {
    .header {
        left: 0;
    }

    .navbar-vertical.drawer {
        left: -260px;
    }

    .drawer.drawer-on {
        transform: translateX(260px);
    }

    .navbar-vertical ~ .content {
        padding-left: 0;
    }
}

.navbar-vertical .nav-vertical {
    flex-direction: column;
    flex-wrap: nowrap;
}

.navbar .nav-cap {
    padding: 12px 16px 4px;
    font-weight: 600;
    color: #7189bc;
}

.navbar-vertical.navbar .nav-link {
    width: 100%;
    padding: 12px 16px;
    transition: background-color .2s ease;
    border-radius: 8px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}

.navbar-vertical.navbar.navbar-vertical-dark .nav-link {
    color: #c6c6c6;
}

.navbar-vertical.navbar.navbar-vertical-dark .nav-item.active .nav-link {
    font-weight: 500;
    color: #fff;
}

.navbar-vertical.navbar.navbar-vertical-dark .nav-link:hover {
    background-color: #4a5777;
    color: #fff;
}

.navbar-vertical.navbar .nav-divider {
    width: 100%;
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 0.0625rem solid #030a1a;
}

.navbar-aside-menu.nav-item {
    display: block;
}

.navbar-aside-menu .navbar-aside-submenu {
    height: 0;
    overflow: hidden;
}

.navbar-aside-menu .navbar-aside-arrow {
    width: 20px;
    min-width: 20px;
    height: 20px;
    text-align: center;
    transform: rotate(0deg);
    transition: transform .2s ease;
    transform-origin: center center;
}

.navbar-aside-menu[aria-expanded="true"] .navbar-aside-arrow {
    transform: rotate(180deg);
}

.navbar-aside-submenu .nav-item {
    padding-left: 24px;
}

/*------------------------------------
  Page Header
------------------------------------*/
.page-header {
    padding-top: 20px;
    padding-bottom: 20px;
}

.page-header-title {
    display: flex;
    align-items: center;
    margin: 0;
    font-weight: 700;
    min-height: 42px;
}

/*------------------------------------
  Merge
------------------------------------*/
.input-group-merge {
    position: relative;
    overflow: hidden;
    border: 0.0625rem solid rgb(219, 223, 236);
    border-radius: 0.3125rem;
}

.input-group-merge {
    position: relative;
}

.input-group-merge .input-group-prepend,
.input-group-merge .input-group-append {
    position: absolute;
    top: 1px;
    bottom: 1px;
    background-color: transparent;
}

.input-group-merge .input-group-prepend {
    left: 1px;
}

.input-group-merge .form-control,
.input-group-merge .form-select {
    border-width: 0;
}

.input-group-merge .input-group-prepend .input-group-text {
    padding: 0 0 0 0.875rem;
}

.input-group-merge .input-group-prepend .input-group-text:first-child {
    border-radius: 0.3125rem 0 0 0.3125rem;
}

.input-group-merge .input-group-append {
    right: 0;
}

.input-group-merge .input-group-append .input-group-text {
    padding: 0 0.875rem 0 0;
}

.input-group-merge .input-group-append .input-group-text:last-child {
    border-radius: 0 0.3125rem 0.3125rem 0;
}

.input-group-merge .input-group-text {
    z-index: 6;
    border: none;
}

.input-group-merge .custom-select:not(:first-child),
.input-group-merge .form-control:not(:first-child) {
    padding-left: 2.625rem;
    border-top-left-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
}

.input-group-merge .custom-select:not(:last-child),
.input-group-merge .form-control:not(:last-child) {
    padding-right: 2.625rem;
    border-top-right-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
}

/* ----------------------
  icon
-------------------------*/
.icon {
    display: inline-block;
    line-height: 0;
}

/*------------------------------------
  button
------------------------------------*/
.btn {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.6125rem;
    --bs-btn-font-size: 0.813rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    /*--bs-btn-color: #677788;*/
    /*--bs-btn-bg: transparent;*/
    --bs-btn-border-width: 0.0625rem;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.3125rem;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .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-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #377dff;
    --bs-btn-border-color: #377dff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2f6ad9;
    --bs-btn-hover-border-color: #2c64cc;
    --bs-btn-focus-shadow-rgb: 85, 145, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2c64cc;
    --bs-btn-active-border-color: #295ebf;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #377dff;
    --bs-btn-disabled-border-color: #377dff
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #71869d;
    --bs-btn-border-color: #71869d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #607285;
    --bs-btn-hover-border-color: #5a6b7e;
    --bs-btn-focus-shadow-rgb: 134, 152, 172;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5a6b7e;
    --bs-btn-active-border-color: #556576;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #71869d;
    --bs-btn-disabled-border-color: #71869d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00c9a7;
    --bs-btn-border-color: #00c9a7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00ab8e;
    --bs-btn-hover-border-color: #00a186;
    --bs-btn-focus-shadow-rgb: 38, 209, 180;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00a186;
    --bs-btn-active-border-color: #00977d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00c9a7;
    --bs-btn-disabled-border-color: #00c9a7
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #09a5be;
    --bs-btn-border-color: #09a5be;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #088ca2;
    --bs-btn-hover-border-color: #078498;
    --bs-btn-focus-shadow-rgb: 46, 179, 200;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #078498;
    --bs-btn-active-border-color: #077c8f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #09a5be;
    --bs-btn-disabled-border-color: #09a5be
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #f5ca99;
    --bs-btn-border-color: #f5ca99;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f7d2a8;
    --bs-btn-hover-border-color: #f6cfa3;
    --bs-btn-focus-shadow-rgb: 208, 172, 130;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f7d5ad;
    --bs-btn-active-border-color: #f6cfa3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f5ca99;
    --bs-btn-disabled-border-color: #f5ca99
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ed4c78;
    --bs-btn-border-color: #ed4c78;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c94166;
    --bs-btn-hover-border-color: #be3d60;
    --bs-btn-focus-shadow-rgb: 240, 103, 140;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #be3d60;
    --bs-btn-active-border-color: #b2395a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ed4c78;
    --bs-btn-disabled-border-color: #ed4c78
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f9fafc;
    --bs-btn-border-color: #f9fafc;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d4d5d6;
    --bs-btn-hover-border-color: #c7c8ca;
    --bs-btn-focus-shadow-rgb: 212, 213, 214;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c7c8ca;
    --bs-btn-active-border-color: #bbbcbd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f9fafc;
    --bs-btn-disabled-border-color: #f9fafc
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #132144;
    --bs-btn-border-color: #132144;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #364260;
    --bs-btn-hover-border-color: #2b3757;
    --bs-btn-focus-shadow-rgb: 54, 66, 96;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #424d69;
    --bs-btn-active-border-color: #2b3757;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #132144;
    --bs-btn-disabled-border-color: #132144
}

.btn-outline-primary {
    --bs-btn-color: #377dff;
    --bs-btn-border-color: #377dff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #377dff;
    --bs-btn-hover-border-color: #377dff;
    --bs-btn-focus-shadow-rgb: 55, 125, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #377dff;
    --bs-btn-active-border-color: #377dff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #377dff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #377dff;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #71869d;
    --bs-btn-border-color: #71869d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #71869d;
    --bs-btn-hover-border-color: #71869d;
    --bs-btn-focus-shadow-rgb: 113, 134, 157;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #71869d;
    --bs-btn-active-border-color: #71869d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #71869d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #71869d;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #00c9a7;
    --bs-btn-border-color: #00c9a7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00c9a7;
    --bs-btn-hover-border-color: #00c9a7;
    --bs-btn-focus-shadow-rgb: 0, 201, 167;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00c9a7;
    --bs-btn-active-border-color: #00c9a7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #00c9a7;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #00c9a7;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #09a5be;
    --bs-btn-border-color: #09a5be;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #09a5be;
    --bs-btn-hover-border-color: #09a5be;
    --bs-btn-focus-shadow-rgb: 9, 165, 190;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #09a5be;
    --bs-btn-active-border-color: #09a5be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #09a5be;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #09a5be;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #f5ca99;
    --bs-btn-border-color: #f5ca99;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f5ca99;
    --bs-btn-hover-border-color: #f5ca99;
    --bs-btn-focus-shadow-rgb: 245, 202, 153;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f5ca99;
    --bs-btn-active-border-color: #f5ca99;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f5ca99;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f5ca99;
    --bs-gradient: none
}

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

.btn-outline-light {
    --bs-btn-color: #f9fafc;
    --bs-btn-border-color: #f9fafc;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f9fafc;
    --bs-btn-hover-border-color: #f9fafc;
    --bs-btn-focus-shadow-rgb: 249, 250, 252;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f9fafc;
    --bs-btn-active-border-color: #f9fafc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f9fafc;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f9fafc;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #132144;
    --bs-btn-border-color: #132144;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #132144;
    --bs-btn-hover-border-color: #132144;
    --bs-btn-focus-shadow-rgb: 19, 33, 68;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #132144;
    --bs-btn-active-border-color: #132144;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #132144;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #132144;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #8c98a4;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-shadow-rgb: 85, 145, 255;
    text-decoration: none
}

.btn-link:focus {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn-group-lg > .btn, .btn-lg {
    --bs-btn-padding-y: 0.75rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 0.3125rem
}

.btn-group-sm > .btn, .btn-sm {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 0.8125rem;
    --bs-btn-border-radius: 0.3125rem
}

.btn-group-xs > .btn, .btn-xs {
    --bs-btn-padding-y: 0.3rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 0.3125rem
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    border-color: transparent;
}

/*------------------------------------
  Custom Buttons
------------------------------------*/
.btn-dashed-outline {
    border-style: dashed;
}

.btn.dropdown-toggle {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
}

.btn-white {
    background-color: #fff;
    border: .0625rem solid rgba(231, 234, 243, 0.7);
}

.btn-check:focus + .btn-white, .btn-white:focus, .btn-white:hover {
    color: #1366ff;
    border-color: rgb(219, 223, 236);
    background-color: #fff;
    box-shadow: 0 3px 6px -2px rgba(140, 152, 164, .25);
}

.btn-ghost-secondary {
    color: #71869d;
    background-color: transparent;
}

.btn-ghost-secondary:hover, .btn-ghost-secondary:focus, .btn-ghost-secondary.focus, .btn-ghost-secondary:active, .btn-ghost-secondary.active {
    color: #71869d;
    background-color: rgba(55, 125, 255, 0.1);
}

.btn-ghost-secondary.dropdown-toggle::after {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%2371869d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat right center/1rem 1rem;
}

.btn-ghost-secondary.btn-no-focus[type]:focus, .btn-ghost-secondary.btn-no-focus[type].focus, .btn-ghost-secondary.btn-no-focus[href]:focus, .btn-ghost-secondary.btn-no-focus[href].focus {
    color: #71869d;
    background-color: unset;
}

.btn-ghost-secondary.btn-no-focus[type]:focus:hover, .btn-ghost-secondary.btn-no-focus[type].focus:hover, .btn-ghost-secondary.btn-no-focus[href]:focus:hover, .btn-ghost-secondary.btn-no-focus[href].focus:hover {
    color: #71869d;
    background-color: rgba(113, 134, 157, 0.1);
}

.btn-outline-primary {
    color: #377dff;
    border-color: #377dff;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #377dff;
    border-color: #377dff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(55, 125, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #377dff;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #377dff;
    border-color: #377dff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(55, 125, 255, 0.5);
}

.btn-outline-secondary {
    color: #71869d;
    border-color: #71869d;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #71869d;
    border-color: #71869d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(113, 134, 157, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #71869d;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #71869d;
    border-color: #71869d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(113, 134, 157, 0.5);
}

.btn-outline-success {
    color: #00c9a7;
    border-color: #00c9a7;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #00c9a7;
    border-color: #00c9a7;
}

.btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #00c9a7;
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #00c9a7;
    border-color: #00c9a7;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.5);
}

.btn-outline-info {
    color: #00c9db;
    border-color: #00c9db;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #00c9db;
    border-color: #00c9db;
}

.btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 201, 219, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #00c9db;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #00c9db;
    border-color: #00c9db;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 201, 219, 0.5);
}

.btn-outline-warning {
    color: #f5ca99;
    border-color: #f5ca99;
}

.btn-outline-warning:hover {
    color: #1e2022;
    background-color: #f5ca99;
    border-color: #f5ca99;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(245, 202, 153, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #f5ca99;
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #1e2022;
    background-color: #f5ca99;
    border-color: #f5ca99;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(245, 202, 153, 0.5);
}

.btn-outline-danger {
    color: #ed4c78;
    border-color: #ed4c78;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #ed4c78;
    border-color: #ed4c78;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(237, 76, 120, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #ed4c78;
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #ed4c78;
    border-color: #ed4c78;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(237, 76, 120, 0.5);
}

.btn-outline-light {
    color: #f9fafc;
    border-color: #f9fafc;
}

.btn-outline-light:hover {
    color: #1e2022;
    background-color: #f9fafc;
    border-color: #f9fafc;
}

.btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(249, 250, 252, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f9fafc;
    background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
    color: #1e2022;
    background-color: #f9fafc;
    border-color: #f9fafc;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(249, 250, 252, 0.5);
}

.btn-outline-dark {
    color: #132144;
    border-color: #132144;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #132144;
    border-color: #132144;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(19, 33, 68, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #132144;
    background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #132144;
    border-color: #132144;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(19, 33, 68, 0.5);
}

/*------------------------------------
  Button Icon
------------------------------------*/

.btn-icon {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.92969rem;
    font-weight: 400;
    width: 2.625rem;
    height: 2.625rem;
    padding: 0;
}

/*------------------------------------
  Button Icon Sizes
------------------------------------*/
.btn-icon.btn-xs {
    font-size: 0.75rem;
    width: 1.53125rem;
    height: 1.53125rem;
}

.btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn {
    font-size: 0.875rem;
    width: 2.1875rem;
    height: 2.1875rem;
}

.btn-icon.btn-lg, .btn-group-lg > .btn-icon.btn {
    font-size: 1rem;
    width: 3.36875rem;
    height: 3.36875rem;
}


/*------------------------------------
  card
------------------------------------*/
.card {
    --bs-card-spacer-y: 1.3125rem;
    --bs-card-spacer-x: 1.3125rem;
    --bs-card-title-spacer-y: 0.25rem;
    --bs-card-border-width: 0.0625rem;
    --bs-card-border-color: rgba(231, 234, 243, 0.7);
    --bs-card-border-radius: 0.75rem;
    --bs-card-box-shadow: 0rem 0.375rem 0.75rem rgba(140, 152, 164, 0.075);
    --bs-card-inner-border-radius: 0.6875rem;
    --bs-card-cap-padding-y: 1.3125rem;
    --bs-card-cap-padding-x: 1.3125rem;
    --bs-card-cap-bg: transparent;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1.3125rem 1.3125rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    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-header {
    background-color: #fff;
    padding: 1.3125rem 1.3125rem;
}

.card-header-title {
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 500;
    color: #525252;
}

.card-header-content-between {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.card .table {
    margin-bottom: 0;
}

.card .card-table > :not(caption) > * > * {
    padding-right: 1.3125rem;
    padding-left: 1.3125rem;
}

.card .card-table.table-bordered > :not(caption) > *:first-child {
    border-top-width: 0;
}

.card .card-table.table-bordered > :not(caption):not(thead) > *:last-child {
    border-bottom-width: 0;
}

.card .card-table.table-bordered > :not(caption) > * > *:first-child,
.card .card-table.table-bordered > :not(caption) > * > *:last-child {
    border-left-width: 0;
    border-right-width: 0;
}

.card-table.table-bordered.table-bordered-rounded {
    background-color: transparent;
}

.card .card-table.table-bordered.table-bordered-rounded > thead > tr > th:first-child {
    border-top-left-radius: 0.6875rem;
}

.card .card-table.table-bordered.table-bordered-rounded > thead > tr > th:last-child {
    border-top-right-radius: 0.6875rem;
}

@media (min-width: 576px) {
    .card-header-content-sm-between {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: .5rem
    }
}

@media (min-width: 768px) {
    .card-header-content-md-between {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: .5rem
    }
}

@media (min-width: 992px) {
    .card-header-content-lg-between {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: .5rem
    }
}

@media (min-width: 1200px) {
    .card-header-content-xl-between {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: .5rem
    }
}

@media (min-width: 1400px) {
    .card-header-content-xxl-between {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: .5rem
    }
}

.card-header-content-between {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .5rem
}

.card-body-textarea {
    padding: 21px;
    background: #f3f3f3;
}

/*------------------------------------
  col-divider
------------------------------------*/

@media (min-width: 576px) {
    .col-sm-divider>:not(:first-child) {
        position:relative
    }

    .col-sm-divider>:not(:first-child)::before {
        position: absolute;
        top: 0;
        left: 0;
        width: .0625rem;
        height: 100%;
        background-color: rgba(231,234,243,.7);
        content: ""
    }
}

.col-divider-rotated>:not(:first-child)::before {
    transform: rotate(20deg)
}

@media (min-width: 768px) {
    .col-md-divider>:not(:first-child) {
        position:relative
    }

    .col-md-divider>:not(:first-child)::before {
        position: absolute;
        top: 0;
        left: 0;
        width: .0625rem;
        height: 100%;
        background-color: rgba(231,234,243,.7);
        content: ""
    }
}

.col-divider-rotated>:not(:first-child)::before {
    transform: rotate(20deg)
}

@media (min-width: 992px) {
    .col-lg-divider>:not(:first-child) {
        position:relative
    }

    .col-lg-divider>:not(:first-child)::before {
        position: absolute;
        top: 0;
        left: 0;
        width: .0625rem;
        height: 100%;
        background-color: rgba(231,234,243,.7);
        content: ""
    }
}

.col-divider-rotated>:not(:first-child)::before {
    transform: rotate(20deg)
}

@media (min-width: 1200px) {
    .col-xl-divider>:not(:first-child) {
        position:relative
    }

    .col-xl-divider>:not(:first-child)::before {
        position: absolute;
        top: 0;
        left: 0;
        width: .0625rem;
        height: 100%;
        background-color: rgba(231,234,243,.7);
        content: ""
    }
}

.col-divider-rotated>:not(:first-child)::before {
    transform: rotate(20deg)
}

@media (min-width: 1400px) {
    .col-xxl-divider>:not(:first-child) {
        position:relative
    }

    .col-xxl-divider>:not(:first-child)::before {
        position: absolute;
        top: 0;
        left: 0;
        width: .0625rem;
        height: 100%;
        background-color: rgba(231,234,243,.7);
        content: ""
    }
}

.col-divider-rotated>:not(:first-child)::before {
    transform: rotate(20deg)
}

.col-divider>:not(:first-child) {
    position: relative
}

.col-divider>:not(:first-child)::before {
    position: absolute;
    top: 0;
    left: 0;
    width: .0625rem;
    height: 100%;
    background-color: rgba(231,234,243,.7);
    content: ""
}

.col-divider-rotated>:not(:first-child)::before {
    transform: rotate(20deg)
}

.col-divider>:not(:first-child) {
    position: relative
}

.col-divider>:not(:first-child)::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 1.5rem);
    height: .0625rem;
    background-color: rgba(231,234,243,.7);
    content: "";
    transform: translateX(-50%)
}

.col-divider>* {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.col-divider>:first-child {
    padding-top: 0
}

.col-divider>:last-child {
    padding-bottom: 0
}

@media (max-width: 575.98px) {
    .col-sm-divider>:not(:first-child) {
        position:relative
    }

    .col-sm-divider>:not(:first-child)::before {
        position: absolute;
        top: 0;
        left: 50%;
        width: calc(100% - 1.5rem);
        height: .0625rem;
        background-color: rgba(231,234,243,.7);
        content: "";
        transform: translateX(-50%)
    }

    .col-sm-divider>* {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .col-sm-divider>:first-child {
        padding-top: 0
    }

    .col-sm-divider>:last-child {
        padding-bottom: 0
    }
}

@media (max-width: 767.98px) {
    .col-md-divider>:not(:first-child) {
        position:relative
    }

    .col-md-divider>:not(:first-child)::before {
        position: absolute;
        top: 0;
        left: 50%;
        width: calc(100% - 1.5rem);
        height: .0625rem;
        background-color: rgba(231,234,243,.7);
        content: "";
        transform: translateX(-50%)
    }

    .col-md-divider>* {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .col-md-divider>:first-child {
        padding-top: 0
    }

    .col-md-divider>:last-child {
        padding-bottom: 0
    }
}

@media (max-width: 991.98px) {
    .col-lg-divider>:not(:first-child) {
        position:relative
    }

    .col-lg-divider>:not(:first-child)::before {
        position: absolute;
        top: 0;
        left: 50%;
        width: calc(100% - 1.5rem);
        height: .0625rem;
        background-color: rgba(231,234,243,.7);
        content: "";
        transform: translateX(-50%)
    }

    .col-lg-divider>* {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .col-lg-divider>:first-child {
        padding-top: 0
    }

    .col-lg-divider>:last-child {
        padding-bottom: 0
    }
}

@media (max-width: 1199.98px) {
    .col-xl-divider>:not(:first-child) {
        position:relative
    }

    .col-xl-divider>:not(:first-child)::before {
        position: absolute;
        top: 0;
        left: 50%;
        width: calc(100% - 1.5rem);
        height: .0625rem;
        background-color: rgba(231,234,243,.7);
        content: "";
        transform: translateX(-50%)
    }

    .col-xl-divider>* {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .col-xl-divider>:first-child {
        padding-top: 0
    }

    .col-xl-divider>:last-child {
        padding-bottom: 0
    }
}

@media (max-width: 1399.98px) {
    .col-xxl-divider>:not(:first-child) {
        position:relative
    }

    .col-xxl-divider>:not(:first-child)::before {
        position: absolute;
        top: 0;
        left: 50%;
        width: calc(100% - 1.5rem);
        height: .0625rem;
        background-color: rgba(231,234,243,.7);
        content: "";
        transform: translateX(-50%)
    }

    .col-xxl-divider>* {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .col-xxl-divider>:first-child {
        padding-top: 0
    }

    .col-xxl-divider>:last-child {
        padding-bottom: 0
    }
}

.col-divider>:not(:first-child) {
    position: relative
}

.col-divider>:not(:first-child)::before {
    position: absolute;
    top: 0;
    left: 0;
    width: .0625rem;
    height: 100%;
    background-color: rgba(231,234,243,.7);
    content: ""
}

.col-divider>*,.col-divider>:first-child,.col-divider>:last-child {
    padding-top: 0;
    padding-bottom: 0
}

.col-divider-light>:not(:first-child)::before {
    background-color: rgba(255,255,255,.1)
}

/*------------------------------------
  form-control
------------------------------------*/

.form-control {
    display: block;
    width: 100%;
    padding: .6125rem 1rem;
    font-size: 0.813rem;
    font-weight: 400;
    color: #1e2022;
    background-color: #fff;
    background-clip: padding-box;
    border: .0625rem solid rgb(219, 223, 236);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .3125rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control.form-borderless {
    border-width: 0;
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #1e2022;
    background-color: #fff;
    border-color: rgba(140, 152, 164, .25);
    outline: 0;
    box-shadow: 0 0 1rem 0 rgba(140, 152, 164, .25)
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::-webkit-input-placeholder {
    color: #8c98a4;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #8c98a4;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #8c98a4;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #8c98a4;
    opacity: 1
}

.form-control::placeholder {
    color: #8c98a4;
    opacity: 1
}

.form-control:disabled {
    background-color: #ebebeb;
    opacity: 1;
    color: #797979;
}

.form-control-disabled-white:disabled {
    background-color: #fff;
}

.form-control::-webkit-file-upload-button {
    padding: .6125rem 1rem;
    margin: -.6125rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
    color: #1e2022;
    background-color: #fff;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: .0625rem;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
    padding: .6125rem 1rem;
    margin: -.6125rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
    color: #1e2022;
    background-color: #fff;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: .0625rem;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }

    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #f2f2f2
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #f2f2f2
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.form-select {
    border: 1px solid rgb(219, 223, 236);
    font-size: 0.813rem;
    padding: 0.6125rem 1rem;
}

.form-check {
    display: block;
    min-height: 1.3125rem;
    padding-left: 1.5rem;
    margin-bottom: .125rem;
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5rem
}

.form-check-reverse {
    padding-right: 1.5rem;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5rem;
    margin-left: 0
}

.form-check-input {
    width: 1rem;
    height: 1rem;
    margin-top: .25rem;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgb(219, 223, 236);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact
}

.form-check-input {
    margin-top: 0.1875rem;
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:focus {
    border-color: rgba(140, 152, 164, .25);
    outline: 0;
    box-shadow: 0 0 1rem 0 rgba(140, 152, 164, .25)
}

.form-check-input:checked {
    background-color: #377dff;
    border-color: #377dff
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #377dff;
    border-color: #377dff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    -webkit-filter: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
    cursor: default;
    opacity: .5
}

.form-check-label {
    color: #202020
}

.form-check .form-check-label {
    margin-top: 0;
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check:disabled + .btn, .btn-check[disabled] + .btn {
    pointer-events: none;
    -webkit-filter: none;
    filter: none;
    opacity: .65
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.6125rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #677788;
    background-color: transparent;
    border: solid transparent;
    border-width: .0625rem 0
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + 1.125rem);
    padding: .5rem 1rem;
    font-size: .8125rem;
    border-radius: .3125rem
}

.form-control-sm::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.form-control-sm::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.form-control-lg {
    min-height: calc(1.5em + 1.625rem);
    padding: .75rem 1rem;
    font-size: .875rem;
    border-radius: .3125rem
}

.form-control-lg::-webkit-file-upload-button {
    padding: .75rem 1rem;
    margin: -.75rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.form-control-lg::file-selector-button {
    padding: .75rem 1rem;
    margin: -.75rem -1rem;
    -webkit-margin-end: 1rem;
    -moz-margin-end: 1rem;
    margin-inline-end: 1rem
}

textarea.form-control {
    min-height: calc(1.5em + 1.35rem)
}

textarea.form-control-sm {
    min-height: calc(1.5em + 1.125rem)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1.625rem)
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + 1.35rem);
    padding: .6125rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: .3125rem
}

.form-control-color::-webkit-color-swatch {
    border-radius: .3125rem
}

.form-control-color.form-control-sm {
    height: calc(1.5em + 1.125rem)
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1.625rem)
}

/*------------------------------------
  form-attachment
------------------------------------*/

.form-attachment-btn {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

.form-attachment-btn-label {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    min-width: 100%;
    min-height: 100%;
    opacity: 0;
}


/*------------------------------------
  dropdown-menu
------------------------------------*/
.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0.5rem;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.625rem;
    --bs-dropdown-font-size: 0.8125rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.5rem;
    --bs-dropdown-border-width: 0;
    --bs-dropdown-inner-border-radius: 0.5rem;
    --bs-dropdown-divider-bg: rgba(231, 234, 243, 0.7);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0rem 0.6125rem 2.5rem 0.6125rem rgba(140, 152, 164, 0.175);
    --bs-dropdown-link-color: #1e2022;
    --bs-dropdown-link-hover-color: #1b1d1f;
    --bs-dropdown-link-hover-bg: rgba(189, 197, 209, 0.2);
    --bs-dropdown-link-active-color: #1e2022;
    --bs-dropdown-link-active-bg: rgba(189, 197, 209, 0.2);
    --bs-dropdown-link-disabled-color: #97a4af;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.5rem;
    --bs-dropdown-header-color: #8c98a4;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
}

.dropdown-menu {
    box-shadow: 0 .6125rem 2.5rem .6125rem rgba(140, 152, 164, .175);
    margin-top: .3125rem;
}

.dropdown-card {
    padding: 0;
}

/*------------------------------------
  Typography
------------------------------------*/
.text-cap {
    display: block;
    color: #677788;
    font-size: 0.813rem;
    font-weight: 400;
    letter-spacing: .03125rem;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
    min-height: 21px;
}

a:hover .text-inherit {
    color: #1366ff !important;
}

.fs-1 {
    font-size: calc(1.26609375rem + .193125vw) !important;
}

.fs-2 {
    font-size: calc(1.25625rem + .075vw) !important;
}

.fs-3 {
    font-size: 1.1484375rem !important;
}

.fs-4 {
    font-size: .984375rem !important;
}

.fs-5 {
    font-size: .875rem !important;
}

.fs-6 {
    font-size: .8125rem !important;
}

/*------------------------------------
  table
------------------------------------*/
.table {
    background-color: #fff;
}

.table tr {
    color: #202020;
}

.table thead th {
    color: #78829d;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: rgba(231, 234, 243, .7);
}

.table > :not(caption) > :last-child > * {
    border-bottom-width: 0
}

.table .btn {
    white-space: nowrap
}

.table-nowrap td,
.table-nowrap th {
    white-space: nowrap
}

.table-align-middle tbody tr,
.table-align-middle td,
.table-align-middle th {
    vertical-align: middle
}

.table-text-center,
.table-text-center td,
.table-text-center th {
    text-align: center;
}

.table-text-start,
.table-text-start td,
.table-text-start th {
    text-align: left
}

.table-text-end,
.table-text-end td,
.table-text-end th {
    text-align: right
}

.thead-light th {
    background-color: #f8fafd
}

.table-lg > :not(caption) > * > * {
    padding: 1rem 1.5rem
}

.table-thead-bordered > :not(:last-child) > :last-child > * {
    border-bottom: .0625rem solid rgba(231, 234, 243, .7);
}

.table-vertical-border-striped > tbody > tr > td:not(:first-child):not(:last-child),
.table-vertical-border-striped > thead > tr > th:not(:first-child):not(:last-child) {
    border-right: .0625rem solid rgba(231, 234, 243, .7);
}

.table-column-pe-0 {
    padding-right: 0 !important;
}

.table-column-ps-0 {
    padding-left: 0 !important;
}

.table-progress {
    flex-grow: 1;
    min-width: 5rem;
    height: 0.25rem;
}

.table-light {
    border-color: rgba(231, 234, 243, 0.7);
    --bs-table-bg: #f3f3f3;
}

.table-hover tbody tr:hover {
    color: #677788;
    background-color: rgba(231, 234, 243, 0.4);
}

.table .thead-light th {
    color: #677788;
    background-color: #f8fafd;
    border-color: rgba(231, 234, 243, 0.7);
}

/*------------------------------------
  avatar
------------------------------------*/
.avatar {
    position: relative;
    display: inline-block;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: .5rem
}

.avatar:not(img) {
    background-color: #fff
}

.avatar-img {
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .5rem
}

.avatar-initials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.625rem;
    height: 2.625rem;
    font-size: .875rem;
    font-weight: 600;
    pointer-events: none;
    text-transform: uppercase;
    border-radius: .5rem
}

.avatar-circle {
    border-radius: 50%
}

.avatar-circle .avatar,
.avatar-circle .avatar-img,
.avatar-circle .avatar-initials {
    border-radius: 50%
}

.avatar-centered {
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto
}

.avatar-group {
    position: relative;
    z-index: 2;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.avatar-group .avatar:hover {
    z-index: 2
}

.avatar-group .avatar-circle .avatar-initials {
    border-radius: 50%
}

.avatar-group .avatar .avatar-img,
.avatar-group .avatar .avatar-initials,
.avatar-group .avatar-sm .avatar-img,
.avatar-group .avatar-sm .avatar-initials,
.avatar-group .avatar-xs .avatar-img,
.avatar-group .avatar-xs .avatar-initials {
    border: 2px solid #fff
}

.avatar-group .avatar-lg .avatar-img,
.avatar-group .avatar-lg .avatar-initials {
    border: 5px solid #fff
}

.avatar-group .avatar-xl .avatar-img,
.avatar-group .avatar-xl .avatar-initials {
    border: 7px solid #fff
}

.avatar-group .avatar + .avatar {
    margin-left: -1rem
}

.avatar-group .avatar-xs + .avatar-xs {
    margin-left: -.6125rem
}

.avatar-group .avatar-sm + .avatar-sm {
    margin-left: -.875rem
}

.avatar-group .avatar-lg + .avatar-lg {
    margin-left: -1.5rem
}

.avatar-group .avatar-xl + .avatar-xl {
    margin-left: -2rem
}

.avatar-group .avatar,
.avatar-group .avatar-initials {
    width: 2.625rem;
    height: 2.625rem
}

.avatar-group .avatar-initials {
    font-size: .875rem
}

.avatar-group .avatar + .avatar {
    margin-left: -1rem
}

.avatar-group-xs .avatar,
.avatar-group-xs .avatar-initials {
    width: 1.53125rem;
    height: 1.53125rem
}

.avatar-group-xs .avatar-initials {
    font-size: .65625rem
}

.avatar-group-xs .avatar + .avatar {
    margin-left: -.6125rem
}

.avatar-group-sm .avatar,
.avatar-group-sm .avatar-initials {
    width: 2.40625rem;
    height: 2.40625rem
}

.avatar-group-sm .avatar-initials {
    font-size: .875rem
}

.avatar-group-sm .avatar + .avatar {
    margin-left: -.875rem
}

.avatar-group-lg .avatar,
.avatar-group-lg .avatar-initials {
    width: 3.36875rem;
    height: 3.36875rem
}

.avatar-group-lg .avatar-initials {
    font-size: 1rem
}

.avatar-group-lg .avatar + .avatar {
    margin-left: -1.5rem
}

.avatar-group-xl .avatar,
.avatar-group-xl .avatar-initials {
    width: 4.921875rem;
    height: 4.921875rem
}

.avatar-group-xl .avatar-initials {
    font-size: 1.75rem
}

.avatar-group-xl .avatar + .avatar {
    margin-left: -1.5rem
}

.avatar-group-xxl .avatar,
.avatar-group-xxl .avatar-initials {
    width: 7.875rem;
    height: 7.875rem
}

.avatar-group-xxl .avatar-initials {
    font-size: 2.625rem
}

.avatar-group-xxl .avatar + .avatar {
    margin-left: -2rem
}

.avatar.avatar-circle .avatar-status {
    bottom: -.19140625rem;
    right: -.19140625rem
}

.avatar.avatar-circle .avatar-sm-status {
    bottom: 0;
    right: 0
}

.avatar.avatar-circle .avatar-lg-status {
    bottom: -.284375rem;
    right: -.284375rem
}

.avatar-xss,
.avatar-xss .avatar-initials {
    width: 1rem;
    height: 1rem
}

.avatar-xss .avatar-img {
    width: 1rem
}

.avatar-xss .avatar-initials {
    font-size: .65625rem
}

.avatar-xs,
.avatar-xs .avatar-initials {
    width: 1.53125rem;
    height: 1.53125rem
}

.avatar-xs .avatar-img {
    width: 1.53125rem
}

.avatar-xs .avatar-initials {
    font-size: .65625rem
}

.avatar-xs.avatar-circle .avatar-status {
    bottom: -.19140625rem;
    right: -.19140625rem
}

.avatar-xs.avatar-circle .avatar-sm-status {
    bottom: -.1025390625rem;
    right: -.1025390625rem
}

.avatar-xs.avatar-circle .avatar-lg-status {
    bottom: -.284375rem;
    right: -.284375rem
}

.avatar-xs,
.avatar-xs .avatar-initials {
    width: 1.53125rem;
    height: 1.53125rem
}

.avatar-xs .avatar-img {
    width: 1.53125rem
}

.avatar-xs .avatar-initials {
    font-size: .65625rem
}

.avatar-xs.avatar-circle .avatar-status {
    bottom: -.19140625rem;
    right: -.19140625rem
}

.avatar-xs.avatar-circle .avatar-sm-status {
    bottom: -.1025390625rem;
    right: -.1025390625rem
}

.avatar-xs.avatar-circle .avatar-lg-status {
    bottom: -.284375rem;
    right: -.284375rem
}

.avatar-sm,
.avatar-sm .avatar-initials {
    width: 2.40625rem;
    height: 2.40625rem
}

.avatar-sm .avatar-img {
    width: 2.40625rem
}

.avatar-sm .avatar-initials {
    font-size: .875rem
}

.avatar-sm.avatar-circle .avatar-status {
    bottom: -.19140625rem;
    right: -.19140625rem
}

.avatar-sm.avatar-circle .avatar-sm-status {
    bottom: -.08203125rem;
    right: -.08203125rem
}

.avatar-sm.avatar-circle .avatar-lg-status {
    bottom: -.35546875rem;
    right: -.35546875rem
}

.avatar-lg,
.avatar-lg .avatar-initials {
    width: 3.36875rem;
    height: 3.36875rem
}

.avatar-lg .avatar-img {
    width: 3.36875rem
}

.avatar-lg .avatar-initials {
    font-size: 1rem
}

.avatar-lg.avatar-circle .avatar-status {
    bottom: -.11484375rem;
    right: -.11484375rem
}

.avatar-lg.avatar-circle .avatar-sm-status {
    bottom: .08203125rem;
    right: .08203125rem
}

.avatar-lg.avatar-circle .avatar-lg-status {
    bottom: -.177734375rem;
    right: -.177734375rem
}

.avatar-xl,
.avatar-xl .avatar-initials {
    width: 4.921875rem;
    height: 4.921875rem
}

.avatar-xl .avatar-img {
    width: 4.921875rem
}

.avatar-xl .avatar-initials {
    font-size: 1.75rem
}

.avatar-xl.avatar-circle .avatar-status {
    bottom: .1435546875rem;
    right: .1435546875rem
}

.avatar-xl.avatar-circle .avatar-sm-status {
    bottom: .205078125rem;
    right: .205078125rem
}

.avatar-xl.avatar-circle .avatar-lg-status {
    bottom: .1184895833rem;
    right: .1184895833rem
}

.avatar-xxl,
.avatar-xxl .avatar-initials {
    width: 7.875rem;
    height: 7.875rem
}

.avatar-xxl .avatar-img {
    width: 7.875rem
}

.avatar-xxl .avatar-initials {
    font-size: 2.625rem
}

.avatar-xxl.avatar-circle .avatar-status {
    bottom: .65625rem;
    right: .65625rem
}

.avatar-xxl.avatar-circle .avatar-sm-status {
    bottom: .765625rem;
    right: .765625rem
}

.avatar-xxl.avatar-circle .avatar-lg-status {
    bottom: .56875rem;
    right: .56875rem
}

.avatar-status {
    position: absolute;
    bottom: -.459375rem;
    right: -.459375rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    text-align: center;
    vertical-align: baseline;
    border: .125rem solid #fff;
    width: 1.1484375rem;
    height: 1.1484375rem;
    line-height: 1;
    font-size: .65625rem;
    border-radius: 50%
}

.avatar-sm-status {
    bottom: -.2296875rem;
    right: -.2296875rem;
    width: .8203125rem;
    height: .8203125rem;
    font-size: .4375rem
}

.avatar-lg-status {
    width: 1.421875rem;
    height: 1.421875rem;
    font-size: .65625rem
}

.avatar-primary .avatar-initials {
    color: #fff;
    background-color: #377dff
}

.avatar-status-primary {
    color: #fff;
    background-color: #377dff
}

.avatar-secondary .avatar-initials {
    color: #fff;
    background-color: #71869d
}

.avatar-status-secondary {
    color: #fff;
    background-color: #71869d
}

.avatar-success .avatar-initials {
    color: #fff;
    background-color: #00c9a7
}

.avatar-status-success {
    color: #fff;
    background-color: #00c9a7
}

.avatar-info .avatar-initials {
    color: #fff;
    background-color: #09a5be
}

.avatar-status-info {
    color: #fff;
    background-color: #09a5be
}

.avatar-warning .avatar-initials {
    color: #000;
    background-color: #f5ca99
}

.avatar-status-warning {
    color: #000;
    background-color: #f5ca99
}

.avatar-danger .avatar-initials {
    color: #fff;
    background-color: #ed4c78
}

.avatar-status-danger {
    color: #fff;
    background-color: #ed4c78
}

.avatar-light .avatar-initials {
    color: #000;
    background-color: #f9fafc
}

.avatar-status-light {
    color: #000;
    background-color: #f9fafc
}

.avatar-dark .avatar-initials {
    color: #fff;
    background-color: #132144
}

.avatar-status-dark {
    color: #fff;
    background-color: #132144
}

.avatar-soft-primary .avatar-initials {
    color: #377dff;
    background-color: rgba(55, 125, 255, .1)
}

.avatar-status-soft-primary {
    color: #377dff;
    background-color: rgba(55, 125, 255, .1)
}

.avatar-soft-secondary .avatar-initials {
    color: #71869d;
    background-color: rgba(113, 134, 157, .1)
}

.avatar-status-soft-secondary {
    color: #71869d;
    background-color: rgba(113, 134, 157, .1)
}

.avatar-soft-success .avatar-initials {
    color: #00c9a7;
    background-color: rgba(0, 201, 167, .1)
}

.avatar-status-soft-success {
    color: #00c9a7;
    background-color: rgba(0, 201, 167, .1)
}

.avatar-soft-info .avatar-initials {
    color: #09a5be;
    background-color: rgba(9, 165, 190, .1)
}

.avatar-status-soft-info {
    color: #09a5be;
    background-color: rgba(9, 165, 190, .1)
}

.avatar-soft-warning .avatar-initials {
    color: #f5ca99;
    background-color: rgba(245, 202, 153, .1)
}

.avatar-status-soft-warning {
    color: #f5ca99;
    background-color: rgba(245, 202, 153, .1)
}

.avatar-soft-danger .avatar-initials {
    color: #ed4c78;
    background-color: rgba(237, 76, 120, .1)
}

.avatar-status-soft-danger {
    color: #ed4c78;
    background-color: rgba(237, 76, 120, .1)
}

.avatar-soft-light .avatar-initials {
    color: #f9fafc;
    background-color: rgba(249, 250, 252, .1)
}

.avatar-status-soft-light {
    color: #f9fafc;
    background-color: rgba(249, 250, 252, .1)
}

.avatar-soft-dark .avatar-initials {
    color: #132144;
    background-color: rgba(19, 33, 68, .1)
}

.avatar-status-soft-dark {
    color: #132144;
    background-color: rgba(19, 33, 68, .1)
}

.avatar.avatar-4x3 {
    width: 3.5rem;
    height: auto;
    border-radius: 0
}

.avatar.avatar-4x3 .avatar-img {
    width: 3.5rem;
    height: inherit
}

.avatar-xss.avatar-4x3 {
    width: 1.3333333333rem;
    height: auto;
    border-radius: 0
}

.avatar-xss.avatar-4x3 .avatar-img {
    width: 1.3333333333rem;
    height: inherit
}

.avatar-xs.avatar-4x3 {
    width: 2.0416666667rem;
    height: auto;
    border-radius: 0
}

.avatar-xs.avatar-4x3 .avatar-img {
    width: 2.0416666667rem;
    height: inherit
}

.avatar-sm.avatar-4x3 {
    width: 3.2083333333rem;
    height: auto;
    border-radius: 0
}

.avatar-sm.avatar-4x3 .avatar-img {
    width: 3.2083333333rem;
    height: inherit
}

.avatar-lg.avatar-4x3 {
    width: 4.4916666667rem;
    height: auto;
    border-radius: 0
}

.avatar-lg.avatar-4x3 .avatar-img {
    width: 4.4916666667rem;
    height: inherit
}

.avatar-xl.avatar-4x3 {
    width: 6.5625rem;
    height: auto;
    border-radius: 0
}

.avatar-xl.avatar-4x3 .avatar-img {
    width: 6.5625rem;
    height: inherit
}

.avatar-xxl.avatar-4x3 {
    width: 10.5rem;
    height: auto;
    border-radius: 0
}

.avatar-xxl.avatar-4x3 .avatar-img {
    width: 10.5rem;
    height: inherit
}

.avatar-uploader {
    cursor: pointer;
    display: inline-block;
    transition: .2s;
    margin-bottom: 0
}

.avatar-uploader-input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(19, 33, 68, .25);
    border-radius: 50%;
    transition: .2s
}

.avatar-uploader-trigger {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    border-radius: 50%
}

.avatar-uploader-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #677788;
    background-color: #fff;
    border-radius: 50%;
    transition: .2s
}

.avatar-uploader:hover .avatar-uploader-icon {
    color: #fff;
    background-color: #377dff
}

.avatar-lg .avatar-uploader-icon {
    font-size: .65625rem;
    width: 1.3125rem;
    height: 1.3125rem
}

.avatar-xl .avatar-uploader-icon {
    font-size: .8125rem;
    width: 1.53125rem;
    height: 1.53125rem
}

.avatar-xxl .avatar-uploader-icon {
    width: 2.40625rem;
    height: 2.40625rem
}

/*------------------------------------
  badge
------------------------------------*/

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.3125rem;
    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);
}

/*------------------------------------
  legend-indicator
------------------------------------*/

.legend-indicator {
    display:inline-block;
    width:.5rem;
    height:.5rem;
    background-color:#bdc5d1;
    border-radius:50%;
    margin-right:.4375rem
}

/*------------------------------------
  Icon
------------------------------------*/
.icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.09375rem;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 0.3125rem;
}

.icon-circle {
    border-radius: 50%;
}

.icon-centered {
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
}

/*------------------------------------
  Icon Sizes
------------------------------------*/
.icon.icon-xs {
    font-size: 0.875rem;
    width: 1rem;
    height: 1rem;
}

.icon.icon-sm {
    font-size: 0.98438rem;
    width: 2.1875rem;
    height: 2.1875rem;
}

.icon.icon-lg {
    font-size: 1.53125rem;
    width: 3.36875rem;
    height: 3.36875rem;
}

/*------------------------------------
  Icon
------------------------------------*/
.icon-primary {
    color: #fff;
    border-color: #377dff;
    background-color: #377dff;
}

.icon-secondary {
    color: #fff;
    border-color: #71869d;
    background-color: #71869d;
}

.icon-success {
    color: #fff;
    border-color: #00c9a7;
    background-color: #00c9a7;
}

.icon-info {
    color: #fff;
    border-color: #00c9db;
    background-color: #00c9db;
}

.icon-warning {
    color: #1e2022;
    border-color: #f5ca99;
    background-color: #f5ca99;
}

.icon-danger {
    color: #fff;
    border-color: #ed4c78;
    background-color: #ed4c78;
}

.icon-light {
    color: #878787;
    border-color: #f9fafc;
    background-color: #f9fafc;
}

.icon-dark {
    color: #fff;
    border-color: #132144;
    background-color: #132144;
}

.icon-soft-primary {
    color: #377dff;
    background: rgba(55, 125, 255, 0.1);
}

.icon-soft-secondary {
    color: #71869d;
    background: rgba(113, 134, 157, 0.1);
}

.icon-soft-success {
    color: #00c9a7;
    background: rgba(0, 201, 167, 0.1);
}

.icon-soft-info {
    color: #00c9db;
    background: rgba(0, 201, 219, 0.1);
}

.icon-soft-warning {
    color: #f5ca99;
    background: rgba(245, 202, 153, 0.1);
}

.icon-soft-danger {
    color: #ed4c78;
    background: rgba(237, 76, 120, 0.1);
}

.icon-soft-light {
    color: #f9fafc;
    background: rgba(249, 250, 252, 0.1);
}

.icon-soft-dark {
    color: #132144;
    background: rgba(19, 33, 68, 0.1);
}

/*------------------------------------
  tooltip
------------------------------------*/
.tooltip {
    position: absolute;
    z-index: 9999;
    display: block;
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.8125rem;
    word-wrap: break-word;
    opacity: 0;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
    padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #132144;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
    padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #132144;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
    padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #132144;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
    padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #132144;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #132144;
    border-radius: 0.3125rem;
}

/*------------------------------------
  Pagination
------------------------------------*/
.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-color: #222222;
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #e7eaf3;
    --bs-pagination-border-radius: 0.3125rem;
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: #f8fafd;
    --bs-pagination-hover-border-color: #e7eaf3;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #f8fafd;
    --bs-pagination-focus-box-shadow: 0 0 1rem 0 rgba(140, 152, 164, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #377dff;
    --bs-pagination-active-border-color: #377dff;
    --bs-pagination-disabled-color: #8c98a4;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #e7eaf3;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin: 0;
    list-style: none;
}

/*------------------------------------
  flatpickr-custom
------------------------------------*/

.flatpickr-custom {
    position: relative;
    width: 100% !important
}

.flatpickr-custom .flatpickr-calendar {
    top: calc(1.5em + 1.35rem) !important;
    left: 0 !important;
    width: auto
}

.flatpickr-custom-form-control[readonly], .form-control[readonly] {
    background-color: transparent
}

.flatpickr-calendar {
    width: 21.125rem;
    padding: 1rem 1rem;
    box-shadow: 0 .6125rem 2.5rem .6125rem rgba(140, 152, 164, .175);
    background-color: #fff;
    border-radius: .75rem;
    margin-top: .5rem
}

.flatpickr-calendar::before {
    left: 1rem;
    border-width: .5rem;
    margin: 0 .5rem
}

.flatpickr-calendar.arrowTop::before {
    border-bottom-color: #fff
}

.flatpickr-calendar::after {
    display: none
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fadeInUp .3s cubic-bezier(.23, 1, .32, 1);
    animation: fadeInUp .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar .flatpickr-months {
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .75rem
}

.flatpickr-calendar .flatpickr-current-month, .flatpickr-calendar .flatpickr-next-month, .flatpickr-calendar .flatpickr-prev-month {
    padding: 0
}

.flatpickr-calendar .flatpickr-current-month {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    justify-content: center;
    left: 0;
    position: relative;
}

.flatpickr-current-month {
    position: relative;
    left: 0;
}

.flatpickr-current-month .numInputWrapper {
    width: auto;
    display: inline-block;
}

.flatpickr-calendar .flatpickr-next-month, .flatpickr-calendar .flatpickr-prev-month {
    position: static;
    color: #677788;
    width: 2.40625rem;
    height: 2.40625rem;
    line-height: 2.40625rem;
    background-color: transparent;
    border-radius: 50%
}

.flatpickr-calendar .flatpickr-next-month:hover, .flatpickr-calendar .flatpickr-prev-month:hover {
    color: #377dff;
    background-color: rgba(55, 125, 255, .1)
}

.flatpickr-calendar .flatpickr-weekday {
    color: #97a4af;
    text-transform: uppercase;
    font-weight: 600
}

.flatpickr-calendar .rangeMode .flatpickr-day {
    margin-top: .25rem
}

.flatpickr-calendar .flatpickr-monthDropdown-months {
    color: #677788;
    font-size: .875rem;
    width: 100%;
    font-weight: 600;
    padding: 0;
    text-align: center;
}

.flatpickr-calendar .flatpickr-monthDropdown-months:hover {
    background-color: transparent
}

.flatpickr-calendar .flatpickr-current-month input.cur-year {
    color: #677788;
    font-size: .875rem;
    font-weight: 600;
    text-align: center;
    padding: 0;
}

.flatpickr-calendar .flatpickr-day {
    color: #1e2022;
    border: none
}

.flatpickr-calendar .flatpickr-day:focus, .flatpickr-calendar .flatpickr-day:hover {
    color: #377dff;
    background-color: rgba(55, 125, 255, .1)
}

.flatpickr-calendar .flatpickr-day.endRange, .flatpickr-calendar .flatpickr-day.endRange.inRange, .flatpickr-calendar .flatpickr-day.endRange.nextMonthDay, .flatpickr-calendar .flatpickr-day.endRange.prevMonthDay, .flatpickr-calendar .flatpickr-day.endRange:focus, .flatpickr-calendar .flatpickr-day.endRange:hover, .flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.selected.inRange, .flatpickr-calendar .flatpickr-day.selected.nextMonthDay, .flatpickr-calendar .flatpickr-day.selected.prevMonthDay, .flatpickr-calendar .flatpickr-day.selected:focus, .flatpickr-calendar .flatpickr-day.selected:hover, .flatpickr-calendar .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-day.startRange.inRange, .flatpickr-calendar .flatpickr-day.startRange.nextMonthDay, .flatpickr-calendar .flatpickr-day.startRange.prevMonthDay, .flatpickr-calendar .flatpickr-day.startRange:focus, .flatpickr-calendar .flatpickr-day.startRange:hover {
    color: #fff;
    background-color: #377dff;
    border-color: #377dff
}

.flatpickr-calendar .flatpickr-day.inRange {
    color: #fff;
    background-color: #377dff;
    box-shadow: -.35rem 0 0 #377dff, .35rem 0 0 #377dff
}

.flatpickr-calendar .flatpickr-day.inRange.nextMonthDay, .flatpickr-calendar .flatpickr-day.inRange.nextMonthDay:focus, .flatpickr-calendar .flatpickr-day.inRange.nextMonthDay:hover, .flatpickr-calendar .flatpickr-day.inRange.prevMonthDay, .flatpickr-calendar .flatpickr-day.inRange.prevMonthDay:focus, .flatpickr-calendar .flatpickr-day.inRange.prevMonthDay:hover, .flatpickr-calendar .flatpickr-day.selected.nextMonthDay, .flatpickr-calendar .flatpickr-day.selected.nextMonthDay:focus, .flatpickr-calendar .flatpickr-day.selected.nextMonthDay:hover, .flatpickr-calendar .flatpickr-day.selected.prevMonthDay, .flatpickr-calendar .flatpickr-day.selected.prevMonthDay:focus, .flatpickr-calendar .flatpickr-day.selected.prevMonthDay:hover {
    color: #fff;
    border-color: #377dff;
    background-color: #377dff
}

.flatpickr-calendar .flatpickr-day.today {
    color: #fff;
    border-color: transparent;
    background-color: #377dff
}

.flatpickr-calendar .flatpickr-day.nextMonthDay, .flatpickr-calendar .flatpickr-day.prevMonthDay {
    color: #e7eaf3
}

.flatpickr-calendar .flatpickr-day.nextMonthDay:focus, .flatpickr-calendar .flatpickr-day.nextMonthDay:hover, .flatpickr-calendar .flatpickr-day.prevMonthDay:focus, .flatpickr-calendar .flatpickr-day.prevMonthDay:hover {
    color: #bdc5d1;
    background-color: rgba(231, 234, 243, .7);
    border-color: rgba(231, 234, 243, .7)
}

.flatpickr-calendar .flatpickr-day.disabled {
    color: #bdc5d1
}

.flatpickr-calendar .flatpickr-day.disabled:hover {
    color: #bdc5d1;
    background-color: rgba(231, 234, 243, .7);
    border-color: rgba(231, 234, 243, .7)
}

.flatpickr-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
    box-shadow: -.35rem 0 0 #377dff, .35rem 0 0 #377dff
}

.flatpickr-calendar .numInputWrapper span.arrowDown, .flatpickr-calendar .numInputWrapper span.arrowUp {
    display: none
}

.flatpickr-calendar .numInputWrapper:hover {
    background-color: transparent
}

.flatpickr-calendar .flatpickr-time input {
    color: #1e2022
}

.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus, .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-calendar .flatpickr-time input:focus, .flatpickr-calendar .flatpickr-time input:hover {
    background-color: rgba(231, 234, 243, .5)
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback).flatpickr-calendar {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.flatpickr-custom-borderless {
    width: 0 !important;
    min-width: 7rem !important
}

.flatpickr-custom-borderless .input-group-text {
    border: 0;
    padding-right: 0 !important
}

.flatpickr-custom-borderless .flatpickr-custom-form-control {
    border: none;
    cursor: pointer;
    box-shadow: none;
    padding-right: 0;
    color: #377dff
}

.flatpickr-custom-position-fix-sm-down .flatpickr-calendar {
    left: -100% !important
}

/*------------------------------------
  chart2js
------------------------------------*/

.chart2js-custom {
    position: relative;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto
}

/*------------------------------------
  loading
------------------------------------*/
.loading {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.loading .loader {
    border: 8px solid #c4c4c4;
    border-top: 8px solid #1a2775;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    display: none;
}

.show-loading .loading .loader {
    display: block;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*------------------------------------
  utils
------------------------------------*/
.offset-1 {
    margin-left:8.33333333%
}
.offset-2 {
    margin-left:16.66666667%
}
.offset-3 {
    margin-left:25%
}
.offset-4 {
    margin-left:33.33333333%
}
.offset-5 {
    margin-left:41.66666667%
}
.offset-6 {
    margin-left:50%
}
.offset-7 {
    margin-left:58.33333333%
}
.offset-8 {
    margin-left:66.66666667%
}
.offset-9 {
    margin-left:75%
}
.offset-10 {
    margin-left:83.33333333%
}
.offset-11 {
    margin-left:91.66666667%
}
.g-0,
.gx-0 {
    --bs-gutter-x:0rem
}
.g-0,
.gy-0 {
    --bs-gutter-y:0rem
}
.g-1,
.gx-1 {
    --bs-gutter-x:0.25rem
}
.g-1,
.gy-1 {
    --bs-gutter-y:0.25rem
}
.g-2,
.gx-2 {
    --bs-gutter-x:0.5rem
}
.g-2,
.gy-2 {
    --bs-gutter-y:0.5rem
}
.g-3,
.gx-3 {
    --bs-gutter-x:0.75rem
}
.g-3,
.gy-3 {
    --bs-gutter-y:0.75rem
}
.g-4,
.gx-4 {
    --bs-gutter-x:1rem
}
.g-4,
.gy-4 {
    --bs-gutter-y:1rem
}
.g-5,
.gx-5 {
    --bs-gutter-x:1.25rem
}
.g-5,
.gy-5 {
    --bs-gutter-y:1.25rem
}
.g-6,
.gx-6 {
    --bs-gutter-x:1.5rem
}
.g-6,
.gy-6 {
    --bs-gutter-y:1.5rem
}
.g-7,
.gx-7 {
    --bs-gutter-x:1.75rem
}
.g-7,
.gy-7 {
    --bs-gutter-y:1.75rem
}
.g-8,
.gx-8 {
    --bs-gutter-x:2rem
}
.g-8,
.gy-8 {
    --bs-gutter-y:2rem
}
.g-9,
.gx-9 {
    --bs-gutter-x:2.25rem
}
.g-9,
.gy-9 {
    --bs-gutter-y:2.25rem
}
.g-10,
.gx-10 {
    --bs-gutter-x:2.5rem
}
.g-10,
.gy-10 {
    --bs-gutter-y:2.5rem
}

.w-auto {
    width:auto!important
}
.w-1px {
    width:1px!important
}
.w-2px {
    width:2px!important
}
.w-3px {
    width:3px!important
}
.w-4px {
    width:4px!important
}
.w-5px {
    width:5px!important
}
.w-6px {
    width:6px!important
}
.w-7px {
    width:7px!important
}
.w-8px {
    width:8px!important
}
.w-9px {
    width:9px!important
}
.w-10px {
    width:10px!important
}
.w-15px {
    width:15px!important
}
.w-20px {
    width:20px!important
}
.w-25px {
    width:25px!important
}
.w-30px {
    width:30px!important
}
.w-35px {
    width:35px!important
}
.w-40px {
    width:40px!important
}
.w-45px {
    width:45px!important
}
.w-50px {
    width:50px!important
}
.w-55px {
    width:55px!important
}
.w-60px {
    width:60px!important
}
.w-65px {
    width:65px!important
}
.w-70px {
    width:70px!important
}
.w-75px {
    width:75px!important
}
.w-80px {
    width:80px!important
}
.w-85px {
    width:85px!important
}
.w-90px {
    width:90px!important
}
.w-95px {
    width:95px!important
}
.w-100px {
    width:100px!important
}
.w-125px {
    width:125px!important
}
.w-150px {
    width:150px!important
}
.w-175px {
    width:175px!important
}
.w-200px {
    width:200px!important
}
.w-225px {
    width:225px!important
}
.w-250px {
    width:250px!important
}
.w-275px {
    width:275px!important
}
.w-300px {
    width:300px!important
}
.w-325px {
    width:325px!important
}
.w-350px {
    width:350px!important
}
.w-375px {
    width:375px!important
}
.w-400px {
    width:400px!important
}
.w-425px {
    width:425px!important
}
.w-450px {
    width:450px!important
}
.w-475px {
    width:475px!important
}
.w-500px {
    width:500px!important
}
.w-550px {
    width:550px!important
}
.w-600px {
    width:600px!important
}
.w-650px {
    width:650px!important
}
.w-700px {
    width:700px!important
}
.w-750px {
    width:750px!important
}
.w-800px {
    width:800px!important
}
.w-850px {
    width:850px!important
}
.w-900px {
    width:900px!important
}
.w-950px {
    width:950px!important
}
.w-1000px {
    width:1000px!important
}

@media (min-width: 576px) {
    .w-sm-auto {
        width:auto!important
    }
    .w-sm-1px {
        width:1px!important
    }
    .w-sm-2px {
        width:2px!important
    }
    .w-sm-3px {
        width:3px!important
    }
    .w-sm-4px {
        width:4px!important
    }
    .w-sm-5px {
        width:5px!important
    }
    .w-sm-6px {
        width:6px!important
    }
    .w-sm-7px {
        width:7px!important
    }
    .w-sm-8px {
        width:8px!important
    }
    .w-sm-9px {
        width:9px!important
    }
    .w-sm-10px {
        width:10px!important
    }
    .w-sm-15px {
        width:15px!important
    }
    .w-sm-20px {
        width:20px!important
    }
    .w-sm-25px {
        width:25px!important
    }
    .w-sm-30px {
        width:30px!important
    }
    .w-sm-35px {
        width:35px!important
    }
    .w-sm-40px {
        width:40px!important
    }
    .w-sm-45px {
        width:45px!important
    }
    .w-sm-50px {
        width:50px!important
    }
    .w-sm-55px {
        width:55px!important
    }
    .w-sm-60px {
        width:60px!important
    }
    .w-sm-65px {
        width:65px!important
    }
    .w-sm-70px {
        width:70px!important
    }
    .w-sm-75px {
        width:75px!important
    }
    .w-sm-80px {
        width:80px!important
    }
    .w-sm-85px {
        width:85px!important
    }
    .w-sm-90px {
        width:90px!important
    }
    .w-sm-95px {
        width:95px!important
    }
    .w-sm-100px {
        width:100px!important
    }
    .w-sm-125px {
        width:125px!important
    }
    .w-sm-150px {
        width:150px!important
    }
    .w-sm-175px {
        width:175px!important
    }
    .w-sm-200px {
        width:200px!important
    }
    .w-sm-225px {
        width:225px!important
    }
    .w-sm-250px {
        width:250px!important
    }
    .w-sm-275px {
        width:275px!important
    }
    .w-sm-300px {
        width:300px!important
    }
    .w-sm-325px {
        width:325px!important
    }
    .w-sm-350px {
        width:350px!important
    }
    .w-sm-375px {
        width:375px!important
    }
    .w-sm-400px {
        width:400px!important
    }
    .w-sm-425px {
        width:425px!important
    }
    .w-sm-450px {
        width:450px!important
    }
    .w-sm-475px {
        width:475px!important
    }
    .w-sm-500px {
        width:500px!important
    }
    .w-sm-550px {
        width:550px!important
    }
    .w-sm-600px {
        width:600px!important
    }
    .w-sm-650px {
        width:650px!important
    }
    .w-sm-700px {
        width:700px!important
    }
    .w-sm-750px {
        width:750px!important
    }
    .w-sm-800px {
        width:800px!important
    }
    .w-sm-850px {
        width:850px!important
    }
    .w-sm-900px {
        width:900px!important
    }
    .w-sm-950px {
        width:950px!important
    }
    .w-sm-1000px {
        width:1000px!important
    }
}

@media (min-width: 768px) {
    .w-md-auto {
        width:auto!important
    }
    .w-md-1px {
        width:1px!important
    }
    .w-md-2px {
        width:2px!important
    }
    .w-md-3px {
        width:3px!important
    }
    .w-md-4px {
        width:4px!important
    }
    .w-md-5px {
        width:5px!important
    }
    .w-md-6px {
        width:6px!important
    }
    .w-md-7px {
        width:7px!important
    }
    .w-md-8px {
        width:8px!important
    }
    .w-md-9px {
        width:9px!important
    }
    .w-md-10px {
        width:10px!important
    }
    .w-md-15px {
        width:15px!important
    }
    .w-md-20px {
        width:20px!important
    }
    .w-md-25px {
        width:25px!important
    }
    .w-md-30px {
        width:30px!important
    }
    .w-md-35px {
        width:35px!important
    }
    .w-md-40px {
        width:40px!important
    }
    .w-md-45px {
        width:45px!important
    }
    .w-md-50px {
        width:50px!important
    }
    .w-md-55px {
        width:55px!important
    }
    .w-md-60px {
        width:60px!important
    }
    .w-md-65px {
        width:65px!important
    }
    .w-md-70px {
        width:70px!important
    }
    .w-md-75px {
        width:75px!important
    }
    .w-md-80px {
        width:80px!important
    }
    .w-md-85px {
        width:85px!important
    }
    .w-md-90px {
        width:90px!important
    }
    .w-md-95px {
        width:95px!important
    }
    .w-md-100px {
        width:100px!important
    }
    .w-md-125px {
        width:125px!important
    }
    .w-md-150px {
        width:150px!important
    }
    .w-md-175px {
        width:175px!important
    }
    .w-md-200px {
        width:200px!important
    }
    .w-md-225px {
        width:225px!important
    }
    .w-md-250px {
        width:250px!important
    }
    .w-md-275px {
        width:275px!important
    }
    .w-md-300px {
        width:300px!important
    }
    .w-md-325px {
        width:325px!important
    }
    .w-md-350px {
        width:350px!important
    }
    .w-md-375px {
        width:375px!important
    }
    .w-md-400px {
        width:400px!important
    }
    .w-md-425px {
        width:425px!important
    }
    .w-md-450px {
        width:450px!important
    }
    .w-md-475px {
        width:475px!important
    }
    .w-md-500px {
        width:500px!important
    }
    .w-md-550px {
        width:550px!important
    }
    .w-md-600px {
        width:600px!important
    }
    .w-md-650px {
        width:650px!important
    }
    .w-md-700px {
        width:700px!important
    }
    .w-md-750px {
        width:750px!important
    }
    .w-md-800px {
        width:800px!important
    }
    .w-md-850px {
        width:850px!important
    }
    .w-md-900px {
        width:900px!important
    }
    .w-md-950px {
        width:950px!important
    }
    .w-md-1000px {
        width:1000px!important
    }
}

@media (min-width: 992px) {
    .w-lg-auto {
        width:auto!important
    }
    .w-lg-1px {
        width:1px!important
    }
    .w-lg-2px {
        width:2px!important
    }
    .w-lg-3px {
        width:3px!important
    }
    .w-lg-4px {
        width:4px!important
    }
    .w-lg-5px {
        width:5px!important
    }
    .w-lg-6px {
        width:6px!important
    }
    .w-lg-7px {
        width:7px!important
    }
    .w-lg-8px {
        width:8px!important
    }
    .w-lg-9px {
        width:9px!important
    }
    .w-lg-10px {
        width:10px!important
    }
    .w-lg-15px {
        width:15px!important
    }
    .w-lg-20px {
        width:20px!important
    }
    .w-lg-25px {
        width:25px!important
    }
    .w-lg-30px {
        width:30px!important
    }
    .w-lg-35px {
        width:35px!important
    }
    .w-lg-40px {
        width:40px!important
    }
    .w-lg-45px {
        width:45px!important
    }
    .w-lg-50px {
        width:50px!important
    }
    .w-lg-55px {
        width:55px!important
    }
    .w-lg-60px {
        width:60px!important
    }
    .w-lg-65px {
        width:65px!important
    }
    .w-lg-70px {
        width:70px!important
    }
    .w-lg-75px {
        width:75px!important
    }
    .w-lg-80px {
        width:80px!important
    }
    .w-lg-85px {
        width:85px!important
    }
    .w-lg-90px {
        width:90px!important
    }
    .w-lg-95px {
        width:95px!important
    }
    .w-lg-100px {
        width:100px!important
    }
    .w-lg-125px {
        width:125px!important
    }
    .w-lg-150px {
        width:150px!important
    }
    .w-lg-175px {
        width:175px!important
    }
    .w-lg-200px {
        width:200px!important
    }
    .w-lg-225px {
        width:225px!important
    }
    .w-lg-250px {
        width:250px!important
    }
    .w-lg-275px {
        width:275px!important
    }
    .w-lg-300px {
        width:300px!important
    }
    .w-lg-325px {
        width:325px!important
    }
    .w-lg-350px {
        width:350px!important
    }
    .w-lg-375px {
        width:375px!important
    }
    .w-lg-400px {
        width:400px!important
    }
    .w-lg-425px {
        width:425px!important
    }
    .w-lg-450px {
        width:450px!important
    }
    .w-lg-475px {
        width:475px!important
    }
    .w-lg-500px {
        width:500px!important
    }
    .w-lg-550px {
        width:550px!important
    }
    .w-lg-600px {
        width:600px!important
    }
    .w-lg-650px {
        width:650px!important
    }
    .w-lg-700px {
        width:700px!important
    }
    .w-lg-750px {
        width:750px!important
    }
    .w-lg-800px {
        width:800px!important
    }
    .w-lg-850px {
        width:850px!important
    }
    .w-lg-900px {
        width:900px!important
    }
    .w-lg-950px {
        width:950px!important
    }
    .w-lg-1000px {
        width:1000px!important
    }
}

@media (min-width: 1200px) {
    .w-xl-auto {
        width:auto!important
    }
    .w-xl-1px {
        width:1px!important
    }
    .w-xl-2px {
        width:2px!important
    }
    .w-xl-3px {
        width:3px!important
    }
    .w-xl-4px {
        width:4px!important
    }
    .w-xl-5px {
        width:5px!important
    }
    .w-xl-6px {
        width:6px!important
    }
    .w-xl-7px {
        width:7px!important
    }
    .w-xl-8px {
        width:8px!important
    }
    .w-xl-9px {
        width:9px!important
    }
    .w-xl-10px {
        width:10px!important
    }
    .w-xl-15px {
        width:15px!important
    }
    .w-xl-20px {
        width:20px!important
    }
    .w-xl-25px {
        width:25px!important
    }
    .w-xl-30px {
        width:30px!important
    }
    .w-xl-35px {
        width:35px!important
    }
    .w-xl-40px {
        width:40px!important
    }
    .w-xl-45px {
        width:45px!important
    }
    .w-xl-50px {
        width:50px!important
    }
    .w-xl-55px {
        width:55px!important
    }
    .w-xl-60px {
        width:60px!important
    }
    .w-xl-65px {
        width:65px!important
    }
    .w-xl-70px {
        width:70px!important
    }
    .w-xl-75px {
        width:75px!important
    }
    .w-xl-80px {
        width:80px!important
    }
    .w-xl-85px {
        width:85px!important
    }
    .w-xl-90px {
        width:90px!important
    }
    .w-xl-95px {
        width:95px!important
    }
    .w-xl-100px {
        width:100px!important
    }
    .w-xl-125px {
        width:125px!important
    }
    .w-xl-150px {
        width:150px!important
    }
    .w-xl-175px {
        width:175px!important
    }
    .w-xl-200px {
        width:200px!important
    }
    .w-xl-225px {
        width:225px!important
    }
    .w-xl-250px {
        width:250px!important
    }
    .w-xl-275px {
        width:275px!important
    }
    .w-xl-300px {
        width:300px!important
    }
    .w-xl-325px {
        width:325px!important
    }
    .w-xl-350px {
        width:350px!important
    }
    .w-xl-375px {
        width:375px!important
    }
    .w-xl-400px {
        width:400px!important
    }
    .w-xl-425px {
        width:425px!important
    }
    .w-xl-450px {
        width:450px!important
    }
    .w-xl-475px {
        width:475px!important
    }
    .w-xl-500px {
        width:500px!important
    }
    .w-xl-550px {
        width:550px!important
    }
    .w-xl-600px {
        width:600px!important
    }
    .w-xl-650px {
        width:650px!important
    }
    .w-xl-700px {
        width:700px!important
    }
    .w-xl-750px {
        width:750px!important
    }
    .w-xl-800px {
        width:800px!important
    }
    .w-xl-850px {
        width:850px!important
    }
    .w-xl-900px {
        width:900px!important
    }
    .w-xl-950px {
        width:950px!important
    }
    .w-xl-1000px {
        width:1000px!important
    }
}

@media (min-width: 1400px) {
    .w-xxl-auto {
        width:auto!important
    }
    .w-xxl-1px {
        width:1px!important
    }
    .w-xxl-2px {
        width:2px!important
    }
    .w-xxl-3px {
        width:3px!important
    }
    .w-xxl-4px {
        width:4px!important
    }
    .w-xxl-5px {
        width:5px!important
    }
    .w-xxl-6px {
        width:6px!important
    }
    .w-xxl-7px {
        width:7px!important
    }
    .w-xxl-8px {
        width:8px!important
    }
    .w-xxl-9px {
        width:9px!important
    }
    .w-xxl-10px {
        width:10px!important
    }
    .w-xxl-15px {
        width:15px!important
    }
    .w-xxl-20px {
        width:20px!important
    }
    .w-xxl-25px {
        width:25px!important
    }
    .w-xxl-30px {
        width:30px!important
    }
    .w-xxl-35px {
        width:35px!important
    }
    .w-xxl-40px {
        width:40px!important
    }
    .w-xxl-45px {
        width:45px!important
    }
    .w-xxl-50px {
        width:50px!important
    }
    .w-xxl-55px {
        width:55px!important
    }
    .w-xxl-60px {
        width:60px!important
    }
    .w-xxl-65px {
        width:65px!important
    }
    .w-xxl-70px {
        width:70px!important
    }
    .w-xxl-75px {
        width:75px!important
    }
    .w-xxl-80px {
        width:80px!important
    }
    .w-xxl-85px {
        width:85px!important
    }
    .w-xxl-90px {
        width:90px!important
    }
    .w-xxl-95px {
        width:95px!important
    }
    .w-xxl-100px {
        width:100px!important
    }
    .w-xxl-125px {
        width:125px!important
    }
    .w-xxl-150px {
        width:150px!important
    }
    .w-xxl-175px {
        width:175px!important
    }
    .w-xxl-200px {
        width:200px!important
    }
    .w-xxl-225px {
        width:225px!important
    }
    .w-xxl-250px {
        width:250px!important
    }
    .w-xxl-275px {
        width:275px!important
    }
    .w-xxl-300px {
        width:300px!important
    }
    .w-xxl-325px {
        width:325px!important
    }
    .w-xxl-350px {
        width:350px!important
    }
    .w-xxl-375px {
        width:375px!important
    }
    .w-xxl-400px {
        width:400px!important
    }
    .w-xxl-425px {
        width:425px!important
    }
    .w-xxl-450px {
        width:450px!important
    }
    .w-xxl-475px {
        width:475px!important
    }
    .w-xxl-500px {
        width:500px!important
    }
    .w-xxl-550px {
        width:550px!important
    }
    .w-xxl-600px {
        width:600px!important
    }
    .w-xxl-650px {
        width:650px!important
    }
    .w-xxl-700px {
        width:700px!important
    }
    .w-xxl-750px {
        width:750px!important
    }
    .w-xxl-800px {
        width:800px!important
    }
    .w-xxl-850px {
        width:850px!important
    }
    .w-xxl-900px {
        width:900px!important
    }
    .w-xxl-950px {
        width:950px!important
    }
    .w-xxl-1000px {
        width:1000px!important
    }
}