:root {
    --main-color: #0c4f2e;
    --sidebar-color: #006f45;
    --sidebar-text-color: rgba(255, 255, 255, .5);
    --sidebar-menu-title: rgba(255, 255, 255, .6);
    --sidebar-text-color-active: #FFF;
    --sidebar-alert-color: rgba(255, 255, 255, .1);

    /*--main-color: #134964;*/
    /*--sidebar-color: #FFF;*/
    /*--sidebar-text-color: rgba(3, 169, 244, .5);*/
    /*--sidebar-menu-title: rgba(3, 169, 244, .6);*/
    /*--sidebar-text-color-active: #0594d5;*/
    /*--sidebar-alert-color:rgba(3, 169, 244,.1);*/

    --slider-handle-color: #FFF;
    --slider-handle-border-color: #4ba6ef;
}


:root [data-topbar=dark], [data-bs-theme=light] [data-topbar=dark] {
    --bs-header-bg: #0c4f2e;
    --bs-header-item-color: #f8f9fa;
    --bs-header-item-sub-color: #8795ab;
}

/*:root [data-topbar=dark], [data-bs-theme=light] [data-topbar=dark] {*/
/*    --bs-header-bg: #134964;*/
/*    --bs-header-item-color: #f8f9fa;*/
/*    --bs-header-item-sub-color: #8795ab;*/
/*}*/

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.font-size-48 {
    font-size: 48px;
}

.font-size-36 {
    font-size: 36px;
}

.font-size-32 {
    font-size: 32px;
}

.font-size-9 {
    font-size: 9px;
}

.font-size-8 {
    font-size: 8px;
}

.text-orange {
    color: #de9851;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    background-color: #f5f7fb;
    margin-bottom: 60px;
}


.navbar-brand-box {
    padding: 0 1.10rem !important;
}

.navbar-header {
    padding: 0 !important;
}

body[data-sidebar=brand] .vertical-menu {
    background-color: var(--sidebar-color);
}

body[data-sidebar=brand] .navbar-brand-box {
    background-color: var(--sidebar-color);
    -webkit-box-shadow: 0 1px 0 var(--sidebar-color);
    box-shadow: 0 1px 0 var(--sidebar-color);
}

.sidebar-cta-content {
    background: #2b3947;
    border-radius: 0.3rem;
    color: #e9ecef;
    margin: 1rem !important;
    padding: 1rem !important;
    padding-top: 0.5rem !important;
}

.validation-message-link {
    cursor: pointer;
    color: #fff;
    background-color: #0c3664;
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.validation-message-link:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0c3664;
}


.input-validation-error {
    border-color: var(--bs-danger);
}

.choices__inner:has(select.input-validation-error) {
    border-color: var(--bs-danger) !important;
}

.flatpickr-input + .input-validation-error {
    border-color: var(--bs-danger) !important;
}

.choices-tenant-form {
    width: 100%;
}

.choices-tenant-form .choices {
    margin-bottom: 0 !important;
}

.text-bold {
    font-weight: bold;
}

.text-italic {
    font-style: italic;
}

.text-muted {
    color: #9fa7b5 !important;;
}

h1 span.text-muted {
    font-size: 60%;
}

.sidebar-item .active {
    background-color: darkblue;
}

.noUi-handle {
    border-color: var(--slider-handle-border-color);
    background: var(--slider-handle-color);
}


.offcanvas-header {
    background-color: var(--main-color);
    color: white;
    height: 70px;
}

.offcanvas-header h1,
.offcanvas-header h2,
.offcanvas-header h3,
.offcanvas-header h4,
.offcanvas-header h5,
.offcanvas-header h6 {
    color: white;
    font-weight: bold;
    margin-bottom: 0;
}

.offcanvas-header button {
    filter: invert(100%);
}

.btn-action-column {
    margin-bottom: 2px;
    width: 28px !important;
    height: 28px !important;
    --bs-btn-padding-y: 0.25rem !important;
    --bs-btn-padding-x: 0.25rem !important;
}

.btn-action-column .spinner,
.btn-action-column .progress {
    width: 18px !important;
    height: 18px !important;
}

.btn-image:hover img {
    filter: invert(1);
}

