@charset "UTF-8";

/*COLORS*/
:root {
    --primary-950: #1B3BA5;
    --primary-900: #2147C7;
    --primary-800: #2650E0;
    --primary-300: #9EB1F1;
    --primary-100: #CED8F8;
    --primary-50: #E6EBFB;
    --primary-50-50: #F6F8FD;
    --secondary-900: #8848C8;
    --secondary-800: #7239EA;
    --secondary-100: #F1EAF8;
    --secondary-50: #F6F2FA;
    --dark-1000: #0B101A;
    --dark-900: #21304F;
    --dark-700: #525E76;
    --dark-600: #6B7589;
    --dark-500: #838C9D;
    --dark-400: #9CA3B0;
    --dark-200: #CDD0D7;
    --dark-100: #E6E8EB;
    --dark-50: #F6F7F8;
    --dark-50-50: #FBFBFB;
    --dark-600-40: #6b758966;
    --light: #F7F8FC;
    --light-2: #cfdafe;
    --system-green-50: #EDFBF4;
    --system-green-100: #B8EFD4;
    --system-green-500: #27A173;
    --system-green-700: #17674C;
    --system-green-500-40: #1cf09f66;
    --system-red-700: #AE4800;
    --system-red-500: #FF2525;
    --system-red-400: #FF5959;
    --system-red-100: #FFF4ED;
    --system-red-50: #FEF1F0;
    --system-yellow-500: #FFCF25;
    --pale-yellow-500: #ffb50066;
    --system-warning-700: #8C6E00;
    --system-warning-50: #FFFAE6;
}

/*SIZE*/
.redesign .h-280px {
    height: 280px!important;
}

.redesign .min-w-170px {
    min-width: 170px!important;
}

.redesign .mw-170px {
    max-width: 170px!important;
}

.redesign .mw-20 {
    max-width: 20%!important;
}

.redesign .w-85 {
    width: 85%!important;
}

.redesign .w-90px {
    width: 90px!important;
}

/*POSITIONING*/
.redesign .right-4 {
    right: 1rem!important;
}

.redesign .z-index-10 {
    z-index: 10!important;
}

/*BACKGROUND*/
.redesign .bg-primary-50 {
    background-color: var(--primary-50)!important;
}

.redesign .bg-primary-50-50 {
    background-color: var(--primary-50-50) !important;
}

.redesign .bg-light {
    background-color: var(--light) !important;
}

.redesign .bg-white {
    background-color: white;
}

.redesign .bg-dark-50 {
    background-color: var(--dark-50)!important;
}

.redesign .bg-dark-50-50 {
    background-color: var(--dark-50-50) !important;
}

/*TEXT*/
.redesign .word-wrap-normal {
    word-wrap: normal!important;
}

.redesign a.nav-link {
    color: var(--primary-800);
}

.redesign a.nav-link:hover {
    color: var(--primary-900);
}

.redesign .text-primary {
    color: var(--primary-800)!important;
}

.redesign .text-hover-primary:hover {
    color: var(--primary-800)!important;
}

.redesign .text-dark-900 {
    color: var(--dark-900) !important;
}

.redesign .text-dark-700 {
    color: var(--dark-700)!important;
}

.redesign .text-dark-600 {
    color: var(--dark-600)!important;
}

.redesign .text-dark-500 {
    color: var(--dark-500)!important;
}

.redesign .border-primary-50 {
    border-color: var(--primary-50)!important;
}

.redesign .border-dark-100 {
    border-color: var(--dark-100)!important;
}

.redesign .border-dark-200 {
    border-color: var(--dark-200) !important;
}

.redesign .nav-line-tabs .nav-item .nav-link.active {
    color: var(--primary-800) !important;
}

.redesign .nav-line-tabs .nav-item .nav-link:not(.active,:hover) {
    color: var(--dark-700)!important;
}

.redesign .nav-line-tabs {
    border-bottom: 1px solid var(--dark-100);
}

.redesign .nav-line-tabs .nav-item .nav-link.active,
.redesign .nav-line-tabs .nav-item.show .nav-link,
.redesign .nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
    border-bottom: 2px solid var(--primary-800) !important;
}

.redesign .border-solid {
    border-width: 1px;
    border-style: solid !important;
}

/*BUTTONS*/
.redesign .btn.btn-primary {
    background-color: var(--primary-800)!important;
    color: white!important;
}

.redesign .btn.btn-primary:hover,
.redesign .btn.btn-primary:focus {
    background-color: var(--primary-900) !important;
}

