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

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

    .div_footer_x {
        z-index: 3 !important;
        bottom: 0;
    }
    [data-header-position="fixed"] .content-body {
        padding-top: 4rem;
    }

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

    ._poweredby {
        display: none !important;
    }

    .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 {
                    background: var(--secondary-color);
                    height: 50px;
                    width: 50px;
                    border-radius: 50%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-top: -50px;
                    visibility: hidden;
                }

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

                .div_footer_x > .div_footer_x_overlay .footer_icons li > a > i {
                    color: #1c1c1c;
                    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: #f0f0f0;
        border-radius: 8px;
    }

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

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

    ._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: 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-family: 'Roboto';
        font-size: 15px;
        letter-spacing: .4px;
    }

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

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

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


    .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: url(https://media.istockphoto.com/id/1139397586/vector/abstract-background.jpg?s=612x612&w=0&k=20&c=_5e5aIftqcC1toShclOkhV0S5RoXE42ZEa1BQ9Ri024=);*/
        background-size: cover;
        background-blend-mode: multiply;
        background-color: transparent;
        background-position: top;
    }

    .div_wrapper {
        background-color: #fff;
    }

    .cls_icon_one > li:nth-child(2) {
        /*background-image: url(https://img.freepik.com/free-vector/gradient-blue-abstract-technology-background_23-2149213765.jpg?semt=ais_hybrid);*/
        color: #fff;
        border-radius: 3px;
        margin: 5px;
        background-size: cover;
        background-blend-mode: multiply;
        background-color: transparent;
        background-position: top;
    }

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