:root {
    --primary-color: #3E5E9B;
    --tertiary-bg: #F4F7FC;
    --dark: #00236B;
    --app-bg: #3E5E9B;
}

@media only screen and (max-width:767px) {

    .div_footer_x {
        z-index: 3 !important;
        bottom: 0;
    }
    [data-sidebar-position="fixed"][data-layout="vertical"] .menu-toggle .dlabnav {
        z-index: 9999;
        background-color: #fff;
        margin-top: 25px;
    }


    .dlabnav .metismenu ul {
        padding: 0 0 1rem 2rem;
    }

    [data-header-position="fixed"] .content-body {
        padding-top: 4rem;
    }

    #main-wrapper .content-body .invoice-card-row {
        padding: 0;
        margin: 0;
    }

    #main-wrapper .mainpage .nav-header .brand-logo {
        left: 35%;
        background-color: transparent !important;
    }

    .header-right .nav-item a#lnk_favIcon {
        display: none;
    }

    .header-right .nav-item.notification_dropdown .header_shareIcon {
        padding: 7px;
        background-color: var(--dark);
        border-radius: 50px;
        height: 38px;
        width: 38px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
    }

        .header-right .nav-item.notification_dropdown .header_shareIcon i {
            font-size: 16px;
        }

    ._poweredby {
        display: none !important;
    }

    .div_footer_x > .div_footer_x_overlay {
        background-color: #fff;
        padding: 0 20px;
        width: 100%;
        border-radius: 0;
        margin: 0;
        bottom: 0;
    }

        .div_footer_x > .div_footer_x_overlay .footer_icons li {
            display: flex;
            flex-direction: column;
            align-items: center;
            color: #000;
            justify-content: center;
        }

            .div_footer_x > .div_footer_x_overlay .footer_icons li.toggle2 .hamburger .line {
                background-color: #000 !important;
            }

            .div_footer_x > .div_footer_x_overlay .footer_icons li > a {
                padding: 0;
            }


                .div_footer_x > .div_footer_x_overlay .footer_icons li > a > i {
                    color: var(--primary-color);
                    font-size: 18px;
                }


    .searchbox_div {
        background-color: transparent;
    }

        .searchbox_div input {
            padding: 13px;
            font-size: 14px;
            border-radius: 5px;
            border: 1px solid #7c42f5
        }

    .heart {
        margin: 0;
    }

    .cls_logoutbtn1 a {
        display: none;
    }

    .header-right > li:not(:first-child) {
        padding-left: 16px;
    }

    .header-right .notification_dropdown .nav-link {
        padding: 7px;
        background-color: var(--dark);
        border-radius: 50px;
    }

        .header-right .notification_dropdown .nav-link span {
            background-color: var(--primary-color) !important;
        }

        .header-right .notification_dropdown .nav-link svg path {
            fill: #fff;
        }

    ._Login_Div {
        z-index: 9999;
    }

    [data-sidebar-position="fixed"][data-layout="vertical"] .menu-toggle .dlabnav {
        z-index: 9999;
    }

    .navbar-expand .navbar-collapse {
        justify-content: end !important;
    }

    #div_login_user input[type="button"] {
        background: var(--primary-color) !important;
    }

    .chatbox .custom-tab-1 .tab-content .tab-pane .card .card-header a {
        background-color: transparent;
    }

    .chatbox .custom-tab-1 .tab-content .tab-pane .card .card-header h6 {
        color: #fff;
        font-size: 15px;
        font-family: 'Poppins';
        letter-spacing: .6px;
    }

    .chatbox .card {
        background-color: var(--tertiary-bg);
    }

    .chatbox .custom-tab-1 .tab-content .tab-pane .card .card-header {
        padding: 15px 0 9px !important;
        border: none;
        background-color: var(--primary-color);
        color: white;
    }

    .chatbox .custom-tab-1 .tab-content .tab-pane .card hr {
        margin: 0;
    }

    .chatbox .custom-tab-1 .tab-content .tab-pane .card .contacts li:nth-child(even) {
        background-color: var(--tertiary-bg);
    }

    .chatbox .custom-tab-1 .tab-content .tab-pane .card .contacts li:nth-child(odd) {
        background-color: #fff;
    }

    .chatbox .custom-tab-1 .tab-content .tab-pane .card .contacts li {
        transition: all .3s ease-in;
    }

        .chatbox .custom-tab-1 .tab-content .tab-pane .card .contacts li:hover {
            border-left: 1px solid var(--primary-color);
            transition: all .3s ease-in;
        }

    .dlabnav .dlabnav-scroll {
        background-color: #f9f9f9;
        padding: 10px 0;
    }

        .dlabnav .dlabnav-scroll ul li.header-profile a[data-bs-toggle="dropdown"] {
            border: 1px solid #7c2cd6;
        }

        .dlabnav .dlabnav-scroll ul li.dropdown {
            background-image: linear-gradient(to right, #25365f, #3E5E9B);
            padding: 25px 0;
        }

            .dlabnav .dlabnav-scroll ul li.dropdown .header-info {
                color: #fff;
            }

                .dlabnav .dlabnav-scroll ul li.dropdown .header-info span {
                    color: #fff;
                }

    .dlabnav .metismenu {
        padding: 0;
    }

    .dlabnav .dlabnav-scroll {
        padding: 0;
    }

        .dlabnav .dlabnav-scroll ul li.dropdown a {
            border: none !important;
        }


    [data-sibebarbg="color_1"] .dlabnav .metismenu > li > a {
        color: #0c0c0c !important;
        padding: 10px 15px 10px 10px;
        position: relative;
    }

        [data-sibebarbg="color_1"] .dlabnav .metismenu > li > a::after {
            content: '>';
            position: absolute;
            right: 20px;
            top: 10px;
            color: #4f4f4f;
            transform: none;
        }

    [data-sibebarbg="color_1"] .dlabnav .metismenu > li.mm-active > a::after {
        transform: rotate(95deg);
        right: 0px;
        top: 25px;
    }

    [data-sibebarbg="color_1"] .dlabnav .metismenu > li:nth-child(1) a::after {
        content: none;
    }

    [data-sibebarbg="color_1"] .dlabnav .metismenu > li:nth-last-child(-n+1) a::after {
        content: none;
    }

    [data-sibebarbg="color_1"] .dlabnav .metismenu > li ul.mm-collapse li a {
        color: #0c0c0c !important;
    }

    .dlabnav .header-profile {
        margin-bottom: 10px;
    }

    [data-sibebarbg="color_1"] .dlabnav .metismenu > li ul.mm-collapse li a i {
        background-color: #0c0c0c !important;
    }

    [data-sidebar-style="overlay"] .dlabnav .metismenu > li {
        padding: 0 10px;
        border-bottom: 1px solid #e3e3e3;
    }

    [data-sibebarbg="color_1"] .dlabnav .metismenu > li > a > i {
        color: var(--primary-color) !important;
        background-color: #E9EAEE;
        padding: 5px;
        border-radius: 50px;
        display: inline-block;
        height: 35px;
        width: 35px;
    }

    [data-sibebarbg="color_1"] .dlabnav .metismenu > li a.btn {
        background-color: var(--primary-color) !important;
        margin-top: 20px;
        border: none;
        color: #fff !important;
    }

        [data-sibebarbg="color_1"] .dlabnav .metismenu > li a.btn i {
            color: #fff !important;
        }



    .cls_bg_new p {
        display: none;
    }

    .photo-shap-a {
        display: none;
    }

    .cls_icon-bg {
        display: block !important;
        width: 100% !important;
        background-color: #F4F9FF;
    }

    .cls_icon_one > li:nth-child(1) span::before {
        content: 'E-Wallet Balance';
        font-family: poppins;
        font-size: 13px;
        letter-spacing: .4px;
        color: #000;
        font-weight: 600;
    }

    .cls_icon_one > li:nth-child(1) span {
        display: inline-grid;
        font-size: 20px;
        font-weight: 500;
        text-align: left;
        color: #2b2b2b;
    }

    .cls_icon_one > li:nth-child(2) span::before {
        content: 'A-Wallet Balance';
        font-family: poppins;
        font-size: 13px;
        letter-spacing: .4px;
        color: #000;
        font-weight: 600;
    }

    .cls_icon_one > li:nth-child(2) span {
        display: inline-grid;
        font-size: 20px;
        font-weight: 500;
        text-align: left;
        color: #2b2b2b;
    }


    .cls_icon_one > li {
        padding: 15px 30px 40px;
        display: inline;
    }

    #baner-shap {
        display: none;
    }

    /* .navigation, .photo-shap {
        display: none !important;
    }*/

    .cls_icon_one > li:nth-child(1) {
        color: #fff;
        border-radius: 10px;
        margin: 5px;
        background-size: cover;
        background-blend-mode: multiply;
        background-color: #fff;
        background-position: top;
        padding: 10px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    }

    .div_wrapper {
        background-color: #fff;
    }

    .cls_icon_one > li:nth-child(2) {
        color: #fff;
        border-radius: 10px;
        margin: 5px;
        background-size: cover;
        background-blend-mode: multiply;
        background-color: #fff;
        background-position: top;
        padding: 10px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    }

    .cls_icon_one {
        margin: 20px 0 27px;
    }
}