.redesign .btn.btn-light {
    background-color: white!important;
    color: var(--primary-900)!important;
}

.redesign .btn.btn-light:hover,
.redesign .btn.btn-light:focus {
    background-color: var(--primary-50-50)!important;
}

.redesign .btn.btn-default {
    background-color: var(--dark-50)!important;
    color: var(--dark-900)!important;
}

.redesign .btn.btn-default:hover,
.redesign .btn.btn-default:focus {
    background-color: var(--primary-50) !important;
}

.redesign .btn.btn-active-light-primary.btn-outline:not(.btn-outline-default) {
    border-color: var(--primary-50) !important;
}

.redesign .btn.btn-active-icon-primary:hover {
    color: var(--primary-800);
}

.redesign .btn-check:checked + .btn-outline-primary,
.redesign .btn-check:active + .btn-outline-primary,
.redesign .btn-outline-primary:active,
.redesign .btn-outline-primary:hover {
    color: white!important;
    background-color: var(--primary-800);
    border-color: var(--primary-800);
}

.redesign .scrolltop {
    background-color: var(--primary-900);
}

/*BADGE*/
.redesign .badge.badge-primary {
    color: var(--primary-900);
    background-color: var(--primary-50-50);
}

.redesign .badge.badge-secondary {
    color: var(--secondary-900);
    background-color: var(--secondary-50);
}

.redesign .badge.badge-success {
    color: var(--system-green-700);
    background-color: var(--system-green-50);
}

.redesign .badge.badge-info {
    color: var(--dark-900);
    background-color: var(--dark-50);
}

.redesign .badge.badge-warning {
    color: var(--system-warning-700);
    background-color: var(--system-warning-50);
}

.redesign .badge.badge-danger {
    color: var(--system-red-500);
    background-color: var(--system-red-50);
}

.redesign .badge.badge-light-danger {
    color: var(--system-red-700);
    background-color: var(--system-red-100);
}

/*CONTENT*/
.redesign .content,
.redesign.content {
    background-color: #F9FAFE;
}

.redesign .card .card-footer {
    border-top: 0!important;
}

.redesign .modal .modal-header {
    border-bottom: 0 !important;
}

.redesign .modal .modal-body,
.redesign .modal .modal-footer,
.redesign .modal .modal-header {
    padding: 1.25rem 2.5rem;
}

.redesign .modal .modal-body label:not(.btn),
.redesign .form-group label:not(.btn){
    padding-left: 0!important;
}

.redesign .modal-75vw {
    width: 75vw!important;
    max-width: none;
}

/*LAYOUT*/
.redesign .flex-grid-view .view-direction .view-item {
    flex-direction: column !important;
}

.redesign .flex-grid-view .view-direction .view-item .view-item-info {
    align-items: center !important;
}

.redesign .flex-grid-view .view-direction .view-item-tools {
    top: 1rem!important;
}

.redesign .flex-list-view .view-direction .view-item {
    flex-direction: row !important;
    margin-left: 3rem!important;
}

.redesign .flex-list-view .view-direction .view-item .view-item-info {
    align-items: start !important;
    margin-left: 1em !important;
}

@media (min-width: 576px) {
    .redesign .row.row-px-0-sm-4 > *:nth-child(3n+1) {
        padding-left: 0 !important;
    }
    .redesign .row.row-px-0-sm-4 > *:nth-child(3n+3) {
        padding-right: 0 !important;
    }

    .redesign .row.row-px-0-sm > * {
        padding-left: 0 !important;
    }

    .redesign .row.row-px-0-sm > * {
        padding-right: 0 !important;
    }

    .redesign .row.row-mt-sm-0 > * {
        margin-top: 0 !important;
    }
}

@media (min-width: 1200px) {
    .redesign .row.row-px-0-xl > *:nth-child(n) {
        padding-right: calc(var(--bs-gutter-x)* .5)!important;
        padding-left: calc(var(--bs-gutter-x)* .5)!important;
    }
    .redesign .row.row-px-0-xl > *:first-child {
        padding-left: 0 !important;
    }

    .redesign .row.row-px-0-xl > *:last-child {
        padding-right: 0 !important;
    }

    .redesign .row.row-my-xl-g > * {
        margin-bottom: var(--bs-gutter-y)!important;
        margin-top: var(--bs-gutter-y)!important
    }
}

