:root {
    --b-vertical-bar-width: "86px";
    --b-vertical-bar-brand-height: 98px;
    --b-bar-brand-light-background: #fff;
    --offcanvas-width: "450px";
    --font-family-sans-serif: "Inter", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

html, body {
    height: 100%;
}

h1:focus {
    outline: none;
}

p.no-gutter {
    margin-bottom: 0;
}

html, body {
    font-family: var(--font-family-sans-serif);
    font-optical-sizing: auto;
    color: var(--b-theme-text-body);
}

a {
    color: #147CC0;
    font-weight: 600;
}

    /*a:hover {
        text-decoration: none;
    }*/

    a.btn {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        a.btn.btn-secondary:hover {
            background-color: #0E1834;
        }

.unstyled-anchor {
    text-decoration: none;
    color: inherit;
}

.btn:not(.btn-xs,.btn-sm,.btn-lg,.btn-xl, .b-numeric-handler) {
    height: 48px;
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 500;
}

.btn-group > .btn {
    height: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}

.btn-group > .btn-block + .btn-block {
    margin-top: 0;
}

.btn > :first-child:is(i) {
    margin-right: 0.5rem;
}

.btn > :last-child:is(i) {
    margin-left: 0.5rem;
}

.btn.simple-shadow:focus,
.btn.simple-shadow.focus,
.btn.simple-shadow:active,
.btn.simple-shadow.active {
    box-shadow: 0 0 0 .2rem #F1F5FF7F;
}

.btn.no-shadow:focus,
.btn.no-shadow.focus,
.btn.no-shadow:active,
.btn.no-shadow.active {
    box-shadow: none;
}

.btn-danger, a.btn-danger {
    color: #fff !important;
}

.btn-info, a.btn-info {
    color: var(--b-theme-text-primary) !important;
}

    .btn-info.active:not(:disabled),
    .btn-info:active:not(:disabled),
    .btn-info:focus:not(:disabled),
    .btn-info:hover:not(:disabled),
    a.btn-info:active:not(:disabled),
    a.btn-info:focus:not(:disabled),
    a.btn-info:hover:not(:disabled) {
        background-color: #d8e3ff !important;
    }

.btn-outline-light, a.btn-outline-light {
    color: var(--b-theme-text-muted) !important;
    border-color: #CFD1D3 !important;
}

.btn-outline-info, a.btn-outline-info {
    color: var(--b-theme-text-body) !important;
    border-color: #CFD1D3 !important;
}

.btn-outline-danger:hover,
a.btn-outline-danger:hover,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle,
a.btn-outline-danger:not(:disabled):not(.disabled):active,
a.btn-outline-danger:not(:disabled):not(.disabled).active,
a.show > .btn-outline-danger.dropdown-toggle {
    color: #fff !important;
}

.contained-input {
    width: 100%;
    max-width: 416px;
}

.form-group > label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}

.form-control:focus, .custom-select:focus, .b-is-autocomplete.b-is-autocomplete-multipleselection.focus {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}

.form-control:not(.form-control-xs,.form-control-sm,.form-control-md,.form-control-lg,.form-control-xl, textarea) {
    font-size: 16px;
    height: 48px;
}

/*.site-nav .b-bar-item > .b-bar-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    color: var(--b-theme-text-muted);
    padding: 0.5rem;
    font-size: 1rem !important;
}

    .site-nav .b-bar-item > .b-bar-link > .b-bar-icon {
        padding: 14px;
        border-radius: 16px;
    }

    .site-nav .b-bar-item > .b-bar-link.active > .b-bar-icon, .site-nav .b-bar-item > .b-bar-link.active:hover > .b-bar-icon {
        background-color: var(--b-theme-info);
    }

    .site-nav .b-bar-item > .b-bar-link:hover > .b-bar-icon {
        background-color: var(--b-theme-light);
    }

    .site-nav .b-bar-item > .b-bar-link.active, .site-nav .b-bar-item > .b-bar-link:hover {
        background: none;
        color: var(--b-theme-text-primary);
    }

.site-nav > .b-bar-brand > .b-bar-item > .b-bar-link > .b-bar-icon {
    font-size: 3rem;
    padding: 0;
    margin: 0;
}

.site-nav .b-bar-item > .dropdown.show > .btn {
    color: var(--b-theme-text-primary) !important;
    background-color: var(--b-theme-info);
}

.site-nav .nav-account-dropdown {
    display: flex;
    justify-content: center;
}

    .site-nav .nav-account-dropdown .dropdown-item:hover, .site-nav .nav-account-dropdown .dropdown-item:focus {
        color: var(--b-theme-text-primary);
        background: none;
    }

#nav-logout-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
}*/

.site-nav {
    padding: 0 0.7rem;
}

    .site-nav > .b-bar-menu .b-bar-icon {
        width: 2rem;
        text-align: center;
    }

    .site-nav > .b-bar-brand .b-bar-item > .b-bar-link,
    .site-nav > .b-bar-menu .b-bar-item > .b-bar-link,
    .site-nav > .b-bar-menu .b-bar-dropdown-toggle,
    .site-nav > .b-bar-menu .b-bar-dropdown-item,
    #nav-logout-button {
        padding: 0.5rem !important;
    }

    .site-nav > .b-bar-menu .b-bar-dropdown-menu-container {
        padding-left: 1rem;
    }

    .site-nav > .b-bar-menu .b-bar-dropdown-menu {
        background-color: #fff;
    }

    .site-nav > .b-bar-menu .b-bar-item > .b-bar-link,
    .site-nav > .b-bar-menu .b-bar-dropdown-toggle,
    .site-nav > .b-bar-menu .b-bar-dropdown-item {
        border-radius: 8px;
    }

        .site-nav > .b-bar-menu .b-bar-item > .b-bar-link:hover,
        .site-nav > .b-bar-menu .b-bar-dropdown-toggle:hover,
        .site-nav > .b-bar-menu .b-bar-dropdown-item:hover,
        #nav-logout-button:hover {
            background-color: #F6F7F8 !important;
        }

        .site-nav > .b-bar-menu .b-bar-item > .b-bar-link.active,
        .site-nav > .b-bar-menu .b-bar-dropdown-item.active {
            background-color: #E7F1FF !important;
            border-radius: 8px;
        }

    .site-nav .b-bar-mobile-toggle {
        display: none !important;
    }

