@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;
}

.desktop-only {
    display: none;
}

@media (min-width: 768px) {
    .desktop-only {
        display: block;
    }
}

@media (max-width: 574.98px) {
    .page-header .page-btn {
        margin-bottom: 10px;
    }
}

@media (max-width: 574.98px) {
    .custrec {
        margin-top: 20px;
        height: 66px !important;
    }
}

@media (max-width: 574.98px) {
    .Custadd {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 574.98px) {
    .Custacc {
        margin-top: 0px !important;
    }
}

@media (max-width: 574.98px) {
    .Custaccprint {
        padding-top: 0px !important;
    }
}

@media (max-width: 574.98px) {
    .table-top-head {
        display: flex;
        align-items: start;
        -webkit-box-align: start;
        -webkit-justify-content: start;
    }
}

@media (max-width: 768px) {

    .timeline::before {
        left: 10px;
    }

    .timeline li .timeline-panel,
    .timeline li.timeline-inverted .timeline-panel {
        width: 90%;
        float: none;
        margin-left: 22px;
    }

    .timeline-badge {
        left: 20px;
        display: none;
        transform: none;
    }
}

@media (max-width: 574.98px) {
    .Custacclogo {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 574.98px) {
    .tl1 {
        text-align: left !important;
    }
}

@media (max-width: 574.98px) {
    .tc1 {
        text-align: center !important;
    }
}

@media (max-width: 574.98px) {
    .tp1 {
        padding-bottom: 120px !important;
    }
}