:root {
    --four-design-bg-first: #313a46;
    --four-design-text-color: #313a46;
    --fullbodybg-four: #727cf5;
    --fourdesign-box-back: #f2f3f6;
}
.fourthdesign-retailer-allnone .fullbodydycolorbg, .fourthdesign-retailer-allnone .fullbody-four-design {
    background: var( --fullbodybg-four) !important;
}



.fourthdesign-retailer-allnone .fourthdesign-retailer, .fourthdesign-retailer-allnone .content.my-dashboard {
    display: none;
}
.fourthdesign-retailer-allnone .my-dashboard-all-page {
    display: none;
}


.new-retailer-design {
    display: none !important;
}

.fourthdesign-retailer-allnone .new-retailer-design {
    display: block !important;
}

.wrapper-retailer {
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.leftside-menu-retailer {
    background: var(--four-design-bg-first);
    width: 210px;
    z-index: 10;
    bottom: 0;
    position: fixed;
    top: 0;
    padding-top: 70px;
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);transition:all .4s linear;
}
    .leftside-menu-retailer a.four-logo-retailer {
        margin: 0;
        position: fixed;
        top: 0;
        width: 210px;
    }
        .leftside-menu-retailer a.four-logo-retailer img {
            margin: 0;
        }
.leftside-menu-retailer a.four-logo-retailer img {
    width: 130px;
    text-align: center;
    margin: 0px auto;
    display: block;
    padding-top: 6px;
}
.simplebar-content-retailer a {
    display: block;
    padding: 10px 20px;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
    list-style: none;
    font-family: 'Nunito', sans-serif;color:#fff;
}
.simplebar-content-retailer a i {
    display: inline-block;color:#fff;
    line-height: 1.0625rem;
    margin: 0 8px 0 0;
    font-size: 16px;
    vertical-align: middle;
}
.simplebar-content-retailer a span {
    color: #fff;
    vertical-align: middle;
    font-size: 16px;
}
.simplebar-content-retailer a.collapsed i, .simplebar-content-retailer a.collapsed span {
    color: #8391a2 !important;
}
.simplebar-content-retailer a .arrow-retailer i {
    margin: 0;
    font-size: 18px;
}
.simplebar-content-retailer a .arrow-retailer {
    
    position: absolute;
    right: 20px;
    display: inline-block;
    font-family: 'Material Design Icons';
    text-rendering: auto;
    line-height: 1.5rem;
    font-size: 1.1rem;
    
}
.simplebar-content-retailer a[aria-expanded="false"], .simplebar-content-retailer a[aria-expanded="false"] span, .simplebar-content-retailer a[aria-expanded="false"] i {
    color: #8391a2 !important;
}
.simplebar-content-retailer a[aria-expanded="true"], .simplebar-content-retailer a[aria-expanded="true"] span, .simplebar-content-retailer a[aria-expanded="true"] i {
    color: #fff !important;
}
.simplebar-content-retailer a[aria-expanded="true"] span.arrow-retailer i {
    transform: rotate(90deg);
  
    position: relative;
    top: 3px;
}
    .simplebar-content-retailer a span.arrow-retailer i {
        -webkit-transition: -webkit-transform .15s;
        transition: -webkit-transform .15s;
        transition: transform .15s;
        transition: transform .15s,-webkit-transform .15s;
    }
.four-submenu-retailer ul li a {
    padding-left: 46px;
    color: #8391a2;
}
.four-submenu-retailer ul li a:hover {
    color: #bccee4;
}
.simplebar-offset-retailer {
    position: absolute;
    top: 70px;
    left: 0;
    bottom: 0;
    right: 0;
}
.simplebar-content-wrapper-ret {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    overflow: auto;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none;
}
.content-page-four-design {
    margin-left: 210px;
    overflow: hidden;
    padding: 0;
}
.header-fourdesign-re {
    width: 100%;
    float: left;
    background: #fff;
    box-shadow: 0 0px 35px 0 rgba(154,161,171,.15);
    padding: 0px 20px;
}
.header-fourdesign-re button {
    font-family: 'Nunito', sans-serif;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
}
    .header-fourdesign-re button span {
        background: var(--four-design-bg-first);
        width: 24px;
        height: 2px;
        display: block;
        margin-bottom: 4px;
    }
.new-retailer-design-show .leftside-menu-retailer {
    width: 70px;
}
.new-retailer-design-show .simplebar-content-retailer ul li a span {
    display: none;
}
.new-retailer-design-show .simplebar-content-retailer ul li:hover a {
    width: 260px;
    position: relative;
    background: var(--fullbodybg-four);
    color: #fff !important;
}
    .new-retailer-design-show .simplebar-content-retailer ul li:hover a[aria-expanded="false"] {
        color: #fff !important;
    }
    .new-retailer-design-show .simplebar-content-retailer ul li:hover a span {
        display: inline-block;
    }
.new-retailer-design-show .simplebar-content-wrapper-ret {
    overflow: visible;
}
.new-retailer-design-show .leftside-menu-retailer *, .leftside-menu-retailer *, .content-page-four-design {
    transition: all .4s linear;
}
.new-retailer-design-show .simplebar-content-retailer ul li:hover .collapse{display:block;}
.new-retailer-design-show .simplebar-content-retailer ul li{position:relative;}

.new-retailer-design-show .simplebar-content-retailer ul li .four-submenu-retailer ul li a {
    padding: 10px;
}
.new-retailer-design-show .simplebar-content-retailer ul li:hover a span {
    padding-left: 29px;
    color: #fff !important;
}
.new-retailer-design-show .simplebar-content-retailer ul li:hover a i {
 
    color: #fff !important;
}
.new-retailer-design-show .simplebar-content-retailer ul li:hover a span.arrow-retailer {
    display: none;
}
.new-retailer-design-show .simplebar-content-retailer ul li .four-submenu-retailer ul li a {
    background: transparent;
    width: 100%;
    color: #8391a2;
}
    .new-retailer-design-show .simplebar-content-retailer ul li .four-submenu-retailer ul li a:hover {
        color: #fff;
        background: var(--fullbodybg-four);
    }

.new-retailer-design-show .simplebar-content-retailer ul li i {
    margin-left: 6px;
}
.new-retailer-design-show .simplebar-content-retailer ul li {
    margin-bottom: 10px;
}
.new-retailer-design-show .leftside-menu-retailer a.four-logo-retailer {
   position: fixed;
    top: 0;
    width: 70px;
    overflow: hidden;
    
}
.new-retailer-design-show .leftside-menu-retailer a.four-logo-retailer img {
    width: 93%;
}
.new-retailer-design-show .simplebar-offset-retailer {
    top: 40px;
}
.new-retailer-design-show .content-page-four-design {
    margin-left: 70px;
}
.simplebar-content-retailer li{
    list-style: none;
    
}
.new-retailer-design-show .simplebar-content-retailer ul li .four-submenu-retailer {
    position: absolute;
    left: 70px;
    width: 190px;
    background: var(--four-design-bg-first);
}
.new-retailer-design-show .simplebar-content-retailer ul li a {
    min-height: 43px;
}
.sideleft-control-menu {
    float: left;
}
.four-header-search {
    float: left;
    padding-left: 20px;
}
.four-header-search .input-group {
    display: flex;
    height: 34px;
    align-items: center;
}
.four-header-search .input-group i {
    background: #f1f3fa;
    padding: 10px 10px;
    color: #313a46;
    border-radius: 5px 0 0 5px;
}
.four-header-search .input-group .form-control {
    background: #f1f3fa;font-size: 16px;
font-family: 'Nunito', sans-serif;height:34px !important;
}
.four-header-search .input-group i, .four-header-search .input-group input, .four-header-search .input-group button {
    height: 34px;
}
    .four-header-search .input-group button {
        background: var(--fullbodybg-four) !important;
        font-size: 16px;
        padding: 0 10px;
        border-radius: 0 5px 5px 0;
        box-shadow: 0 2px 6px 0 rgba(114,124,245,.5);
    }
.sideleft-control-menu {
    height: 34px;
    display: flex;
    align-items: center;
}
.four-blance-retailer {
    float: right;
}
    .four-blance-retailer ul li {
        list-style: none;
        display: inline-block;
    }
.sideleft-control-menu {
    margin: 10px 0;
}
.four-header-search {
    padding: 10px;
    padding-left: 10px;
    padding-left: 20px;
}
.four-blance-retailer ul {
    margin: 0;
    display: flex;
    align-items: center;
    padding: 0;
}
.new-retailer-design {
    font-family: 'Nunito', sans-serif;
}
.four-blance-retailer ul li i {
    font-size: 22px;
    color: #98a6ad;
}
.four-blance-retailer ul li a{margin:0px 10px;}
.four-blance-retailer ul li:last-child a {
    margin: 0px;
}
.four-blance-retailer ul li:last-child a.changecss-foura ,.four-blance-retailer ul li.lastchild-samedesign-four a{
    padding: 15px;
    text-align: left !important;
    position: relative;
    background-color: #fafbfd;
    border: 1px solid #f1f3fa;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
    border-width: 0 1px;display:flex;align-items:center;
}
.four-blance-retailer ul li strong img {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    margin-right: 15px;
}
.four-blance-retailer ul li strong span {
    display: block;
    color: #98a6ad !important;
    font-size: 14px;
    font-weight: 400;
}
.four-blance-retailer ul li strong span:last-child {
    font-size: 12px;
}


.four-nav-blance-retailer li {
    width: 100%;
    float: left;
    display: inline-block;
}

.four-nav-blance-retailer li {
    width: 100%;
    float: left;
    display: flex;
    padding: 0;
    border-bottom: 1px solid #000;
    color: #000;
}

    .four-nav-blance-retailer li span {
        float: left;
        font-size: 14px;
        color: #000 !important;
    }

    .four-nav-blance-retailer li strong {
        float: right;
        font-size: 14px;
        color: #000 !important;
    }

        .four-nav-blance-retailer li strong img {
            width: 12px !important;height:12px !important;margin-right:0px !important;
        }

    .four-nav-blance-retailer li a {
        padding: 0;
        background: transparent;
        color: #000;
        width: 100%;
        float: left;
    }

    .four-nav-blance-retailer li a {
        padding: 15px 10px;
        transition: all .4s linear;
    }

        .four-nav-blance-retailer li a:hover {
            background: #fff;
        }

.four-nav-blance-retailer {

    transition: all .4s linear;
}

.four-nav-blance-retailer-open {
    transform: translateY(0);
}

.four-nav-blance-retailer {
    box-shadow: -4px 3px 16px 1px #555;
}

    .four-nav-blance-retailer li:last-child {
        border-bottom: 0px;
    }
    .four-nav-blance-retailer ul {
        display: block;
    }
.four-nav-blance-retailer {
    position: absolute;
    width: 260px;
    right: 12px;
    box-shadow: none;
    border: 1px solid #f1f3fa;
}
.four-nav-blance-retailer {
    position: absolute;
    width: 260px;
    right: 20px;
    box-shadow: none;
    border: 1px solid #f1f3fa;
}
.four-nav-blance-retailer li {
    border: 0;
}
.four-nav-blance-retailer li a {
    padding: 9px 10px;
}
    .four-nav-blance-retailer li a span, .four-nav-blance-retailer li a strong {
        color: #6c757d !important;
    }
.all-page-four-design{display:none;}
.fourthdesign-retailer-allnone .all-page-four-design {
    display: block;
}
.all-page-four-design {
    margin-left: 210px;
    overflow: hidden;
    padding: 10px 20px;
}
.new-retailer-design-show .all-page-four-design {
    margin-left: 70px;
}
.all-page-four-design {
    min-height: 100vh;
    background: #fafbfe;
}
.content-page-four-design {
    border-bottom: 1px solid #f1f3fa;
}
.all-page-four-design {
    font-family: 'Nunito', sans-serif;
}
.faq-title-four h2.retaler-faq-style {
    margin: 0;
    color: var(--four-design-text-color);
    font-size: 30px;
    background: #fff;
    width: 100%;
    float: left;
    padding: 8px 10px;
    border-radius: 0;
    box-shadow: 8px 14px 13px 3px rgba(4, 4, 4, 0.05);
    margin-bottom: 40px;
    background: var(--four-design-bg-first);
    color: #fff;
}
.faq-title-four h2 span {
    float: right;
}
.faq-title-four *{
    transition:all .4s linear;
}
.faq-title-four h2.fourdesign-faq-open {
    margin-bottom: 15px;
}

.faq-title-four h2.fourdesign-faq-open span{font-size:23px;}
.faq-title-four h2.fourdesign-faq-open span:first-child {
    font-size: 0;
}
.faq-title-four h2.fourdesign-faq-open span:last-child {
    font-size: 23px !important;
}
.faq-title-four h2.fourdesign-faq-open span:last-child {
    font-size: 0 !important;
    width: 18px;
    background: #fff;
    height: 4px;
}
.faq-title-four h2 {
    position: relative;
}
.faq-title-four h2.fourdesign-faq-open span:last-child {
    font-size: 0 !important;
    width: 18px;
    background: #fff;
    height: 4px;
    position: absolute;
    top: 45%;
    right: 10px;
}
  
    .faq-title-four h2.fourdesign-faq-open + .faq-data-fourdesign{display:block !important;}
