/*******************************************************************************
        ## GENREAL
*******************************************************************************/
::-moz-selection {
    color: #FFFFFF;
    background: #5F69E0;
}

::selection {
    color: #FFFFFF;
    background: #5F69E0;
}

a {
    color: var(--main-bg-color)
}

a:hover,
a:focus {
    color: var(--main-bg-color);
    outline: none;
    text-decoration: none;
}

p {
    color: #919293;
    line-height: 1.9;
}

.hide-otp {
    display: none;
}


/* zeeshan css start */
.select_input_zeeshan {
    display: table;
    width: 100%;
}

.select_input_zeeshan select.form-control {
    width: 25%;
    float: left;
    padding: 3px;
    font-family: sans-serif;
}

.select_input_zeeshan input.form-control {
    width: 75%;
    float: left;
}

/*******************************************************************************
        ## TOP HEADER
*******************************************************************************/

@media (max-width: 767px) {

    .header-top .navbar-header {
        background-color: #5F69E0;
        color: #fff
    }

    .fixed_for_sign_up {
        position: relative !important;
    }

    .digital_center_logo h2 {
        font-size: 25px;
    }
}


/*******************************************************************************
        ## LEFT SIDEBAR
*******************************************************************************/
.side-nav>li>a .badge {
    float: right;
    margin-top: 1px;
    padding: 2px 5px;
    background-color: #FF4859;
    font-weight: 300;
}




/*******************************************************************************
        ## BREADCRUMB & PAGINATION
*******************************************************************************/
.page-header {
    border-bottom: 1px solid #E7E7E7;
}

.page-header.no-breadcrumb {
    border-bottom: 1px solid #f0f3f5;
}

.nav-top.app-layout .page-header {
    border-left: 1px solid #e4eef0;
    border-right: 1px solid #e4eef0
}

.breadcrumb>li>a {
    color: #c6cbd7
}

.breadcrumb>li>a:hover,
.breadcrumb>li>a:focus {
    color: #7f888f
}

.breadcrumb-wrap {
    background-color: #fff;
    border-top: 1px solid #e4eef0;
    border-bottom: 1px solid #e4eef0
}


.pagination>li>a,
.pagination>li>span {
    color: #363A5C;
    font-weight: 400;
    cursor: pointer;
}

.pagination.rounded>.active>a,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background: linear-gradient(to bottom, #0000cc 0%, #333300 100%);
    border-color: var(--btn_backgrond);
    color: var(--btn_color_white);
}




/*******************************************************************************
                    ## PANEL STYLS
*******************************************************************************/
.btn {
    padding: 4px 8px;
}

.panel {
    margin-bottom: 10px;
    border: 0px solid transparent;
}

.panel-heading {
    padding: 0px 15px;
    border-bottom: 1px solid transparent;
    padding-top: 0px;
}

.panel-title {
    font-weight: 600;
}

.panel-default>.panel-heading {
    color: #62627C;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.panel-primary>.panel-heading {
    background-color: #5765ce;
    border-color: #5765ce;
}

.panel-success>.panel-heading {
    color: #FFFFFF;
    background-color: #c2d81e;
    border-color: #c2d81e;
}

.panel-info>.panel-heading {
    color: #FFFFFF;
    background-color: #1bc9e4;
    border-color: #1bc9e4;
}

.panel-warning>.panel-heading {
    color: #FFFFFF;
    background-color: #febf34;
    border-color: #febf34;
}

.panel-danger>.panel-heading {
    color: #FFFFFF;
    background-color: #ff4a5d;
    border-color: #ff4a5d;
}

.panel-inverse>.panel-heading {
    color: #FFFFFF;
    background-color: #272a49;
    border-color: #272a49;
}

/*CARD TOOLS*/
.panel .tools {
    position: absolute;
    right: 35px;
    top: 16px;
}

.panel .tools>.btn-link {
    color: rgba(0, 0, 0, .4);
    font-size: 13px;
    margin-left: 15px;
}

