:root {
    --primary-color: #2D257D;
    --primary-color-2: #201A59;
    --primary-color-3: #EAE9F2;
    --secondary-color: #35E59D;
    --secondary-color-2: #2FCC8B;
    --blue: #40A9FF;
    --danger: #FF4D4F;
    --warning: #FAAD14;
    --cyan: #13C2C2;
    --green: #F6FFED;
    --green-2: #B7EB8F;
    --green-3: #52C41A;
    --red: #FFF1F0;
    --red-2: #FFA39E;
    --red-3: #F5222D;
    --dark: #000000D9;
    --secondary-dark: #676A72;
    --neutral: #FAFAFA;
    --neutral-2: #D9D9D9;
    --gray: #667085;
    --gray-2: #344054;
    --gray-3: #D0D5DD;
    --gray-4: #667085;
    --gray-5: #EAECF0;
    --gray-6: #101828;
    --gradient-color: #534C94;
}

@font-face {
    font-family: 'AvenirLTStd';
    src: url('../media/fonts/AvenirLTStd45Book.otf');
}

body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 13px!important;
    font-weight: 400;
    font-family: 'AvenirLTStd', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button {
    border-color: transparent;
}

.text-purple {
    color: #7B40EB;
}

#columnVis{
    width: 150px;
    border: 1px solid var(--neutral-2)!important;
    background-color: white!important;
    border-radius: 8px!important;
}

#columnVis span{
    color: var(--dark);
    font-family: inherit;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    background-repeat: no-repeat;
    /* background-position: center; */
    /* background-color: transparent; */
    background-size: 0.8rem;
    background-position: center right 1.25rem;
    background-color: var(--secondary-color);
    color: white;
    transition: color .2s ease,background-color .2s ease;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    background-color: #f1faff;
    color: var(--secondary-color);
    transition: color .2s ease,background-color .2s ease;
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: var(--gray-6)!important;
    font-weight: 500;
    color: white;
    border-bottom: 1px solid var(--gray-6)!important;
}

.apexcharts-tooltip.apexcharts-theme-light {
    border-radius: 0.475rem;
    box-shadow: 0 0 50px 0 rgba(82,63,105,.15);
    border: 0!important;
    background: var(--gray-6)!important;
    color: white;
}

.apexcharts-tooltip-marker {
    display: none;
}

table.dataTable>thead>tr>th {
    text-transform: uppercase;
}

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_desc_disabled:before {
    color: var(--primary-color);
    padding-bottom: 0.5em;
    right: 0.5em !important;
    content: "\279D" !important;
    transform: rotate(270deg);
}

table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_desc_disabled:after {
    color: var(--primary-color);
    padding-bottom: 0.5em;
    content: "\279D" !important;
    transform: rotate(90deg);
    right: 0.5em !important;
}

.stepper.stepper-pills .stepper-item.current:last-child .stepper-icon {
    background-color: var(--primary-color);
}

.stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-number {
    display: block;
}

.stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-check {
    display: none;
}

.stepper.stepper-pills .stepper-item.current .stepper-icon {
    transition: color .2s ease,background-color .2s ease;
    background-color: var(--primary-color);
}

.stepper.stepper-pills .stepper-item.current .stepper-label .stepper-title {
    color: var(--primary-color);
}

.stepper.stepper-pills .stepper-item .stepper-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .2s ease,background-color .2s ease;
    width: 40px;
    height: 40px;
    border-radius: 0.475rem;
    border: var(--gray-3);
    margin-right: 1.5rem;
}

.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number {
    font-weight: 600;
    color: var(--gray-4)!important;
    font-size: 1.25rem;
}

.stepper.stepper-pills .stepper-item .stepper-label .stepper-title {
    color: var(--gray-4);
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 0.3rem;
}

.stepper.stepper-pills .stepper-item.completed .stepper-icon, .stepper.stepper-pills .stepper-icon {
    transition: color .2s ease,background-color .2s ease;
    background-color: var(--primary-color-3);
}

.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check {
    color: var(--primary-color)!important;
    display: inline-block;
}

.stepper.stepper-pills .stepper-item.current:last-child .stepper-label .stepper-title {
    color: var(--primary-color);
}

.page-item.active .page-link {
    z-index: 3;
    color: #000000D9;
    background-color: white;
    border: 1px solid var(--primary-color);
}