.all-page-four-design{transition:all .4s linear;}
.leftside-menu-retailer a.four-logo-retailer {
    z-index: 999999;
}
.four-nav-blance-retailer {
    z-index: 9999;
    background: #fff;
}
.faq-data-fourdesign .no-holidayclass span, .faq-data-fourdesign .no-holidayclass {
    color: #313a46 !important;
}
.fixed-header-four-retailer {
    position: fixed;
    z-index: 9999;
    display: block;
    right: 0;
    left: 210px;
    width: auto;
    box-shadow: 0 0 3px 1px #313a46;
}
.new-retailer-design-show .fixed-header-four-retailer {
    left:70px;
}
.new-retailer-design-show .leftside-menu-retailer {
    z-index: 999999999;
}
.faq-data-fourdesign {
    overflow: auto;
    width: 100%;
    float: left;
}
.fourthdesign-retailer-allnone .content-fourdesign-page {
    margin: 0px !important;
}
.fourthdesign-retailer-allnone section.allpage-four-design-section {
    margin-left: 210px !important;
    overflow: hidden;
    padding: 10px 20px;
    background: #fafbfe !important;
}
.new-retailer-design-show section.allpage-four-design-section {
    margin-left: 70px !important;
}
.fourthdesign-retailer-allnone .content-fourdesign-page .container-fluid {
    padding: 0;
}
.fourthdesign-retailer-allnone .changeback-four-design {
    background: transparent !important;
    border: 0 !important;
    box-shadow: 0 0 35px 0 rgba(74, 74, 74, 0.15) !important;
}
.fourthdesign-retailer-allnone .changeback-four-design .ribbon {
    display: none;
}
.fourthdesign-retailer-allnone .headingback-fourdesign {
    background: #fafbfd !important;
}
.fourthdesign-retailer-allnone .changeback-four-design-pro-but {
    background: #fafbfd !important;
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
}
.new-retailer-design-show .simplebar-content-retailer ul.menusmoll-scroll-four {
    height: 100%;
overflow: scroll;
position: absolute;
scrollbar-width: none;
}

.new-retailer-design-show .simplebar-content-retailer ul.menusmoll-scroll-four::-webkit-scrollbar {
        scrollbar-width: none;
        scroll-behavior: auto;display:none;
    }

.new-retailer-design-show .simplebar-content-retailer ul li:hover {
    z-index: 999;
}
.new-retailer-design-show .simplebar-content-retailer ul li .four-submenu-retailer {
    height: auto !important;
}
body.fourthdesign-retailer-allnone, .fourthdesign-retailer-allnone .navbar, .fourthdesign-retailer-allnone .sidebar,
.fourthdesign-retailer-allnone p, .fourthdesign-retailer-allnone span, .fourthdesign-retailer-allnone strong {
    font-family: 'Nunito', sans-serif !important;
}
.fourthdesign-retailer-allnone .editmodalprofile .modal-dialog .modal-content .modal-body.changeback-four-design {
    background: #fff !important;
    border: 0;
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
}
.fourthdesign-retailer-allnone .editmodalprofile .modal-dialog .modal-content .modal-header.headingback-fourdesign {
    background: #fafbfd !important;
    border: 0 !important;
}
.page-title-box-fourde{display:none;}
.fourthdesign-retailer-allnone .page-title-box-fourde{display:block;width:100%;float:left;}
.page-title-box-fourde ul li{list-style:none;display:inline-block;}
.page-title-box-fourde ul{display:flex;float:right;}
.page-title-box-fourde h3{float:left;}
.page-title-box-fourde h3 {
    float: left;
    margin: 0;
    font-size: 18px;
    color: #6c757d;
}
.page-title-box-fourde ul li {
    padding-left: 15px;
}
.page-title-box-fourde ul li:first-child{padding-left:0px;}
.page-title-box-fourde ul li a {
    font-size: 15px;
    color: #adb5bd;
}
.page-title-box-fourde {
    margin-bottom: 5px;
}
.page-title-box-fourde ul li:last-child a {
    cursor: auto;
}
.fourthdesign-retailer-allnone .padding-both-four-design{padding-left:0px !important;padding-right:0px !important;}

.fourthdesign-retailer-allnone .four-design-table-design table, .fourthdesign-retailer-allnone .four-design-table-design table tr, .fourthdesign-retailer-allnone .four-design-table-design table tr th, .fourthdesign-retailer-allnone .four-design-table-design table tr td, .fourthdesign-retailer-allnone .four-design-table-design table tr, .fourthdesign-retailer-allnone .four-design-table-design table thead, .fourthdesign-retailer-allnone .four-design-table-design table tbody {
    background:#f5f5f5 !important;
    border-color: #aaa4a4 !important;
    color: #555 !important;
}
.fourthdesign-retailer-allnone .four-design-table-design {
    background: transparent !important;
}
.fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third {
    display: flex !important;
}


.svg-container-third-design, .fourthdesign-retailer-allnone.giftcardtab-thirddesign .giftul-third li.active a::before {
    display: none;
}
.fourthdesign-retailer-allnone  .fourthdesign-retailer-allnone .svg-container-third-design {
    width: 0;
    height: 0;
    display: block;
}
.fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third li a, .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third li.active a, .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third li.active a:hover, .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third li.active a:focus {
    background: transparent !important;
}

.fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third {
    background: var( --fullbodybg-four) !important;
}

    .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third li a {
        position: relative;
    }

        .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third li a::after {
            content: "";
            display: block;
            width: 100%;
            height: 28px;
            position: absolute;
            left: 0;
            background: var( --fullbodybg-four) !important;
            top: -21px;
            clip-path: url(#menu);
            transform: scaleX(0);
            transition: all .4s linear;
        }

    .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third li.active a::after {
        transform: scaleX(1);
        transition: all .4s linear;
    }

    .svg-container-third-design, .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third li.active a::before {
        display: none;
    }

.fourthdesign-retailer-allnone .svg-container-third-design {
    width: 0;
    height: 0;
    display: block;
}

.fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third {
    margin-top: 10px;
}

    .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third li a i {
        margin: 0px !important;
        position: static !important;
        border-radius: 0;
        padding: 0;
        display: block;
        width: 40px;
        height: 40px;
        background: transparent;
    }

    .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third li.active a i {
        width: 63px;
        height: 63px !important;
        margin-top: -19px !important;
        z-index: 99;
        position: relative !important;
        border-radius: 50%;
        padding: 15px;
        text-align: center;
        background: transparent;
    }

    .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third li a i::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: var(--four-design-bg-first);
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        z-index: -1;
        transition: all .4s linear;
        transform: scaleX(0);
    }

    .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third li.active a i::after {
        transition: all .4s linear;
        transform: scaleX(1);
    }

    .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third li a i img {
        width: 100% !important;
        position: static !important;
        margin: 0 !important;
        display: block !important;
        max-width: 100% !important;
    }

.fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third-block {
    display: none !important;
}

.giftul-third, .giftcardtab-thirddesign .giftul-third {
    display: none !important;
}

.fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third {
    display: flex !important;
}

    .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third li a span {
        margin: 0 !important;
        display: block;
        position: static !important;
        margin-top: 3px !important;
        padding: 0 !important;
    }

    .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third li.active a span {
        margin-top: 2px !important;
    }

    .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third li a {
        margin-right: 0 !important;
    }

    .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third li a {
        padding-bottom: 5px !important;
    }
.fourthdesign-retailer-allnone .class-back-tra-fourdesign {
    background:transparent !important;
}
.fourthdesign-retailer-allnone .padding-both-four-in h2 {
    margin-top: 0 !important;
    padding-top: 8px;
    padding-left: 12px;
}
.fourthdesign-retailer-allnone .bread-same-all-page {
    display: none;
}
.fourthdesign-retailer-allnone .black-back-fordesign {
    background: var(--four-design-bg-first) !important;
}
.fourthdesign-retailer-allnone .cpmpany-class {
    padding-left: 0;
}
.fourthdesign-retailer-allnone .distributor-class {
    padding-right: 0;
}
.four-blance-retailer ul li.lastchild-samedesign-four a strong:first-child {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--four-design-bg-first);
    color: #fff;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.fourthdesign-retailer-allnone .fourdesign-marbin-b {
    margin-bottom: 0px !important;
}
.fourthdesign-retailer-allnone .fix-bootmmarg-fourdesign {
    margin-bottom: 10px !important;
}
.page-title-box-fourde ul li a {
    border: 0 !important;
}
.fourthdesign-retailer-allnone .activeclass-bac-four a.active {
    background: var(--fullbodybg-four) !important;
}
.fourthdesign-retailer-allnone .walletunhold-radio input[type="radio"]:checked + label {
    background: var(--fullbodybg-four) !important;
}
.fourthdesign-retailer-allnone .newtabsreport .container-tabsrepor .tabsrepor-nav li.active a:hover, .fourthdesign-retailer-allnone .newtabsreport .container-tabsrepor .tabsrepor-nav li a.active,
.fourthdesign-retailer-allnone .newtabsreport .container-tabsrepor .tabsrepor-nav li.active a:focus {
    background: var(--fullbodybg-four) !important;
}
.fourthdesign-retailer-allnone .money-transfer-retailer ul.nav.nav-tabs.tabsrepor-nav li a.active::before {
    background: var(--fullbodybg-four) !important;border-color:var(--fullbodybg-four) !important;
}
.fourthdesign-retailer-allnone .fullbodydycolorbg.fulltextbodycolor, .fourthdesign-retailer-allnone .fullbodydycolorbg.tmw-total-color-one {
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}
.fourthdesign-retailer-allnone .fund-trasfer-left .nav-tabs li.active a, .fourthdesign-retailer-allnone .fund-trasfer-left .nav-tabs li.active a,
.fourthdesign-retailer-allnone .retailer-upilastclass .fund-t-dalearretailer .apiclass-satenew.apiclass-satenew-responshive.retailer-addupiclass button {
    background: var(--fullbodybg-four) !important;
}
.fourthdesign-retailer-allnone .nav-tabs li.active .for-change-fund .fa {
    color: var(--fullbodybg-four) !important
}
.fourthdesign-retailer-allnone .fund-trasfer-right .nav-tabs + .tab-content {
    background:transparent !important;
}
.fourthdesign-retailer-allnone .wallethistory-newadd-four {
    display:block;
}
.fourthdesign-retailer-allnone .four-design-block {
    display:block;
}
.fourthdesign-retailer-allnone .four-design-noneclass {
    display: none;
}
.fourthdesign-retailer-allnone .padding-both-none-four {
    padding:0px;
}
#profile-password-man {
    right: 218px;
    top: 67px;
}
.four-blance-retailer ul li:first-child a i::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    display: block;
    background: red;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    right: 0px;
}
.four-blance-retailer ul li:first-child a i {
    position: relative;
}
.fourthdesign-retailer-allnone .oveflow-four-css {
    overflow:auto !important;
}
.fourthdesign-retailer-allnone .widthinherit-four{width:inherit !important;}
.fourthdesign-retailer-allnone .satearrowleft-right a {
    background: var(--four-design-bg-first) !important;
}
.fourthdesign-retailer-allnone .padding-right-none-four {
    padding-right: 0px !important;margin-right:0px !important;
}
.fourthdesign-retailer-allnone .margin-bottom-four{margin-bottom:5px !important;}
.fourthdesign-retailer-allnone .col-md-4.refferal-code, .fourthdesign-retailer-allnone .col-md-8.referral-report {
    padding-left: 0;
}
.fourthdesign-retailer-allnone .buttonkjhbgj-new.buttonkjhbgj-new-respon {
    width: auto;
}
.fourthdesign-retailer-allnone .tab-menur li a.active-ar {
    color: var(--fullbodybg-four);
}
    .fourthdesign-retailer-allnone .tab-menur li a.active-ar::before {
        border-color: var(--fullbodybg-four);
        background: var(--fullbodybg-four);
    }
.fourthdesign-retailer-allnone .maxheight-full-fourdesign {
    max-height:inherit;width:100%;float:left;
}
.fourthdesign-retailer-allnone .re-width-four-design{width:66.6%;}
.fourthdesign-retailer-allnone .only-back-transfer-four{background:transparent !important;}
.fourthdesign-retailer-allnone .travel-customestart ul.nav.nav-tabs.tab-col-pink.only-back-transfer-four {
    background: transparent !important;
}
.fourthdesign-retailer-allnone span.fa.fa-star.checked, .fourthdesign-retailer-allnone .fa.fa-star {
    font: normal normal normal 14px/1 FontAwesome !important;
}
.fourthdesign-retailer-allnone section.allpage-four-design-section#search-filtershow {
    margin-left: 210px !important;
    overflow: hidden;
    padding: 10px 20px;
    background: #fafbfe !important;
    width: 64% !important;
}
.fourthdesign-retailer-allnone .hotelfilter-fixed-four {
    top: 57px;
}
.fourthdesign-retailer-allnone .hotel-starrating-fixclass{top:61px;}
.fourthdesign-retailer-allnone .hotel-bookbutton a {
    padding: 10px 12px;white-space: nowrap;
}
.fourthdesign-retailer-allnone #leftsidebar [type="checkbox"].filled-in:checked.chk-col-blue + label::after {
    background: var(--fullbodybg-four);
    border-color: var(--fullbodybg-four);
}
.fourthdesign-retailer-allnone .irs--round .irs-bar, .fourthdesign-retailer-allnone .irs--round .irs-single {
    background-color: var(--fullbodybg-four) !important;
}
.fourthdesign-retailer-allnone .only-fullwidth-fourdesign {
    width:100%;float:left;
}
.fourthdesign-retailer-allnone .only-fullwidth-fourdesign .row.clearfix {
    margin: 0;
}
.fourthdesign-retailer-allnone .only-margin-top-fourdesign{margin-top:0px !important;}
.fourthdesign-retailer-allnone .tabb.nav-tabs li.active a {
    background: var(--fullbodybg-four) !important;
}
.fourthdesign-retailer-allnone .glyphicon.glyphicon-chevron-right, .fourthdesign-retailer-allnone .glyphicon.glyphicon-chevron-left {
    font-family: 'Glyphicons Halflings' !important;
}
.fourthdesign-retailer-allnone .tblmar .with-gap.radio-col-blue:checked + label::before {
    border: 2px solid var(--fullbodybg-four);
}
.fourthdesign-retailer-allnone .tblmar .with-gap.radio-col-blue:checked + label::after {
    background-color: var(--fullbodybg-four);
    border: 2px solid var(--fullbodybg-four);
}
.fourthdesign-retailer-allnone .htr .btn.btn-primary {
    background-color: var(--fullbodybg-four) !important;
}
.fourthdesign-retailer-allnone .irs--round .irs-handle {
    border-color: var(--fullbodybg-four) !important;
}
.fourthdesign-retailer-allnone .hotel-modify button, .fourthdesign-retailer-allnone .hotel-modify button:hover, .fourthdesign-retailer-allnone #classhide-show.satebutton, .fourthdesign-retailer-allnone .searchformfilter button, .modifay-search button span {
    color: var(--fullbodybg-four);
}
.fourthdesign-retailer-allnone .divclasspaddinleft.searchbuttoncss button:hover, .fourthdesign-retailer-allnone .add-roomclass button:hover {
    background: var(--fullbodybg-four) !important;
    transition: .4s linear;
}
.fourthdesign-retailer-allnone #defaultnonehotel {
    
    background: var(--fullbodybg-four) !important;
}
.fourthdesign-retailer-allnone section.allpage-four-design-section {
    transition: all .4s linear;
}
.fourthdesign-retailer-allnone section.allpage-four-design-section#search-filtershow{
    transition:all .4s linear;
}
.fourthdesign-retailer-allnone #block-headermy1.headermy1-hotel, .fourthdesign-retailer-allnone #defaultnonehotel {
    transition:all .4s linear;
}