.panel .tools>.btn-link:focus,
.panel .tools>.btn-link:active,
.panel .tools>.btn-link:hover {
    color: rgba(0, 0, 0, .7);
    text-decoration: none;
}

.panel.panel-primary .tools>.btn-link,
.panel.panel-success .tools>.btn-link,
.panel.panel-info .tools>.btn-link,
.panel.panel-warning .tools>.btn-link,
.panel.panel-danger .tools>.btn-link,
.panel.panel-inverse .tools>.btn-link {
    color: rgba(255, 255, 255, .6);
}

.panel.panel-primary .tools>.btn-link:hover,
.panel.panel-success .tools>.btn-link:hover,
.panel.panel-info .tools>.btn-link:hover,
.panel.panel-warning .tools>.btn-link:hover,
.panel.panel-danger .tools>.btn-link:hover,
.panel.panel-inverse .tools>.btn-link:hover {
    color: rgba(255, 255, 255, 1);
}

.panel .tools .panel-collapse {
    border: none;
}

.panel .tools .panel-collapse:before {
    content: "\e648";
    display: inline;
    font-family: 'themify';
    font-weight: 300;
    height: auto;
    text-shadow: none;
    font-size: 12px;
}

.panel .tools .panel-expand:before {
    content: "\e64b";
    display: inline;
    font-family: 'themify';
    height: auto;
    text-shadow: none;
    font-size: 12px;
}

.panel-full-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    z-index: 10000
}

