@charset "UTF-8";


:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #7987a1;
    --bs-gray-dark: #212a3a;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #cbd1db;
    --bs-gray-500: #aeb7c5;
    --bs-gray-600: #7987a1;
    --bs-gray-700: #41516c;
    --bs-gray-800: #212a3a;
    --bs-gray-900: #060c17;
    --bs-primary: #00CB97;
    --bs-secondary: #45A1EB;
    --bs-success: #05a34a;
    --bs-info: #66d1d1;
    --bs-warning: #fbbc06;
    --bs-danger: #ff3366;
    --bs-light: #e9ecef;
    --bs-dark: #060c17;
    --bs-primary-rgb: 0, 224, 166;
    --bs-purple-rgb: 101, 113, 255;
    --bs-secondary-rgb: 69, 161, 235;
    --bs-light-blue-rgb: 121, 135, 161;
    --bs-success-rgb: 209, 231, 221;
    --bs-info-rgb: 102, 209, 209;
    --bs-warning-rgb: 255, 243, 205;
    --bs-danger-rgb: 248, 215, 218;
    --bs-light-rgb: 233, 236, 239;
    --bs-dark-rgb: 6, 12, 23;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: rgba(129,129,129,1);
    --bs-body-bg-rgb: 249, 250, 251;
    --bs-font-sans-serif: "Josefin Sans", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: "Roberto", sans-serif;
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #525252;
    --bs-body-bg: #f9fafb;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dddddd;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #00CB97;
    --bs-link-hover-color: #02b383;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --element-bg: #fff;
    --element-border-color: #f2f4f9;
    --main-wrapper-bg: #f9fafb;
    --navbar-bg: #1D2638;
    --sidebar-header-bg: #1D2638;
    --sidebar-body-bg: #1D2638;
    --nav-border-color: #334058;
    --sidebar-shadow: rgba(183, 192, 206, 0.2);
    --input-background: #fff;
    --navbar-link-color: #fff;
    --navlink-icon-fill: rgba(233,236,239,0.21);
    --card-shadow: rgba(183, 192, 206, 0.2);
    --submenu-link: #303030;
    --bs-dropdown-link-color: #060c17;
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 0.875rem;
    --bs-dropdown-color: #000;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: #f2f4f9;
    --bs-dropdown-border-radius: 0.25rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.25rem - 1px);
    --bs-dropdown-divider-bg: #f2f4f9;
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 5px 10px 0 rgba(183, 192, 206, 0.2);
    --bs-dropdown-link-color: #060c17;
    --bs-dropdown-link-hover-color: #050b15;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg-ai: #00CB97;
    --bs-dropdown-link-disabled-color: #aeb7c5;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #7987a1;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    --tt-menu-before-bg: #fff;
    --tt-menu-before-border: #f2f4f9;
    --tt-menu-dd-shadow: rgba(183, 192, 206, 0.2);
    --brand-name: #00CB97;
    --apex-chrt-bg: #fff;
    --apex-chrt-color: #000;
    --apex-chrt-border: #e9ecef;
    --bs-list-group-color: #060c17;
    --bs-list-group-bg: #fff;
    --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: 0.25rem;
    --bs-list-group-item-padding-x: 1rem !important;
    --bs-list-group-item-padding-y: 1rem !important;
    --bs-list-group-action-color: #41516c;
    --bs-list-group-action-hover-color: #41516c;
    --bs-list-group-action-hover-bg: #f8f9fa;
    --bs-list-group-action-active-color: #000;
    --bs-list-group-action-active-bg: #e9ecef;
    --bs-list-group-disabled-color: #7987a1;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #00CB97;
    --bs-list-group-active-border-color: #00CB97;
    --typeahead-background-color: #fff;
    --typeahead-border-color: #d9d9d9;
    --bs-btn-border-radius: 0px !important;
    --bs-navbar-padding-y: 0px !important;
    --b-vertical-bar-brand-height: 60px !important;
    --b-vertical-bar-width: 260px !important;
    --bs-nav-link-font-size: 12px !important;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-accordion-active-bg: #00cb9736 !important;
    --bs-primary-bg-subtle: #00cb9736;
    --table-hover-bg: #f9fafb;
}


.dark-mode {
    --bs-body-color-rgb: #d0d6e1;
    --bs-body-bg-rgb: #070d19;
    --bs-body-color: #d0d6e1;
    --bs-body-bg: #070d19;
    --bs-border-color: #535967;
    --thumb-bg-color: #070d19;
    --table-striped-bg: #080e1b;
    --table-active-bg: #050913;
    --table-hover-bg: #080e1b;
    --table-group-divider-border: #172340;
    --typeahead-color: #d0d6e1;
    --typeahead-background-color: #394a6d;
    --typeahead-border-color: #c7c7c7;
    --element-bg: #1d2638;
    --element-border-color: #172340;
    --main-wrapper-bg: #111827;
    --sidebar-shadow: #03060b;
    --input-background: #1d2638;
    --navlink-icon-fill: #1d2638;
    --nav-border-color: #03060b;
    --card-shadow: #060b15;
    --submenu-link: #7987a1;
    --bs-dropdown-link-color: #d0d6e1;
    --bs-dropdown-color: #7987a1;
    --bs-dropdown-bg: #060c17;
    --bs-dropdown-border-color: #172340;
    --bs-dropdown-divider-bg: #172340;
    --bs-dropdown-link-color: #d0d6e1;
    --bs-dropdown-link-hover-color: #bbc1cb;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg-ai: #00CB97;
    --bs-dropdown-link-disabled-color: #aeb7c5;
    --bs-dropdown-header-color: #7987a1;
    --tt-menu-before-bg: #060c17;
    --tt-menu-before-border: #172340;
    --tt-menu-dd-shadow: #060b15;
    --apex-chrt-bg: #060c17;
    --apex-chrt-color: #d0d6e1;
    --apex-chrt-border: #172340;
    --bs-list-group-color: #d0d6e1;
    --bs-list-group-bg: #1d2638;
    --bs-list-group-border-color: #172340;
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: 0.25rem;
    --bs-list-group-item-padding-x: 1.25rem;
    --bs-list-group-item-padding-y: 0.75rem;
    --bs-list-group-action-color: #cbd1db;
    --bs-list-group-action-hover-color: #cbd1db;
    --bs-list-group-action-hover-bg: #121e3b;
    --bs-list-group-action-active-color: #d0d6e1;
    --bs-list-group-action-active-bg: #e9ecef;
    --bs-list-group-disabled-color: #7987a1;
    --bs-list-group-disabled-bg: #1d2638;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #6571ff;
    --bs-list-group-active-border-color: #6571ff;
    --dm-table-border: #858585;
    --bs-primary-bg-subtle: #00cb97;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg) !important;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


a {
    color: var(--bs-link-color);
    text-decoration: none;
}

    a:hover {
        color: var(--bs-link-hover-color);
    }

    a:not([href]):not([class]), a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none;
    }


