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


.text-left {
    text-align: left !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;
}

.bg-soft-purple {
    background-color: #FFEDE9;
    color: #673be9 !important;
}

.bg-soft-yellow {
    background-color: #FFEDE9;
    color: #ffff00 !important;
}

.projectwidth {
    min-width: 340px !important;
}

.avatar-list-stacked.avatar-group-sm .avatar {
    width: 3rem !important;
    height: 3rem !important;
}

.pages-editor {
    height: 100px;
    width: 100%;
}

.bg-light {
    background-color: #F2F2F2 !important;
}

.thead-color {
    background-color: #8C8C8C !important;
}

.timeline1 {
    position: relative;
    list-style: none;
    max-width: 900px;
    margin: 0 auto;
    padding: 20px 0 20px;
}

.timeline1 > li {
    position: relative;
    margin-bottom: 20px;
}

.timeline1 > li > .timeline-badge {
    z-index: 1;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    text-align: center;
    font-size: 1.4em;
    line-height: 50px;
    color: #ffffff;
    overflow: hidden;
    border-radius: 50%;
    position: absolute;
    top: 16px;
    left: 50%;
}

.timeline1 > li > .timeline-panel {
    float: left;
    position: relative;
    width: 46%;
    padding: 20px;
    border: 1px solid #7A8086;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
}

.timeline1:before {
    content: " ";
    position: absolute;
    width: 3px;
    margin-left: -1.5px;
    background-color: #A6AAAF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
}

.timeline1 > li.timeline-inverted > .timeline-panel {
    float: right;
}

.timeline1 > li::before, .timeline1 > li::after {
    content: " ";
    display: table;
}

.timeline1 > li:after {
    clear: both;
}

.flatpickr-time1 {
    cursor: pointer;
    height: 38px !important;
    width: 120px;
}

.badge1 {
    margin: 5px !important;
    border-radius: 5px;
    padding: 0.625rem 1.25rem;
    padding: 0.4rem 0.85rem;
    font-size: 0.85rem;
    transition: all 0.5s;
    font-weight: 600;
}

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

.sidebar .sidebar-menu > ul > li.submenu-open ul > li.active a, .settings-sidebar .sidebar-menu > ul > li.submenu-open ul > li.active a {
    background: rgba(9, 132, 227, 0.08) !important; 
}