.panel-footer {
    padding: 10px 15px;
    background-color: #ffffff;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}




/*******************************************************************************
        ## LABEL & BADGES
*******************************************************************************/

.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger,
.bg-inverse {
    color: #FFFFFF;
}

.bg-primary {
    background-color: #5F69E0;
}

.bg-secondary {
    background-color: #363A5C;
}

.bg-success {
    background-color: #7EC857;
}

.bg-info {
    background-color: #00C9E6;
}

.bg-warning {
    background-color: #FFC017;
}

.bg-danger {
    background-color: #FF4859
}


.label {
    border-radius: 1.5px;
    vertical-align: middle;
    padding: .3em .6em .3em;
}

.label-primary,
.badge-primary {
    background-color: #5F69E0;
}

.label-secondary,
.badge-secondary {
    background-color: #363A5C;
}

.label-success,
.badge-success {
    background-color: #7EC857;
}

.label-info,
.badge-info {
    background-color: #00C9E6;
}

.label-warning,
.badge-warning {
    background-color: #FFC017;
}

.label-danger,
.badge-danger {
    background-color: #FF4859;
}


.text-primary {
    color: #5F69E0;
}

.text-secondary {
    color: #363A5C;
}

.text-success {
    color: #7EC857;
}

.text-info {
    color: #00C9E6;
}

.text-warning {
    color: #FFC017;
}

.text-danger {
    color: #FF4859;
}





/*******************************************************************************
                    ## PROGRESS BAR
*******************************************************************************/
.progress-bar-success {
    background-color: #7EC857;
}

.progress-bar-info {
    background-color: #00C9E6;
}

.progress-bar-warning {
    background-color: #FFC017;
}

.progress-bar-danger {
    background-color: #FF4859;
}




/*******************************************************************************
        ## LOG VIEW
*******************************************************************************/

.list-log-view>li.success {
    background-color: #E3F4DA;
    border-top: 1px solid #C7E9B5;
}

.list-log-view>li.success>a {
    color: #cde600;
}

.list-log-view>li.info {
    background-color: #DEEFFA;
    border-top: 1px solid #BCDEF4;
}

.list-log-view>li.info>a {
    color: #00c9e6;
}

.list-log-view>li.warning {
    background-color: #FFFBE6;
    border-top: 1px solid #FFF5C2;
}

.list-log-view>li.warning>a {
    color: #ffc017;
}

.list-log-view>li.danger {
    background-color: #FFF0F0;
    border-top: 1px solid #FFD7D7;
}

.list-log-view>li.danger>a {
    color: #ff4859;
}








/*******************************************************************************
                                Modal Styles
*******************************************************************************/

.modal-content {
    border: none;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-header {
    border-radius: 3px 3px 0px 0px;
    border-bottom: none;
    background: #FFFFFF;
}

.modal-title {
    color: #4C4C4C;
}

.modal-primary .modal-header {
    border-bottom: none;
    background: #5F69E0;
}

.modal-secondary .modal-header {
    border-bottom: none;
    background: #363A5C;
}

.modal-success .modal-header {
    border-bottom: none;
    background: #7EC857;
}

.modal-info .modal-header {
    border-bottom: none;
    background: #00C9E6;
}

.modal-warning .modal-header {
    border-bottom: none;
    background: #FFC017;
}

.modal-danger .modal-header {
    border-bottom: none;
    background: #FF4859;
}

.modal-primary .modal-header .modal-title,
.modal-info .modal-header .modal-title,
.modal-success .modal-header .modal-title,
.modal-warning .modal-header .modal-title,
.modal-secondary .modal-header .modal-title,
.modal-danger .modal-header .modal-title {
    color: #FFFFFF;
}

.modal-header .close {
    margin-top: 2px;
    color: #000000;
    text-shadow: none;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    opacity: 1;
    position: absolute;
    top: 0px;
    right: 5px;
    outline: none;
}

/*******************************************************************************
        ## ALERTS & CALLOUTS
*******************************************************************************/

.alert {
    border-radius: 3px;
}

.alert:before {
    font-family: 'themify';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    margin-right: 10px;
}

.alert-block h4 {
    position: relative;
    top: -23px;
    left: 30px;
    width: 85%;
    margin-bottom: -15px;
}

.alert-block p.actions {
    display: block;
    text-align: right
}

.alert-success {
    color: #87B23B;
    background-color: rgba(148, 198, 75, .2);
    border-color: rgba(148, 198, 75, .5);
}

.alert-success:before {
    content: "\e64d";
    color: #87B23B;
    ;
}

.alert-info {
    color: #09A8D8;
    background-color: rgba(9, 168, 216, .2);
    border-color: rgba(9, 168, 216, .3);
}

.alert-info:before {
    content: "\e697";
    color: #09A8D8;
}

.alert-warning {
    color: #EFAC37;
    background-color: rgba(255, 190, 64, .2);
    border-color: rgba(255, 190, 64, .2);
}

.alert-warning:before {
    font-family: 'themify';

    content: "\e6c5";
    color: #EFAC37;
}

.alert-danger {
    color: #E05A3B;
    background-color: rgba(235, 104, 65, .3);
    border-color: rgba(235, 104, 65, .4);
}

.alert-danger:before {
    /*content: "\e646";*/
    color: #E05A3B;
}

.alert .close {
    font-size: 10px;
    margin-top: 6px;
}



.callout {
    margin: 0 0 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
    border-radius: 3px;
}

.callout-success,
.callout-info,
.callout-warning,
.callout-danger {
    background-color: #F2F3F7;
}

.callout-success {
    border-color: #7EC857;
}

.callout-info {
    border-color: #00C9E6;
}

.callout-warning {
    border-color: #FFC017;
}

.callout-danger {
    border-color: #FF4859;
}

.clickable-row:hover {
    cursor: pointer;
}

label {
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 12px;
}

.trash_icon {
    width: 100px;
    padding: 20px;
}

#myProgress {
    width: 100%;
    background-color: #ddd;
}

#myBar {
    width: 24%;
    height: 15px;
    background-color: #4CAF50;
}

.reply_btn {
    float: right;
}

.nav>li>a:hover,
.nav>li>a:focus {
    background: var(--digital_btn_bg);
    color: var(--digital_btn_color);
}