.new-retailer-design-show #block-headermy1.headermy1-hotel, .new-retailer-design-show #defaultnonehotel {
    width: 93%;
    right: 20px;
    left: inherit;transition:all .4s linear;
}
.new-retailer-design-show #leftsidebar.sidebar-searchfilter {
    margin-left: 90px;
}
.new-retailer-design-show section.allpage-four-design-section#search-filtershow {
    margin-left: 50px !important;
    width: 74% !important;
    float: right;
}
.four-blance-retailer ul li.lastchild-samedesign-four a:hover strong{transition:all .4s linear;}
.four-blance-retailer ul li.lastchild-samedesign-four a:hover strong:first-child {
    background: var(--fullbodybg-four);
}
.four-blance-retailer ul li a:hover i {
    color: var(--fullbodybg-four);
}
.four-blance-retailer ul li a {
    transition: all .4s linear;
}
.fourthdesign-retailer-allnone .fa.fa-comments-o {
    font: normal normal normal 14px/1 FontAwesome !important;
}
.fourthdesign-retailer-allnone .fa.fa-clock-o {
    font: normal normal normal 14px/1 FontAwesome !important;
}
.fourthdesign-retailer-allnone .admin-retailer-chat li .chat-body.clearfix::before {
    border-color: transparent var(--four-design-bg-first) transparent transparent;
}
.fourthdesign-retailer-allnone .admin-retailer-chat li .chat-body.clearfix {
    background: var(--four-design-bg-first);
}
.fourthdesign-retailer-allnone .admin-retailer-chat li.admin-sendmess .chat-body.clearfix {
    background: var(--fullbodybg-four);
}
.fourthdesign-retailer-allnone .admin-retailer-chat li.admin-sendmess .chat-body.clearfix::before {
    border-color: transparent transparent var(--fullbodybg-four) transparent;
}
.fourthdesign-retailer-allnone .admin-retailer-chat span.chat-img p {
    color: var(--four-design-bg-first);
}
.fourthdesign-retailer-allnone .admin-retailer-chat li.admin-sendmess span.chat-img p {
    color: var(--fullbodybg-four);
}
.fourthdesign-retailer-allnone .only-fullwidth-fourdesign-new{width:100%;float:left;height:100vh;}
.four-nav-blance-retailer li strong img {
    border-radius: 0 !important;
}
.fourthdesign-retailer-allnone .radiobuttonimps label.container {
    padding-right: 3px;
}
.fourthdesign-retailer-allnone .widthinherit-four {
    width: 87% !important;
    float: right;
}
.fourthdesign-retailer-allnone .widthinherit-four .col-md-8.money-transform-content.money-transform-responshive.oveflow-four-css {
    padding-right: 0;
}
.fourthdesign-retailer-allnone .mantra-width.mantra-width-img-one a {
    width: 100%;
    text-align: center;
}
.fourthdesign-retailer-allnone .mantra-width.mantra-width-img-one a.backbg {
    margin-top: 5px;
    margin-bottom: 0;
}
.new-retailer-design-show .widthinherit-four {
    margin-left: 70px !important;
    width: 95.7% !important;
}
.fourthdesign-retailer-allnone  .bodycolormy {
    color: var(--fullbodybg-four);
}
.fourthdesign-retailer-allnone .fourdesign-offer-class .offerclass-full .offer-month ul {
    display: flex;
    float: left !important;
}
.fourthdesign-retailer-allnone .offer-month ul li {
    border: 2px solid var(--four-design-bg-first) !important;
}
.fourthdesign-retailer-allnone .offer-month ul li.activeeee::after {
    background: var(--fullbodybg-four);
}
.fourthdesign-retailer-allnone .offer-month ul li::before {
    border-color: var(--fullbodybg-four);
}

.fourthdesign-retailer-allnone .fourthdesign-retailer-allnone .offer-month ul li::after {
    background: var(--fullbodybg-four);
}
.fourthdesign-retailer-allnone .offerslider-full .offer-imageslide h3 strong::before {
    border-bottom: 1px solid var(--fullbodybg-four);
}
.fourthdesign-retailer-allnone .offerslider-full .offer-imageslide h3 span {
    color: var(--fullbodybg-four);
}
.fourthdesign-retailer-allnone .offerachivment {
    border-bottom: 1px solid var(--fullbodybg-four);
}
.fourthdesign-retailer-allnone .nofitio-imageround {
    border: 5px solid var(--four-design-bg-first);
}
.fourthdesign-retailer-allnone  .offer-month ul li::after {
    background: var(--four-design-bg-first);
}
.fourthdesign-retailer-allnone .color-find.color-finddasbord.rowsate-responsive.responsive-positionchange {
    width: 100%;
    float: left;
    background: transparent !important;
    overflow: inherit !important;
    height: auto !important;
    border: 0px !important;
}
.fourthdesign-retailer-allnone .responsive-positionchange p.no-holidayclass span {
    text-shadow: 0 11px var(--four-design-bg-first) !important;
    color: var(--fullbodybg-four) !important;
}
.fourthdesign-retailer-allnone .responsive-positionchange .holiday-responsiveclass span.holiday-datemonth sup {
    color: var(--fullbodybg-four);
}
.fourthdesign-retailer-allnone .faq-title-four h2.retaler-faq-style {
    cursor: pointer;
}
.fourthdesign-retailer-allnone .responsive-positionchange .holiday-responsiveclass span.holiday-datec {
    color: var(--four-design-bg-first) !important;
}
.four-blance-retailer ul li strong span {
    font-style: normal;
}
.fourthdesign-retailer-allnone .loadertablecssnew {
    color: var(--four-design-bg-first);
}
.fourthdesign-retailer-allnone .col-xs-6.holiday span {
    color: #000 !important;
}

.simplebar-content-wrapper-ret::-webkit-scrollbar {
    scrollbar-width: none;
    scroll-behavior: auto;display:none;
}
.simplebar-content-wrapper-ret::-webkit-scrollbar {
    scrollbar-width: none;
    scroll-behavior: auto;display:none;
}

.fourthdesign-retailer-allnone .example-second thead tr th {
    border-bottom: 0;
}

.fourthdesign-retailer-allnone .refferal-noneclass {
    display: none;
}
.refferal-four-design-retailer{display:none;}
.fourthdesign-retailer-allnone .refferal-four-design-retailer {
    display: block;
}
.fourthdesign-retailer-allnone .refferal-four-design-retailer {
    padding-left: 0;
}
.fourthdesign-retailer-allnone .refferal-fullclass {
    width: 100%;
    float: left;
}
.fourthdesign-retailer-allnone .refferal-sec-first {
    width: 100%;
    float: left;
    background: var(--four-design-bg-first);
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    padding: 10px;
    text-align: center;
}
    .fourthdesign-retailer-allnone .refferal-sec-first .refer-fourdesign h4 {
        margin: 0;
        font-size: 20px;
        font-weight: 400;position:relative;
    }
.fourthdesign-retailer-allnone .refferal-sec-first .refer-fourdesign i {
    float: left;
    font-size: 24px;
    line-height: normal;
    position: absolute;
    left: 0;
    top: -7px;
}
.fourthdesign-retailer-allnone .refer-fourdesign-se {
    width: 100%;
    float: left;
    background: #fff;
    color: #000;
    margin-top: 15px;
    padding: 20px 0;
    margin: 0px auto;
    margin-top: 0px;
    display: block;
    float: none;
    margin-top: 20px;
    border-radius: 0px;
    min-height: 130px;
    display: grid;
    margin-top: 30px;
}
.fourthdesign-retailer-allnone .refer-fourdesign-se input {
    font-size: 25px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
    border:0px;text-align:center;
    letter-spacing: 3px;
width: 100%;
float: left;
}
.fourthdesign-retailer-allnone .refer-fourdesign-se a {
    color: var(--fullbodybg-four);
    font-size: 15px;
    margin-top: 5px;
    display: block;
    font-weight: bold;
    letter-spacing: 2px;
}
.fourthdesign-retailer-allnone .refferal-img-four {
    width: 100%;
    float: left;
    height: 185px;
}
    .fourthdesign-retailer-allnone .refferal-img-four img {
        width: 100%;
        height: 100%;
        max-width: 100%;
    }
.refferal-sec-second {
    width: 100%;
    float: left;
    background: var(--fullbodybg-four);
}
.fourthdesign-retailer-allnone .refferal-sec-second ul li strong {
    color: #fff;
    font-size: 15px;
    float: left;
    font-weight: 400;
}
.fourthdesign-retailer-allnone .refferal-sec-second ul li span {
    float: right;
    color: #fff !important;
}
.fourthdesign-retailer-allnone .refferal-sec-second ul li {
    border-bottom: 1px solid #575b60;
    padding: 10px 15px;
    width: 100%;
    float: left;
}
.fourthdesign-retailer-allnone .refferal-img-four {
    width: 100%;
    float: left;margin-top:0px;
}
.fourthdesign-retailer-allnone .refferal-sec-first{padding-bottom:0px;padding-left:0px;padding-right:0px;}
.fourthdesign-retailer-allnone .refferal-sec-second ul li:last-child {
    border-bottom: 0;
}
.fourthdesign-retailer-allnone .refferal-sec-second ul {
    width: 100%;
    float: left;
    margin-bottom: 0;
}
.refferal-sec-second {
    border-radius: 0 0 5px 5px;
}
.fourthdesign-retailer-allnone .refferal-sec-first .refer-fourdesign h4 {
    margin-top: 10px;
    position: relative;
    top: 5px;
}
.fourthdesign-retailer-allnone .refer-fourdesign-se a{font-weight:400;}
.fourthdesign-retailer-allnone .refer-fourdesign-se input::selection {
    background: var(--four-design-bg-first);
    color: #fff;
    
}
.fourthdesign-retailer-allnone table.dataTable {
    margin-top: 0px !important;
}
.fourthdesign-retailer-allnone .brachcashreport-noneclass {
    display: none;
}
.bank-four-design{display:none;}
.fourthdesign-retailer-allnone .bank-four-design {
    display: block;
}

.fourthdesign-retailer-allnone .bank-content-four {
    width: 100%;float: left;color: #fff;background: var(--fullbodybg-four);
    border-radius: 0 0 5px 5px;padding: 15px;
}
.fourthdesign-retailer-allnone .bank-content-four h4 {
    text-align: center;font-size: 20px;
}
.fourthdesign-retailer-allnone .bank-content-four ul, .fourthdesign-retailer-allnone .bank-full-four {
    width: 100%;float: left;
}
.fourthdesign-retailer-allnone .bank-content-four ul li {list-style: none;width: 100%;float: left;}
.fourthdesign-retailer-allnone .bank-content-four ul li strong ,.fourthdesign-retailer-allnone .bank-content-four ul li span{
    float: left;font-size: 18px;font-weight: 400;
}
.fourthdesign-retailer-allnone .bank-content-four ul li span {float: right;}
.fourthdesign-retailer-allnone .bank-full-four img {
    max-width: 100%;border-radius: 5px 5px 0 0;width:100%;
}
.fourthdesign-retailer-allnone .fourdesign-heding-border {position:relative;}
.fourthdesign-retailer-allnone .fourdesign-heding-border::after {
    content: "";display: block;width: 30px;height: 2px;
    background: var(--fullbodybg-four);
    float: right;position: absolute;right: -43px;top: 50%;
}
.fourthdesign-retailer-allnone .fourdesign-heding-border {display: inline-block;}
.fourthdesign-retailer-allnone .retailer-help-four .helpback-second-retailer {
    background: var(--fullbodybg-four) !important;
}
.fourthdesign-retailer-allnone .retailer-help-four .helpback-second-retailer table * {
    color: #fff;
}
.fourthdesign-retailer-allnone .retailer-help-four .helpretailer-second-second .helpback-second-retailer {
    background: var(--four-design-bg-first) !important;
}
.fourthdesign-retailer-allnone .four-not-found span {
    font-size: 50px;display: block;margin-bottom: 10px;
}
.fourthdesign-retailer-allnone .four-not-found {font-size: 50px;}
.fourthdesign-retailer-allnone .password-content-1 {
    background: var(--four-design-bg-first) !important;box-shadow: 0 !important;
}
.fourthdesign-retailer-allnone .password-content-2 {
    background: var(--fullbodybg-four) !important;box-shadow:0 !important;
}
.fourthdesign-retailer-allnone .password-content p.restpinclass {
    border-radius: 25px !important;color: #555 !important;box-shadow: 0 0 2px 1px #555;
    background: #fff !important;border: 0 !important;
}
.fourthdesign-retailer-allnone .password-content-1 *, .fourthdesign-retailer-allnone .password-content-2 * {
    color: #fff !important;
}