.nav-account-dropdown > .dropdown {
    width: 100%;
}

.hover-unhidden .hidden-until-hover {
    display: none !important;
}

.hover-unhidden:hover .hidden-until-hover {
    display: inherit !important;
}

/*.nav-account-dropdown .dropdown-toggle,*/
#nav-logout-button {
    text-align: left;
}

.b-layout-header > .navbar {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .b-layout-header > .navbar > .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

        .b-layout-header > .navbar > .navbar-collapse > .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }

.dropdown-header {
    color: var(--b-theme-text-primary);
    font-weight: 600;
    border-bottom: 1px solid var(--b-theme-text-light);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.dropdown-item {
    color: var(--b-theme-text-body);
}

    .dropdown-item > .dropdown-item-icon {
        width: 30px;
    }


    .dropdown-item.hide-checkbox > div > .custom-checkbox {
        padding-left: 0;
    }

        .dropdown-item.hide-checkbox > div > .custom-checkbox > .custom-control-label::before, .dropdown-item > div > .custom-checkbox > .custom-control-label::after {
            display: none;
        }

.page-section {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    gap: 1.5rem;
    height: 100%;
}

    .page-section > .page-content {
        flex-grow: 1;
        position: relative;
    }

.input-icon {
    position: relative;
}

    .input-icon > .form-control:has(+ i),
    .input-icon > .b-is-autocomplete:has(+ i) > .form-control,
    .input-icon > .flatpickr-wrapper:has(+ i) > .form-control {
        padding-right: 3rem;
    }

    .input-icon > i {
        position: absolute;
        top: 0;
        bottom: 0;
        height: 100%;
        display: flex;
        align-items: center;
    }

        .input-icon > i:first-child {
            left: 0;
            padding-left: 1rem;
        }

        .input-icon > i + .form-control,
        .input-icon > i + .b-is-autocomplete > .form-control,
        .input-icon > i + .flatpickr-wrapper > .form-control {
            padding-left: 3rem;
        }

    .input-icon > .form-control + i,
    .input-icon > .b-is-autocomplete + i,
    .input-icon > .flatpickr-wrapper + i {
        right: 0;
        padding-right: 1rem;
    }

.card-body > form > .table-responsive {
    border-radius: 16px;
}

    .card-body > form > .table-responsive > .b-table {
        margin-bottom: 0;
    }

.b-table > thead, .table-fixed-header .table thead:not(.table-thead-theme) th {
    color: #fff;
    background-color: var(--b-theme-background-primary);
}

    .b-table > thead > tr > th, .b-table > tbody > tr > td {
        vertical-align: middle;
    }

        .b-table > thead > tr > th:first-child > label, .b-table > tbody > tr.table-row-selectable > td:first-child > label {
            margin-bottom: 0;
        }

        .b-table > thead > tr > th > .d-inline-flex {
            font-weight: 500;
        }

            .b-table > thead > tr > th > .d-inline-flex > i.fas {
                margin-left: 0.5rem;
            }

.b-table.detail-table > thead {
    color: var(--b-theme-body);
    background-color: #FFF;
}

    .b-table.detail-table > thead > tr > th {
        border-top: 0;
    }

.b-table > tbody > tr {
    cursor: default !important;
}

    .b-table > tbody > tr > td {
        height: 72px;
    }

tr.table-primary, tr.table-primary > td {
    background-color: #F1F5FF;
}

    tr.table-primary > td {
        border-color: #dee2e6;
    }

th.cursor-pointer:has(> div > i.fas) {
    background-color: var(--b-button-secondary-hover-background);
}

/* Checkbox CSS */
.custom-checkbox > .custom-control-label {
    cursor: pointer;
}
/* Checkbox CSS End */

/* Radio Button Group */
.btn-group.btn-group-toggle > .btn {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}
/* Radio Button Group End */

/* Slider CSS */
input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
}

    input[type="range"]:active {
        cursor: grabbing;
    }

    /* Track: webkit browsers */
    input[type="range"]::-webkit-slider-runnable-track {
        height: 4px;
        background: #E1E5F8;
        border-radius: 16px;
    }

    /* Track: Mozilla Firefox */
    input[type="range"]::-moz-range-track {
        height: 4px;
        background: var(--b-theme-text-secondary);
        border-radius: 16px;
    }


    input[type="range"]::-webkit-slider-thumb {
        /* removing default appearance */
        -webkit-appearance: none;
        appearance: none;
        height: 18px;
        width: 18px;
        background-color: #fff;
        border-radius: 50%;
        border: 3px solid #E1E5F8;
        margin-top: -7px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
    }


    input[type="range"]::-moz-range-thumb {
        height: 14px;
        width: 14px;
        background-color: #fff;
        border-radius: 50%;
        border: 3px solid #E1E5F8;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
    }

    input[type="range"]::-moz-range-progress {
        height: 4px;
        background-color: #E1E5F8;
        border-radius: 16px;
    }