.page-link:focus {
    z-index: 3;
    color: var(--primary-color);
    background-color: rgba(83, 76, 148, 0.192);
    outline: 0;
    box-shadow: none;
}

.page-item:hover:not(.offset) .page-link {
    color: var(--primary-color);
}

.page-item.previous:hover:not(.offset) .page-link {
    color: var(--primary-color)!important;
}

.page-link:hover {
    z-index: 2;
    color: white;
    background-color: rgba(83, 76, 148, 0.192);
}

.page-item:hover:not(.offset) .page-link i {
    color: var(--primary-color)!important;
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--primary-color);
    transition: color .2s ease,background-color .2s ease;
}

.form-control.form-control-solid {
    background-color: white;
    border-color: var(--neutral-2);
    color: var(--gray-6);
    transition: color .2s ease,background-color .2s ease;
    border-radius: 8px;
}

.custom-select{
    background-color: white;
    border-color: var(--neutral-2);
    color: var(--gray-4);
    transition: color .2s ease,background-color .2s ease;
    border-radius: 8px;
}

.menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease,background-color .2s ease;
    background-color: rgba(207, 179, 239, 0.15);
    color: var(--primary-color);
}

.flatpickr-day.endRange, 
.flatpickr-day.endRange.inRange, 
.flatpickr-day.endRange.nextMonthDay, 
.flatpickr-day.endRange.prevMonthDay, 
.flatpickr-day.endRange:focus, 
.flatpickr-day.endRange:hover, 
.flatpickr-day.selected, 
.flatpickr-day.selected.inRange, 
.flatpickr-day.selected.nextMonthDay, 
.flatpickr-day.selected.prevMonthDay, 
.flatpickr-day.selected:focus, 
.flatpickr-day.selected:hover, 
.flatpickr-day.startRange, 
.flatpickr-day.startRange.inRange, 
.flatpickr-day.startRange.nextMonthDay, 
.flatpickr-day.startRange.prevMonthDay, 
.flatpickr-day.startRange:focus, 
.flatpickr-day.startRange:hover{
    background-color: var(--secondary-color-2) !important;
    color: white !important
}

.flatpickr-day.inRange, 
.flatpickr-day.nextMonthDay.inRange, 
.flatpickr-day.nextMonthDay.today.inRange, 
.flatpickr-day.nextMonthDay:focus, 
.flatpickr-day.nextMonthDay:hover, 
.flatpickr-day.prevMonthDay.inRange, 
.flatpickr-day.prevMonthDay.today.inRange, 
.flatpickr-day.prevMonthDay:focus, 
.flatpickr-day.prevMonthDay:hover, 
.flatpickr-day.today.inRange{
    color:  var(--secondary-color-2) !important;
}

.flatpickr-day:focus, 
.flatpickr-day:hover{
  color:  var(--secondary-color-2) !important;
}

.daterangepicker {
    padding: 0;
    margin: 0;
    border: 0;
    width: auto;
    background-color: #fff;
    box-shadow: 0 0 50px 0 rgba(82,63,105,.15);
    font-family: 'AvenirLTStd', sans-serif;
    z-index: 1000;
    border-radius: 0.475rem;
}

.daterangepicker .ranges li.active{
    background-color: var(--secondary-color-2);
    
}

.daterangepicker .ranges li:hover{
    background-color: #f1faff !important;
    color:  var(--secondary-color-2);
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: var(--secondary-color-2) !important;
    border-color: transparent !important;
    color: white !important;
}

.daterangepicker .drp-calendar td.today, .daterangepicker .drp-calendar td.today.active{
    background: #f1faff !important;
    color: var(--secondary-color-2) !important;
}

.daterangepicker .drp-calendar td.available:hover, .daterangepicker .drp-calendar th.available:hover{
    background-color: var(--secondary-color-2) !important;
    border-color: transparent !important;
    color: white !important;
}

.daterangepicker .drp-calendar td.active{
    background-color: var(--secondary-color-2) !important;
}

.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today){
    color: var(--secondary-color-2) !important;
}

.daterangepicker .drp-calendar td.in-range.available:hover:not(.active):not(.off):not(.today) {
    color: white !important;
}

.form-check.form-check-solid .form-check-input:checked {
    background-color: var(--primary-color);
}