/*Footer-design-four-retailer*/
.fourthdesign-retailer-allnone .leftside-menu-retailer {
    z-index: 999999999;
}

/*Footer-design-four-retailer-end*/









@media screen and (max-width:991px) {
    .leftside-menu-retailer {position: fixed;top: 55px;display: none;}
        .leftside-menu-retailer .four-logo-retailer {position: absolute !important;}
    .content-page-four-design, .all-page-four-design {margin-left: 0;}
    .new-retailer-design-mobile .leftside-menu-retailer {display: block;}
    .four-header-search {display: none;}
    .four-blance-retailer ul li:last-child a.changecss-foura {padding: 8px 15px;}
    .fixed-header-four-retailer {
        width: 100%;left: 0;top: 0;
    }
    .fourthdesign-retailer-allnone section.allpage-four-design-section{margin-left:0px !important;}
    .leftside-menu-retailer {
        z-index: 99999;top: 55px;
    }
    .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third-block {
        display: block !important;
    }
    .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third {
        display: none !important;
    }
    .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third-block {
        background: transparent !important;
    }
        .fourthdesign-retailer-allnone .giftcardtab-thirddesign .giftul-third-block li a {
            background: var(--fullbodybg-four) !important;
        }

}

@media screen and (max-width:766px){
    .faq-title-four h2.retaler-faq-style {font-size: 22px;}
    .fourthdesign-retailer-allnone .dispute-date.dispute-datelager.datelager-class {
        width: 100%;float: left;
    }
    .fourthdesign-retailer-allnone .dispute-right.dispute-new {
        width: 100%;float: left;margin-bottom: 6px;
    }
        .fourthdesign-retailer-allnone .dispute-right.dispute-new .despute-search {
            width: auto !important;
        }
        .fourthdesign-retailer-allnone .dispute-right.dispute-new .buttonPdf.buttonPdfdispute {
            display: block;
        }
    .fourthdesign-retailer-allnone .page-title-box-fourde {display: none;}
    .fourthdesign-retailer-allnone .class-back-tra-fourdesign {
        width: 100%;float: left;min-height: inherit;
    }
    .fourthdesign-retailer-allnone .content-fourdesign-page .container-fluid{padding:0px !important;}
    .fourthdesign-retailer-allnone .disputesateright.responsive-change {
        position: static;margin-bottom: 5px;
    }
    .four-blance-retailer ul li:last-child a.changecss-foura strong:last-child {display: none;}
    .four-blance-retailer ul li:last-child a.changecss-foura strong img {margin: 0;}
    .four-blance-retailer ul li:last-child a.changecss-foura, .four-blance-retailer ul li.lastchild-samedesign-four a {
        padding: 8px 6px;
    }
    .four-blance-retailer ul li:last-child {display: inline-block !important;}
    .four-blance-retailer ul li:last-child a.changecss-foura strong:first-child {display: block !important;}
    #profile-password-man {right: 20px;top: 53px;}
    .fourthdesign-retailer-allnone .faq-title-four h2.retaler-faq-style {margin-bottom: 15px;}
    .fourthdesign-retailer-allnone .holiday.fullbodydycolorbg.holiday-responsiveclass {
        padding-left: 0;padding-right: 30px;
    }
    .fourthdesign-retailer-allnone .table-responsive {border: 0px;}

}

@media screen and (max-width:520px){
    .four-blance-retailer ul li:last-child {
        display: none;
    }
    .four-blance-retailer ul li a strong:first-child {
        display: none !important;
    }
    .four-blance-retailer ul li a {
        margin-right: 0px;
    }
    .four-blance-retailer ul li strong span {
        font-size: 11px;
    }
    .four-blance-retailer ul li i {
        font-size: 16px;
    }
    
}

/*Retailer-Four-Design-End*/


/*All-Page-Spiner-Css-Start*/

.all-user-spiner-class {
    width: 15px;
    height: 15px;
    border: 2px solid #ddd;
    border-top-color: rgb(221, 221, 221);
    border-radius: 50%;
    border-top-color: #000;
    animation:allpagespiner 2s linear infinite;
}
@keyframes allpagespiner {
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
    }
}

/*All-Page-Spiner-Css-Start*/


/*Admin-Four-Design-Css-Start*/

.newfourdesign-admin #leftsidebar {display:none;}
.new-retailer-design-admin{display:none;}
.newfourdesign-admin .new-retailer-design-admin {
    display: block !important;
}

.newfourdesign-admin .leftside-menu-retailer {
    z-index: 999;
}
.newfourdesign-admin .leftside-menu-retailer a.four-logo-retailer img {
    height: 66px;
}
.newfourdesign-admin .simplebar-content-retailer a .arrow-retailer {
    top: 12px;
}
.newfourdesign-admin .naw-none-fourdesign {
    display: none;
}
.header-right-four-admin{display:none;}

