:root {
    --secondary01: rgba(var(--secondary-rgb), 0.1);
    --secondary08: rgba(var(--secondary-rgb), 0.8);
}

a, [onclick] {
    cursor: pointer!important;
}

.home_theme {
    background: url(../../assets/images/media/port_harcourt.webp);
    background-color: #005c8d;
    background-blend-mode: color-burn;
    background-repeat: no-repeat;
    background-size: cover;
}

.admin_dash_cards {
    margin-top: -20px;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    /* z-index: -1; */
}

.admin_dash_cards td {
    padding: auto 0!important;
}

.admin_dash_cards td:last-child {
    text-align: end!important;
}

#preloader {
    /* padding: 20%; */
    margin: 0;
    width: 100%;
    height: 100vh;
    top: 0%;
    left: 0%;
    text-align: center;
    color: #000;
    border: 0px solid #aaa;
    background-color: #fff;
    cursor: wait;
    align-items: center;
    justify-content: center;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 3000!important;
    position: relative!important;
    background-image: url(../../assets/images/media/splash_screen.webp);
}

.default_page {
    min-height: calc(100vh - 155px)!important;
}

.default_page .spinner-border {
    height: 4rem!important;
    width: 4rem!important;
}

.indicator-progress {
    display: none;
}

/* TOASTR */
.toastr.toastr-success, .toastr.toastr-error, .toastr.toastr-info {
    opacity: 1 !important;
    background-color: var(--white) !important;
    /* font-weight: 800 !important; */
    padding-left: 74.25px !important;
}

#toastr-container > .toastr-success, #toastr-container > .toastr-error, #toastr-container > .toastr-info {
    background-image: url(/assets/images/media/main_logo.png) !important;
    background-size: 40px !important;
}

.toastr.toastr-success {
    color: var(--success-rgb) !important;
}

.toastr.toastr-error {
    color: var(--danger-rgb) !important;
}

.toastr.toastr-info {
    color: var(--info-rgb) !important;
}

.toastr.toastr-success .toastr-message, .toastr.toastr-error .toastr-message, .toastr.toastr-info .toastr-message {
    color: #94a3b8 !important;
    margin-top: 0px !important;
}

.toastr.toastr-success .toastr-title, .toastr.toastr-error .toastr-title, .toastr.toastr-info .toastr-title {
    font-size: 16px !important;
    font-weight: 900 !important;
}

.toastr-close-button {
    background-color: #94a3b8 !important;
}

/* END TOASTR */

/* START DATATABLE */

.dataTables_wrapper {
    display: flex!important;
    flex-wrap: wrap!important;
}

.dataTables_filter {
    /* display: flex!important; */
    margin-left: auto!important;
}

.dataTables_paginate {
    margin-left: auto!important;
}

/* .dt-buttons.btn-group {
    margin-bottom: 30px!important;
} */

/* .dataTable {
    margin: 1rem 0!important;
} */

/* END DATATABLE */

.pagination {
    --bs-pagination-padding-x: 0.5rem!important;
    --bs-pagination-padding-y: 0.25rem!important;
    --bs-pagination-font-size: 0.875rem!important;
    --bs-pagination-border-radius: var(--bs-border-radius-sm)!important;
}