/* Slider CSS end */

/* Button CSS*/
.badge {
    font-weight: 400;
    font-size: 0.8rem;
}

.badge-close {
    margin-left: 7px;
}

    .badge-close:hover, .badge-close:focus {
        background: none;
        font-weight: 700;
    }

.badge-info.badge-close {
    color: var(--b-theme-text-primary);
}
/* Button CSS end*/

/* Modal CSS */
.modal-header {
    border-bottom: none;
}

.modal-title {
    font-size: 1rem;
    font-weight: 600;
}

.card-header {
    background-color: #fff;
    border-bottom: none;
    border-top-right-radius: 16px !important;
    border-top-left-radius: 16px !important;
}
/* Modal CSS End*/

/* List CSS */
.list-group.list-group-flush.pre-guttered > .list-group-item {
    padding-left: 0;
}

    .list-group.list-group-flush.pre-guttered > .list-group-item:first-child {
        padding-top: 0;
    }
/* List CSS End*/

.toggle-tabs ~ .card {
    border-top-left-radius: 0;
}

    .toggle-tabs ~ .card > .card-body > form > .table-responsive {
        border-top-left-radius: 0;
    }

.tippy-box {
    background-color: #424242 !important;
}

/* Fix issue where dropdown goes flying */
.search-sidebar .fix-dropdown.b-is-autocomplete > .dropdown-menu {
    left: 0 !important;
    top: 100% !important;
}