h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.2;
    font-family: var(--bs-font-sans-serif) !important;
    text-transform: uppercase;
}

h1, .h1 {
    font-size: calc(1.375rem + 1.5vw);
}

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

h2, .h2 {
    font-size: calc(1.325rem + 0.9vw);
}

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

h3, .h3 {
    font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.5rem;
    }
}

h4, .h4 {
    font-size: 1.25rem;
}

h5, .h5 {
    font-size: 1rem;
}

h6, .h6 {
    font-size: 0.875rem;
}

.fs-7 {
    font-size: 4.3rem;
}

.fs-10 {
    font-size: 100px;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

.main-wrapper {
    display: flex;
}


    .main-wrapper .login-wrapper {
        min-height: 100vh;
        width: calc(100% - 240px);
        margin-left: 240px;
        display: flex;
        flex-direction: column;
        -webkit-transition: margin 0.1s ease, width 0.1s ease;
        transition: margin 0.1s ease, width 0.1s ease;
    }

        .main-wrapper .login-wrapper.full-page {
            width: 100%;
            margin-left: 0;
            background: radial-gradient(circle at center, #00CB97 0%, #009e7a 80%, #00614e 100%, #00463b 100%);
        }

.login-page-content {
    flex-grow: 1;
    padding: 25px;
    margin-top: 60px;
}


.login-brand {
    display: block;
    align-items: center;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    font-weight: 700;
    font-size: 25px;
    color: var(--brand-name);
    margin-bottom: 15px;
}

    .login-brand img {
        width: 50px;
        margin-right: 10px;
    }

    .login-brand span {
        color: #00CB97;
        font-weight: 200;
    }






/*Header & Top Nav*/
.ai-topbar {
    height: 60px;
    background: var(--navbar-bg);
    border-bottom: 1px solid var(--nav-border-color);
}


.campaign-title {
    color: white;
    padding-left: 30px;
}



.ai-topbar .navbar-collapse {
    background: var(--navbar-bg) !important;
    text-align: center !important;
}




@media (max-width: 768px) {
    .ai-topbar .navbar-collapse .ai-dropdown-content {
        right: -90px !important;
        margin-top: 7px !important;
    }
}




/*General Items CSS*/

.stretch-card {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}

    .stretch-card > .card {
        width: 100%;
        min-width: 100%;
    }

.img-lg {
    width: 92px;
    height: 92px;
}

.img-md {
    width: 75px;
    height: 92px;
}

.img-sm {
    width: 43px;
    height: 43px;
}

.img-xs {
    width: 36px;
    height: 36px;
}

.img-ss {
    width: 26px;
    height: 26px;
}

.fw-boldest {
    font-weight: 900;
}

.tx-10 {
    font-size: 10px;
}

.tx-11 {
    font-size: 11px;
}

.tx-12 {
    font-size: 12px;
}

.tx-13 {
    font-size: 13px;
}

.tx-14 {
    font-size: 14px;
}

.tx-16 {
    font-size: 16px;
}

.tx-80 {
    font-size: 80px;
}

svg.icon-xs {
    width: 12px;
    height: 12px;
}

svg.icon-sm {
    width: 14px;
    height: 14px;
}

svg.icon-md {
    width: 16px;
    height: 16px;
}

svg.icon-lg {
    width: 20px;
    height: 20px;
}

svg.icon-xl {
    width: 26px;
    height: 26px;
}

svg.icon-xxl {
    width: 40px;
    height: 40px;
}

.icon-xs {
    font-size: 14px;
}

.icon-sm {
    font-size: 16px;
}

.icon-md {
    font-size: 18px;
}

.icon-lg {
    font-size: 20px;
}

.icon-xl {
    font-size: 24px;
}

.icon-xxl {
    font-size: 30px;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

.pt-1px {
    padding-top: 1px;
}

.pt-2px {
    padding-top: 2px;
}

.pt-3px {
    padding-top: 3px;
}

.pb-1px {
    padding-bottom: 1px;
}

.pb-2px {
    padding-bottom: 2px;
}

.pb-3px {
    padding-bottom: 3px;
}

.mt-1px {
    margin-top: 1px;
}

.mt-2px {
    margin-top: 2px;
}

.mt-3px {
    margin-top: 3px;
}

.mb-1px {
    margin-bottom: 1px;
}

.mb-2px {
    margin-bottom: 2px;
}

.mb-3px {
    margin-bottom: 3px;
}

.ht-5 {
    height: 5px;
}

.ht-10 {
    height: 10px;
}

.ht-15 {
    height: 15px;
}

.ht-20 {
    height: 20px;
}

.ht-30 {
    height: 30px;
}

.ht-40 {
    height: 40px;
}

.ht-50 {
    height: 50px;
}

.ht-60 {
    height: 60px;
}

.ht-70 {
    height: 70px;
}

.ht-80 {
    height: 80px;
}

.ht-90 {
    height: 90px;
}

.ht-100 {
    height: 100px;
}
/*End General Items CSS*/

/* =================================== User Login Module ===========================*/

/* My Drop Down */
.ai-dropbtn {
    border: none;
    cursor: pointer;
    display: block;
    margin: 5px;
}

    .ai-dropbtn:hover, .ai-dropbtn:focus {
        background-color: #2980B9;
    }

.ai-dropdown {
    position: relative;
    display: inline-block;
}



.ai-dropdown-content {
    display: none;
    position: absolute;
    right: 5px;
    margin-top: 15px;
    background-color: var(--tt-menu-before-bg);
    min-width: 230px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}


    .ai-dropdown-content::before {
        content: "";
        width: 13px;
        height: 13px;
        background: var(--tt-menu-before-bg);
        position: absolute;
        top: -12px;
        right: 19px;
        transform: rotate(45deg);
        border-top: 1px solid var(--tt-menu-before-border);
        border-left: 1px solid var(--tt-menu-before-border);
    }

    .ai-dropdown-content a {
        color: black;
        padding: 1px 16px;
        text-decoration: none;
        display: block;
    }

/*.ai-dropdown a:hover {
    background-color: #dedede;
}
*/
.ai-show {
    display: block;
}
/* End My Drop Down */

.login-timer {
    padding: 16px 0px 0 0 !important;
    margin-right: 10px !important;
}

.text-muted, .dropzone.dz-clickable .dz-message * {
    --bs-text-opacity: 1;
    color: #7987a1 !important;
}

.tx-16 {
    font-size: 16px;
}

.fw-bolder {
    font-weight: 700 !important;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}


/* =================================== END User Login Module ===========================*/

/* Navbar */
/*
.b-bar-vertical-inline {
    min-width: 260px !important;
    max-width: 260px !important;
    width: 260px !important;
}*/

.b-bar-vertical-inline.b-bar-dark, .b-bar-vertical-popout.b-bar-dark, .b-bar-vertical-small.b-bar-dark {
    background: var(--sidebar-header-bg);
}

.b-bar-brand {
    border-bottom: 1px solid var(--nav-border-color) !important;
}

.navbar {
    --bs-navbar-padding-y: 0px !important;
    border-right: 1px solid var(--nav-border-color) !important;
    font-family: var(--bs-font-sans-serif) !important;
    text-transform: uppercase !important;
}

.b-bar-vertical-inline, .b-bar-vertical-popout, .b-bar-vertical-small {
    box-shadow: none !important;
}

.sidebar-brand {
    display: flex;
    align-items: center;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    font-weight: 700;
    font-size: 25px;
    color: #00CB97 !important;
    font-family: var(--bs-font-sans-serif) !important;
}

    .sidebar-brand img {
        width: 45px;
        margin-right: 10px;
    }

    .sidebar-brand span {
        color: #00CB97;
        font-weight: 300;
    }

.b-bar-vertical-inline[data-collapse=small] .sidebar-brand img {
    margin-right: 0px !important;
}


.b-bar-vertical-inline > .b-bar-menu .b-bar-item > .b-bar-link, .b-bar-vertical-inline .b-bar-menu .b-bar-item > .b-bar-dropdown > .b-bar-link {
    color: var(--navbar-link-color) !important;
    font-size: var(--bs-nav-link-font-size);
}

.b-bar-vertical-inline[data-collapse=small] > .b-bar-menu .b-bar-item > .b-bar-link, .b-bar-vertical-inline[data-collapse=small] .b-bar-menu .b-bar-item > .b-bar-dropdown > .b-bar-link {
    animation: b-bar-link-small forwards;
    animation-delay: 170ms;
    font-size: 0;
    transition: font-size 100ms ease-out;
}


.b-bar-vertical-inline.b-bar-dark .b-bar-link.active, .b-bar-vertical-popout.b-bar-dark .b-bar-link.active, .b-bar-vertical-small.b-bar-dark .b-bar-link.active {
    background: #00CB97;
}

/* Sidebar Drop Downs */

.b-bar-vertical-inline.b-bar-dark .b-bar-dropdown-menu, .b-bar-vertical-popout.b-bar-dark .b-bar-dropdown-menu, .b-bar-vertical-small.b-bar-dark .b-bar-dropdown-menu {
    background: var(--b-bar-dropdown-dark-background, #000c17);
}

.b-bar-vertical-inline:not([data-collapse]) .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu .b-bar-dropdown-item {
    padding: 0.5rem 0.5rem 0.5rem 3rem;
}

.b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item, .b-bar-vertical-popout .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item, .b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item {
    position: relative;
    color: inherit;
    transition: background 100ms ease-in-out, color 100ms ease-in-out;
    text-decoration: none;
    display: block;
    width: 100%;
    overflow-x: hidden;
    font-size: 12px !important;
}

.b-bar-vertical-inline.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item.active, .b-bar-vertical-popout.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item.active, .b-bar-vertical-small.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item.active {
    color: var(--b-bar-item-dark-active-color, #fff);
    background: #00CB97;
}


.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu, .b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu, .b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu {
    border-radius: 0px !important;
}

.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container, .b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container, .b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container {
    margin: -42px 5px 0px 0px !important;
}
/*========= Gradients ==========*/

.bg-gradient-userManagement {
    background: -webkit-gradient(linear, left top, right top, from(#ffbf96), to(#fe7096)) !important;
    background: linear-gradient(to right, #ffc995, #ffa046) !important;
}

.bg-gradient-primary {
    background: -webkit-gradient(linear, left top, right top, from(#da8cff), to(#9a55ff)) !important;
    background: linear-gradient(to right, #da8cff, #9a55ff) !important;
}

.bg-gradient-secondary {
    background: -webkit-gradient(linear, left top, right top, from(#e7ebf0), to(#868e96)) !important;
    background: linear-gradient(to right, #e7ebf0, #868e96) !important;
}

.bg-gradient-success {
    background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae)) !important;
    background: linear-gradient(to right, #84d9d2, #07cdae) !important;
}

.bg-gradient-info {
    background: -webkit-gradient(linear, left top, right top, from(#90caf9), color-stop(99%, #047edf)) !important;
    background: linear-gradient(to right, #90caf9, #047edf 99%) !important;
}

.bg-gradient-warning {
    background: -webkit-gradient(linear, left top, right top, from(#f6e384), to(#ffd500)) !important;
    background: linear-gradient(to right, #f6e384, #ffd500) !important;
}

.bg-gradient-danger {
    background: -webkit-gradient(linear, left top, right top, from(#ffbf96), to(#fe7096)) !important;
    background: linear-gradient(to right, #ffbf96, #fe7096) !important;
}

.bg-gradient-light {
    background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#e4e4e9)) !important;
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9) !important;
}

.bg-gradient-dark {
    background: linear-gradient(89deg, #5e7188, #3e4b5b) !important;
}

/*==============================*/

/*============ Buttons ==============*/

.darkswitch {
    padding: 13px 10px 0 10px !important
}


.btn, .wizard > .actions a,
.wizard > .actions a:active,
.wizard > .actions a:hover, div.tox .tox-button, .swal2-popup .swal2-actions button, .fc .fc-button-primary {
    --bs-btn-padding-x: 0.8rem;
    --bs-btn-padding-y: 0.469rem;
    --bs-btn-font-family:;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-font-weight: 0;
    --bs-btn-line-height: 1.5;
    /*
    --bs-btn-color: #000;
    --bs-btn-bg: transparent;*/
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0 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;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn, .wizard > .actions a,
    .wizard > .actions a:active,
    .wizard > .actions a:hover, div.tox .tox-button, .swal2-popup .swal2-actions button, .fc .fc-button-primary {
        transition: none;
    }
}

.btn:hover, .wizard > .actions a:hover, div.tox .tox-button:hover, .swal2-popup .swal2-actions button:hover, .fc .fc-button-primary:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn-check + .btn:hover, .wizard > .actions .btn-check + a:hover, div.tox .btn-check + .tox-button:hover, .swal2-popup .swal2-actions .btn-check + button:hover, .fc .btn-check + .fc-button-primary:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
}

.btn:focus-visible, .wizard > .actions a:focus-visible, div.tox .tox-button:focus-visible, .swal2-popup .swal2-actions button:focus-visible, .fc .fc-button-primary:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:focus-visible + .btn, .wizard > .actions .btn-check:focus-visible + a, div.tox .btn-check:focus-visible + .tox-button, .swal2-popup .swal2-actions .btn-check:focus-visible + button, .fc .btn-check:focus-visible + .fc-button-primary {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:checked + .btn, .wizard > .actions .btn-check:checked + a, div.tox .btn-check:checked + .tox-button, .swal2-popup .swal2-actions .btn-check:checked + button, .fc .btn-check:checked + .fc-button-primary, :not(.btn-check) + .btn:active, .wizard > .actions :not(.btn-check) + a:active, div.tox :not(.btn-check) + .tox-button:active, .swal2-popup .swal2-actions :not(.btn-check) + button:active, .fc :not(.btn-check) + .fc-button-primary:active, .btn:first-child:active, .wizard > .actions a:first-child:active, div.tox .tox-button:first-child:active, .swal2-popup .swal2-actions button:first-child:active, .fc .fc-button-primary:first-child:active, .btn.active, .wizard > .actions a.active, div.tox .active.tox-button, .swal2-popup .swal2-actions button.active, .fc .active.fc-button-primary, .btn.show, .wizard > .actions a.show, div.tox .show.tox-button, .swal2-popup .swal2-actions button.show, .fc .show.fc-button-primary {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}

    .btn-check:checked + .btn:focus-visible, .wizard > .actions .btn-check:checked + a:focus-visible, div.tox .btn-check:checked + .tox-button:focus-visible, .swal2-popup .swal2-actions .btn-check:checked + button:focus-visible, .fc .btn-check:checked + .fc-button-primary:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .wizard > .actions :not(.btn-check) + a:active:focus-visible, div.tox :not(.btn-check) + .tox-button:active:focus-visible, .swal2-popup .swal2-actions :not(.btn-check) + button:active:focus-visible, .fc :not(.btn-check) + .fc-button-primary:active:focus-visible, .btn:first-child:active:focus-visible, .wizard > .actions a:first-child:active:focus-visible, div.tox .tox-button:first-child:active:focus-visible, .swal2-popup .swal2-actions button:first-child:active:focus-visible, .fc .fc-button-primary:first-child:active:focus-visible, .btn.active:focus-visible, .wizard > .actions a.active:focus-visible, div.tox .active.tox-button:focus-visible, .swal2-popup .swal2-actions button.active:focus-visible, .fc .active.fc-button-primary:focus-visible, .btn.show:focus-visible, .wizard > .actions a.show:focus-visible, div.tox .show.tox-button:focus-visible, .swal2-popup .swal2-actions button.show:focus-visible, .fc .show.fc-button-primary:focus-visible {
        box-shadow: var(--bs-btn-focus-box-shadow);
    }

.btn:disabled, .wizard > .actions a:disabled, div.tox .tox-button:disabled, .swal2-popup .swal2-actions button:disabled, .fc .fc-button-primary:disabled, .btn.disabled, .wizard > .actions a.disabled, div.tox .disabled.tox-button, .swal2-popup .swal2-actions button.disabled, .fc .disabled.fc-button-primary, fieldset:disabled .btn, fieldset:disabled .wizard > .actions a, .wizard > .actions fieldset:disabled a, fieldset:disabled div.tox .tox-button, div.tox fieldset:disabled .tox-button, fieldset:disabled .swal2-popup .swal2-actions button, .swal2-popup .swal2-actions fieldset:disabled button, fieldset:disabled .fc .fc-button-primary, .fc fieldset:disabled .fc-button-primary {
    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-userManagement {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00CB97;
    --bs-btn-border-color: #00CB97;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00c08d;
    --bs-btn-hover-border-color: #00a87b;
    --bs-btn-focus-shadow-rgb: 124, 134, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00c08d;
    --bs-btn-active-border-color: #00a87b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #69ffd7;
    --bs-btn-disabled-border-color: #00CB97;
}

.btn.btn-xs {
    padding: 0.313rem 0.8rem;
    font-size: 0.75rem;
}

.btn.btn-sm {
    padding: 0.313rem 0.8rem;
    font-size: 0.75rem;
}


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00CB97;
    --bs-btn-border-color: #00CB97;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00c08d;
    --bs-btn-hover-border-color: #00a87b;
    --bs-btn-focus-shadow-rgb: 124, 134, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00c08d;
    --bs-btn-active-border-color: #00a87b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-border-color: #6c757d;
}


.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #45A1EB;
    --bs-btn-border-color: #45A1EB;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1e8de7;
    --bs-btn-hover-border-color: #1e8de7;
    --bs-btn-focus-shadow-rgb: 141, 153, 175;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1e8de7;
    --bs-btn-active-border-color: #1e8de7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #45A1EB;
    --bs-btn-disabled-border-color: #45A1EB;
}

.btn-light-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #7987a1;
    --bs-btn-border-color: #7987a1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #677389;
    --bs-btn-hover-border-color: #616c81;
    --bs-btn-focus-shadow-rgb: 141, 153, 175;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #616c81;
    --bs-btn-active-border-color: #5b6579;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7987a1;
    --bs-btn-disabled-border-color: #7987a1;
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #05a34a;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 43, 177, 101;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #D1E7DD;
    --bs-btn-disabled-border-color: #D1E7DD;
}

.btn-green {
    --bs-btn-color: #fff;
    --bs-btn-bg: #05a34a;
    --bs-btn-border-color: #05a34a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #048b3f;
    --bs-btn-hover-border-color: #04823b;
    --bs-btn-focus-shadow-rgb: 43, 177, 101;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #04823b;
    --bs-btn-active-border-color: #047a38;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #05a34a;
    --bs-btn-disabled-border-color: #05a34a;
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #66d1d1;
    --bs-btn-border-color: #66d1d1;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #7dd8d8;
    --bs-btn-hover-border-color: #75d6d6;
    --bs-btn-focus-shadow-rgb: 87, 178, 178;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #85dada;
    --bs-btn-active-border-color: #75d6d6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #66d1d1;
    --bs-btn-disabled-border-color: #66d1d1;
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #fbbc06;
    --bs-btn-border-color: #fbbc06;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fcc62b;
    --bs-btn-hover-border-color: #fbc31f;
    --bs-btn-focus-shadow-rgb: 213, 160, 5;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #fcc938;
    --bs-btn-active-border-color: #fbc31f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #fbbc06;
    --bs-btn-disabled-border-color: #fbbc06;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #DC3545;
    --bs-btn-border-color: #DC3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff3366;
    --bs-btn-hover-border-color: #DC3545;
    --bs-btn-focus-shadow-rgb: 255, 82, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #DC3545;
    --bs-btn-active-border-color: #DC3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #F8D7DA;
    --bs-btn-disabled-border-color: #F8D7DA;
}


.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #e9ecef;
    --bs-btn-border-color: #e9ecef;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #c6c9cb;
    --bs-btn-hover-border-color: #babdbf;
    --bs-btn-focus-shadow-rgb: 198, 201, 203;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #babdbf;
    --bs-btn-active-border-color: #afb1b3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #e9ecef;
    --bs-btn-disabled-border-color: #e9ecef;
}


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

.btn-outline-secondary {
    --bs-btn-color: #45A1EB;
    --bs-btn-border-color: #45A1EB;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #45A1EB;
    --bs-btn-hover-border-color: #45A1EB;
    --bs-btn-focus-shadow-rgb: 121, 135, 161;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #45A1EB;
    --bs-btn-active-border-color: #45A1EB;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #45A1EB;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #45A1EB;
    --bs-gradient: none;
}

.btn-outline-light-blue {
    --bs-btn-color: #7987a1;
    --bs-btn-border-color: #7987a1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7987a1;
    --bs-btn-hover-border-color: #7987a1;
    --bs-btn-focus-shadow-rgb: 121, 135, 161;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7987a1;
    --bs-btn-active-border-color: #7987a1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #7987a1;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #7987a1;
    --bs-gradient: none;
}

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

.btn-outline-info {
    --bs-btn-color: #66d1d1;
    --bs-btn-border-color: #66d1d1;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #66d1d1;
    --bs-btn-hover-border-color: #66d1d1;
    --bs-btn-focus-shadow-rgb: 102, 209, 209;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #66d1d1;
    --bs-btn-active-border-color: #66d1d1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #66d1d1;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #66d1d1;
    --bs-gradient: none;
}

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

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

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

.btn-outline-dark {
    --bs-btn-color: #060c17;
    --bs-btn-border-color: #060c17;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #060c17;
    --bs-btn-hover-border-color: #060c17;
    --bs-btn-focus-shadow-rgb: 6, 12, 23;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #060c17;
    --bs-btn-active-border-color: #060c17;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #060c17;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #060c17;
    --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: #7987a1;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-shadow-rgb: 124, 134, 255;
    text-decoration: none;
}

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

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

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00CB97;
    --bs-btn-hover-border-color: #00CB97;
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00CB97;
    --bs-btn-active-border-color: #00CB97;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529;
}


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

.btn-outline-secondary {
    --bs-btn-color: #45A1EB;
    --bs-btn-border-color: #45A1EB;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #45A1EB;
    --bs-btn-hover-border-color: #45A1EB;
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #45A1EB;
    --bs-btn-active-border-color: #45A1EB;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #45A1EB;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #45A1EB;
    --bs-gradient: none;
}
/*========= Dashboard Styles ======*/

.main-content {
    padding: 25px;
}

.dash-card-symbol {
    width: 40%;
    padding: 25px 15px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

    .dash-card-symbol i {
        color: #fff;
        font-size: 50px;
    }

.dash-card-left {
    padding: 10px 10px 10px 25px;
}

.grid-margin {
    margin-bottom: 1.5rem;
}


/*========= Cards =================*/
.card {
    box-shadow: 0 0 10px 0 var(--card-shadow);
    -webkit-box-shadow: 0 0 10px 0 var(--card-shadow);
    -moz-box-shadow: 0 0 10px 0 var(--card-shadow);
    -ms-box-shadow: 0 0 10px 0 var(--card-shadow);
}

.card {
    --bs-card-spacer-y: 1.5rem;
    --bs-card-spacer-x: 1.5rem;
    --bs-card-title-spacer-y: 0.875rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--element-border-color);
    --bs-card-border-radius: 0.25rem;
    --bs-card-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    --bs-card-inner-border-radius: calc(0.25rem - 1px);
    --bs-card-cap-padding-y: 0.875rem;
    --bs-card-cap-padding-x: 1.5rem;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.01);
    --bs-card-cap-color:;
    --bs-card-height:;
    --bs-card-color:;
    --bs-card-bg: var(--element-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}

    .card > hr {
        margin-right: 0;
        margin-left: 0;
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit;
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius);
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
            border-bottom-left-radius: var(--bs-card-inner-border-radius);
        }

        .card > .card-header + .list-group,
        .card > .list-group + .card-footer {
            border-top: 0;
        }

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    font-family: var(--bs-font-sans-serif) !important;
    text-transform: uppercase;
}

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

.card-text:last-child {
    margin-bottom: 0;
}

.card-link + .card-link {
    margin-left: var(--bs-card-spacer-x);
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

    .card-header:first-child {
        border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
    }

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

    .card-footer:last-child {
        border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
    }

.card-header-tabs {
    margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0;
}

    .card-header-tabs .nav-link.active {
        background-color: var(--bs-card-bg);
        border-bottom-color: var(--bs-card-bg);
    }

.card-header-pills {
    margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}



/*======================= TABLES =======================*/


.table {
    margin-bottom: 0;
}

    .table > :not(:last-child) > :last-child > * {
        border-bottom-color: inherit;
    }

    .table thead th {
        border-top: 0;
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase;
        font-family: var(--bs-font-sans-serif);
        color: #7987a1;
    }

        .table thead th i {
            margin-left: 0.325rem;
        }

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

        .table td img {
            width: 36px;
            height: 36px;
            border-radius: 100%;
        }


.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: var(--table-striped-bg);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: var(--table-active-bg);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: var(--table-hover-bg);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}

    .table > :not(caption) > * > * {
        padding: 0.85rem 0.85rem;
        background-color: var(--bs-table-bg);
        border-bottom-width: 1px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    }

    .table > tbody {
        vertical-align: inherit;
    }

    .table > thead {
        vertical-align: bottom;
    }

/*  Sets the background color of the row to Bootstrap’s predefined hover background color */
.table-hover tbody tr:hover {
    --bs-table-accent-bg: var(--bs-table-hover-bg); 
    color: var(--bs-table-hover-color);
}


/*============= Forms ===========================*/

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border-radius: 0 !important;
}

.form-label {
    margin-bottom: 0.5rem;
}

.col-form-label {
    padding-top: calc(0.469rem + 1px);
    padding-bottom: calc(0.469rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1rem;
}

.col-form-label-sm {
    padding-top: calc(0.391rem + 1px);
    padding-bottom: calc(0.391rem + 1px);
    font-size: 0.812rem;
}

.form-text {
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #7987a1;
}

.form-control, .typeahead.tt-input,
.typeahead.tt-hint, .select2-container--default .select2-search--dropdown .select2-search__field {
    display: block;
    width: 100%;
    padding: 0.469rem 0.8rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--typeahead-color);
    background-color: var(--typeahead-background-color);
    background-clip: padding-box;
    border: 1px solid var(--typeahead-border-color);
    appearance: none;
    border-radius: 0rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


@media (prefers-reduced-motion: reduce) {
    .form-control, .typeahead.tt-input,
    .typeahead.tt-hint, .select2-container--default .select2-search--dropdown .select2-search__field {
        transition: none;
    }
}

.form-control[type=file], [type=file].typeahead.tt-input,
[type=file].typeahead.tt-hint, .select2-container--default .select2-search--dropdown [type=file].select2-search__field {
    overflow: hidden;
}

    .form-control[type=file]:not(:disabled):not([readonly]), [type=file].typeahead.tt-input:not(:disabled):not([readonly]),
    [type=file].typeahead.tt-hint:not(:disabled):not([readonly]), .select2-container--default .select2-search--dropdown [type=file].select2-search__field:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

.form-control:focus, .typeahead.tt-input:focus,
.typeahead.tt-hint:focus, .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    color: #000;
    background-color: #fff;
    border-color: #cbd1db;
    outline: 0;
    box-shadow: none;
}

.form-control::-webkit-date-and-time-value, .typeahead.tt-input::-webkit-date-and-time-value,
.typeahead.tt-hint::-webkit-date-and-time-value, .select2-container--default .select2-search--dropdown .select2-search__field::-webkit-date-and-time-value {
    height: 1.5em;
}

.form-control::placeholder, .typeahead.tt-input::placeholder,
.typeahead.tt-hint::placeholder, .select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
    color: #aeb7c5;
    opacity: 1;
}

.form-control:disabled, .typeahead.tt-input:disabled,
.typeahead.tt-hint:disabled, .select2-container--default .select2-search--dropdown .select2-search__field:disabled {
    background-color: #e9ecef;
    opacity: 1;
}

.form-control::file-selector-button, .typeahead.tt-input::file-selector-button,
.typeahead.tt-hint::file-selector-button, .select2-container--default .select2-search--dropdown .select2-search__field::file-selector-button {
    padding: 0.469rem 0.8rem;
    margin: -0.469rem -0.8rem;
    margin-inline-end: 0.8rem;
    color: #000;
    background-color: #f8f9fa;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button, .typeahead.tt-input::file-selector-button,
    .typeahead.tt-hint::file-selector-button, .select2-container--default .select2-search--dropdown .select2-search__field::file-selector-button {
        transition: none;
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button, .typeahead.tt-input:hover:not(:disabled):not([readonly])::file-selector-button,
.typeahead.tt-hint:hover:not(:disabled):not([readonly])::file-selector-button, .select2-container--default .select2-search--dropdown .select2-search__field:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #ecedee;
}

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

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

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

.form-control-sm {
    min-height: calc(1.5em + 0.782rem + 2px);
    padding: 0.391rem 0.8rem;
    font-size: 0.812rem;
    border-radius: 0.25rem;
}

    .form-control-sm::file-selector-button {
        padding: 0.391rem 0.8rem;
        margin: -0.391rem -0.8rem;
        margin-inline-end: 0.8rem;
    }

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 0.8rem;
    font-size: 1rem;
    border-radius: 0.25rem;
}

    .form-control-lg::file-selector-button {
        padding: 0.5rem 0.8rem;
        margin: -0.5rem -0.8rem;
        margin-inline-end: 0.8rem;
    }

textarea.form-control, textarea.typeahead.tt-input,
textarea.typeahead.tt-hint, .select2-container--default .select2-search--dropdown textarea.select2-search__field {
    min-height: calc(1.5em + 0.938rem + 2px);
}

textarea.form-control-sm {
    min-height: calc(1.5em + 0.782rem + 2px);
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + 0.938rem + 2px);
    padding: 0.469rem;
}

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

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

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

    .form-control-color.form-control-sm {
        height: calc(1.5em + 0.782rem + 2px);
    }

    .form-control-color.form-control-lg {
        height: calc(1.5em + 1rem + 2px);
    }

.form-select {
    display: block;
    width: 100%;
    padding: 0.469rem 2.4rem 0.469rem 0.8rem;
    -moz-padding-start: calc(0.8rem - 3px);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--typeahead-color);
    background-color: var(--typeahead-background-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23212a3a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.8rem center;
    background-size: 16px 12px;
    border: 1px solid var(--typeahead-border-color);
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

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

/* Apply select focus styling */
.form-select:focus {
    border-color: #BFF2E5;
    box-shadow: 0 0 0 .2rem #BFF2E5;
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: 0.8rem;
    background-image: none;
}

.form-select:disabled {
    background-color: #e9ecef;
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.form-select-sm {
    padding-top: 0.391rem;
    padding-bottom: 0.391rem;
    padding-left: 0.8rem;
    font-size: 0.812rem;
    border-radius: 0.25rem;
}

.form-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.8rem;
    font-size: 1rem;
    border-radius: 0.25rem;
}

.form-check {
    display: block;
    min-height: 1.3125rem;
    padding-left: 1.8em;
    margin-bottom: 0.125rem;
}

    .form-check .form-check-input {
        float: left;
        margin-left: -1.8em;
    }

.form-check-reverse {
    padding-right: 1.8em;
    padding-left: 0;
    text-align: right;
}

    .form-check-reverse .form-check-input {
        float: right;
        margin-right: -1.8em;
        margin-left: 0;
    }

.form-check-input {
    width: 1.3em;
    height: 1.3em;
    margin-top: 0.1em;
    vertical-align: top;
    background-color: var(--typeahead-background-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--typeahead-border-color);
    appearance: none;
    print-color-adjust: exact;
}

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

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

    .form-check-input:active {
        filter: brightness(90%);
    }

    .form-check-input:focus {
        border-color: #cbd1db;
        outline: 0;
        box-shadow: none;
    }

    .form-check-input:checked {
        background-color: #00CB97;
        border-color: #00CB97;
    }

        .form-check-input:checked[type=checkbox] {
            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 10 3 3 6-6'/%3e%3c/svg%3e");
        }

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

    .form-check-input[type=checkbox]:indeterminate {
        background-color: #00CB97;
        border-color: #00CB97;
        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;
        filter: none;
        opacity: 0.5;
    }

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

.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='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
        background-position: left center;
        border-radius: 2em;
        transition: background-position 0.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='%23cbd1db'/%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, .wizard > .actions .btn-check[disabled] + a, div.tox .btn-check[disabled] + .tox-button, .swal2-popup .swal2-actions .btn-check[disabled] + button, .fc .btn-check[disabled] + .fc-button-primary, .btn-check:disabled + .btn, .wizard > .actions .btn-check:disabled + a, div.tox .btn-check:disabled + .tox-button, .swal2-popup .swal2-actions .btn-check:disabled + button, .fc .btn-check:disabled + .fc-button-primary {
        pointer-events: none;
        filter: none;
        opacity: 0.65;
    }

.form-range {
    width: 100%;
    height: 1rem;
    padding: 0;
    background-color: transparent;
    appearance: none;
}

    .form-range:focus {
        outline: 0;
    }

        .form-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #f9fafb, none;
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #f9fafb, none;
        }

    .form-range::-moz-focus-outer {
        border: 0;
    }

    .form-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        background-color: #00CB97;
        border: 0;
        border-radius: 1rem;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        appearance: none;
    }

@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        transition: none;
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #d1d4ff;
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #00CB97;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        transition: none;
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #d1d4ff;
}

.form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.form-range:disabled {
    pointer-events: none;
}

    .form-range:disabled::-webkit-slider-thumb {
        background-color: #aeb7c5;
    }

    .form-range:disabled::-moz-range-thumb {
        background-color: #aeb7c5;
    }

.form-floating {
    position: relative;
}

    .form-floating > .form-control, .form-floating > .typeahead.tt-input,
    .form-floating > .typeahead.tt-hint, .select2-container--default .select2-search--dropdown .form-floating > .select2-search__field,
    .form-floating > .form-control-plaintext,
    .form-floating > .form-select {
        height: calc(3.5rem + 2px);
        line-height: 1.25;
    }

    .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 1rem 0.8rem;
        overflow: hidden;
        text-align: start;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
        border: 1px solid transparent;
        transform-origin: 0 0;
        transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .form-floating > label {
        transition: none;
    }
}

.form-floating > .form-control, .form-floating > .typeahead.tt-input,
.form-floating > .typeahead.tt-hint, .select2-container--default .select2-search--dropdown .form-floating > .select2-search__field,
.form-floating > .form-control-plaintext {
    padding: 1rem 0.8rem;
}

    .form-floating > .form-control::placeholder, .form-floating > .typeahead.tt-input::placeholder,
    .form-floating > .typeahead.tt-hint::placeholder, .select2-container--default .select2-search--dropdown .form-floating > .select2-search__field::placeholder,
    .form-floating > .form-control-plaintext::placeholder {
        color: transparent;
    }

    .form-floating > .form-control:focus, .form-floating > .typeahead.tt-input:focus,
    .form-floating > .typeahead.tt-hint:focus, .select2-container--default .select2-search--dropdown .form-floating > .select2-search__field:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .typeahead.tt-input:not(:placeholder-shown),
    .form-floating > .typeahead.tt-hint:not(:placeholder-shown), .select2-container--default .select2-search--dropdown .form-floating > .select2-search__field:not(:placeholder-shown),
    .form-floating > .form-control-plaintext:focus,
    .form-floating > .form-control-plaintext:not(:placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

    .form-floating > .form-control:-webkit-autofill, .form-floating > .typeahead.tt-input:-webkit-autofill,
    .form-floating > .typeahead.tt-hint:-webkit-autofill, .select2-container--default .select2-search--dropdown .form-floating > .select2-search__field:-webkit-autofill,
    .form-floating > .form-control-plaintext:-webkit-autofill {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

.form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

    .form-floating > .form-control:focus ~ label, .form-floating > .typeahead.tt-input:focus ~ label,
    .form-floating > .typeahead.tt-hint:focus ~ label, .select2-container--default .select2-search--dropdown .form-floating > .select2-search__field:focus ~ label,
    .form-floating > .form-control:not(:placeholder-shown) ~ label,
    .form-floating > .typeahead.tt-input:not(:placeholder-shown) ~ label,
    .form-floating > .typeahead.tt-hint:not(:placeholder-shown) ~ label,
    .select2-container--default .select2-search--dropdown .form-floating > .select2-search__field:not(:placeholder-shown) ~ label,
    .form-floating > .form-control-plaintext ~ label,
    .form-floating > .form-select ~ label {
        opacity: 0.65;
        transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    }

.form-floating > .form-control:-webkit-autofill ~ label, .form-floating > .typeahead.tt-input:-webkit-autofill ~ label,
.form-floating > .typeahead.tt-hint:-webkit-autofill ~ label, .select2-container--default .select2-search--dropdown .form-floating > .select2-search__field:-webkit-autofill ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control-plaintext ~ label {
    border-width: 1px 0;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

    .input-group > .form-control, .input-group > .typeahead.tt-input,
    .input-group > .typeahead.tt-hint, .select2-container--default .select2-search--dropdown .input-group > .select2-search__field,
    .input-group > .form-select,
    .input-group > .form-floating {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
    }

        .input-group > .form-control:focus, .input-group > .typeahead.tt-input:focus,
        .input-group > .typeahead.tt-hint:focus, .select2-container--default .select2-search--dropdown .input-group > .select2-search__field:focus,
        .input-group > .form-select:focus,
        .input-group > .form-floating:focus-within {
            z-index: 5;
        }

    .input-group .btn, .input-group .wizard > .actions a, .wizard > .actions .input-group a, .input-group div.tox .tox-button, div.tox .input-group .tox-button, .input-group .swal2-popup .swal2-actions button, .swal2-popup .swal2-actions .input-group button, .input-group .fc .fc-button-primary, .fc .input-group .fc-button-primary {
        position: relative;
        z-index: 2;
    }

        .input-group .btn:focus, .input-group .wizard > .actions a:focus, .wizard > .actions .input-group a:focus, .input-group div.tox .tox-button:focus, div.tox .input-group .tox-button:focus, .input-group .swal2-popup .swal2-actions button:focus, .swal2-popup .swal2-actions .input-group button:focus, .input-group .fc .fc-button-primary:focus, .fc .input-group .fc-button-primary:focus {
            z-index: 5;
        }

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.469rem 0.563rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    text-align: center;
    white-space: nowrap;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
}

.input-group-lg > .form-control, .input-group-lg > .typeahead.tt-input,
.input-group-lg > .typeahead.tt-hint, .select2-container--default .select2-search--dropdown .input-group-lg > .select2-search__field,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn,
.wizard > .actions .input-group-lg > a,
div.tox .input-group-lg > .tox-button,
.swal2-popup .swal2-actions .input-group-lg > button,
.fc .input-group-lg > .fc-button-primary {
    padding: 0.5rem 0.8rem;
    font-size: 1rem;
    border-radius: 0.25rem;
}

.input-group-sm > .form-control, .input-group-sm > .typeahead.tt-input,
.input-group-sm > .typeahead.tt-hint, .select2-container--default .select2-search--dropdown .input-group-sm > .select2-search__field,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn,
.wizard > .actions .input-group-sm > a,
div.tox .input-group-sm > .tox-button,
.swal2-popup .swal2-actions .input-group-sm > button,
.fc .input-group-sm > .fc-button-primary {
    padding: 0.391rem 0.8rem;
    font-size: 0.812rem;
    border-radius: 0.25rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
    padding-right: 3.2rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.tt-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .typeahead.tt-input,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .typeahead.tt-hint,
.select2-container--default .select2-search--dropdown .input-group:not(.has-validation) > .form-floating:not(:last-child) > .select2-search__field,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.tt-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .typeahead.tt-input,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .typeahead.tt-hint,
.select2-container--default .select2-search--dropdown .input-group.has-validation > .form-floating:nth-last-child(n+3) > .select2-search__field,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.tt-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .typeahead.tt-input,
.input-group > .form-floating:not(:first-child) > .typeahead.tt-hint, .select2-container--default .select2-search--dropdown .input-group > .form-floating:not(:first-child) > .select2-search__field,
.input-group > .form-floating:not(:first-child) > .form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}




/*================ Drop Down Menu ========================*/


.dropdown-menu, .tt-menu {
    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);
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #00CB97;
    border-color: #00CB97;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #00CB97;
    border-color: #00CB97;
    box-shadow: none;
}

.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}



.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    .dropdown-toggle:empty::after {
        margin-left: 0;
    }

.dropdown-menu, .tt-menu {
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
}

    .dropdown-menu[data-bs-popper], [data-bs-popper].tt-menu {
        top: 100%;
        left: 0;
        margin-top: var(--bs-dropdown-spacer);
    }

.dropdown-menu-start {
    --bs-position: start;
}

    .dropdown-menu-start[data-bs-popper] {
        right: auto;
        left: 0;
    }

.dropdown-menu-end {
    --bs-position: end;
}

    .dropdown-menu-end[data-bs-popper] {
        right: 0;
        left: auto;
    }

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start;
    }

        .dropdown-menu-sm-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-sm-end {
        --bs-position: end;
    }

        .dropdown-menu-sm-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start;
    }

        .dropdown-menu-md-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-md-end {
        --bs-position: end;
    }

        .dropdown-menu-md-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start;
    }

        .dropdown-menu-lg-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-lg-end {
        --bs-position: end;
    }

        .dropdown-menu-lg-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start;
    }

        .dropdown-menu-xl-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-xl-end {
        --bs-position: end;
    }

        .dropdown-menu-xl-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start;
    }

        .dropdown-menu-xxl-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-xxl-end {
        --bs-position: end;
    }

        .dropdown-menu-xxl-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

.dropup .dropdown-menu[data-bs-popper], .dropup [data-bs-popper].tt-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer);
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper], .dropend [data-bs-popper].tt-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer);
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropend .dropdown-toggle::after {
    vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper], .dropstart [data-bs-popper].tt-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer);
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
}