.header-right-four-admin {
    margin-left: 210px;
    overflow: hidden;
    padding: 0;
}
.newfourdesign-admin .header-right-four-admin {
    display:block;
}
.newfourdesign-admin .headernav-four-admin {
    width: 100%;
    float: left;
    background: #fff;
    box-shadow: 0 0px 35px 0 rgba(154,161,171,.15);
    padding: 0px 15px;
    border-bottom: 1px solid #f1f3fa;
}
.headernav-four-admin ul li a img {
    width: 15px;
}
.headernav-four-admin ul li{list-style:none;display:inline-block;}
.headernav-four-admin ul {float:right;}
.headernav-four-admin ul li a {
    padding:8px 10px;
    background:#fafbfd;
    border:1px solid #f1f3fa;
    margin-right:8px;
    display:flex;
    align-items:center;

}
.headernav-four-admin ul li:last-child a{margin-right:0px;}
.headernav-four-admin ul li a strong:first-child {
    background: var(--four-design-text-color);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.headernav-four-admin ul li a strong span{
    color: #98a6ad !important;
    font-size: 14px;
    font-weight: 400;font-style:normal;font-style:normal;
}
.headernav-four-admin ul li a strong i {color:#fff;font-size:19px;}
.headernav-four-admin ul li a strong span.value-fore-design i {
    font-size: 11px;font-style:normal;
}
.headernav-four-admin ul li a img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.headernav-four-admin ul li a strong img {
    width: 20px;
    height: 20px;
}
.headernav-four-admin ul{display:flex;}
.headernav-four-admin ul li a {
    transition: all .4s linear;
}
.headernav-four-admin ul li a:hover strong:first-child {
    background: var(--fullbodybg-four);
}
.nav-submenufour-design{transition:all .4s linear;}
.headernav-four-admin ul {
    margin-bottom: 0px;
}
.headernav-four-admin ul li a {
    border-bottom: 0;
}
.sideleft-control-menuadmin {
    margin: 7px 0;
    height: 34px;
    display: flex;
    align-items: center;
    float: left;
}
.sideleft-control-menuadmin button {
    font-family: 'Nunito', sans-serif;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
}
.sideleft-control-menuadmin button span {
    background: var(--four-design-bg-first);
    width: 24px;
    height: 2px;
    display: block;
    margin-bottom: 4px;
}

.nav-submenufour-design {
    position: fixed;
    top: 49px;
    z-index: 999;
    right: 15px;
    width: 300px;
}
.nav-submenufour-design ul li {
    display: block;
}
.nav-submenufour-design ul li a {
    margin: 0;
}
.nav-submenufour-design ul li {
    display: block;
}
.nav-submenufour-design ul {
    display: inherit;width:100%;float:left;
}
.nav-submenufour-design ul li {
    display: block;
    width: 100%;
    float: left;
}
.headernav-four-admin ul li a.four-design-notification i {
    position: relative;
}
.headernav-four-admin ul li a.four-design-notification i::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: red;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    right: 2px;
}

body.newfourdesign-admin, .newfourdesign-admin .navbar, .newfourdesign-admin .sidebar,
.newfourdesign-admin p, .newfourdesign-admin span, .newfourdesign-admin strong {
    font-family: 'Nunito', sans-serif !important;
}
.newfourdesign-admin .modal-header button {
    border-color: var(--four-design-bg-first) !important;
    color: var(--four-design-bg-first) !important;
}
.newfourdesign-admin .modal-header button span {
    color: var(--four-design-bg-first) !important;
}
.newfourdesign-admin .user-info-header #btnemailfind {
    background-color:var(--four-design-bg-first) !important;
}
.newfourdesign-admin .fullbodydycolorbg {
    background: var(--fullbodybg-four) !important;
}
.newfourdesign-admin .modalnewclass-fourdesi {
    display: flex;
}
.nav-submenufour-design ul li a strong {
    float: right;
    background: var(--four-design-bg-first);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-submenufour-design ul li a {
    display: inherit;
    width: 100%;
    float: left;
}
.nav-submenufour-design ul li a strong i {
    font-size: 14px;
    font-style: normal;
}
.nav-submenufour-design ul li a{transition:all .4s linear;}
.nav-submenufour-design ul li a:hover{background:var(--four-design-bg-first);}
.nav-submenufour-design ul li a:hover strong{background:var(--fullbodybg-four);}
.nav-submenufour-design ul li a:hover span{color:#fff;}
.nav-submenufour-design ul li a p{width:100%;float:left;margin:0px;}
.admin-scroll-fix-addclass {
    position: fixed;
    top: 0;
    z-index: 999;
    box-shadow: 0 0 3px 1px #313a46 !important;
    transition: all .4s linear;
    width: 86.8% !important
}
.headernav-four-admin{transition:all .4s linear;}

.newfourdesign-admin-menu-left .leftside-menu-retailer {
    width: 70px;
}
.newfourdesign-admin-menu-left .leftside-menu-retailer a.four-logo-retailer {
    
    width: 70px;
}
.newfourdesign-admin-menu-left .leftside-menu-retailer a.four-logo-retailer img {
    width: 60px;
    height: 34px;
}
.newfourdesign-admin-menu-left .simplebar-offset-retailer {
    top: 35px;
}
.newfourdesign-admin-menu-left .simplebar-offset-retailer ul li a span {
    display: none;
}
.newfourdesign-admin-menu-left .simplebar-offset-retailer ul li a i {
    margin-left: 6px;
}
.newfourdesign-admin-menu-left .simplebar-offset-retailer ul li:hover a {
    width: 260px;
    position: relative;
    background: var(--fullbodybg-four);
    color: #fff;
}
.newfourdesign-admin-menu-left .simplebar-offset-retailer ul li:hover a span {display:inline-block;color:#fff !important;}
.newfourdesign-admin-menu-left .simplebar-content-wrapper-ret {
    overflow: visible;
}
.newfourdesign-admin-menu-left .simplebar-offset-retailer ul li:hover a i{color:#fff !important;}
.newfourdesign-admin-menu-left .simplebar-offset-retailer ul li:hover .four-submenu-retailer {
    background: var(--four-design-bg-first);
    width: 260px;
    display: block;
}
.newfourdesign-admin-menu-left .simplebar-offset-retailer ul li:hover a span i {
    transform: rotate(90deg);
}
.newfourdesign-admin-menu-left .simplebar-offset-retailer ul li:hover .four-submenu-retailer ul li a {
    background: transparent;
    color: #8391a2;
}
.newfourdesign-admin-menu-left .simplebar-offset-retailer ul li:hover .four-submenu-retailer ul li a:hover{
    color:#fff;background:var(--fullbodybg-four);
}

.newfourdesign-admin-menu-left .leftside-menu-retailer *, .newfourdesign-admin-menu-left *, .content-page-four-design {
    transition: all .4s linear;
}
.newfourdesign-admin-menu-left .simplebar-content-retailer ul.menusmoll-scroll-four {
    height: 100%;
    overflow: scroll;
    position: absolute;
    scrollbar-width: none;
}
.newfourdesign-admin-menu-left .simplebar-content-retailer ul li a {
    min-height: 43px;
}
.newfourdesign-admin-menu-left .simplebar-content-retailer ul li {
    margin-bottom: 10px;
}
.newfourdesign-admin-menu-left .header-right-four-admin {
    margin-left: 70px;
    transition: all .4s linear;
}
.header-right-four-admin{transition:all .4s linear;}

.newfourdesign-admin-menu-left .admin-scroll-fix-addclass {
    width: 86.8% !important
}
.newfourdesign-admin-menu-left .admin-scroll-fix-addclass {
    width: 95.6% !important;
}
.newfourdesign-admin .second-design-tab {
    display: none;
}
.newfourdesign-admin section.content {
    margin-left: 210px;
}
.newfourdesign-admin .fourdesign-section-admin {margin-left:210px;}
.newfourdesign-admin .admin-four-design-noneclass {
    display: none;
}

.newadd-fourdesign-admin{display:none;}
.newadd-fourdesign-admin{display:none;}
.newfourdesign-admin .newadd-fourdesign-admin {
    display: block;
}
.newfourdesign-admin .box-back-all-admin {
    background: #fff !important;
    border: 0 !important;
    box-shadow: 0 0 35px 0 rgb(74 74 74 / 15%) !important;
}
.newfourdesign-admin section.content {
    background: #fafbfe !important;
    margin-top: 0 !important;
    padding-top: 20px;
}
.newfourdesign-admin .fourdesign-section-admin {
    background: #fafbfe !important;
    margin-top: 0 !important;
    padding-top: 20px;
}
.newfourdesign-admin .adminuserlist-four .content {
    float: left;
}
.newfourdesign-admin .adminuserlist-four {
    float: left;
    width: 100%;
}
.newfourdesign-admin .adminuserlist-four a {
    width: 100%;
    float: left;
}
.newfourdesign-admin .adminuserlist-four .icon img {
    width: 50px;
}
.newfourdesign-admin .adminuserlist-four .icon {
    float: right;   
}
.newfourdesign-admin .adminuserlist-four .number {
    font-size: 14px;
    text-transform: uppercase;
    color: #313a46;
}
.newfourdesign-admin .adminuserlist-four .text {
    font-size: 20px;
    font-weight: bold;
    color: #313a46;
    margin-top: 3px;
}
.newfourdesign-admin .adminuserlist-four .icon {
    float: right;
    background: var(--four-design-bg-first);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.newfourdesign-admin .adminuserlist-four .icon i {
    font-size: 28px;
    color: #fff;
}
.newfourdesign-admin .adminuserlist-four {
    padding: 15px 10px;
}
    .newfourdesign-admin .adminuserlist-four:nth-child(2n) .icon {
        float: left;
    }
    .newfourdesign-admin .adminuserlist-four:nth-child(2n) .content {
        float: right;
    }
.newfourdesign-admin .adminuserlist-four {
    margin-bottom: 15px;
}
.newfourdesign-admin .col-md-8.second-design-tab-width {
    width: 75%;
}
.newfourdesign-admin .col-md-8.second-design-tab-width {
    width: 75%;
}
.newfourdesign-admin .col-md-8.second-design-tab-width ul li.tab-link.current3 {
    background: var(--four-design-bg-first) !important;
}
.newfourdesign-admin .second-design-tab-width .table-responsive thead, .newfourdesign-admin .second-design-tab-width .table-responsive tbody {
    background: transparent;
}
.newfourdesign-admin .second-design-tab-width .tab-pane {
    height: 627px !important;
    background: #eff0f3;
}
.newfourdesign-admin .second-design-tab-width .table-responsive tbody tr td {
    padding: 11px 10px !important;
}
.newfourdesign-admin .second-design-tab-width .tmw-dashaboard ul.tabs3 {
    background: #bfbdbd;
}
.newfourdesign-admin .second-design-tab-width .box-back-all-admin {
    padding: 0 !important;
    height: 605px !important;
    overflow-y: auto !important;
}
.newfourdesign-admin .second-design-tab-width .box-back-all-admin table tr td {
    padding: 13px 10px !important;
}
.newfourdesign-admin .adminuserlist-four {
    transition: all .4s linear;
}
/*.newfourdesign-admin .adminuserlist-four:hover {
    background: var(--four-design-bg-first) !important;
}*/
.newfourdesign-admin .adminuserlist-four:hover * {
    color:#fff;
}
.newfourdesign-admin .adminuserlist-four:hover .icon {
    background: var(--fullbodybg-four);
}
.newfourdesign-admin-menu-left.newfourdesign-admin section.content {
    margin-left: 70px;
}
.newfourdesign-admin-menu-left.newfourdesign-admin .fourdesign-section-admin {
    margin-left: 70px;
}
.newfourdesign-admin section.content{transition:all .4s linear;}
/*.adminuserlist-four:hover {
    box-shadow: 0 5px 7px 0 #555 !important;
    transform: translateY(-3%);
}*/
/*.newfourdesign-admin .col-md-8.second-design-tab-width ul.tabs3 li:nth-child(2), .newfourdesign-admin .col-md-8.second-design-tab-width ul.tabs3 li:nth-child(3) {
    display: none;
}*/
.newfourdesign-admin .col-md-8.second-design-tab-width ul.tabs3 {
    background: transparent;
}
/*.newfourdesign-admin .col-md-8.second-design-tab-width ul.tabs3 li:nth-child(1) {
    width: 100%;
    border: 0;
    font-size: 20px;
    text-align: left;
    padding: 5px 10px;
    margin-bottom: 15px;position:relative;
}
.newfourdesign-admin .col-md-8.second-design-tab-width ul.tabs3 li:nth-child(1)::after {
    border: 2px solid #fff;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 10px;
    display: block;
    content: "";
    top: 35%;
    border-left: 0;
    border-top: 0;
    transform: rotate(45deg);
}*/
.newfourdesign-admin .col-md-8.second-design-tab-width .table-responsive table, .newfourdesign-admin .col-md-8.second-design-tab-width .table-responsive table tr,
.newfourdesign-admin .col-md-8.second-design-tab-width .table-responsive table tr td, .newfourdesign-admin .col-md-8.second-design-tab-width .table-responsive table tr th {
    background: #f2f3f6;
}
.newfourdesign-admin .second-design-tab-width .box-back-all-admin table tr td, .newfourdesign-admin .second-design-tab-width .box-back-all-admin table tr th {
    padding: 16px 10px !important;
}
.newfourdesign-admin .col-md-8.second-design-tab-width #rch, .newfourdesign-admin .col-md-8.second-design-tab-width #rch .table-responsive {
    margin-bottom: 0px !important;
}
.newfourdesign-admin .col-md-8.second-design-tab-width .card.card-five {
    background: transparent !important;
}
.newfourdesign-admin .col-md-8.second-design-tab-width.tab-pane {
    background: transparent !important;
}
.newfourdesign-admin .col-md-8.second-design-tab-width #rch .table-responsive table {margin-bottom:0px !important;}
.newfourdesign-admin .four-noneclass-admin-only{display:none;}
.newfourdesign-admin .page-title-box-fourde-admin {
    display: block;
    width: 100%;
    float: left;
}
.newfourdesign-admin .page-title-box-fourde-admin h3 {
    float: left;
    margin: 0;
    font-size: 18px;
    color: #6c757d;
}
.newfourdesign-admin .page-title-box-fourde-admin ul{
    display: flex;
    float: right;
}
.newfourdesign-admin .page-title-box-fourde-admin ul li:first-child {
    padding-left: 0px;
}
.newfourdesign-admin .page-title-box-fourde-admin ul li a {
    border: 0 !important;
}

.newfourdesign-admin .page-title-box-fourde-admin ul li a {
    font-size: 15px;
    color: #adb5bd;
}
.newfourdesign-admin .page-title-box-fourde-admin ul li {
    padding-left: 15px;
}

.newfourdesign-admin .page-title-box-fourde-admin ul li {
    list-style: none;
    display: inline-block;
}
.newfourdesign-admin .page-title-box-fourde-admin ul li:last-child a {
    cursor: auto;
}

.newfourdesign-admin .page-title-box-fourde-admin ul li a {
    border: 0 !important;
}
.page-title-box-fourde-admin{display:none;}
.newfourdesign-admin .page-title-box-fourde-admin{display:block;}
.newfourdesign-admin .page-title-box-fourde-admin {
    margin-bottom: 5px;
}
.newfourdesign-admin .tablefourdesign-admin table, .newfourdesign-admin .tablefourdesign-admin table thead, .newfourdesign-admin .tablefourdesign-admin table tbody,
.newfourdesign-admin .tablefourdesign-admin table tr, .newfourdesign-admin .tablefourdesign-admin table tr td, .newfourdesign-admin .tablefourdesign-admin table tr th {
    background: #f2f3f6 !important;
    border-color: #aaa4a4 !important;
}
.newfourdesign-admin .tablefourdesign-admin table tr.third-tr-color, .newfourdesign-admin .tablefourdesign-admin table tr.third-tr-color th {
    background: #a4a0a0 !important;
    background-color: #a4a0a0 !important;

}
.newfourdesign-admin section.content .container-fluid {
    min-height: 100vh;
}
.newfourdesign-admin .fourdesign-section-admin .container-fluid {
    min-height: 100vh;
}

.newfourdesign-admin .tableseconddes-admin table, .newfourdesign-admin .tableseconddes-admin table thead, .newfourdesign-admin .tableseconddes-admin table tbody,
.newfourdesign-admin .tableseconddes-admin table tr, .newfourdesign-admin .tableseconddes-admin table tr td, .newfourdesign-admin .tableseconddes-admin table tr th {
    background: #f2f3f6 !important;
    border-color: #aaa4a4 !important;
}
.newfourdesign-admin .tableseconddes-admin table tr.third-tr-color, .newfourdesign-admin .tableseconddes-admin table tr.third-tr-color th , 
.newfourdesign-admin .tableseconddes-admin table tr.third-tr-color td {
    background: #a4a0a0 !important;
    background-color: #a4a0a0 !important;
}
.newfourdesign-admin .padding-left-fou-admin {
    padding-left:0px;
}
.newfourdesign-admin .backtrans-admin-four{background:transparent !important;}
.newfourdesign-admin .custom-date-icon i {
    -webkit-background-clip: text !important;
}
.newfourdesign-admin .boxback-allpage-admin {
    background: #fafbfe !important;
    box-shadow: 0 0 35px 0 rgb(74 74 74 / 15%) !important;
    border: 0px !important;
}
.newfourdesign-admin section.content .card {
    background: transparent !important;
}
.fourdesign-section-admin .card {
    background: transparent !important;
}
.newfourdesign-admin .body.profile-register-address ul li {
    background: transparent !important;
}
.newfourdesign-admin .body.profile-register-address.profile-address-second.boxback-allpage-admin ul {
    border: 1px solid #aaa4a4;
}
.newfourdesign-admin .body.profile-register-address ul li {
    border-bottom: 1px solid #aaa4a4;
    margin: 0px !important;
}
.newfourdesign-admin .body.profile-register-address ul li p {
    margin: 0px !important;
}
.newfourdesign-admin .body.profile-register-address ul li:last-child{
    border-bottom:0px !important;
}
.newfourdesign-admin .menucoloerfour-design {
    background: var(--four-design-bg-first) !important;
    color: #fff;
}
.newfourdesign-admin p.menucoloerfour-design{
    position:relative;
}
.newfourdesign-admin p.menucoloerfour-design::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    position: absolute;
    top: 34%;
    right: 10px;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
}
.newfourdesign-admin .fourwidth-none-admin {
    width: auto !important;
    float: right !important;
}
.newfourdesign-admin .margin-top-admin-four{
    margin-top:40px;
}
.newfourdesign-admin .page-header-third .web-white-filter {
    position: static !important;
    float: right;
}
.newfourdesign-admin .page-header-third .for-search {
    position: static;
    float: right !important;
    padding-right: 5px;
}
.newfourdesign-admin .page-header-third {
    width: 100%;
    float: left;
    position: static;
    margin-bottom: 15px;
}
.newfourdesign-admin .RCH_Details_Page ul.tabs li.current, .newfourdesign-admin .API_User_Page ul.tabs li.current, .newfourdesign-admin .Masterlist-page ul.tabs li.current,
.newfourdesign-admin .DistibutorList_page ul.tabs li.current, .newfourdesign-admin .retailerList_Page ul.tabs li.current, .newfourdesign-admin .tab-design ul.tabs li.current {
    background: var(--fullbodybg-four) !important;
    background-image: none !important;
    border: 0px !important;
}
.newfourdesign-admin .Upload-form h2 {
    border-bottom: 1px solid var(--fullbodybg-four);
}
.newfourdesign-admin .Upload-form input[type="file"] {
    border: 12px solid var(--four-design-bg-first) !important;
}
.newfourdesign-admin #custom-Download-form p sup {
    color: red;
}
.newfourdesign-admin .DistibutorList_page .first-tab.boxback-allpage-admin .tab-content {
    background: #fff !important;
}

.newfourdesign-admin .modal-header button.btn i {
    -webkit-background-clip: text !important;
}
.newfourdesign-admin a.addnewbuttonemploy-admin {
    background: var(--four-design-bg-first) !important;
}
.newfourdesign-admin .paddingboth-none-admin {padding:0px !important;}
.newfourdesign-admin  .switch-user-tab .switch-user-tab-left ul li.active {
    background: var(--fullbodybg-four) !important;
}
.newfourdesign-admin  .switch-user-tab-right .nav-tabs li.active a {
    background-color: var(--fullbodybg-four) !important;
    color:#fff !important;
}
.newfourdesign-admin .fullbodydycolorbg.tmw-total-color-one {
    -webkit-background-clip: text !important;
}
.newfourdesign-admin .tmw-email-securty .header-top.fi button.active{
    background:var(--fullbodybg-four) !important;text-align:center !important;
}
.newfourdesign-admin .col-md-8.up-up-up.up-third-design.active-nav-third .activee.navbar {
    background: var(--fullbodybg-four) !important;
}
.newfourdesign-admin .onlypadding-right-admin-four{padding-right:0px !important;}

.newfourdesign-admin .admindaybook-four .col-md-4 {
    padding-right: 0px;
}
.newfourdesign-admin .input-daterange .form-iconmy, .newfourdesign-admin .input-daterange input {
    background: transparent !important;
}
.newfourdesign-admin .fullbodydycolorbg.fulltextbodycolor {
    -webkit-background-clip: text !important;
}
.newfourdesign-admin .fullbodydycolorbg.fulltextbodycolor ~ i {
    color: var(--fullbodybg-four) !important;
}
.newfourdesign-admin .select2-container--default .select2-selection--single {
    background: transparent !important;
}
.newfourdesign-admin .adminincome-admin .admin-income-page {
    padding-right: 0px;
}
.newfourdesign-admin .margin-allnone-admin{margin:0px;}
.newfourdesign-admin-menu-left .simplebar-content-retailer ul.menusmoll-scroll-four::-webkit-scrollbar {
    scrollbar-width: none;
    scroll-behavior: auto;display:none;
}
.newfourdesign-admin .userwise-operatoecom-admin .col-md-2.user-comm-exl.responcive-fifty, .newfourdesign-admin .col-lg-12.col-md-12.col-sm-12.col-xs-12.up-to-up {
    padding-right: 0;
}
.newfourdesign-admin .add-pur-button li [type="radio"]:checked + label::after {
    background-color: var(--fullbodybg-four) !important;
    border-color: var(--fullbodybg-four) !important;
}
.newfourdesign-admin .add-purchase-page-right ul.tabs3 li.current3 {
    background: var(--fullbodybg-four) !important;
}
.newfourdesign-admin .bankinfo .nav-tabs li.active a, .newfourdesign-admin .bankinfo .nav-tabs li.active a:focus, .newfourdesign-admin .bankinfo .nav-tabs li.active a:hover {
    background: var(--fullbodybg-four) !important;
}
.newfourdesign-admin .data-show.data-show-second{border:0px !important;}
.newfourdesign-admin .admin-ledger-page .responcive-fifty {
    padding-right: 0;
}
.newfourdesign-admin #ul li a.activee {
    background: var(--fullbodybg-four) !important;
}
.newfourdesign-admin .tmw-retailer-creaction-charge li button.fi-bu {
    background:var(--fullbodybg-four) !important;
}
.newfourdesign-admin .tmw-retailer-creaction-charge .table > tbody + tbody {
    border: 0;
}
.newfourdesign-admin .smsapi-pages .left-rowss ul.tabs2 li.current2{background:var(--fullbodybg-four) !important;}
.newfourdesign-admin .highsecurity-fourdesign-ad .jumbotron.vertical-center {
    border-radius: 0px !important;
    background: var(--four-design-bg-first) !important;
    height: 100%;
    width: 50%;
    float: right;
    display: block;
    margin: 0 !important;
    position: static !important;
}
.newfourdesign-admin .highsecurity-fourdesign-ad {
    border-radius: 0px;
    width: 50%;
    display: flex;
    align-items: center;
    
}
.fourdesign-high-imgadd{display:none;}
.newfourdesign-admin .fourdesign-high-imgadd{width:50%;float:left;display:block;height:100%;}
.newfourdesign-admin .fourdesign-high-imgadd img{width:100%;height:100%;}
.newfourdesign-admin .OpertorIndex-page .oprindex-left ul.tabs li.current {
    background:var(--fullbodybg-four) !important;
}
.newfourdesign-admin .Weblogin-right.oprindex-right .tab-content2 .tab-under-ul .weblogn-admin-firsttab li .input-daterange input {
    text-align: right;
}
.newfourdesign-admin .Weblogin-right.oprindex-right .tab-content2 .tab-under-ul .weblogn-admin-firsttab li button {
    background-color: transparent !important;
}
.newfourdesign-admin .cas-hdeposi-tcharge-page .ca-dipo-left ul.tabs3 li.current3 {
    background:var(--fullbodybg-four) !important;
}
.newfourdesign-admin .ca-dipo-left [type="radio"]:checked + label::after {
    border: 2px solid var(--fullbodybg-four) !important;
}

.newfourdesign-admin .ca-dipo-left [type="radio"]:checked + label::after, .newfourdesign-admin .ca-dipo-left [type="radio"].with-gap:checked + label::after {
    background-color: var(--fullbodybg-four) !important;
}
.newfourdesign-admin  .cash-charg-tab ul.nav.nav-pills {
    display: flex;
}
.newfourdesign-admin .cash-charg-tab ul.nav.nav-pills li {
    padding-right: 0;
    margin: 0;
}
.newfourdesign-admin #EditPurchageOrder input {
    background: transparent !important;
}
.newfourdesign-admin .cashdeposit-pdfexl button {
    background-color: transparent !important;
}
.newfourdesign-admin .cas-hdeposi-tcharge-page .ca-dipo-right {
    overflow: auto;
    overflow-x: hidden;
}
.newfourdesign-admin .slab-first-tab .nav-tabs li.active a, .newfourdesign-admin .slab-first-tab .nav-tabs li.active a:hover, .newfourdesign-admin .slab-first-tab .nav-tabs li.active a:focus {
    background: var(--fullbodybg-four) !important;
}
.newfourdesign-admin .slab-first-tab {
    background: #f2f3f6 !important;
    box-shadow: 0 0 4px 0 var(--four-design-bg-first);
}
.newfourdesign-admin .slab-first-tab h2 {
    background: #e8e7e8;
}
.newfourdesign-admin .btn:not(.btn-link):not(.btn-circle), .newfourdesign-admin .form-group .form-control {
    border: 1px solid #bfbebe !important;
}