@media (min-width: 1400px) {
    .redesign .row.row-px-0-xxl-2 > *:nth-child(n) {
        padding-right: calc(var(--bs-gutter-x)* .5) !important;
        padding-left: calc(var(--bs-gutter-x)* .5) !important;
    }
    .redesign .row.row-px-0-xxl-2 > *:nth-child(odd) {
        padding-left: 0 !important;
    }
    .redesign .row.row-px-0-xxl-2 > *:nth-child(even) {
        padding-right: 0 !important;
    }
}

/*SCROLLBAR*/
.redesign div.pretty-scrollbar {
    scrollbar-gutter: auto!important;
    scrollbar-width: auto!important;
    scrollbar-color: auto!important;
}

.redesign .pretty-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.redesign .pretty-scrollbar::-webkit-scrollbar-track {
    background-color: white !important;
}

.redesign .pretty-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--dark-600) !important;
    border-radius: 3px !important;
}

.redesign .pretty-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: var(--dark-700) !important;
}

/*LISTS*/
.redesign ul.birthday-list {
    list-style-type: '🎂';
}

/*STEPPER*/
.stepper.stepper-links .stepper-nav .stepper-item.current .stepper-title {
    color: var(--primary-900)!important;
}

.stepper.stepper-links .stepper-nav .stepper-item.current:after {
    background-color: var(--primary-900) !important;
}

/*TABLE*/
.redesign .table {
    margin-bottom: inherit!important;
}

.redesign .table.table-fixed-layout {
    table-layout: fixed;
}

.redesign .table.table-highlighted-head th {
    background-color: var(--dark-50-50);
}

.redesign .table.table-bordered tr,
.redesign .table.table-bordered th,
.redesign .table.table-bordered td {
    border: 1px solid var(--dark-100)!important;
}

.redesign .table tr,
.redesign .table th,
.redesign .table td {
    padding: 1rem 1.25rem;
}

.redesign .table.table-p-g tr,
.redesign .table.table-p-g th,
.redesign .table.table-p-g td {
    padding-top: var(--bs-gutter-y);
    padding-bottom: var(--bs-gutter-y);
    padding-left: var(--bs-gutter-x);
    padding-right: var(--bs-gutter-x);
}

.redesign .table.text-truncate th,
.redesign .table.text-truncate td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.redesign .table.table-divided tbody tr:last-child td {
    padding-bottom: 2rem;
    border-bottom: 2px solid var(--dark-100)!important;
}

.redesign .table.table-divided tfoot tr:first-child th {
    border-top: 2rem solid transparent!important;
}

.redesign .dataTables_length label {
    padding-left: 0!important;
}

.redesign .page-item.active .page-link {
    color: var(--dark-900);
    background-color: var(--dark-50);
}

.redesign .page-item:not(.active) .page-link:hover,
.redesign .page-item:not(.active) .page-link:focus {
    border: 2px solid var(--primary-50);
    background-color: initial;
    color: initial;
}

/*CALENDAR*/
.redesign .calendar-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.redesign .dashboard-calendar .calendar-panel .vis-timeline {
    visibility: visible!important;
}

/*FORM CHECKBOXES*/
.redesign .form-check {
    margin-bottom: auto !important;
}

.redesign .form-check.mb-0 {
    margin-bottom: 0 !important;
}

.redesign .form-check:not(.form-switch) .form-check-input {
    width: 19px;
    height: 19px;
    margin-top: inherit!important;
}

.redesign .form-check:not(.form-switch) .form-check-input.mt-2 {
    margin-top: 0.5rem!important;
}

.redesign .form-check .form-check-input:active {
    filter: none!important;
}

.redesign .form-check .form-check-label {
    padding-left: 0.5rem!important;
}

.redesign .form-check .form-check-input {
    border: 1px solid var(--dark-200);
    background-color: inherit!important;
}

.redesign .form-check .form-check-input.mt-0 {
    margin-top: 0!important;
}