.page-item.active .page-link, .dt-buttons .dt-button {
    background: linear-gradient(to right, rgb(var(--secondary-rgb)) 0, #6789d8 100%) !important;
    /* border: 0!important; */
}

/* .accordion-button:not(.collapsed) {
    background: linear-gradient(to right,rgb(var(--secondary-rgb)) 0,#6789d8 100%)!important;
} */

.tab-style-3 .nav-item .nav-link.active {
    color: rgb(var(--secondary-rgb))!important;
}

.tab-style-3 .nav-item .nav-link.active:before {
    border-color: rgb(var(--secondary-rgb))!important;
    color: rgb(var(--secondary-rgb))!important;
    background-color: rgb(var(--secondary-rgb))!important;
    height: 0.15rem!important;
    border-radius: 0%!important;
}

.tab-style-3 .nav-item .nav-link.active:after {
    border-color: rgb(var(--secondary-rgb))!important;
    color: rgb(var(--secondary-rgb))!important;
}

.pricing-offer .pricing-offer-details {
    height: 3rem!important;
    width: 4.5rem!important;
}

.bx-rotate-335 {
    transform: rotate(335deg)!important;
}

.upld {
    display: none!important;
}

.upld.uploaded {
    display: flex!important;
}

.actve .dropzone.dz-clickable {
    border: 1px solid rgb(var(--success-rgb)) !important;
}

.mails-information .mail-attachment .attachment-name {
    max-width: 10rem!important;
}

.mails-information .mail-attachment {
    /* width: 15rem!important; */
    min-height: 3.75rem;
}

.mails-information {
    display: block!important;
}

.step {
    display: none;
}

.step.active {
    display: flex;
}

/* DROPZONE */
.dropzone {
    height: 2.75rem!important;
    border: 1px solid var(--default-border)!important;
    border-radius: .5rem!important;
    display: flex!important;
    align-items: center!important;
    min-height: 4.75rem!important;
}

.dropzone .dz-preview .dz-remove {
    position: relative!important;
    font-size: 8px!important;
    margin-top: 5px!important;
}

.dropzone .dz-preview .dz-progress {
    height: 7px!important;
    position: static!important;
    border: 1px solid rgb(240 241 247)!important;
    background: rgb(240 241 247)!important;
}

.dropzone .dz-preview .dz-details {
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: center!important;
    height: 100%!important;
    font-size: 14px!important;
    line-height: 10px!important;
    z-index: 0!important;
    padding: 1.15rem!important;
}

.dropzone .dz-preview {
    margin: 0 auto!important;
    min-height: auto!important;
    height: auto!important;
}

.dropzone .dz-preview .dz-details .dz-filename {
    margin-top: 0!important;
    font-size: 8px!important;
    white-space: normal!important;
    text-wrap: nowrap!important;
}

.dropzone .dz-preview .dz-image {
    background: rgba(var(--secondary-rgb),0.3)!important;
    display: none!important;
}

.dropzone .dz-preview .dz-details .dz-size {
    font-size: 8px!important;
    margin-bottom: 0!important;
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: linear-gradient(to right,rgb(var(--secondary-rgb)) 0,#6789d8 100%)!important;
}

/* PREVIOUS VERSION OF DROPZONE */
/* THE ABOVE LINES OF DROPZONE CODES ARE AN UPDATED VERSION OF THE LINES OF CODES BELOW. TO USE EITHER OF THEM, COMMENT THE OTHER OUT */

/* .dropzone .dz-preview .dz-remove {
    font-size: 10px!important;
}

.dropzone .dz-preview .dz-progress {
    height: 10px!important;
}

.dropzone .dz-preview .dz-details {
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: center!important;
    height: 100%!important;
    font-size: 14px!important;
}

.dropzone .dz-preview .dz-details .dz-filename {
    margin-top: auto!important;
    font-size: 11px!important;
    white-space: normal!important;
}

.dropzone .dz-preview .dz-image {
    background: rgba(var(--secondary-rgb),0.3)!important;
}

.dropzone .dz-preview .dz-details .dz-size {
    font-size: 12px!important;
} */

/* DROPZONE */

.apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value {
    fill: revert-layer!important;
}

/* START FLATPICKR */
.flatpickr-day.today:hover {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: #fff !important;
}

span.flatpickr-weekday {
    color: var(--secondary08) !important;
    font-weight: 700 !important;
}

.flatpickr-months, .flatpickr-weekdays {
    background-color: var(--secondary01) !important;
}

.flatpickr-months .flatpickr-month {
    color: var(--secondary-color) !important;
    fill: var(--secondary-color) !important;
}

.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: rgb(35 183 229) !important;
    color: #fff !important;
    border-color: rgb(35 183 229) !important;
}
/* END FLATPICKR */

.slide-menu.child1.collapse {
    display: none!important;
    /* translate: 0 100%!important; */
}

.slide-menu.child1.collapse.show {
    display: block!important;
    transition: all 300ms ease;
    transform: translateX(0rem);
}

.disabled {
    cursor: not-allowed!important;
}

.apexcharts-legend-marker {
    height: 9px!important;
    width: 9px!important;
}

#calendar2 {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    height: calc(100vh - 155px)!important;
}