.side-nav>li .sub-menu>ul>li.opened>a,
.side-nav>li .sub-menu>ul>li.active>a {
    background: var(--main-bg-color);
    color: var(--main-color);
}

.btn-primary {
    background: var(--btn_backgrond);
    border-color: var(--btn_backgrond);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: var(--btn_backgrond) !important;
    border-color: var(--btn_backgrond) !important;;
    color: var(--btn_color_white) !important;
}

.label_color_ve {
    padding-top: 10px;
}

.nav-tabs {
    margin-right: 10px;
}

.table_box_ve {
    margin-top: 0px;
}

.nav_tab_border_none {
    border: none;
}

.min_height_retailer_ve {
    min-height: 88.5vh;
}

.panel_title_table {
    padding-top: 0px;
    padding-top: 5px;

}

.plr15 {
    margin-top: 15px;
}

.side-nav>li>.card_status_check {
    font-size: 11px;
}
.cart_form_heading h3 {
    font-size: 20px;
    margin-top: 15px;
    background: #f1f0f0;
    padding: 8px;
    color: #383c60;
    border: 1px dashed #ddd;
    margin-top: 20px;
    margin-bottom: 0px;
}

.pt_0 {
    padding-top: 0px;
    padding-bottom: 15px;
}

.pb_30 {
    padding-bottom: 30px;
}

.note_serve_add .note_serv h1 {
    top: 12px;

}

.nav-tabs {
    border-bottom: none;
}

.min_height_staff_ve {
    min-height: 79vh;
}

.side-nav>li>a.ve_sidebar_panel_down {
    padding: 5px 20px;
}

.side-nav>li.ve_sidebar_pt_100 {
    padding-top: 5%;
}

.login_ve_panel {
    background: #1a73e8 !important;
    border: 1px solid #1a73e8 !important;
}

.login_ve_panel:hover,
.login_ve_panel:focus {
    background: #1a73e8 !important;
}

.limiter {
    position: relative;
}

.login_rd_home_signup {
    position: absolute;
    top: 15%;
    right: 28%;
    left: 0px;
    text-align: center;
    z-index: 999;
}

.login_rd_home_signup p {
    display: inline-block;
    background-color: #004A7F;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-size: 14px;
    padding: 0px 10px;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}

@-webkit-keyframes glowing {
    0% {
        background-color: #B20000;
        -webkit-box-shadow: 0 0 3px #B20000;
    }

    50% {
        background-color: #FF0000;
        -webkit-box-shadow: 0 0 40px #FF0000;
    }

    100% {
        background-color: #B20000;
        -webkit-box-shadow: 0 0 3px #B20000;
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #B20000;
        -moz-box-shadow: 0 0 3px #B20000;
    }

    50% {
        background-color: #FF0000;
        -moz-box-shadow: 0 0 40px #FF0000;
    }

    100% {
        background-color: #B20000;
        -moz-box-shadow: 0 0 3px #B20000;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000;
    }

    50% {
        background-color: #FF0000;
        box-shadow: 0 0 40px #FF0000;
    }

    100% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000;
    }
}

@keyframes glowing {
    0% {
        background-color: #B20000;
        box-shadow: 0 0 3px #f9f9f9;
    }

    50% {
        background-color: #FF0000;
        box-shadow: 0 0 40px #e0d6d6;
    }

    100% {
        background-color: #B20000;
        box-shadow: 0 0 3px #efe5e5;
    }
}

.side-nav>li.ve_sidebar_icon>a i {
    font-size: 10px;
    padding-left: 5px;
}

.qr_wallet_1 img {
    width: 100%;
}

.qr_wallet_1 {
    text-align: center;
}

.qr_wallet_1 h4 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}

table {
    background: #dddddd2e !important;
}

.onoffswitch {
    position: relative;
    width: 93px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 9px;
    border: 2px solid grey;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
    opacity: 1;


}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 26px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;



}

.onoffswitch-inner:before {
    content: "";
    padding-left: 17px;
    opacity: 1;
    color: #F01818;

}