.redesign .form-check .form-check-input.form-check-input-dark-50:not(:checked) {
    background-color: var(--Dark-50, #F6F7F8)!important;
}

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

/*ACTION MENU ITEMS*/
.redesign .menu-dark-900 .menu-item .menu-link {
    color: var(--dark-900) !important;
}

.redesign .menu-item .menu-link:hover {
    background-color: var(--primary-50-50);
}

.redesign .menu.menu-bordered {
    border: 1px solid var(--primary-50);
}

/*FORM-CONTROLS FORM-SELECT*/
.redesign .form-control.form-control-bordered,
.redesign .form-select.form-select-bordered {
    border: 1px solid var(--dark-200);
}

.redesign .form-select.form-select-bordered.border-primary-50 {
    border-color: var(--primary-50)!important;
}

.redesign .form-control:not(:disabled,:read-only):focus,
.redesign .form-select:focus {
    border-color: var(--primary-300);
    box-shadow: 0px 0px 0px 2px #E6EBFB!important;
}

.redesign .form-control:disabled,
.redesign .form-control:not(.kt_datepicker,.kt_datepicker_from_today, [type=file]):read-only {
    background-color: var(--dark-50) !important;
    border-color: var(--dark-100) !important;
    opacity: 1;
    cursor: not-allowed;
}

.redesign .fv-plugins-bootstrap5-row-invalid .form-control.form-control-bordered,
.redesign .fv-plugins-bootstrap5-row-invalid .form-select.form-select-bordered {
    border: 1px solid var(--system-red-400);
}

.redesign input.time-indicator-left[type='time']::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    width: 2%;
    translate: -50px;
}

/* Chrome, Safari, Edge, Opera */
.redesign input.form-control.hide-arrows[type=number]::-webkit-outer-spin-button,
.redesign input.form-control.hide-arrows[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.redesign input.form-control.hide-arrows[type=number] {
    -moz-appearance: textfield;
}

/*CALENDAR*/
.redesign .flatpickr-day.selected {
    background-color: var(--primary-800)!important;
}

.redesign .flatpickr-day:hover:not(.selected),
.redesign .flatpickr-day:focus:not(.selected) {
    color: var(--dark-900);
    background-color: var(--primary-50-50);
}

.redesign .flatpickr-day.today {
    background-color: var(--dark-50);
}

/*DROPZONE*/
.redesign .dropzone.dz-drag-hover {
    border-color: var(--primary-800) !important;
}

/*DRAGGABLE*/
.redesign .draggable--over {
    border: 1px dashed var(--primary-300)!important;
    border-radius: 10px!important;
    background-color: var(--primary-50-50)!important;
}

.redesign .draggable-mirror {
    border: 1px dashed var(--primary-300) !important;
    border-radius: 10px;
}

/*DROPDOWNS*/
.redesign .select2-container .select2-selection:hover {
    background-color: var(--primary-50);
}

.redesign .select2-container .select2-dropdown .select2-results__option.select2-results__option--selected {
    background-color: var(--primary-50) !important;
    color: var(--primary-900) !important;
}

.redesign .select2-container .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    background-color: var(--primary-50-50);
    color: var(--dark-900);
}

.redesign .select2-container--focus .form-select-solid,
.redesign .select2-container--open .form-select-solid {
    background-color: var(--primary-50);
}

.redesign .form-select-solid,
.redesign .form-control-solid {
    background-color: var(--dark-50);
    font-size: 1.075rem;
}

.redesign .select2-selection__rendered,
.redesign .select2-selection__placeholder,
.redesign .form-group input.form-control::-webkit-input-placeholder,
.redesign .form-select textarea::-webkit-input-placeholder {
    color: var(--dark-700) !important;
}

.redesign .text-primary .select2-selection__rendered {
    color: var(--primary-800)!important;
}

.redesign .select2-container .select2-dropdown .select2-results__option,
.redesign .select2-container .select2-selection--multiple.form-select-sm .select2-selection__choice .select2-selection__choice__display {
    color: var(--dark-900);
    font-size: 1.075rem;
}

.redesign .select2-container .select2-selection--multiple.form-select-sm.fs-7 .select2-selection__choice .select2-selection__choice__display {
    color: var(--dark-900);
    font-size: 0.95rem !important;
}

.redesign .select2-container .select2-search--inline .select2-search__field {
    height: 22px;
}

.redesign .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    flex-direction: row-reverse;
    background-color: white;
    border: 1px solid var(--dark-100);
    margin-top: 0;
    margin-bottom: 0;
}

.redesign .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    color: var(--dark-400);
    width: 0.75rem;
    height: 0.75rem;
    transform: none;
    position: unset;
    margin-left: 0.5rem;
    margin-right: 0;
}

.redesign .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display {
    margin-left: 0;
}

.redesign .select2-container .select2-selection__clear:hover,
.redesign .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232147C7'%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") !important;
}

