table.dataTable thead > tr {
    background: linear-gradient(to left, #6c635c, #a68d75) !important;
    color: #fff !important;
    font-weight: 400 !important;
}

    table.dataTable thead > tr > th {
        padding: 1rem 0 !important;
    }

.menu-item .menu-link {
    flex: 0 !important;
}

.dataTables_info {
    margin-right: 1rem !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar {
    background-color: #6c635c !important;
    background-image: url(../media/misc/MainMenuBackground.jpg);
    background-size: cover;
}

.app-blank {
    background-color: #d9d9d8 !important;
}

.dataTables_filter {
    display: none !important;
}

.btn-group-sm > .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    padding: calc(0.2rem + 1px) calc(0.5rem + 1px) !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
    left: 1.25rem;
    right: initial;
}

.btn-function {
    background-color: #9fa997 !important;
    border: solid 1px #ffffff !important;
}

    .btn-function i.bi {
        color: #ffffff !important;
    }

.btn.btn-primary {
    background-color: #9fa997 !important;
}

.page-link.active, .active > .page-link {
    z-index: 3;
    color: #ffffff !important;
    background-color: #9fa997 !important;
    border-color: #9fa997 !important;
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: #ffffff !important;
    background-color: #9fa997 !important;
    border-color: #9fa997 !important;
}

.modal-header {
    direction: ltr !important;
}

.app-wrapper {
    margin-top: 0px !important;
}

#toastr-container {
    top: 80px !important;
    right: 50% !important;
    left: 50% !important;
    width: 100% !important;
}
#map {
    height: 100%;
}
.modal-details {
    background-color: var(--bs-secondary)!important;
}

.text-justify {
    text-align: justify!important;
}

.btn.btn-npwo {
    background: linear-gradient(to left, #6c635c, #a68d75) !important;
    margin: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

    .btn.btn-npwo i, .btn.btn-npwo span {
        color: white !important;
    }

    .btn.btn-npwo.active {
        background:none!important;
        background-color: #ffffff !important;
    }

        .btn.btn-npwo.active i, .btn.btn-npwo.active span {
            color: #6c635c !important
        }

.card-npwo-details {
    border-top-right-radius:0px!important;
}
    .card-npwo-details i.bi {
        color: #6c635c !important
    }

.btn.btn-npwo.error {
    background: none !important;
    background-color: #f1416c !important;
}

    .btn.btn-npwo.error i, .btn.btn-npwo.error span {
        color: #ffffff !important;
    }

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.form-switch.form-check-solid .form-check-input {
    height: 2.25rem !important;
    width: 4.25rem !important;
    border-radius: 1.5rem !important;
}
.speed-search {
    font-size:12px!important
}
.speed-search:hover {
    color: #3e97ff !important;
}

.btn-check:checked + .btn {
    color: #ffffff !important;
}


.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered {
    direction: ltr!important;
}
.select2-container--bootstrap5 .select2-selection__clear {
    left: 3rem !important;
    right: auto;
}
.w-90 {
    width: 90% !important;
}

/* Ensure the form width is 300px on small screens */
@media (max-width: 768px) {
    .w-sm-300 {
        min-width: 300px !important;
    }
}