.btn-image .btn-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.5rem !important;
}

.btn-image img {
    width: 64px;
    height: 64px;
    margin-right: 1rem !important;
}

.btn-image .btn-label {
    font-size: 16px;
    font-weight: bold;
}

.required-field {
    color: #b81d1b !important;
}

.conditional-required-field {
    color: #1b89b8 !important;
}

.choices {
    margin-bottom: 5px;
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #5156be, 5px 0 0 #5156be !important;
    box-shadow: -5px 0 0 #5156be, 5px 0 0 #5156be !important;
}

.flatpickr-day.week.selected.inRange {
    border-radius: 0;
    background-color: #9c9cf1 !important;
    border-color: #9c9cf1 !important;
    -webkit-box-shadow: -5px 0 0 #9c9cf1, 5px 0 0 #9c9cf1 !important;
    box-shadow: -5px 0 0 #9c9cf1, 5px 0 0 #9c9cf1 !important;
    color: black !important;
}

input.read-only,
input.read-only:focus {
    background-color: #c5c5ec;
    box-shadow: none;
    font-weight: bold;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-help {
    cursor: help;
}

.w-30 {
    width: 30% !important;
}

.w-40 {
    width: 40% !important;
}

.w-60 {
    width: 60% !important;
}

.w-70 {
    width: 70% !important;
}

body[data-sidebar=brand] .navbar-brand-box .logo {
    color: var(--sidebar-text-color-active) !important;
}

@media (min-width: 992px) {
    body[data-sidebar=brand] #vertical-menu-btn {
        color: var(--sidebar-text-color);
    }
}

body[data-sidebar=brand] #sidebar-menu ul li a {
    color: var(--sidebar-text-color);
}

body[data-sidebar=brand] .mm-active > a i {
    color: var(--sidebar-text-color-active) !important;
}

body[data-sidebar=brand] #sidebar-menu ul li a i {
    color: var(--sidebar-text-color);
}

body[data-sidebar=brand] .mm-active {
    color: var(--sidebar-text-color-active) !important;
}

body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a {
    color: var(--sidebar-text-color);
}

body[data-sidebar=brand] .mm-active > a {
    color: var(--sidebar-text-color-active) !important;
}

body[data-sidebar=brand] #sidebar-menu ul li.menu-title {
    color: var(--sidebar-menu-title);
}

body[data-sidebar=brand] #sidebar-menu ul li a:hover {
    color: var(--sidebar-text-color-active);
}

body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover {
    color: var(--sidebar-text-color-active);
}

body[data-sidebar=brand] #sidebar-menu ul li a:hover i {
    color: var(--sidebar-text-color-active);
}

body[data-sidebar=brand] .sidebar-alert {
    background-color: var(--sidebar-alert-color);
    color: var(--sidebar-text-color);
}

.bg-blackboard {
    background-color: #778ab2 !important;
    border-color: #778ab2 !important;
}

.bg-purple {
    background-color: #8E44AD !important;
    border-color: #8E44AD !important;
    color: #fff !important;
}

.bg-maroon {
    background-color: #705248 !important;
    border-color: #705248 !important;
    color: #fff !important;
}

.text-maroon {
    color: #48352d !important;
}

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

.text-green {
    color: green !important;
}

.rfm-segmentation-0 {
    background-color: #737373;
}

.rfm-segmentation-1 {
    background-color: #fcb92c;
}

.rfm-segmentation-2 {
    background-color: #e9b33e;
}

.rfm-segmentation-3 {
    background-color: #d5ad4f;
}

.rfm-segmentation-4 {
    background-color: #c2a761;
}

.rfm-segmentation-5 {
    background-color: #afa173;
}

.rfm-segmentation-6 {
    background-color: #9c9b85;
}

.rfm-segmentation-7 {
    background-color: #889596;
}

.rfm-segmentation-8 {
    background-color: #758fa8;
}

.rfm-segmentation-9 {
    background-color: #6289ba;
}

.rfm-segmentation-10 {
    background-color: #4e83cb;
}

.rfm-segmentation-11 {
    background-color: #3b7ddd;
}

.rfm-segmentation-ukn {
    background-color: #505053;
}

