:root {
    --primary-color: #7c2cd6;
}

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

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

    .div_footer_x {
        z-index: 3 !important;
        bottom: 0;
    }

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

    .div_footer_x > .div_footer_x_overlay {
        background-color: #fff;
        padding: 0 30px;
        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.qrcode {
                }

                .div_footer_x > .div_footer_x_overlay .footer_icons li > a > i {
                    color: #000;
                }

    .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: var(--primary-color);
        font-size: 15px;
        font-family: 'Poppins';
        letter-spacing: .6px;
    }

    .chatbox .custom-tab-1 .tab-content .tab-pane .card .card-header {
        padding: 0;
        border: none;
    }

    .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.header-profile a[data-bs-toggle="dropdown"] .header-info span {
                color: #0c0c0c !important;
            }

                .dlabnav .dlabnav-scroll ul li.header-profile a[data-bs-toggle="dropdown"] .header-info span b {
                    color: #0c0c0c !important;
                }

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

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

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

    [data-sibebarbg="color_1"] .dlabnav .metismenu > li > a > i {
        color: var(--primary-color) !important;
    }

    [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 {
        display: block;
        margin-top: -22px;
    }

        .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-size: 15px;
    }

    .cls_icon_one > li:nth-child(1) span {
        display: inline-grid;
        font-size: 18px;
        font-weight: 600;
    }

    .cls_icon_one > li:nth-child(2) span::before {
        content: 'A-Wallet Balance';
        font-size: 15px;
    }

    .cls_icon_one > li:nth-child(2) span {
        display: inline-grid;
        font-size: 18px;
        font-weight: 600;
    }


    .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: 3px;
        margin: 5px;
        background-image: linear-gradient(to top, #f43b47 0%, #6101ac 100%);
    }

    .div_wrapper {
        background-color: #fff;
    }

    .cls_icon_one > li:nth-child(2) {
        color: #fff;
        border-radius: 3px;
        margin: 5px;
        background-image: linear-gradient(-20deg, #6e45e2 0%, #6a4d8b 100%);
    }

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