.btn.btn-color-primary .svg-icon, .btn.btn-color-primary i {
    color: var(--primary-color);
}

.btn.btn-active-light-primary:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-primary:active:not(.btn-active) .svg-icon, 
.btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon,
.btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon {
    color: var(--primary-color);
}

.btn.btn-active-light-primary:active .svg-icon,
.btn.btn-active-light-primary:checked .svg-icon,
.btn.btn-active-light-primary.active .svg-icon,
.btn.btn-active-light-primary.show .svg-icon,
.btn.btn-active-light-primary:active:not(.btn-active) .svg-icon,
.btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon,
.btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon,
.show > .btn.btn-active-light-primary .svg-icon {
    color: var(--primary-color);
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg{
    fill: var(--primary-color)!important;
}

.apexcharts-pan-icon.apexcharts-selected svg {
    stroke: var(--primary-color)!important;
}

.aside-baseColor {
    background-color: var(--primary-color);
}

.dt-button-collection .buttons-columnVisibility.active span:before {
    content: '\2714';
    margin-top: -15px;
    margin-left: 7px;
    margin-right: 5px;
    text-align: center;
    border: 1px solid;
    text-shadow: 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
    color: var(--primary-color);
    padding: 0 3px;
}

.bg-primary {
    background-color: rgba(83, 76, 148, 0.192)!important;
    --bg-color:  rgba(83, 76, 148, 0.192)!important;
    color: white!important;
}

.card .card-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    min-height: 70px;
    padding: 0 2.25rem;
    background-color: transparent;
    border-bottom: 1px solid #eff2f5;
}