.newfourdesign-admin .all-slab-header .bg-blue-grey {
    background-color: #e8e7e8 !important;
    color: #313a46 !important;
}

.newfourdesign-admin .all-slab-header .bg-blue-grey.fullbodydycolorbg {
    background: var(--fullbodybg-four) !important;
    color:#fff !important;
}
.newfourdesign-admin .ldio-gs56nt525f > div div {
    background: var(--fullbodybg-four);
}
.newfourdesign-admin .ldio-gs56nt525f > div div:nth-child(6){
    background:#fff;
}
.newfourdesign-admin .slab-master-block .slab-master-block-left .select2.select2-container .select2-selection.select2-selection--single {
    padding-left: 20px;
}
.newfourdesign-admin .custnav-adminbuttonch ul#ul li .activee.navbar {
    background: transparent !important;
    color: var(--fullbodybg-four) !important;
}
.newfourdesign-admin .custnav-adminbuttonch ul#ul li a.activee::before {
    background: var(--fullbodybg-four);
    border-color: var(--fullbodybg-four);
}
.newfourdesign-admin .admin-slabcardclass .slab-buttonadminch p.uptotransction {
    margin-left: 5px;
}
.newfourdesign-admin .admin-slabcardclass .slab-buttonadminch p.uptotransction:first-child {
    margin-left: 0px;
}
.newfourdesign-admin .slab-buttonadminch p.uptotransction {
    margin-left: 3px;
}
.newfourdesign-admin .slab-buttonadminch p.uptotransction:first-child {
    margin-left: 0px;
}
.newfourdesign-admin .slab-tab-change ul#ul li a.activee {
    color: var(--fullbodybg-four) !important;
    background: transparent !important;
}
.newfourdesign-admin .slab-tab-change #ul li a.activee::before {
    background: var(--fullbodybg-four);
    border-color: var(--fullbodybg-four);
}
.newfourdesign-admin .OpertorIndex-page .oprindex-left .left-button button, .newfourdesign-admin .OpertorIndex-page .oprindex-left .right-button button {
    background: transparent;
}
.newfourdesign-admin .OpertorIndex-page .oprindex-right .tab-content2 ul.top-tab-ul li:first-child input,
.newfourdesign-admin .OpertorIndex-page .oprindex-right .tab-content2 ul.top-tab-ul li button {
    background: transparent !important;
}
.newfourdesign-admin .bkpfull .nav-tabs li.active a:hover, .newfourdesign-admin .bkpfull .nav-tabs li.active a:focus,
.newfourdesign-admin .bkpfull .nav-tabs li.active a {
    background: var(--fullbodybg-four) !important;
}
.newfourdesign-admin .tmw-notifications ul.tabs li.current {
    background:var(--fullbodybg-four) !important;
}
.newfourdesign-admin .ecommerce-left-tab.nav-pills > li.active > a {
    background: var(--fullbodybg-four) !important;
}
.newfourdesign-admin .outside-logo-page .table.dataTable tr td:last-child p {
    color: var(--fullbodybg-four);
}
.newfourdesign-admin .kklo.money-transfer-admin #custnav ul li a.activee {
    background: var(--fullbodybg-four) !important;
}
.newfourdesign-admin .kklo.money-transfer-admin #custnav ul li a.activee::before {
    background: var(--fullbodybg-four);
    border: 1px solid var(--fullbodybg-four) !important;
}
.newfourdesign-admin .upi-print-button li.active button {
    background: var(--fullbodybg-four) !important;
}
.newfourdesign-admin .print-qr {
    background: #e2e4e8;
}
.newfourdesign-admin .print-qr-check-one {
    display: block;
    text-align: center;
}
.newfourdesign-admin .print-qr-check-one label::before {
    position: relative;
    top: 1px !important;border-radius:50%;
}
.newfourdesign-admin .fa.fa-user-circle-o, .newfourdesign-admin .fa.fa-comments-o, .newfourdesign-admin .fa.fa-clock-o {
    font: normal normal normal 14px/1 FontAwesome !important;
}
.newfourdesign-admin .fourdesign-chat-none {
    display: none !important;
}

.newfourdesign-admin .four-chat-section-admin {
    display: block;
}

.newfourdesign-admin .four-chat-section-admin .chat-four-left {
    float: left;
    width: 100%;
}
.newfourdesign-admin .four-chat-section-admin .chat-four-right {
    float: right;
}
.newfourdesign-admin .four-chat-section-admin .chat-four-left .send-msg-name-four {
    width: 100%;
    float: left;
}
.newfourdesign-admin .four-chat-section-admin .send-msg-name-four strong {
    font-size: 15px;
    padding-right: 10px;
    position: relative;
}
.newfourdesign-admin .four-chat-section-admin .send-msg-name-four strong::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: var(--fullbodybg-four);
    float: left;
    border-radius: 50%;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
.newfourdesign-admin .four-chat-section-admin .send-msg-name-four span {
    font-size: 13px;
    color: #555;
}
.newfourdesign-admin .four-chat-section-admin .in-msg-four-admin {
    background: var(--fullbodybg-four);
    float: left;
    color: #fff;
    min-width: 40%;
    padding: 5px 15px;
    border-radius: 10px;
    position: relative;
    margin-top: 5px;
}
.newfourdesign-admin .four-chat-section-admin .in-msg-four-admin::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border: 6px solid var(--fullbodybg-four);
    position: absolute;
    top: -5px;
    left: 15px;
    border-left: 0;
    border-top: 0;
    transform: rotate(-133deg);
}
.newfourdesign-admin .four-chat-section-admin .chat-four-right .send-msg-name-four strong {
    padding-left: 10px;
    padding-right: 0;
}
.newfourdesign-admin .four-chat-section-admin .chat-four-right .send-msg-name-four strong::after {
    float: right;
    margin-right: 0;
    margin-left: 5px;background: var(--four-design-bg-first);
}
.newfourdesign-admin .four-chat-section-admin .chat-four-right {
    width: 100%;
    float: right;
}
.newfourdesign-admin .four-chat-section-admin .chat-four-right .send-msg-name-four {
    float: right;
    display: block;
}
.newfourdesign-admin .four-chat-section-admin .chat-four-right .in-msg-four-admin {
    float: right;
    display: block;
}
.newfourdesign-admin .four-chat-section-admin .chat-four-right .in-msg-four-admin p {
    text-align: right;
}
.newfourdesign-admin .four-chat-section-admin .chat-four-right .in-msg-four-admin::after {
    left: inherit;
    right: 15px;
    border-color: var(--four-design-bg-first);
}
.newfourdesign-admin .four-chat-section-admin .chat-four-right .in-msg-four-admin {
    background: var(--four-design-bg-first);
}
.newfourdesign-admin .four-chat-section-admin .in-msg-four-admin, .newfourdesign-admin .four-chat-section-admin .chat-four-right .in-msg-four-admin {
    margin-bottom: 15px;
}
.newfourdesign-admin .four-design-chat-sendmsg {
    margin-bottom: 20px;
}
.newfourdesign-admin .four-design-chat-sendmsg span.input-group-addon {
    background: var(--four-design-bg-first) !important;
}
.chat-four-right, .noneclasschat-pageadmin {
    display: none;
}
.newfourdesign-admin .chat-four-right, .newfourdesign-admin .noneclasschat-pageadmin {
    display: block;
}
.newfourdesign-admin .four-chat-section-admin .chat-four-left .input-group span.input-group-addon {
    background: var(--four-design-bg-first) !important;
}
.newfourdesign-admin .four-chat-section-admin .chat-four-left .input-group input {
    border-color: var(--four-design-bg-first) !important;
}
.newfourdesign-admin .panel-body .chat.chat-second .chat-body .header ~ p {
    color: var(--fullbodybg-four) !important;
}
.headernav-four-admin ul li a strong i {
    margin: 0px !important;
}
.newfourdesign-admin .fordesign-security-heding {
    border-radius: 25px !important;
    box-shadow: 0 0 2px 1px #555;
    background: #fafbfe;
}
.newfourdesign-admin .modal-body button.btn.waves-effect {
    border: 0 !important;
}

.newfourdesign-admin .DistibutorList_page .first-tab.boxback-allpage-admin .tab-content {
    background: #fafbfe !important;
}
.newfourdesign-admin .boxback-allpage-admin #form0 {
    background: #fafbfe;
}
.newfourdesign-admin #apiusertable .custom-table-responsive.tableseconddes-admin {
    background: transparent !important;
}
.newfourdesign-admin .retailerList_Page .left-tabs form {
    background: transparent !important;
    background: transparent !important;
    box-shadow: 0 0 35px 0 rgb(74 74 74 / 15%) !important;
    border: 0px !important;
}
.newfourdesign-admin .retailerList_Page .left-tabs form #tab-9 {
    background: transparent !important;
}
.newfourdesign-admin .retailerList_Page .col-md-8 .custom-table-responsive, .newfourdesign-admin #EmailHistory {
    background: transparent !important;
    box-shadow: 0 0 35px 0 rgb(74 74 74 / 15%) !important;
    border: 0px !important;
}
.newfourdesign-admin .switch-user-tab .switch-user-tab-left .fund-transfer-form.boxback-allpage-admin {
    background: #fafbfe !important;
}
.newfourdesign-admin #dlmd {
    background: #fafbfe !important;
}
.newfourdesign-admin .modal-header button.btn:not(.btn-link):not(.btn-circle) {
    border: 0px !important;
}
.newfourdesign-admin span.fa.fa-check {
    font: normal normal normal 14px/1 FontAwesome !important;
}
.newfourdesign-admin .col-md-2.tre1.up-third-design.airtab-respon-third .kklo #custnav ul li a.activee.navbar {
    background: var(--fullbodybg-four) !important;
}
.newfourdesign-admin .newadd-fourdesign-admin {
    display: block !important;
}