/*TABLE, CHART LOADERS*/
.redesign .widget-loader,
.redesign .chart-loader,
.redesign .table-nodata-overlay {
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.redesign .table-nodata-overlay {
    top: 130px;
}

.redesign .centered {
    top: -webkit-calc(50% + 25px);
    top: -moz-calc(50% + 25px);
    top: -o-calc(50% + 25px);
    left: -webkit-calc(50% - 50px);
    left: -moz-calc(50% - 50px);
    left: -o-calc(50% - 50px);
    position: absolute;
    margin-left: -20px;
}

/*DASHBOARD WIDGETS*/
.redesign .widget-actions {
    z-index: 100;
}

.redesign .widgets.view-mode .widget-actions {
    display: none;
}

.redesign .widgets.edit-mode .widget-actions {
    display: flex;
}

.redesign .widget-wrapper.widget-expanded {
    width: 100%;
    top: 80px;
    position: absolute;
    height: 100%!important;
    z-index: 11;
}

.redesign .widget-wrapper.widget-expanded .calendar-responsive,
.redesign .widget-wrapper.widget-expanded .table-responsive {
    height: 100% !important;
}

.redesign .widget-wrapper.draggable:not(.drag-shader) .drop-area.drop-active {
    border: 2px dashed #9EB1F1;
    border-radius: 0.475rem;
}

.redesign .widget-wrapper.draggable:not(.drag-shader) .drop-area.drop-active .drop-overlay.show {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: #F9FAFE;
    z-index: 101;
}

/* Tony Tarraf - 20/06/2025 - Commented below */
/*
.widget-wrapper.resizable:not(.drag-shader) {
    min-width: 50%;
}
*/

.widget-wrapper.resizable .card {
    border: 1px solid #6E8AEA;
}

.widget-wrapper.resizable .resizable-trigger-area {
    height: 100%;
    height: -moz-available; /* WebKit-based browsers will ignore this. */
    height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    height: fill-available;
    cursor: ew-resize;
    width: 20px;
    position: absolute;
    right: 0px;
}

.redesign .drag-shader {
    position: absolute;
    z-index: 102;
}

.redesign .widget-order-1 {
    order: 1;
}

.redesign .widget-order-2 {
    order: 2;
}

.redesign .widget-order-3 {
    order: 3;
}

.redesign .widget-order-4 {
    order: 4;
}

.redesign .widget-order-5 {
    order: 5;
}

.redesign .widget-order-6 {
    order: 6;
}

.redesign .widget-order-7 {
    order: 7;
}

.redesign .widget-order-8 {
    order: 8;
}

.redesign .widget-order-9 {
    order: 9;
}

.redesign .widget-order-10 {
    order: 10;
}

.redesign .widget-order-11 {
    order: 11;
}

.redesign .widget-order-12 {
    order: 12;
}

.redesign .widget-order-13 {
    order: 13;
}

.redesign .widget-order-14 {
    order: 14;
}

.redesign .widget-order-15 {
    order: 15;
}

.redesign .widget-order-16 {
    order: 16;
}

.redesign .widget-order-17 {
    order: 17;
}

.redesign .widget-order-18 {
    order: 18;
}

.redesign .widget-order-19 {
    order: 19;
}

.redesign .widget-order-20 {
    order: 20;
}

/*TOAST*/
.redesign .toast {
    background-color: white !important;
}

.redesign .toast .toast-message {
    font-size: 14px;
    font-weight: 600;
    color: var(--dark-900)!important;
}

.redesign #toast-container > .toast {
    width: 350px;
}

.redesign #toast-container > .toast.toast-error {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="23" height="23" rx="11.5" fill="white"/><rect x="0.5" y="0.5" width="23" height="23" rx="11.5" stroke="%23FF2525"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5303 8.53033C16.8232 8.23744 16.8232 7.76256 16.5303 7.46967C16.2374 7.17678 15.7626 7.17678 15.4697 7.46967L12 10.9393L8.53033 7.46967C8.23744 7.17678 7.76256 7.17678 7.46967 7.46967C7.17678 7.76256 7.17678 8.23744 7.46967 8.53033L10.9393 12L7.46967 15.4697C7.17678 15.7626 7.17678 16.2374 7.46967 16.5303C7.76256 16.8232 8.23744 16.8232 8.53033 16.5303L12 13.0607L15.4697 16.5303C15.7626 16.8232 16.2374 16.8232 16.5303 16.5303C16.8232 16.2374 16.8232 15.7626 16.5303 15.4697L13.0607 12L16.5303 8.53033Z" fill="%23FF2525"/></svg>') !important;
}

.redesign #toast-container > .toast.toast-success {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="23" height="23" rx="11.5" fill="white"/><rect x="0.5" y="0.5" width="23" height="23" rx="11.5" stroke="%2327A173"/><path d="M17.3334 8L10.0001 15.3333L6.66675 12" stroke="%2327A173" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}


.table-responsive.widget-container {
    height: 370px !important;
}