@media (max-width: 991.96px) {
    [data-color=magenta] .header .mobile_btn {
        color: #0984E3;
    }

    [data-color=magenta] .bar-icon span {
        background-color: #0984E3;
    }
}

[data-color=magenta] .header .mobile-user-menu a {
    color: #0984E3;
}


.user-menu {
    -webkit-justify-content: right;
}
.dataTables_filter {
    display: none;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 40px;
    display: inline-flex;
}
.dt-buttons {
    display: none;
}
/*
.card .card-header {
    padding: 0.1rem 1.25rem 0.1rem;
}*/

.custom_radio.active input ~ .checkmark {
    background-color: #0984e3 !important;
}

.fw-medium {
    margin-bottom: 4px !important;
}

.accordion-button:after {
    font-family: "Font Awesome 5 Free" !important;
}

.accordion-body {
    color: #000000;
}

.add-newplus span {    
    color: #0984e3 !important;
}

.add-newplus .plus-down-add {
    color: #0984e3 !important;
}

.bg-dark1 {
    background-color: #0984e3 !important;
    color: #ffffff;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: #000000;
}

.text-danger h4, .text-danger p, .text-danger span, .text-danger label, .text-danger h5, .text-danger table thead tr th, .text-danger td {
    color: red !important;
}

.text-danger .badge {
    color: #ffffff !important;
}

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

.text-danger page-title > h4 {
    color: red !important;
}


.row.equal-height {
    display: flex;
    flex-wrap: wrap;
}

    .row.equal-height > .col-6 {
        /* make both columns stretch to same height */
        display: flex;
        flex-direction: column;
    }

        .row.equal-height > .col-6 .picture-container {
            /* let image container grow to fill col height */
            flex: 1;
            overflow: hidden;
        }

            .row.equal-height > .col-6 .picture-container img {
                width: 100%;
                max-height: 350px; /* or whatever height you want */
                object-fit: contain;
            }

.daterangepicker .ranges li.active {
    background-color: #0984e3 !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background: #0984e3 !important;
}

.amt-color {
    border: 1px solid;
    background-color: #78ae54;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 120px;
    width: 150px;
    color: #ffffff;
    text-align: right !important;
}

.color-change {
    background-color: #f5f5f3 !important;
    color: #000000 !important;
    font-weight: bold !important;
}

.color-change2 {
    background-color: #f5f5f5 !important;
    color: #000000 !important;
    font-weight: bold !important;
    padding: 5px;
}

.SubGroupHdr {
    padding-left: 30px !important;
    font-style: italic;
    font-size: 1.5rem;
}

.GroupHdr {
    padding-left: 5px !important;
    font-weight: bold;
    font-size: 1.5rem;
}

.rptcenter {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sidebar .sidebar-menu .submenu-open .submenu ul li a:hover:after, .settings-sidebar .sidebar-menu .submenu-open .submenu ul li a:hover:after {
    background: #0984e3;
    border: 2px solid #0984e3;
}

.bg-red {
    background-color: #E04F16 !important;
    border: 1px solid #E04F16 !important;
}

.bg-lavendar {
    background-color: #6C5CE7 !important;
    border: 1px solid #6C5CE7 !important;
}

.bg-orange {
    background-color: #FE9F43 !important;
    border: 1px solid #FE9F43 !important;
}

.bg-lightblue {
    background-color: #0085bb !important;
    border: 1px solid #0085bb !important;
}

.bg-lightviolet {
    background-color: #a57ad0 !important;
    border: 1px solid #a57ad0 !important;
}

.bg-lightestblue {
    background-color: #5a7ba9 !important;
    border: 1px solid #5a7ba9 !important;
}

.bg-lightorange {
    background-color: #ff6366 !important;
    border: 1px solid #ff6366 !important;
}

.bg-pink {
    background-color: #80015c !important;
    border: 1px solid #80015c !important;
}

.bg-darkblue {
    background-color: #00b5bd !important;
    border: 1px solid #00b5bd !important;
}

.bg-yellow {
    background-color: #002d4b !important;
    border: 1px solid #002d4b !important;
}

.dash-widget .dash-widgetcontent h6 {
    color: #ffffff;
}

.dash-widget .dash-widgetcontent h5 {
    color: #ffffff;
}

.DashboardMonth {
    border: solid 1px #0249ce;
    text-align: center;
    font-size: 15px;
}


.table-responsive::-webkit-scrollbar {
    height: 8px;
}