.newfourdesign-admin .table-responsive {
    overflow: auto !important;
}
.newfourdesign-admin table.dataTable {
    margin-top: 0 !important;
}
.newfourdesign-admin #History table tr td {
    border-bottom: 1px solid #aaa4a4;
}
.newfourdesign-admin #History table tr th::after {
    bottom: 17px;
    right: 3px;
}
.fourthdesign-retailer-allnone .bank-content-four ul.fourdesign-show-credit li {
    margin-bottom: 15px;
}
.fourthdesign-retailer-allnone .bank-content-four ul.fourdesign-show-credit li strong, .fourthdesign-retailer-allnone .bank-content-four ul.fourdesign-show-credit li span {
    font-size:14px;color:#fff;
}
.fourthdesign-retailer-allnone .bank-content-four ul.fourdesign-show-credit li:last-child {
    margin-bottom:0px;
}
.credit-four-design{display:none;}
.fourthdesign-retailer-allnone .credit-four-design {
    width: 100%;
    float: left;
    display: block !important;
}
.fourthdesign-retailer-allnone .credit-four-design .img-back-cedit-four {
    width: 100%;
    float: left;
    background: #e6e6e6;
    padding: 15px 0;
}
.fourthdesign-retailer-allnone .credit-four-design .img-back-cedit-four img {
    height: 410px;
}
.fourthdesign-retailer-allnone .bank-content-four ul.fourdesign-show-credit li strong sup {
    color: red;
    font-size: 100%;
}

/* =====Dashboar-css-change====== */

.newfourdesign-admin .adminuserlist-four:hover::after {
    width: 100%;
}
.newfourdesign-admin .adminuserlist-four::after {
    content: "";
    display: block;
    width: 0%;
    height: 100%;
    background: var(--four-design-bg-first);
    position: absolute;
    transition: all .4s linear;
    z-index: 1;
    top: 0;
    left: 0;
}
.newfourdesign-admin .adminuserlist-four {
    position: relative;
}
.newfourdesign-admin .adminuserlist-four a{z-index:11;position:relative;}
.newfourdesign-admin .col-md-8.second-design-tab-width ul li.tab-link.current3 {
    background: var(--fullbodybg-four) !important;
}
.newfourdesign-admin .col-md-8.second-design-tab-width ul li {
    border-color: #eff0f3 !important;
    color:#fff;
}
.newfourdesign-admin .col-md-8.second-design-tab-width ul.tabs3 {
    background: var(--four-design-bg-first);
}
.newfourdesign-admin .col-md-8.second-design-tab-width .das-top-ul-li {
    display: none;
}
.newfourdesign-admin .adminuserlist-four:nth-child(2n)::after {
    left:inherit;right:0px;
}

.newfourdesign-admin .adminuserlist-four {
    position: relative;
    left: -600px;
    -webkit-animation: fourdesignslide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: fourdesignslide 0.4s forwards;
    animation-delay: .4s;
    opacity: 0;
}
    .newfourdesign-admin .adminuserlist-four:nth-child(2) {
        left: inherit;
        right: -500%;
        -webkit-animation: fourdesignslide2 0.5s forwards;
        -webkit-animation-delay: 2s;
        animation: fourdesignslide2 0.5s forwards;
        animation-delay: .5s;
    }
    .newfourdesign-admin .adminuserlist-four:nth-child(3) {
        left: -600px;
        -webkit-animation: fourdesignslide2 0.5s forwards;
        -webkit-animation-delay: 2s;
        animation: fourdesignslide 0.4s forwards;
        animation-delay: .6s;
    }
    .newfourdesign-admin .adminuserlist-four:nth-child(4) {
        left: inherit;
        right: -500%;
        -webkit-animation: fourdesignslide2 0.5s forwards;
        -webkit-animation-delay: 2s;
        animation: fourdesignslide2 0.5s forwards;
        animation-delay: .7s;
    }
    .newfourdesign-admin .adminuserlist-four:nth-child(5) {
        left: -600px;
        -webkit-animation: fourdesignslide 0.5s forwards;
        -webkit-animation-delay: 2s;
        animation: fourdesignslide 0.4s forwards;
        animation-delay: .8s;
    }
    .newfourdesign-admin .adminuserlist-four:nth-child(6) {
        left: inherit;
        right: -500%;
        -webkit-animation: fourdesignslide2 0.5s forwards;
        -webkit-animation-delay: 2s;
        animation: fourdesignslide2 0.5s forwards;
        animation-delay: .9s;
    }
    .newfourdesign-admin .adminuserlist-four:nth-child(7) {
        left: -600px;
        -webkit-animation: fourdesignslide 0.5s forwards;
        -webkit-animation-delay: 2s;
        animation: fourdesignslide 0.4s forwards;
        animation-delay: 1s;
    }

@keyframes fourdesignslide {
    100% {
        left: 0;
        opacity: 1;
    }
}

@keyframes fourdesignslide2 {
    100% {
        right: 0;opacity:1;
    }
}
.newfourdesign-admin .col-md-8.second-design-tab-width {
    z-index: 9;
}
.newfourdesign-admin-menu-left .simplebar-offset-retailer ul li .four-submenu-retailer {
    display: none !important;
}
.newfourdesign-admin-menu-left .simplebar-offset-retailer ul li:hover .four-submenu-retailer {
    display: block !important;
}
.four-design-footer {
    width: 100%;
    padding-right: 15px;
    padding-left: 225px;
    box-shadow: 0 .5rem 1rem #555 !important;
    background: #fff;
    float: left;
    position: fixed;
    bottom: 0;
    z-index: 99;
    padding-top: 10px;
    padding-bottom: 10px;transition:all.4s linear;
}
.four-design-footer ul li {
    list-style: none;
    display: inline-block;
    color: var(--four-design-bg-first);
    border-right: 1px solid var(--four-design-bg-first);
    line-height: normal;
    padding: 0 10px;
    font-weight: bold;
}
.four-design-footer ul li:last-child {
    border-right:0;
    padding-right: 0;
}
.four-design-footer ul  {
    margin:0px;width:auto;float:left;padding:0px;
}
.four-design-footer p  {
    margin:0px;width:auto;float:right;color:#ced4da;
}
.newfourdesign-admin-menu-left .four-design-footer {
    padding-left:85px
}
.four-design-footer ul li:first-child {
    padding-left:0px;
}

/* =====Dashboar-css-change====== */





/*Four-Design-Admin-Responsive-Css-Start*/



@media screen and (max-width:1366px){
    .newfourdesign-admin .col-md-8.up-up-up.up-third-design.active-nav-third {
        padding-right: 0;
    }

        .newfourdesign-admin .col-md-8.up-up-up.up-third-design.active-nav-third #custnav ul li a {
            font-size: 13px;
        }
}

@media screen and (max-width:991px){
    .newfourdesign-admin .fourdesign-section-admin, .newfourdesign-admin section.content {
        margin-left:0px;
    }
    .newfourdesign-admin .header-right-four-admin {
        margin-left: 0px;
    }
    .newfourdesign-admin.newfourdesign-admin-menu-left-mobile .leftside-menu-retailer {
        display: block !important;
        top: 49px;
    }
    .headernav-four-admin ul li:nth-child(1), .headernav-four-admin ul li:nth-child(2), .headernav-four-admin ul li:nth-child(3), .headernav-four-admin ul li:nth-child(4), .headernav-four-admin ul li:nth-child(5) {
        display: none;
    }
    .admin-scroll-fix-addclass {
        width: 100% !important;
    }
    .newfourdesign-admin .col-md-8.second-design-tab-width {
        width: 100%;
        float: left;
    }
    .newfourdesign-admin table {
        border: 1px solid #aaa4a4 !important;
    }
    .newfourdesign-admin .slab-first-tab {
        width: 100%;
        float: left;
        margin-bottom:15px;
    }
    .four-design-footer {
        padding-left: 15px;
    }

}

@media screen and (max-width:766px){
    .newfourdesign-admin .page-title-box-fourde-admin {
        display: none;
    }
    .newfourdesign-admin .master-account-detail .col-md-2 {
        width: auto;
        float: right;
        padding-right: 0;
    }
    .newfourdesign-admin .cash-charg-tab ul.nav.nav-pills {
        display: inherit;
    }
    .newfourdesign-admin .datepicker table {
        border: 0 !important;
    }
    .newfourdesign-admin .col-md-10.slab-first-tab-content {
        width: 100%;
        float: left;
    }
    .headernav-four-admin ul li .nav-submenufour-design ul li {
        display: block;
    }
    .fourthdesign-retailer-allnone .bank-four-design {
        width: 100%;
        float: left;
        padding: 0 !important;
        margin-bottom: 15px;
    }
        .fourthdesign-retailer-allnone .bank-four-design:last-child .bank-content-four {
            order: 2;
        }
        .fourthdesign-retailer-allnone .bank-four-design:last-child {
            display: grid;
        }
    .fourthdesign-retailer-allnone .credit-four-design .img-back-cedit-four img {
        height: auto;
    }
    
}

@media screen and (max-width:420px){
    .four-design-footer ul li {
        font-size: 12px;
    }
    .four-design-footer p{width:100%;text-align:center;}
}

@media screen and (max-width:380px){
    .headernav-four-admin ul li a strong span {
        font-size: 12px;
    }
    .headernav-four-admin ul li a {
        padding: 8px 7px;
        margin-right: 4px;
    }
    .newfourdesign-admin .col-md-8.up-up-up.up-third-design.active-nav-third #custnav ul li a {
        padding: 5px 0px !important;
    }

}

/*Admin-Four-Css-End*/


/*Dealer-Four-Design-Css-Start*/

body.dealer-four-design, .dealer-four-design .navbar, .dealer-four-design .sidebar,
.dealer-four-design p, .dealer-four-design span, .dealer-four-design strong, .dealer-four-design table {
    font-family: 'Nunito', sans-serif !important;
}

.dealer-four-design #leftsidebar {
    display: none;
}
.dealer-four-design .new-retailer-design.new-retailer-design-dealer {
    display: block !important;
}
.dealer-four-design .simplebar-content-retailer ul {
    padding: 0;
    margin: 0px;
}
.dealer-four-design .leftside-menu-retailer {
    z-index: 9999;
}
.dealer-four-design .simplebar-content-retailer a .arrow-retailer i {
    font: normal normal normal 14px/1 FontAwesome !important;
}
.dealer-four-design .simplebar-content-retailer a .arrow-retailer {
    top: 14px;
}
.dealer-four-design .simplebar-content-retailer a i {
    font: normal normal normal 14px/1 FontAwesome !important;
}
.dealer-four-design .navbar.fullbodydycolorbg.add-header-changeclass {
    display: none;
}
.dealer-four-design .header-right-four-admin {
    display: block;
}
.dealer-four-design .header-right-four-admin .headernav-four-admin {
    width: 100%;
    float: left;
    background: #fff;
    box-shadow: 0 0px 35px 0 rgba(154,161,171,.15);
    padding: 0px 15px;
    border-bottom: 1px solid #f1f3fa;
}
.dealer-four-design .headernav-four-admin ul li a {
    min-height: 56px;
}
.dealer-four-design .headernav-four-admin .nav-submenufour-design ul li a {
    min-height: inherit;
}
.dealer-four-design .headernav-four-admin ul {
    padding: 0;
}
.dealer-four-design .nav-submenufour-design {
    top: 56px;
    right: inherit;
}
.dealer-four-design section.content {
    background: #fafbfe !important;
    margin-top: 0 !important;
    padding-top: 20px;
    margin-left: 210px;
    transition: all .4s linear;
}
.dealer-four-design .col-md-4.dealer-firstclass.dealer-firstclass-responshive.dealer-dashb-second {
    display: none;
}
.dealer-four-design .dealer-all-reporthome.dealer--report-responshive.full-dealer-second {
    width: 100%;
    float: left;
}
.dealer-four-design section.content .card, .dealer-four-design .dealer-four-design .card {
    background: transparent !important;
}
.dealer-four-design .dealer-all-reporthome.dealer--report-responshive.full-dealer-second .tab-content-dealersclass {
    box-shadow: 0 0 35px 0 rgb(74 74 74 / 15%) !important;
    border: 0px !important;
    background: #fafbfe !important;
}
.dealer-four-design .dealer-addtabnew ul.header-tabbutton li.active a, .dealer-four-design .dealer-addtabnew ul.header-tabbutton li a:hover {
    background: var(--fullbodybg-four) !important;
}
.dealer-four-design .header-right-four-admin .headernav-four-admin{transition:all .4s linear;}
    .dealer-four-design .header-right-four-admin .headernav-four-admin.dealer-fixed-headerclass {
        position: fixed;
        top: 0;
        z-index: 999;
        width: -moz-available;
        box-shadow: 0 0 3px 1px #313a46 !important;
    }

.dealer-four-design-show .leftside-menu-retailer {
    width: 70px;
}

    .dealer-four-design-show .leftside-menu-retailer a.four-logo-retailer {
        width: 70px;
    }

        .dealer-four-design-show .leftside-menu-retailer a.four-logo-retailer img {
            width: 60px;
            height: 34px;
        }

.dealer-four-design-show .simplebar-offset-retailer {
    top: 35px;
}

    .dealer-four-design-show .simplebar-offset-retailer ul li a span {
        display: none;
    }

    .dealer-four-design-show .simplebar-offset-retailer ul li a i {
        margin-left: 6px;
    }

    .dealer-four-design-show .simplebar-offset-retailer ul li:hover a {
        width: 260px;
        position: relative;
        background: var(--fullbodybg-four);
        color: #fff;
    }

        .dealer-four-design-show .simplebar-offset-retailer ul li:hover a span {
            display: inline-block;
            color: #fff !important;
        }

.dealer-four-design-show .simplebar-content-wrapper-ret {
    overflow: visible;
}

.dealer-four-design-show .simplebar-offset-retailer ul li:hover a i {
    color: #fff !important;
}

.dealer-four-design-show .simplebar-offset-retailer ul li:hover .four-submenu-retailer {
    background: var(--four-design-bg-first);
    width: 260px;
    display: block;
}