.dropstart .dropdown-toggle::after {
    display: none;
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1;
}

.dropdown-item, .tt-menu .tt-suggestion {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}


.dropdown-menu, .tt-menu {
    padding: 0.35rem;
    margin-top: 0;
    box-shadow: 0 5px 10px 0 var(--tt-menu-dd-shadow);
}

    .dropdown-item, .tt-menu .tt-suggestion {
        font-size: 0.812rem;
        padding: 0.25rem 0.875rem;
        border-radius: 2px;
    }


        .dropdown-item:not(.dropdown-item:active, .dropdown-item.active):hover, .tt-menu .tt-suggestion:not(.dropdown-item:active, .dropdown-item.active):hover {
            background-color: rgba(101, 113, 255, 0.1);
        }

            .dropdown-item:not(.dropdown-item:active, .dropdown-item.active):hover, .tt-menu .tt-suggestion:not(.dropdown-item:active, .dropdown-item.active):hover, .dropdown-item:not(.dropdown-item:active, .dropdown-item.active):hover i, .tt-menu .tt-suggestion:not(.dropdown-item:active, .dropdown-item.active):hover i, .dropdown-item:not(.dropdown-item:active, .dropdown-item.active):hover svg, .tt-menu .tt-suggestion:not(.dropdown-item:active, .dropdown-item.active):hover svg {
                color: #00CB97;
            }

        .dropdown-item:active i, .tt-menu .tt-suggestion:active i, .dropdown-item:active svg, .tt-menu .tt-suggestion:active svg, .dropdown-item.active i, .tt-menu .active.tt-suggestion i, .dropdown-item.active svg, .tt-menu .active.tt-suggestion svg {
            color: #fff;
        }

        .dropdown-item i, .tt-menu .tt-suggestion i, .dropdown-item svg, .tt-menu .tt-suggestion svg {
            color: #7987a1;
        }

        .dropdown-item:hover, .tt-menu .tt-suggestion:hover, .dropdown-item:focus, .tt-menu .tt-suggestion:focus {
            color: var(--bs-dropdown-link-hover-color);
            background-color: var(--bs-dropdown-link-hover-bg);
        }

        .dropdown-item.active, .tt-menu .active.tt-suggestion, .dropdown-item:active, .tt-menu .tt-suggestion:active {
            color: var(--bs-dropdown-link-active-color);
            text-decoration: none;
            background-color: var(--bs-dropdown-link-active-bg-ai);
        }

        .dropdown-item.disabled, .tt-menu .disabled.tt-suggestion, .dropdown-item:disabled, .tt-menu .tt-suggestion:disabled {
            color: var(--bs-dropdown-link-disabled-color);
            pointer-events: none;
            background-color: transparent;
        }

    .dropdown-menu.show, .show.tt-menu {
        display: block;
    }

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: 0.812rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #212a3a;
    --bs-dropdown-border-color: #f2f4f9;
    --bs-dropdown-box-shadow:;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: #f2f4f9;
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg-ai: #00CB97;
    --bs-dropdown-link-disabled-color: #aeb7c5;
    --bs-dropdown-header-color: #aeb7c5;
}