.text-widget-dashboard-title {
    color: #667085;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}

.text-widget-dashboard-value {
    color: var(--primary-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}

.text-widget-dashboard-unit {
    color: #98A2B3;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.text-chart-title {
    color: var(--Gray-5, #98A2B3)!important;
    font-family: "AvenirLTStd", sans-serif;
    font-size: 14px!important;
    font-style: normal;
    font-weight: 600!important;
    line-height: 22px;
}

.text-chart-date-range {
    color: white;
    text-align: center;
    font-family: "AvenirLTStd", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 350;
}

.text-muted {
    color: var(--secondary-dark)!important
}

.text-hover-primary:hover {
    transition: color .2s ease,background-color .2s ease;
    color: var(--primary-color)!important;
}

.text-hover-primary:hover .svg-icon {
    color: var(--secondary-color)!important;
}

.text-baseColor, .text-primary {
    color: var(--primary-color)!important;
}

.text-baseColor-2{
    color: var(--primary-color-2);
}

.text-active-baseColor.active {
    transition: color .2s ease,background-color .2s ease;
    color: var(--primary-color)!important;
}

.text-gray-title {
    color: var(--gray-2);
    font-weight: 700;
    font-size: "12px";
    line-height: "18px";
}

.text-gray-subtitle {
    color: var(--gray);
    font-weight: 350;
    font-size: "14px";
    line-height: "22px";
}

.text-baseColor-value {
    color: var(--primary-color)!important;
    font-weight: 600!important;
    font-size: "16px";
    line-height: "24px";
}

.badge-primary {
    color: white;
    background-color: var(--primary-color);
}

.badge-secondaryColor {
    color: white;
    background-color: var(--secondary-color-2)
}

.badge-light-primary {
    color: var(--primary-color);
    background-color: #f1faff;
    border: 1px solid #b3e0f8;
}

.badge-light-success {
    color: var(--green-3);
    background-color: var(--green);
    border: 1px solid var(--green-2);
}

.badge-light-danger {
    color: var(--red-3);
    background-color: var(--red);
    border: 1px solid var(--red-2);
}

.badge-light-warning {
    color: #ffc700;
    background-color: #fff8dd;
    border: 1px solid #f6e8b4;
}

.badge-light-dark {
    color: var(--dark);
    background-color: var(--neutral);
    border: 1px solid var(--neutral-2);
}

.badge-light-info {
    color: #7239ea;
    background-color: #f8f5ff;
    border: 1px solid #cab5fa;
}

.btn.btn-light {
    color: var(--gray-4);
    border: 1px solid var(--neutral-2)!important;
    background-color: #f5f8fa;
}

.btn.btn-active-color-primary:hover:not(.btn-active),
.btn.btn-active-color-primary:active:not(.btn-active) {
    color: var(--secondary-color)!important;
}

.btn.btn-active-light-primary:hover:not(.btn-active) {
    color: var(--primary-color);
    border-color: rgba(177, 173, 212, 0.9);
    background-color: rgba(177, 173, 212, 0.9)!important;
}

.btn-download {
    border: 1px solid var(--neutral-2)!important;
    background-color: white!important;
    border-radius: 8px!important;
    margin: 0 0.8em 0 0.8em;
}

.btn-download:hover {
    color: white!important;
}

.btn-link {
    font-weight: 400;
    color: var(--primary-color);
    text-decoration: none;
}

.btn-link:hover {
    color: var(--secondary-color-2);
    text-decoration: underline;
}

.btn.btn-primary {
    color: white;
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.btn.btn-primary:active:not(.btn-active) {
    color: #fff;
    border-color: var(--primary-color);
    background-color: var(--primary-color)!important;
}

.btn.btn-primary:hover:not(.btn-active) {
    color: white;
    border-color: var(--primary-color-2)!important;
    background-color: var(--primary-color-2)!important;
}

.btn.btn-success {
    background-color: var(--secondary-color-2);
    color: white;
    border-radius: 8px!important;
}

.btn.btn-export {
    margin: 0.5rem!important;
    background-color: var(--secondary-color-2)!important;
    color: white!important;
}

.btn.btn-success:hover:not(.btn-active), .btn.btn-export:hover:not(.btn-active) {
    background-color: var(--secondary-color)!important;
    color: white!important;
}

.menu-gradient-background {
    background: linear-gradient(
        to right, 
        var(--primary-color) 0%, 
        rgba(83, 76, 148, 90%) 97%,
        var(--secondary-color) 97%,
        var(--secondary-color) 100%
    );
}

.applyBtn.btn.btn-sm.btn-primary {
    background-color: var(--secondary-color-2) !important;
}

.secondary-btn-active-color:active .svg-icon,
.secondary-btn-active-color:checked .svg-icon,
.secondary-btn-active-color.active .svg-icon,
.secondary-btn-active-color.show .svg-icon,
.secondary-btn-active-color:active:not(.btn-active) .svg-icon,
.secondary-btn-active-color:focus:not(.btn-active) .svg-icon,
.secondary-btn-active-color:hover:not(.btn-active) .svg-icon,
.show > .secondary-btn-active-color .svg-icon {
    color: var(--primary-color);
}
.secondary-btn-active-color:active i,
.secondary-btn-active-color:checked i,
.secondary-btn-active-color.active i,
.secondary-btn-active-color.show i,
.secondary-btn-active-color:active:not(.btn-active) i,
.secondary-btn-active-color:focus:not(.btn-active) i,
.secondary-btn-active-color:hover:not(.btn-active) i,
.show > .secondary-btn-active-color i {
    color: var(--primary-color); 
}

.btn-check:active+.btn.btn-active-color-primary .svg-icon, 
.btn-check:active+.btn.btn-active-color-primary i, 
.btn-check:checked+.btn.btn-active-color-primary .svg-icon, 
.btn-check:checked+.btn.btn-active-color-primary i, 
.btn.btn-active-color-primary.active .svg-icon, 
.btn.btn-active-color-primary.active i, 
.btn.btn-active-color-primary.show .svg-icon, 
.btn.btn-active-color-primary.show i, 
.btn.btn-active-color-primary:active:not(.btn-active) .svg-icon, 
.btn.btn-active-color-primary:active:not(.btn-active) i, 
.btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon, 
.btn.btn-active-color-primary:focus:not(.btn-active) i, 
.btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon, 
.btn.btn-active-color-primary:hover:not(.btn-active) i, 
.show>.btn.btn-active-color-primary .svg-icon, 
.show>.btn.btn-active-color-primary i{
    color: var(--primary-color) !important; 
}

.menu-state-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), 
.menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here){
    color: var(--primary-color) !important;
  }

.widget-icon-container.secondary-- {
    background: rgba(234, 233, 242, 1); 
}

.widget-icon-container.primary-- {
    background: rgba(235, 252, 245, 1);
}

.widget-icon-container.tertiary-- {
    background: rgba(230, 247, 255, 1);
}