.onoffswitch-inner:after {
    content: "";
    padding-right: 17px;
    opacity: 1;
    color: #631616;
    text-align: right;

}

.onoffswitch-switch {
    display: block;
    width: 20px;
    margin: 3px;
    background: grey;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 63px;

    border-radius: 9px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0;

}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0px;
    background-color: #2196F3;

}

.onoffswitch-checkbox:checked+.onoffswitch-label {
    border: 2px solid #5990CF;

}

.profile_image_panel {
    position: relative;
}

.profile_image_panel i {
    position: absolute;
    bottom: 15px;
    right: 35px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: var(--btn_backgrond);
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.pb_10 {
    padding-bottom: 5px;
}

.min_height_request {
    min-height: 76.5vh;
}

.note_serv {
    cursor: pointer;
}

.staff_min_height {
    min-height: 100vh;
}

.row_detail .btn {
    padding: 2px 8px;
    margin-top: 10px;
    font-size: 12px;
}

.retailer_login_btn {
    padding: 6px 30px;
}

.home_signup {
    text-align: right;
    padding-top: 20px;
}

.home_signup span {
    padding: 0px 10px;
}

.display_none_password {
    display: none;
}

.padding_forget_password {
    padding: 25px 88px;
}

.staff_request_scroll {
    height: 500px;
    overflow-y: scroll;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 5px;
    line-height: 20px;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}


.all_action {
    padding-top: 12px;
}

.all_action ul li {
    display: inline-block;
}

.all_action ul {
    margin: 0px;
}

/* 24-12-2019 css start */
.digital_search_admin {
    display: table;
    width: 100%;
    padding: 10px 0px;
}

.digital_search_admin label,
.digital_search_admin input {
    float: left;
}

.digital_search_admin label {
    width: 15%;
    margin-top: 6px;
}

.digital_search_admin input {
    width: 85% !important;
    display: block !important;
}
.btn-danger, .btn-danger:hover, .btn-danger:focus{
    background: var(--delete_btn_color);
    border-color: var(--delete_btn_color);
    outline: none;
}

/* all panel table btn start */
.edit_btn, .edit_btn:hover, .edit_btn:focus{
    background: var(--edit_btn);
    border: 1px solid var(--edit_btn);
    color: var(--btn_color_white);
    outline: none;
}
.view_btn, .view_btn:hover, .view_btn:focus {
    background: var(--view_btn);
    border-color: var(--view_btn);
    color: var(--btn_color_white);
    outline: none;
}
.delete_btn, .delete_btn:hover, .delete_btn:focus {
    background: var(--delete_btn);
    border-color: var(--delete_btn);
    color: var(--btn_color_white);
    outline: none;
}
.table_btn, .table_btn:hover, .table_btn:focus {
    background: var(--btn_backgrond);
    border-color: var(--btn_backgrond);
    color: var(--btn_color_white);
    outline: none;
}

/* all panel table btn end */
/* retailer panel table btn start */
.retailer_theme_body .edit_btn, .retailer_theme_body .edit_btn:hover, .retailer_theme_body .edit_btn:focus{
    background: var(--retailer_edit_btn);
    border: 1px solid var(--retailer_edit_btn);
    color: var(--retailer_btn_color_white);
    outline: none;
}
.retailer_theme_body .view_btn, .retailer_theme_body .view_btn:hover, .retailer_theme_body .view_btn:focus {
    background: var(--retailer_view_btn);
    border-color: var(--retailer_view_btn);
    color: var(--retailer_btn_color_white);
    outline: none;
}
.retailer_theme_body .delete_btn, .retailer_theme_body .delete_btn:hover, .retailer_theme_body .delete_btn:focus {
    background: var(--retailer_delete_btn);
    border-color: var(--retailer_delete_btn);
    color: var(--retailer_btn_color_white);
    outline: none;
}
.retailer_theme_body .table_btn, .retailer_theme_body .table_btn:hover, .retailer_theme_body .table_btn:focus {
    background: var(--retailer_btn_bg);
    border-color: var(--retailer_btn_bg);
    color: var(--retailer_btn_color_white);
    outline: none;
}

/* retailer panel table btn end */
/* staff panel table btn start */
.staff_theme_body .edit_btn, .staff_theme_body .edit_btn:hover, .staff_theme_body .edit_btn:focus{
    background: var(--staff_edit_btn);
    border: 1px solid var(--staff_edit_btn);
    color: var(--staff_btn_color_white);
    outline: none;
}
.staff_theme_body .view_btn, .staff_theme_body .view_btn:hover, .staff_theme_body .view_btn:focus {
    background: var(--staff_view_btn);
    border-color: var(--staff_view_btn);
    color: var(--staff_btn_color_white);
    outline: none;
}
.staff_theme_body .delete_btn, .staff_theme_body .delete_btn:hover, .staff_theme_body .delete_btn:focus {
    background: var(--staff_delete_btn);
    border-color: var(--staff_delete_btn);
    color: var(--staff_btn_color_white);
    outline: none;
}
.staff_theme_body .table_btn, .staff_theme_body .table_btn:hover, .staff_theme_body .table_btn:focus {
    background: var(--staff_btn_bg);
    border-color: var(--staff_btn_bg);
    color: var(--staff_btn_color_white);
    outline: none;
}

/* staff panel table btn end */

.sub_btn {
    margin-top: 40px;
}

@media (min-width: 768px) and (max-width: 1366px) {
    .digital_search_admin label {
        width: 22% !important;
    }

    .digital_search_admin input {
        width: 78% !important;
    }
    .sub_btn {
        margin-top: 65px;
    }

}

.profile_body .profile_image_panel i {
    color: #fff;
}

.staff_profile .profile_image_panel i {
    color: #fff;
}

/* retailer theme color start */
.retailer_theme_color .header-top,
.retailer_theme_color .digital_center_logo_panel h2,
.retailer_theme_color .hlp_num,
.retailer_theme_color .header-top .navbar-nav>li>a,

.retailer_theme_color .side-nav>li.has-submenu>a[aria-expanded="true"],
.retailer_theme_color .side-nav>li>a:hover,
.retailer_theme_color .side-nav>li .sub-menu>ul>li.active>a,
.retailer_theme_color .side-nav>li .sub-menu>ul>li>a:hover,
.retailer_theme_color .side-nav>li .sub-menu>ul>li>a:focus,
.retailer_theme_color .header-top .navbar-nav>li>a:hover,
.retailer_theme_color .header-top .navbar-nav>li>a:focus,
.retailer_theme_color .header-top .navbar-nav>li.open>a,
.retailer_theme_color .header-top .navbar-nav>li.open>a:focus,
.retailer_theme_color .header-top .navbar-nav>li.open>a:hover,
.retailer_dashboard .note_serv h1,
.retailer_profile .profile_image_panel i,
.retailer_footer {
    background: var(--retailer_main_color) !important;
}

.retailer_theme_color .side-navigation-wrap,
.retailer_theme_color .side-nav>li .sub-menu>ul>li>a {
    background: var(--retailer_sidebar);
}

.retailer_theme_color .digital_center_logo_panel h2,
.retailer_theme_color .hlp_num,
.retailer_theme_color .header-top .navbar-nav>li>a,
.retailer_theme_color .side-nav>li>a,
.retailer_dashboard .note_serv h1,
.retailer_footer,
.retailer_theme_color .side-nav>li.has-submenu>a[aria-expanded="true"],
.retailer_theme_color .side-nav>li>a:hover,
.retailer_theme_color .side-nav>li .sub-menu>ul>li>a,
.retailer_profile .min_height_retailer_ve .panel-body i {
    color: var(--retailer_btn_color_white) !important;
}

.retailer_profile .btn-warning,
.panel_retailer_btn,
.panel_retailer_btn:hover,
.panel_retailer_btn:focus,
.retailer_theme_body .btn-primary,
.retailer_theme_body .nav-tabs>li.active>a,
.retailer_theme_body .nav-tabs>li.active>a:focus,
.retailer_theme_body .nav-tabs>li.active>a:hover,
.retailer_theme_body .pagination>.active>a,
.retailer_theme_color .btn-warning {
    background: var(--retailer_btn_bg) !important;
    border: 1px solid var(--retailer_btn_bg) !important;
    color: var(--retailer_btn_color_white) !important;
}

/* retailer theme color end */

/* staff theme color start */
.staff_header .header-top,
.staff_header .side-nav>li.has-submenu>a[aria-expanded="true"],
.staff_header .side-nav>li>a:hover,
.staff_header .side-nav>li .sub-menu>ul>li.active>a,
.staff_header .side-nav>li .sub-menu>ul>li>a:hover,
.staff_header .side-nav>li .sub-menu>ul>li>a:focus,
.staff_header .header-top .navbar-nav>li>a:hover,
.staff_header .header-top .navbar-nav>li>a:focus,
.staff_header .header-top .navbar-nav>li.open>a,
.staff_header .header-top .navbar-nav>li.open>a:focus,
.staff_header .header-top .navbar-nav>li.open>a:hover,
.staff_dashboard .note_serv h1,
.staff_profile .profile_image_panel i,
.staff_footer {
    background: var(--staff_main_color) !important;
}

.staff_header .side-navigation-wrap,
.staff_header .side-nav>li .sub-menu>ul>li>a {
    background: var(--staff_sidebar);
}

.staff_header .digital_center_logo_panel h2,
.staff_header .hlp_num,
.staff_header .header-top .navbar-nav>li>a,
.staff_header .side-nav>li>a,
.staff_dashboard .note_serv h1,
.staff_footer,
.staff_header .side-nav>li.has-submenu>a[aria-expanded="true"],
.staff_header .side-nav>li>a:hover,
.staff_header .side-nav>li .sub-menu>ul>li>a,
.staff_profile .min_height_retailer_ve .panel-body i {
    color: var(--staff_text_color) !important;
}

.staff_theme_body input:checked+.slider {
    background: var(--staff_btn_bg);
}

.staff_theme_body .btn-primary,
.staff_theme_body .btn-primary:hover,
.staff_theme_body .btn-primary:focus,
.staff_theme_body .nav-tabs>li.active>a,
.staff_theme_body .pagination>.active>a,
.staff_theme_body .btn-info {
    background: var(--staff_btn_bg) !important;
    border: 1px solid var(--staff_btn_bg) !important;
    color: var(--staff_btn_color_white) !important;
}

/* staff theme color end */

/* marquee css start */
.marquee {
    height: 25px;
    width: 100%;
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    background: #fff;
    z-index: 9;
    position: fixed;
  }
  
  .marquee div {
    display: block;
    width: 200%;
    height: 30px;
  
    position: absolute;
    overflow: hidden;
  
    animation: marquee 15s linear infinite;
  }
  
  .marquee p {
    float: left;
    width: 50%; 
    font-weight: 600;
    color: #333;
    line-height: 30px;
  }
  
  @keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
  }
/* marquee css end */
.panel_page_header {
    margin-top: 30px;
}
.kartbunny_link button, .kartbunny_link button:hover{
    background: #d34f20;
    text-transform: uppercase;
    color: #fff;
}

/* finacia 07-04-2020 start */
.mt_0{
    margin-top: 0px;
}
.form_main_h{
    text-align: left;
}
a{
    cursor: pointer;
}
.label_main_heading{
    background: #f1f0f0;
    color: #383c60;
    border: 1px dashed #ddd;
    margin-bottom: 0px;
    display: block;
    margin-top: 8px;
    padding: 10px;
}
.label_main_heading_two {
    margin-top: 2px;
    padding: 2px 10px;
}