.cluster-profile-15 {
    background-color: #737373;
}

.cluster-profile-14 {
    background-color: #fcb92c;
}

.cluster-profile-13 {
    background-color: #eeb539;
}

.cluster-profile-12 {
    background-color: #e0b045;
}

.cluster-profile-11 {
    background-color: #d3ac52;
}

.cluster-profile-10 {
    background-color: #c5a85f;
}

.cluster-profile-9 {
    background-color: #b7a46b;
}

.cluster-profile-8 {
    background-color: #a99f78;
}

.cluster-profile-7 {
    background-color: #9c9b85;
}

.cluster-profile-6 {
    background-color: #8e9791;
}

.cluster-profile-5 {
    background-color: #80929e;
}

.cluster-profile-4 {
    background-color: #728eaa;
}

.cluster-profile-3 {
    background-color: #648ab7;
}

.cluster-profile-2 {
    background-color: #5786c4;
}

.cluster-profile-1 {
    background-color: #3b7ddd;
}

.cluster-profile-0 {
    background-color: #000;
}

.cluster-profile-98 {
    background-color: #be5151;
}

.cluster-profile-99 {
    background-color: #700807;
}

.cluster-profile-ukn {
    background-color: #505053;
}


.select2-selection__choice {
    height: 25px;
    line-height: 25px;
    background-color: #5156bd !important;
    color: #FFF !important;
    border: none !important;
    border-radius: 10px !important;
}

.select2-selection__choice {
    flex-direction: row-reverse !important;
}

.select2-selection__choice__remove {
    cursor: pointer;
    width: 0.65rem !important;
    height: 0.65rem !important;
    margin-right: 0 !important;
    margin-left: 10px !important;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/0.75rem auto no-repeat !important;
}

.select2-selection__choice__remove:hover {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fd625e'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/0.75rem auto no-repeat !important;
}


.select2-results__option.loading-results,
.select2-results__option.select2-results__option--load-more {
    background-image: url("/assets/images/utils/loading.gif");
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

.export-sidebar-icon {
    width: 48px !important;
    height: 48px !important;
}

.color-fidelity {
    color: #fcb92c;
}

.color-not-fidelity {
    color: #5156be;
}

.btn-white-dashboard {
    background-color: #fff;
}

.btn-white-dashboard:hover {
    background-color: #d4d4d4;
}

.text-grey {
    color: #7a7575 !important;
}

.input-loader {
    background-image: url("/assets/images/utils/loading.gif");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
}

.border-info-light {
    border-color: #b8dff2 !important;
}

.nav-pills.nav-pills-cs .nav-link.active {
    color: #5156be !important;
    background-color: transparent !important;
    border: 1px solid #e6d7f4 !important;
}

.tab-content.tab-content-cs > .active {
    border: 1px solid #e6d7f4 !important;
    border-radius: 0.25rem !important;
}

dd:after {
    content: "\a0";
}

.bg-gray {
    background-color: #b9b4b4 !important;
}

.image-row-table {
    max-height: 75px;
    max-width: 75px;
}

.container-for-rotate {
    position: relative;
    display: inline-block;
}

.text-rotate-90 {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}


.btn-label {
    border: unset !important;
}

.sortable-handle {
    cursor: move;
}

.bg-campaign-executing {
    animation-name: executing;
    animation-duration: 1.25s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    animation-timing-function: ease;
}

.bg-campaign-archive {
    background-color: #785b5d55;
}

@keyframes executing {
    to {
        background-color: #99c4ca99;
    }
}


.form-switch-custom .form-check-input {
    width: 4rem;
    height: 1.7rem;
    position: relative;
    background-size: contain;
    padding: 0;
}

.form-switch-custom .form-check-input::after {
    content: attr(data-off-label);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.5rem;
    color: #2c302e;
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    pointer-events: none;
}

.form-switch-custom .form-check-input:checked::after {
    content: attr(data-on-label);
    left: 0.5rem;
    right: auto;
    color: white;
}

.modal-dialog,
.note-modal-content {
    margin-top: 100px !important;
}

.no-wrap {
    white-space: nowrap;
}

.chartjs-chart {
    min-height: 300px !important;
}