.b-is-autocomplete > .dropdown-menu > .dropdown-item {
    white-space: break-spaces;
}

/*#LeadboosterContainer:not(.openedChat)
{
    bottom: 50px !important;
}*/

.relative-center-content {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blazored-toast-container {
    z-index: 99999 !important;
}

.b-is-autocomplete-multipleselection > .form-control {
    display: block !important;
    width: 100% !important;
}

.b-is-autocomplete > .dropdown-menu.show {
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}

.account-messages.card-footer {
    padding: 0;
    background: none;
}

.account-messages > .alert {
    margin-bottom: 0;
    border-radius: 0;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

    .account-messages > .alert.alert-danger {
        color: #ff4d4f;
    }

    .account-messages > .alert.alert-success {
        color: #35c613;
    }

/* User Notes */
.name-badge {
    font-size: 1rem;
    /*border-radius: 50%; !important*/
    height: 2rem;
    width: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.note-block:not(:last-child) {
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccc;
}


/* Loading Component */
.toggle-loading-relative > .b-loading-indicator-overlay {
    position: relative;
}

.b-loading-indicator-wrapper.b-loading-indicator-wrapper-busy {
    min-height: 100px;
}

.b-loading-indicator-wrapper.w-10 > .b-loading-indicator-overlay {
    background-color: rgba(255, 255, 255, 1) !important;
}

.b-loading-indicator-wrapper.w-9 > .b-loading-indicator-overlay {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.b-loading-indicator-wrapper.w-8 > .b-loading-indicator-overlay {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.b-loading-indicator-wrapper.w-7 > .b-loading-indicator-overlay {
    background-color: rgba(255, 255, 255, 0.7) !important;
}

.b-loading-indicator-wrapper.w-6 > .b-loading-indicator-overlay {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

.b-loading-indicator-wrapper.w-5 > .b-loading-indicator-overlay {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.b-loading-indicator-wrapper.w-4 > .b-loading-indicator-overlay {
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.b-loading-indicator-wrapper.w-3 > .b-loading-indicator-overlay {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

.b-loading-indicator-wrapper.w-2 > .b-loading-indicator-overlay {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.b-loading-indicator-wrapper.w-1 > .b-loading-indicator-overlay {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.b-loading-indicator-wrapper.w-0 > .b-loading-indicator-overlay {
    background-color: rgba(255, 255, 255, 0) !important;
}

.b-loading-indicator-overlay {
    z-index: 999;
}

.spinner_Wezc {
    transform-origin: center;
    animation: spinner_Oiah .75s step-end infinite
}

@keyframes spinner_Oiah {
    8.3% {
        transform: rotate(30deg)
    }

    16.6% {
        transform: rotate(60deg)
    }

    25% {
        transform: rotate(90deg)
    }

    33.3% {
        transform: rotate(120deg)
    }

    41.6% {
        transform: rotate(150deg)
    }

    50% {
        transform: rotate(180deg)
    }

    58.3% {
        transform: rotate(210deg)
    }

    66.6% {
        transform: rotate(240deg)
    }

    75% {
        transform: rotate(270deg)
    }

    83.3% {
        transform: rotate(300deg)
    }

    91.6% {
        transform: rotate(330deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loading-message {
    display: none;
    opacity: 0;
    transition: opacity 3s ease-in-out;
}

    .loading-message.show {
        display: block;
        opacity: 1;
    }

/* Loading Compoment End */