.dealer-four-design-show .simplebar-offset-retailer ul li:hover a span i {
    transform: rotate(90deg);
}

.dealer-four-design-show .simplebar-offset-retailer ul li:hover .four-submenu-retailer ul li a {
    background: transparent;
    color: #8391a2;
}

    .dealer-four-design-show .simplebar-offset-retailer ul li:hover .four-submenu-retailer ul li a:hover {
        color: #fff;
        background: var(--fullbodybg-four);
    }

.dealer-four-design-show .leftside-menu-retailer *, .dealer-four-design-show *, .content-page-four-design {
    transition: all .4s linear;
}

.dealer-four-design-show .simplebar-content-retailer ul.menusmoll-scroll-four {
    height: 100%;
    overflow: scroll;
    position: absolute;
    scrollbar-width: none;
}

.dealer-four-design-show .simplebar-content-retailer ul li a {
    min-height: 43px;
}

.dealer-four-design-show .simplebar-content-retailer ul li {
    margin-bottom: 10px;
}

.dealer-four-design-show .header-right-four-admin {
    margin-left: 70px;
    transition: all .4s linear;
}

.header-right-four-admin {
    transition: all .4s linear;
}
.dealer-four-design.dealer-four-design-show section.content {
    margin-left: 70px;
}
.dealer-four-design .dealer-all-reporthome.dealer--report-responshive.full-dealer-second .tab-content-dealersclass table {
    background: #f2f3f6;
}
.dealer-four-design .gross-busnice-dealer table, .dealer-four-design .gross-busnice-dealer table tr, .dealer-four-design .gross-busnice-dealer table tr th, .dealer-four-design .gross-busnice-dealer table tr td {
    border-color: #aaa4a4 !important;
}
.dealer-four-design .recent-transition-dealer table, .dealer-four-design .recent-transition-dealer table tr, .dealer-four-design .recent-transition-dealer table tr td, .dealer-four-design .recent-transition-dealer table tr th {
    border-color: #aaa4a4 !important;
}
.dealer-four-design .offer-month ul li {
    border: 2px solid var(--four-design-bg-first) !important;
}
.dealer-four-design .offer-month ul li.activeeee::after {
    background: var(--fullbodybg-four);
}
.dealer-four-design .offer-month ul li::after {
    background: var(--four-design-bg-first);
}
.dealer-four-design .offer-month ul li::before {
    border-color: var(--fullbodybg-four) !important;
}
.dealer-four-design .notification-dealercontent .satearrowleft-right-dealer a, .dealer-four-design .satearrowleft-right-dealersecond a {
    background: var(--four-design-bg-first) !important;
}
.dealer-four-design .offerclass-full-dealer .offer-month ul li.activeeee::before, .dealer-four-design  .button-centerfllowclass.dealerclassgross ul li.activeeee::before {
    background: var(--fullbodybg-four);
    border-color: var(--fullbodybg-four);
}
.dealer-four-design .dealer-box-back-four {
    box-shadow: 0 0 35px 0 rgb(74 74 74 / 15%) !important;
    border: 0px !important;
    background: #fafbfe !important;
}
.dealer-four-design .fullbodydycolorbg {
    background: var(--fullbodybg-four) !important;
}
.dealer-four-design .dealer-back-tra-four{background:transparent !important;}
.dealer-four-design .important-dataprofile {
    border-radius: 25px !important;
    box-shadow: 0 0 2px 1px #555;
    background: #fff !important;
    border: 0 !important;
}

.dealer-four-design .page-title-box-fourde-dealer {
    display: block;
    width: 100%;
    float: left;
}

.dealer-four-design .page-title-box-fourde-dealer h3 {
    float: left;
    margin: 0;
    font-size: 18px;
    color: #6c757d;
}

.dealer-four-design .page-title-box-fourde-dealer ul {
    display: flex;
    float: right;
}

.dealer-four-design .page-title-box-fourde-dealer ul li:first-child {
    padding-left: 0px;
}

.dealer-four-design .page-title-box-fourde-dealer ul li a {
    border: 0 !important;
}

.dealer-four-design .page-title-box-fourde-dealer ul li a {
    font-size: 15px;
    color: #adb5bd;
}

.dealer-four-design .page-title-box-fourde-dealer ul li {
    padding-left: 15px;
}

.dealer-four-design .page-title-box-fourde-dealer ul li {
    list-style: none;
    display: inline-block;
}

.dealer-four-design .page-title-box-fourde-dealer ul li:last-child a {
    cursor: auto;
}

.dealer-four-design .page-title-box-fourde-dealer ul li a {
    border: 0 !important;
}

.page-title-box-fourde-dealer {
    display: none;
}

.dealer-four-design .page-title-box-fourde-dealer {
    display: block;
}

.dealer-four-design .page-title-box-fourde-dealer {
    margin-bottom: 5px;
}
.dealer-four-design .dealer-none-fourclass{display:none;}
.dealer-four-design .col-md-4.create-retaileruse button {
    background: var(--fullbodybg-four) !important;
}
.dealer-four-design .tableseconddes-dealer table, .dealer-four-design .tableseconddes-dealer table tr, .dealer-four-design .tableseconddes-dealer tabletr td,
.dealer-four-design .tableseconddes-dealer table tr th, .dealer-four-design .tableseconddes-dealer table thead, .dealer-four-design .tableseconddes-dealer table tbody {
    background: #f2f3f6 !important;
    border-color: #aaa4a4 !important;
}
.dealer-four-design .slab-setting-menu li a.activee {
    background: var(--fullbodybg-four) !important;
}
.dealer-four-design .tmw-total-color-one {
    -webkit-background-clip: text !important;
}
.dealer-four-design .container-fluid {
    min-height:100vh;
}
.dealer-four-design .silver-notification.dealer-box-back-four {
    border-radius: 0px !important;
}
.dealer-four-design .page-title-box-fourde-dealer ul {
    padding: 0;
}
.dealer-four-design .help-dealer-second-design table tr td {
    border-bottom: 1px solid #ddd !important;
}
.dealer-four-design .help-dealer-second-design table tr:last-child td {
    border-bottom: 0 !important;
}
.dealer-four-design .fund-trasfer-left .nav-tabs li.active a, .dealer-four-design .fund-trasfer-left .nav-tabs li.active a {
    background: var(--fullbodybg-four) !important;
    color: #fff !important;
}
.dealer-four-design .modal-header button {
    color: var(--fullbodybg-four) !important;
}
.dealer-four-design .getway-history-header ul li a .fa.fa-caret-down {
    color: var(--fullbodybg-four);
}


/*Dealer-Responsive-Css-Start*/

@media screen and (max-width:991px){
    .dealer-four-design .header-right-four-admin {
        margin: 0;
    }
    .dealer-four-design.dealer-four-design-mobile .leftside-menu-retailer {
        display: block;
        top: 57px;
    }

}

@media screen and (max-width:766px){
    .dealer-four-design .page-title-box-fourde-dealer {
        display: none;
    }
}

/*Dealer-Css-End*/

/*Four-Design-Master-Css-Start*/

.dealer-four-design .navbar-master-navbar {
    display:none;
}
.dealer-four-design .masterdashbord-second {
    display: none;
}
.dealer-four-design .masterdashbord-second-second {
    width: 100%;
    float: left;
}
.master-four-design .tab-content.tab-content-holidayclass {
    box-shadow: 0 0 35px 0 rgb(74 74 74 / 15%) !important;
    border: 0px !important;
    background: #fafbfe !important;
}
.master-four-design .master-firsclass ul.nav.nav-tabs.distb.master-tabbutton li.active a {
    background: var(--fullbodybg-four) !important;
}
.master-four-design .tab-content.tab-content-holidayclass table * {
    background: #f2f3f6;
    border-color: #aaa4a4 !important;
}
.master-four-design .history-recent-master .recent-transition-dealer table {
    border-color: #aaa4a4 !important;
}
.master-four-design table, .master-four-design table tr, .master-four-design table td, .master-four-design table th, .master-four-design table tbody, .master-four-design table thead {
    background: #f2f3f6 !important;
    border-color: #aaa4a4 !important;
}

.operatorindex-master-thirddes, .master-four-design .opertor-third-design-master {
    display: none;
}

.master-four-design .operatorindex-master-thirddes {
    display: flex;
}

.master-four-design .operatorindex-master-thirddes {
    background: var(--fullbodybg-four) !important;
}

    .master-four-design .operatorindex-master-thirddes li a, .master-four-design .operatorindex-master-thirddes li.active a,
    .master-four-design .operatorindex-master-thirddes li.active a:hover, .master-four-design .operatorindex-master-thirddes li.active a:focus, .master-four-design .operatorindex-master-thirddes li a:hover {
        background: transparent !important;
    }

        .master-four-design .operatorindex-master-thirddes li.active a i {
            width: 63px;
            height: 63px !important;
            margin-top: -19px !important;
            z-index: 99;
            position: relative !important;
            border-radius: 50%;
            padding: 15px;
            text-align: center;
            background: transparent;
        }

        .master-four-design .operatorindex-master-thirddes li a i {
            margin: 0px !important;
            margin-top: 0px;
            position: static !important;
            border-radius: 0;
            padding: 0;
            display: block;
            width: 40px;
            height: 40px;
            background: transparent;
        }

            .master-four-design .operatorindex-master-thirddes li a i img {
                width: 100% !important;
                position: static !important;
                margin: 0 !important;
                display: block !important;
                max-width: 100% !important;
            }

        .master-four-design .operatorindex-master-thirddes li.active a i {
            text-align: center;
        }

        .master-four-design .operatorindex-master-thirddes li.active a span {
            margin-top: 2px !important;
        }

        .master-four-design .operatorindex-master-thirddes li a span {
            margin: 0 !important;
            margin-top: 0px;
            display: block;
            position: static !important;
            margin-top: 3px !important;
            padding: 0 !important;
        }

    .master-four-design .operatorindex-master-thirddes li a {margin: 0px !important;}

    .master-four-design .operatorindex-master-thirddes li.active a i::after {
        transition: all .4s linear;transform: scaleX(1);
    }

    .master-four-design .operatorindex-master-thirddes li a i::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: var(--four-design-bg-first);
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        z-index: -1;
        transition: all .4s linear;
        transform: scaleX(0);
    }

    .master-four-design .operatorindex-master-thirddes li a::before {display: none !important;}

    .master-four-design .operatorindex-master-thirddes li.active a::after {
        transform: scaleX(1);transition: all .4s linear;
    }

    .master-four-design .operatorindex-master-thirddes li a::after {
        content: "";
        display: block;
        width: 100%;
        height: 28px;
        position: absolute;
        left: 0;
        background: var(--fullbodybg-four);
        top: -26px;
        clip-path: url(#menu);
        transform: scaleX(0);
        transition: all .4s linear;
    }

    .master-four-design .operatorindex-master-thirddes li a {padding-bottom: 5px !important;}

    .master-four-design .operatorindex-master-thirddes li a {margin-right: 0 !important;}

.operatorindex-master.operatorindex-master-thirddes {display: none;}

.master-four-design .operatorindex-master.operatorindex-master-thirddes {display: flex;}
.master-four-design .svg-container-third-designmaster {display: block;height: 0;width: 0;}
.master-four-design .showcreditreport-master .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
    padding: 0;
}
.master-four-design .datepicker .datepicker-days table, .master-four-design .datepicker .datepicker-days table tr, .master-four-design .datepicker .datepicker-days table thead, .master-four-design .datepicker .datepicker-days table tbody, .master-four-design .datepicker .datepicker-days table tr, .master-four-design .datepicker .datepicker-days table td, .master-four-design .datepicker .datepicker-days table th {
    background: transparent !important;
}
.master-four-design .fulltextbodycolor {-webkit-background-clip: text !important;}
.master-four-design .kklo #custnav ul li a.activee.navbar, .master-four-design #custnav ul li a.activee {
    background: var(--fullbodybg-four) !important;
}
.master-four-design span.fa.fa-clock-o, .master-four-design span.fa.fa-comments-o {
    font: normal normal normal 14px/1 FontAwesome !important;
}

.master-four-design .full-chatbackground .chat-body.clearfix {
    background: var(--fullbodybg-four);
}
.master-four-design .chat.apiadminchatmassege li .chat-body.clearfix::after {
    border-color: rgb(0 0 0 / 0%) var(--fullbodybg-four) rgb(0 0 0 / 0%) rgb(0 0 0 / 0%);
}



@media screen and (max-width:991px){
    .dealer-four-design section.content{
        margin-left:0px;
    }
    .master-four-design .operatorindex-master.operatorindex-master-thirddes {
        display: none !important;
    }
    .master-four-design .opertor-third-design-master {
        display: block;background: transparent !important;
    }
}

/*Master-Css-End*/

/* ======= Api-Css-Start ========== */

.dealer-four-design-show .simplebar-content-retailer ul.menusmoll-scroll-four::-webkit-scrollbar {
    scrollbar-width: none;
    scroll-behavior: auto;
    display: none;
}
.dealer-four-design-show .simplebar-offset-retailer ul li .four-submenu-retailer ul.api-four-design-page {
    background: var(--four-design-bg-first);
    z-index: 9;
    position: relative;
}
.dealer-four-design .header-right-four-admin .headernav-four-admin.dealer-fixed-headerclass {
    
    width: 86.8%;
}
.dealer-four-design-show .header-right-four-admin .headernav-four-admin.dealer-fixed-headerclass {
    width: 95.6%;
}
.dealer-four-design-show .simplebar-offset-retailer ul li .four-submenu-retailer.collapse.in {
    display: none !important;
}
.dealer-four-design-show .simplebar-offset-retailer ul li:hover .four-submenu-retailer.collapse.in {
    display: block !important;
}

/* ======= Api-Css-Start-End ========== */