/*============== Other Styles ======================*/


.mb-1, .example .btn-group {
    margin-bottom: 0.25rem !important;
}


.list-group-item-primary {
    --bs-list-group-color: #ffffff;
    --bs-list-group-bg: #00cb97;
    --bs-list-group-border-color: #03ad81;
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: #153463;
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: #0b3573;
    --bs-list-group-active-color: #234373;
    --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

.list-group-item {
    padding: 1rem !important;
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgb(183 55 66) !important;
}

/* Apply or override style for multiselect option hover -  */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #00CB97 !important;
    color: white;
}

/* badge style added - start */
.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.bg-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #05a34a;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 43, 177, 101;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #D1E7DD;
    --bs-btn-disabled-border-color: #D1E7DD;
}
.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important;
    color: #fff;
}

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

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

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

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

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

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

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

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

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important;
    color: var(--bs-white);
}
/* badge style added - end */

/* Main Layout Icon style */
.main-layout-icon-sm {
    font-size: 1.03rem !important;
}

/* Alert and Modal popup close button - Start */
.close {
    color: var(--bs-gray);
    font-size: 30px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0.25rem 1rem;
    border: none;
    background-color: transparent;
}
.close:hover {
    color: var(--bs-gray-dark);
}
/* Alert and Modal popup close button - End */

.float-left {
    float:left;
}
.float-right {
    float: right;
}

/* Apply scroll bar styling globally - Start  */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--lightestgrey);
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #a9a5a5;
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #888;
}
/*Apply scroll bar styling globally - End  */