/*-------------------------------- Globle Css Start ----------------------------------------*/
html,
body {
    background: #FFFFFF;
    font-family: 'Varela Round';
    line-height: 1.4 !important;
}

body.no-scroll {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}


.h1, .h2, .h3, h1, h2, h3 { margin-top: 10px; margin-bottom: 10px; }

.sticky_news {
    border-radius: 20px !important;
    bottom: 20px;
    position: fixed;
    right: 20px;
}
.top_bar {
    background-color: #81b6b6;
    border-color: #81b6b6;
    color: #ffffff;
    text-align: center;
    padding: 15px;
    display: inline-block;
    width: 100%;
}


.fixed_top_bar {
    display: inherit;
    width: 100%;
    background: #81b6b6;
    position: fixed;
    top: 0;
    padding: 10px 0 10px 0 !important;
    text-align: center;
    z-index: 99;
    left: 0;
}

.individual_page_second_bar {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    background: #81b6b6;
    color: #ffffff;
    padding: 12px 0 0 0;
}


.mt-view { margin-top: 25%; }
.mt-view-set-card-passcode { margin-top: 21%; }
.mt-view-forget { margin-top: 12%; }
.mt-view-card-success { margin-top: 12%; }
.mt-view-login-step2 { margin-top: 10%; }
.mt-view-payment { margin-top: 10%; }
.mt-view-account-trans-list { margin-top: 25%; }
.mt-view-wc-merch { margin-top: 26%; }
.mt-view-topup { margin-top: 25%; }
.mt-view-merch-temp { margin-top: 26%; }
.mt-view-transaction { margin-top: 10%; }
.mt-view-merch-add-destock { margin-top: 24%; }
.mt-view-merch-stocking-item-list { margin-top: 24%; }
.mt-view-merch-merchandising { margin-top: 27%; }
.mt-view-merchandiser-fridge-item-list { margin-top: 24%; }
.mt-view-merch-livraison { margin-top: 25.5%; }
.mt-view-merch-nettoyage { margin-top: 26%; }
.mt-view-merch-mise-en-place { margin-top: 26%; }
.mt-view-merch-recuperation { margin-top: 25%; }
.mt-view-stock-entry { margin-top: 18%; }
.mt-view-user-setting { margin-top: 12%; }
.mt-view-merch-the-end { margin-top: 23%; }
.mt-change-username { margin-top: 12%; }
.mt-change-username-confirmation { margin-top: 12%; }
.mt-scan-user-card { margin-top: 24%; }
.title-ft-size { font-size: 28px; }
.subtitle-text { font-size: 16px; margin-bottom: 20px; padding: 0px 20px; }


.add_credit {
    display: none;
} 

.ftb_logo img {
    width: 180px;
}

a.ftb_logo {
    display: inline-block;
}

.top_up_head {
    display: none;
}

a.back_button_arrow {
    position: absolute;
    width: 20px;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 9;
}


.welcome-merch-subtitle-text { width: 80%; margin: 0 auto 15px;  }
.img-merch-merchandise img { width: 80%; margin: auto; }
.img-merch-merchandise-2 img { width: 80%; margin: auto; }
.image-padding-recuperation { text-align: center; margin: 0 auto 0; }
.image-padding-recuperation img { width: 30%; }

.text-box-width { width: 75%; margin: auto; }

.back_button_arrow img {
    width: 100%;
}
.pt-75 {
    padding-top: 75px; 
}
.pt-50 {
    padding-top: 50px;
}
.login_action .btn-custom, 
.login_action .btn-custom:hover, 
.login_action .btn-custom:focus, 
.login_action .btn-custom:active {
    background: #76a144 url(../images/new_images/right_icon.png);
    color: #000000;
    padding: 7px 40px 7px 7px;
    font-weight: 700;
    position: relative;
    background-position: center right 5px;
    background-repeat: no-repeat;
    background-size: 26px;
    font-size: 13px;
    box-shadow: none;
    text-transform: uppercase;
    border-radius: 4px;
    display: inline-block;
    line-height: 23px;
}
.common_green_check_button:before {
    content: "";
    position: absolute;
    width: 23px;
    height: 23px;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: #76a144 url(../images/new_images/right_icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.common_green_check_button,
.common_green_check_button:hover,
.common_green_check_button:focus,
.common_green_check_button:active{ 
    background: #76a144;
    color: #000000;
    padding: 7px 35px 7px 14px;
    font-weight: 700;
    position: relative;
    font-size: 13px;
    box-shadow: none;
    text-transform: uppercase;
    border-radius: 4px;    
    display: inline-block !important;
    line-height: 23px;
    border: 0 none;
}
.common_red_cross_button:before {
    content: "";
    position: absolute;
    width: 23px;
    height: 23px;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: url(../images/new_images/cross_icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.common_red_cross_button, 
.common_red_cross_button:hover, 
.common_red_cross_button:focus, 
.common_red_cross_button:active {
    background: #e0301a;
    color: #000000;
    padding: 7px 35px 7px 14px;
    font-weight: 700;
    position: relative;
    font-size: 13px;
    box-shadow: none;
    text-transform: uppercase;
    border-radius: 4px;
    display: inline-block;
    line-height: 23px;
}
.common_theme_green_button:before {
    content: "";
    position: absolute;
    width: 23px;
    height: 23px;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: url(../images/new_images/plus_icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.common_theme_green_button, 
.common_theme_green_button:hover, 
.common_theme_green_button:focus, 
.common_theme_green_button:active {
    background: #81b6b6;
    color: #000000;
    padding: 7px 42px 7px 14px;
    font-weight: 700;
    position: relative;
    font-size: 13px;
    box-shadow: none;
    text-transform: uppercase;
    border-radius: 4px;
    display: inline-block;
    line-height: 23px;
    text-align: center !important;
}

.fixed_top_bar .navbar-toggle {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: 0;
    padding: 0;
    line-height: inherit;
    height: 28px !important;
}
.container.home_page {
    padding: 0 4px;
}
ul.home_tab {
    border-bottom: 0;
    background: #81b6b6;
}
ul.home_tab>li.active>a, 
ul.home_tab>li.active>a:focus, 
ul.home_tab>li.active>a:hover {
    border-bottom: 3px solid #9a9a9a;
    color: #fff;
    cursor: default;
    background: transparent;
    border-right: 0;
    border-left: 0;
    border-top: 0;
}
ul.home_tab> li > a:focus, 
ul.home_tab> li > a:hover {
    background-color: transparent;
    text-decoration: none;
    color: #000;
}
ul.home_tab>li>a {
    border: 0;
    text-align: center;
    color: #fff;
    background: transparent;
    padding: 10px 0;
}
ul.home_tab>li>a {
    padding-top: 8px;
    padding-bottom: 4px;
    line-height: 28px;
}
.main_overlay_menu {
    position: fixed;
    width: 100%;
    left: 0;
    top: 56px;
    z-index: 99;
    max-height: 1000px;
    overflow: scroll;
    border: none !important;
    box-shadow: none !important;
}
.main_overlay_menu .nav.navbar-nav {
    height: 1050px;
}
.main_overlay_menu .navbar-nav>li>a {
    color: #000000;
}
.main_overlay_menu .navbar-nav>li>a {
    padding-top: 6%;
    padding-bottom: 10px;
    line-height: 28px;
}
.main_overlay_menu .navbar-nav>li>a:hover,
.main_overlay_menu .navbar-nav>li>a:focus {
    background: transparent;
}
.product_price_item {
    display: inline-block;
    font-weight: bolder;
    font-size: 15px;
    color: black;
    text-align: center;
    width: 100%;
}
.lang-active {
    color: #09EAEA;
    font-weight: bold;
}
.page_title {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #5b5b5b !important;
    font-weight: 700;
    font-size: 22px;
}

.top_up_head {
    display: none;
}


.page_title_2 {
    padding: 15px 0 0 0;
    font-size: 20px;
    color: #aaaaaa;
    font-weight: bold;
    text-align: center;
}

/*-------------------------------- Globle Css End ----------------------------------------*/
/*----------------------------------combos page css start--------------------------------------*/

.pcombo_border{
    border:0.5px solid;
    border-radius: 3px;
    margin:0px 6px 0 6px;
    border-color:#D2D2D2;
}
.pcombo_hadding{
    text-align: center;
    padding-top:10px
    color:#000;
    font-size: 18px;
    font-weight: bold;
    padding: 0 12px 0 12px;
}
.pcombo_price{
    float:right;
     font-size: 18px;
    font-weight: bold;
    margin-top: -5px;

}
.pcombo_hrborder {
     border: 1px solid black;
     border-radius: 5px;
    margin-top: 30px;
    width: 100%;
}
.pcombo_bottom{
     font-weight: bold;
    text-align: center;
    color:#000;
     padding: 0 12px 12px 12px;
}

.pcombo_product_name{
     font-weight: bold;
    text-align: left;
    color:#000;
     padding: 0 12px 12px 12px;
}

/*----------------------------------combos page css end--------------------------------------*/
/*-------------------------------- Login Page Css Start ----------------------------------------*/
body.login_page {
    background: url("../images/new_images/login_bg.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding-bottom: 300px;
}


.login_logo {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-top: 45px;
}

.login_logo1 {
    display: none;
}

.login_logo img {
    width: 150px;
}

.login_section .form-wrap {
    margin: 0 auto;
    display: table;
    width: 90%;
}

.language_switch {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 30px 0;
}
.language_switch .lang-active {
    font-weight: bold;
    color: #000000;
}

.language_switch a {
    color: #000000;
    position: relative;
    margin-right: 13px;
    display: inline-block;
}

.language_switch a:before {
    content: "";
    border-right: 1px solid #000000;
    position: absolute;
    right: -9px;
    height: 15px;
    top: 3px;
}

.language_switch a:last-child {
    margin-right: 0;
}

.language_switch a:last-child:before {
    border-right: 0;
}

.common_form_design .form-control {
    border: 2px solid #000000;
    text-align: center;
    color: #000000;
    height: 38px;
}

label.form-invalid {
    margin: 4px 0 4px 0;
    line-height: 15px;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #e40000;
}
.login-form-main-message {
    text-align: center;
}

/* ---------- Form Input Color Start ---------- */

.common_form_design .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #717171;
}
.common_form_design .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #717171;
}
.common_form_design .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #717171;
}
.common_form_design .form-control:-moz-placeholder { /* Firefox 18- */
    color: #717171;
}

.common_form_design .form-control::-webkit-input-placeholder {
    color: #717171;
}
/* ---------- Form Input Color End ---------- */

.common_form_design .checkbox span {
    color: #717171;
}

.common_form_design .checkbox {
    display: table;
    margin: 0 auto;
}

.login_action {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.forgetpw {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

.forgetpw a {
    display: inline-block;
    width: 100%;
    font-weight: 700;
    color: #000000;
    margin: 2px 0;
}
.top_bar strong {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-family: 'Varela Round';
}
.common_form_design .checkbox input {
    float: left;
}

.login-form-main-message.show.error {
    color: #ff0000;
}
.login-form-main-message.show.success {
    color: #008000;
}

.login-form-main-message.show {
    margin-bottom: 5px;
}


/*-------------------------------- Login Page Css End ----------------------------------------*/


/*----------------------------------- scan user card -------------------------------*/

/*.ok_button {
    display: none !important;
    }*/
    .green-button{
        display: none ;
    }

    /*----------------------------------- scan user card -------------------------------*/


    /*-------------------------------- Registration Page Css Start ----------------------------------------*/



    .registration_form .login-form-1 .form-control {
        border: 0;
        box-shadow: 0 0 0;
        border-radius: 0;
        background: transparent;
        color: #5b5b5b;
        padding: 10px 0;
        font-weight: bold;
        height: auto;
        text-align: center;
    }

    .registration_form .login-form-1 {
        max-width: 300px;
        border-radius: 5px;
        display: table;
        margin: 0 auto;
    }
    .registration_form .login-form-1 .form-group {
        margin-bottom: 0;
        border-bottom: 2px solid #000000;
        padding-right: 0;
        position: relative;
    }
    .registration_form .login-form-1 .select_box_group  select.form-control {
        text-align-last: center;
        position: absolute;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
    }
    .registration_form .login-form-1 .select_box_group span.select_text_item {
        display: inline-block;
        width: 100%;
        color: #5b5b5b;
        padding: 10px 0;
        text-align: center;
        font-weight: 700;
    }
    .registration_form .login-form-1 .select_box_group span.select_text_item:before {
        width: 8px;
        height: 10px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 8px solid #5b5b5b;
        content: "";
        position: absolute;
        right: 3px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }
    /* ---------- Form Input Color Start ---------- */

    .registration_form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #5b5b5b;
    }
    .registration_form .form-control::-moz-placeholder { /* Firefox 19+ */
        color: #5b5b5b;
    }
    .registration_form .form-control:-ms-input-placeholder { /* IE 10+ */
        color: #5b5b5b;
    }
    .registration_form .form-control:-moz-placeholder { /* Firefox 18- */
        color: #5b5b5b;
    }
    .registration_form .form-control::-webkit-input-placeholder {
        color: #5b5b5b;
    }
    .top_up_section .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #5b5b5b;
        font-size: 16px;
    }
    .top_up_section .form-control::-moz-placeholder { /* Firefox 19+ */
        color: #5b5b5b;
        font-size: 16px;
    }
    .top_up_section .form-control:-ms-input-placeholder { /* IE 10+ */
        color: #5b5b5b;
        font-size: 16px;
    }
    .top_up_section .form-control:-moz-placeholder { /* Firefox 18- */
        color: #5b5b5b;
        font-size: 16px;
    }

    .top_up_section .form-control::-webkit-input-placeholder {
        color: #5b5b5b;
        font-size: 16px;
    }
    /* ---------- Form Input Color End ---------- */

    .form_action_center {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 20px 0 15px 0;
    }
    .registration_form .input-group {
        display: inline-block;
        width: 100%;
        margin-top: 16px;
    }

    .registration_form .input-group .checkbox, 
    .registration_form .input-group .radio {
        margin: 0;
    }
    .registration_form .input-group p {
        color: #5b5b5b;
        margin-bottom: 0;
    }
    .registration_form .common_green_check_button {
        width: 100%;
    }
    .registration_form .input-group .checkbox {
        position: relative;
    }
    .registration_form .input-group .checkbox label.form-invalid {
        position: absolute;
        left: 0;
        bottom: -24px;
        font-size: 15px;
        padding: 0;
    }
    .registration_form {
        padding-bottom: 60px;
    }
    /*-------------------------------- Registration Page Css End ----------------------------------------*/


    /*-------------------------------- Home Page Css Start ----------------------------------------*/
    .main_home_page {
        display: inline-block;
        width: 100%;
        padding-top: 44px;
    }

    .with_tab_page_container { display: inline-block; width: 100%; }
    .with_tab_page_container-menu-page { display: inline-block; width: 100%; margin-top: 25%; }

    .home_page .card {
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);
        transition: 0.3s;
        margin:1%;
        position: relative;
        float: left;
        width: 100%;
    }

    .home_page .card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.8); }

    .home_page .card-body {
        padding:8px;
        display: inline-block;
        width: 100%;
        float: left;
    }
    .home_page .card-text img {
        width: 100%;
        height: auto;
    }
    .home_page .card-body .card-title {                    
        overflow: hidden;                    
        text-overflow: ellipsis;
        display: -webkit-box; 
        height: 39px;
        font-size: 12px; 
        line-height: 13px !important;
        margin: 0; 
        font-weight: 700;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }


    .home_page .full_item .card-body .card-title {
        height: 33px;
        font-size: 16px; 
        line-height: 17px !important;                    
        overflow: hidden;                    
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;                    
    }

    .home_page .card {
        margin: 5px 0;
    }

    .home_page .half_item:nth-child(odd) {
        padding-left: 4px;
    }

    .home_page .half_item:nth-child(even) {
        padding-right: 4px;
    }
    .home_page .small_blog_box { 
        padding-top: 4px;
        padding-bottom: 4px;
        margin-right: -4px;
        margin-left: -4px;         
    }
    .half_item img.card-img-top {
        height: 60px;
        width: 100%;
    }

    /*-------------------------------- Home Page Css End ----------------------------------------*/

    /*-------------------------------- Custom Popup Css Start ----------------------------------------*/

    span.glyphicon.glyphicon-remove {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #ffffff;
        font-size: 24px;
    }
    .close_icon {
        width: 40px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        position: absolute;
        top: 15px;
        right: 15px;
        height: 40px;
    }
    .close_icon span {
        display: block;
        position: absolute;
        height: 2px;
        width: 22px;
        background: #333;
        border-radius: 9px;
        opacity: 1;
        left: 8px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    .close_icon span:nth-child(1) {
        top: 18px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .close_icon span:nth-child(2) {
        top: 18px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }   
    .home_page .card-text {
        padding: 15px;
    }
    .popup_overlay {
        position: fixed;
        left: 0;
        top: 0;
        width:  100%;
        height:  100%;
        background: rgba(0, 0, 0, 0.65);
        display: none;
        z-index: 9999;
    }
    .popup_overlay.active {
        display: block;
    }
    .custom_popup {
        position: fixed;
        top: 15px;
        height: 95%;
        overflow-x: scroll;
        border-bottom: 15px solid #fff;
        left: 50%;
        width: 90%;
        background: #fff;
        z-index: -1;
        margin-left: -45%;
        transform: scale(.5) translateY(-49%);
        -webkit-transform: scale(.5) translateY(-49%);
        -o-transform: scale(.5) translateY(-49%);
        -ms-transform: scale(.5) translateY(-49%);
        -webkit-transition: all 1s cubic-bezier(.5,1,.5,1);
        -moz-transition: all 1s cubic-bezier(.5,1,.5,1);
        -ms-transition: all 1s cubic-bezier(.5,1,.5,1);
        transition: all 1s cubic-bezier(.5,1,.5,1);
        opacity: 0;
    }
    .custom_popup.active {
        transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        opacity: 1;
        z-index: 99999;
    }

    .change-confirmation {
        padding-top: 20px;
        padding-left: 30px;
        padding-right: 30px;
    }



    /*-------------------------------- Custom Popup Css End ----------------------------------------*/



    /*----------------------------------- Login Step 2 Css Start ------------------------------------------*/
    .main_login_step_2 {
        display: inline-block;
        width: 100%;
        padding-top: 60px;
    }
    .scan_page_section {
        text-align: center;
        /*padding:50px 15px 0 15px;*/
    }
    .product_scan_container .scan_page_section {
        padding-top: 0;
    }
    /*----------------------------------- Login Step 2 Css End ------------------------------------------*/

    /*----------------------------------- Topup Page Css Start ------------------------------------------*/
    .top_up_section {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    form.topup_form {
        margin-top: 18px;
        width: 100%;
        display: inline-block;
    }
    .topup_form_action {
        display: inline-block;
        text-align: center;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .topup_form_action button.common_green_check_button {
        padding-left: 8px;
        padding-right: 42px;
    }
    /*----------------------------------- Topup Page Css End ------------------------------------------*/

    /*----------------------------------- Transaction Page Css Start ------------------------------------------*/
    .transaction_inner_container.product_scan_container {
        padding-top: 50px;
    }
    .transaction_inner_container .login-form-1 {
        display: table;
        margin: 0 auto;
    }
    .transaction_inner_container .table>thead>tr>th {
        border-bottom: 2px solid #444444;
        font-size: 12px;
        padding-right: 0;
    }

    .transaction_inner_container .table>tbody>tr>td, 
    .transaction_inner_container .table>tbody>tr>th, 
    .transaction_inner_container .table>tfoot>tr>td, 
    .transaction_inner_container .table>tfoot>tr>th,  
    .transaction_inner_container .table>thead>tr>td, 
    .transaction_inner_container .table>thead>tr>th {
        border-top: 0;
    }
    .transaction_inner_container .table tbody tr.transacation_type_row:nth-child(2n) {
        background: #bfdada;
    }
    .transaction_inner_container .table tbody  tr#tr_total {
        background: #ffffff;
    }
    .transaction_inner_container .main-total {
        width: 100%;
        padding: 10px 11% 10px 0;
        text-align: right;
    }
    .transaction_inner_container .main-total span.total {
        margin-right: 18px;
    }

    .transaction_inner_container .main-total span {
        font-size: 20px;
        text-transform: uppercase;
    }
    .your_order_table_container .bottom-pos {
        position: static;
        text-align: center;
    }
    .your_order_table_container .bottom-pos a {
        margin-bottom: 12px;
        width: 300px;
    }
    .bottom-pos-action {
        display: inline-block;
        width: 100%;
    }
    .your_order_table_container .bottom-pos a.confirm_button {
        line-height: 43px;
    }
    .your_order_table_container .bottom-pos a {    
        padding-right: 48px;
        padding-left: 4px;
    }
    .your_order_table_container .bottom-pos a:before {    
        width: 38px;
        height: 38px;
        background-size: 28px;

    }
    .your_order_table_container .bottom-pos a.confirm_button:before {
        width: 38px;
        height: 38px;
        background-size: 38px;
    }
    .transaction_inner_container .table .td_remove {
        color: #444444;
    }

    th.trans_chf_02_th, td.trans_chf_02 {
        text-align: right;
    }

    th.trans_chf_01_th ,
    th.trans_chf_02_th {
        width: 20%;
    }
    td.trans_chf_01,
    td.trans_chf_02 {
        width: 20%;
        padding: 0 0 8px 8px !important;
    }

    td.trans_product_qty  {
        width: 20%;    
        padding: 0 8px 8px 8px !important;
    }
    th.trans_product_qty_th {
        width: 20%;    
    }

    .transacation_type_row > td {
        padding: 0 !important;
    }

    .transacation_type_row td table td {
        padding: 8px;
        color: #434343;
    }

    .transacation_type_row {padding: 8px;}

    .transacation_type_row > td table {
        padding: 8px 0 !important;
    }

    th.trans_type_remove_th {
        width: 6%;    
    }
    td.trans_type_remove {
        width: 6%;    
        padding: 0 8px 8px 8px !important;
    }
    .transacation_type_row td table td.trans_product_name {
        padding-bottom: 0;
        font-weight: bold;
        position: relative;
        padding-right: 22px;
    }
    .transaction_inner_container .table .td_remove {
        color: #444444;
        position: absolute;
        right: 8px;
        top: 11px;
        font-size: 16px;
    }
    .your_order_table_container table.table {
        margin-bottom: 0;
    }
    body.body_bg_changes {
        background: url(../images/new_images/login_bg.png);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        height: 100vh;
    }
    .end_of_transaction {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 50px 16%  0 16%;
    }
    .end_of_transaction a {
        margin-top: 5px;
    }
    /*----------------------------------- Transaction Page Css End ------------------------------------------*/

    /*----------------------------------- Payment Page Css Start ------------------------------------------*/
    .transfer_info_container {
        width: 275px;
        margin: 0 auto;
        padding-bottom: 180px;
    }
    .transfer_info_container {
        margin-top: 15px;
        text-align: center;
    }
    .transfer_info_container a.common_green_check_button {
        padding: 7px 43px 7px 15px;
        margin-top: 10px;
    }

    .transfer_info_container .page_title {
        margin-bottom: 12px;
    }

    .transfer_info_container p.text_01 {
        font-size: 15px;
        color: #000000;
    }

    .transfer_info_container p.text_02 {
        color: #000000;
    }

    .transfer_info_container hr {
        border-top: 2px solid #000000;
    }
    /*----------------------------------- Payment Page Css End ------------------------------------------*/

    /*----------------------------------- Forgot Page Css Start ------------------------------------------*/
    .forgot_section .form-group {
        padding: 0;
    }

    .forgot_section .login-form-1 {
        display: table;
        margin: 0 auto;
        text-align: center;
    }

    .forgot_section button.common_green_check_button {
        display: table;
        margin: 8px auto 0;
    }

    .forgot_section {
        padding: 30px 15px 0 15px;
        display: inline-block;
        text-align: center;
    }

    .forgot_section .page_title {
        margin-bottom: 8px;
    }

    .forgot_section p {
        color: #000000;
        margin-bottom: 0;
        font-weight: bold;
    }
    .forgot_section .form-control {
        border: 2px solid #000000;
        text-align: center;
        color: #000000;
        height: 38px;
        padding: 6px 12px;
        border-radius: 4px;
    }   
    /*----------------------------------- Forgot Page Css End ------------------------------------------*/


    .ab_account_tran tr:nth-child(2n) {
        background: #bfdada;
    }
    .menu_of_week {
        padding-top: 8px;
    }
    .menu_of_week_single {
        padding-top: 8px;
    }
    .scan_user_card_container .login-form-1 {
        display: table;
        margin: 0 auto;
    }
    .set_card_passcode_container .login-form-1 {
        display: table;
        margin: 0 auto;
    }
/*.scan_user_card_container .page_title,
.set_card_passcode_container .page_title {
    padding: 0 15px;
    }*/
    .new_common_error_content {
        display: table;
        margin-top: 58px;
        text-align: center;
        padding-top: 98px;
        width: 280px;
        margin: 0 auto;
    }

    .new_common_error_content p {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 25px;
    }

    .new_error_msg_icon {
        display: table;
        margin: 0 auto 30px;
        width: 130px;
    }

    .new_error_msg_icon img {
        width: 100%;
    }
    .new_common_error_screen {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: #ffffff;
    }

    /*--------------------------------------------combo image css start------------------------------*/

    .Drinkimg{
        width: 51.6%;
        margin-left: -15px;
        margin-right: 0px
    }
    .Desertimg{
       width: 51.6%;
       margin-left:0px;
   }

   /*-----------------------------------------------combo image css end-----------------------------*/
   /*-----------------------------------------------------------------------------------------------*/
   /*                                   Responsive Media Query Start                                */
   /*-----------------------------------------------------------------------------------------------*/


    /*---- Mobile responsive 320  ----*/
    @media only screen and (min-width: 320px) {

        .Drinkimg{
        width: 52.1%;
        margin-left: -15px;
        margin-right: 0px
        }
        .Desertimg{
       width: 52.2%;
       margin-left:0.50px;
   }
}

 @media only screen and (min-width: 360px) {

         .Drinkimg{
        width: 51.8%;
        margin-left: -15px;
        margin-right: 0px
    }
    .Desertimg{
       width: 51.8%;
       margin-left:0px;
   }
}

 @media only screen and (min-width: 375px) {

         .Drinkimg{
        width: 51.8%;
        margin-left: -15px;
        margin-right: 0px
    }
    .Desertimg{
       width: 51.8%;
       margin-left:0px;
   }
}

 @media only screen and (min-width: 411px) {

         .Drinkimg{
        width: 51.6%;
        margin-left: -15px;
        margin-right: 0px
    }
    .Desertimg{
       width: 51.6%;
       margin-left:0px;
   }
}

   /*---- Mobile All Portrait + Landscape ----*/
   @media only screen and (max-width: 767px) {
    .menu_of_week_single img.list-group-image {
        width: 100%;
        height: auto;
        padding-left: 8px;
    }

    .empty_jar_form_resp{
        width: 50%;
        margin-left: 25%;
    }

    .empty_jar_form_resp .row{
        margin-bottom: 20px;
    }

    .empty_jar_form_resp .row .text-box{
        text-align: left;
        line-height: 34px;
    }


    .empty_jar_form_resp .quantity-input{
        width: 75%!important;
    }


}

@media only screen and (max-width: 400px) {
    .empty_jar_form_resp{
        width: 66%!important;
        margin-left: 17%!important;
    }

}





/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
@media screen and (device-aspect-ratio: 40/71) {
/*    .half_item img.card-img-top {
        height: 50px;
        }*/
        .mt-view-user-setting { margin-top: 15%; }
        .mt-change-username { margin-top: 15%; }
        .mt-change-username-confirmation { margin-top: 15%; }
        .mt-view-payment { margin-top: 15%; }




    }

    @media screen and (device-aspect-ratio: 40/71) and (orientation: landscape) {
        /*.half_item img.card-img-top { height: 50px; }*/
        .mt-view-user-setting { margin-top: 15%; }
        .mt-change-username { margin-top: 15%; }
        .mt-change-username-confirmation { margin-top: 15%; }
    }



    /* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

    /* Portrait and Landscape */
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {}

    /* Portrait */
    @media only screen   and (min-device-width: 320px) and (max-device-width: 568px)  and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
        .half_item img.card-img-top {
            height: 50px;
        }


    }
    /* Landscape */
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
        .half_item img.card-img-top {
            height: 97px;
        }
    }

    /* ----------- iPhone 6, 6S, 7 and 8 ----------- */

    /* Portrait and Landscape */
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { 

    }

    /* Portrait */
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 
        .half_item img.card-img-top {
            height: 60px;
        }
    }

    /* Landscape */
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 
        .half_item img.card-img-top {
            height: 116px;
        }
    }



    /* ---------------- Media Query for iPad ------------------------ */
    @media only screen and (min-width: 1024px)  {
     .Drinkimg{
        width: 50%;
        margin-left: 0px;
        margin-right: 0px
    }
    .Desertimg{
        width: 50%;
        margin-left:0px;
    }

    /*----------------------------------combos page css start--------------------------------------*/

    .pcombo_border{
        border:0.5px solid;
        border-radius: 3px;
        margin:10px 6px 0 6px;
        border-color:#D2D2D2;
    }
    .pcombo_hadding{
        text-align: center;
        padding-top:10px
        color:#000;
        font-size: 33px;
        font-weight: bold;
        padding: 0 12px 0 12px;
    }
    .pcombo_price{
        float:right;
        font-size: 33px;
        font-weight: bold;
        margin-top: -5px;

    }
    .pcombo_hrborder {
        border: 1px solid black;
        border-radius: 5px;
        margin-top: 51px;
    }
    .pcombo_bottom{
        font-weight: bold;
        text-align: center;
        color:#000;
        padding: 0 12px 12px 12px;
        font-size: 25px;
    }

    .pcombo_product_name{
        font-weight: bold;
        text-align: left;
        color:#000;
        padding: 0 12px 12px 12px;
         font-size: 25px;
    }

/*----------------------------------combos page css end--------------------------------------*/
}

@media only screen and (max-device-width: 1024px)  and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
/*    body, html {
        background: url("../images/new_images/login_bg.png") !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
        background-size: 100% !important;
        -webkit-transition: width 1s;
        transition: width 1s;
        }*/

 /*#login {
 		background: url("../images/new_images/login_bg.png") !important;
        background: url('../images/home_login_background.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        width: 100%;
        height: 100vh;
        position: relative;
    }
    #login:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 211px;
        background: url(../images/1_Bottom.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center top;
    }

    */
    


    body.body_bg_changes {
        background: url("../images/new_images/login_bg.png") !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
        background-size: cover !important;
        /*height: 100vh;*/
    }


}

@media (min-width: 600px) and (max-width: 767px) {
    .half_item img.card-img-top{
        height:110px;
    }
    #product_listing #products{
        width:80%;
        margin-left: 10%;
    }
}

@media (min-width: 1020px) and (max-width: 1200px) {
    .with_tab_page_container .card_payment_page #credit_card, .with_tab_page_container .card_payment_page #transfer_card{
        width: 65%!important;
    }
    .popup_container .img-responsive{
        max-width: none;
        width: 100%;
    }
    .main_overlay_menu .navbar-nav>li>a{
        font-size: 22px;
        padding-top: 45px;;
    }
    .popup_container .blog-desc{
        padding: 40px;
        font-size: 22px;
    }
    .topup_form_action button{
        font-size: 22px;
    }
    .half_item .card-img-inner .img-responsive{
        height: auto!important;
        min-width: 120%;
        position: absolute;
        transform: translateX(-50%);
        left:0;
        top: 0;
        margin-left: 50%;
    }
    .half_item .card-img-inner{
        position: relative;
        height: 210px;
        overflow: hidden;
    }
}


@media (min-width: 991px) and (max-width: 1200px) {
    .payment-page-box{
        margin-top: 45px!important;
    }
    .card .card-img-top{
        width:100%;
    }
    .half_item img.card-img-top{
        height:160px;
    }
    #product_listing #products{
        width:60%;
        margin-left: 20%;
    }
    #product_listing #products .side-corner-tag p{
        font-size: 24px;
    }
    #product_listing #products .product_details_heading{
        padding: 18px 50px 18px 18px!important;
    }
    #product_listing #products .caption{
        font-size: 24px;
    line-height: 40px;
    padding: 18px;
    }
    #product_listing #products .caption .glyphicon{
        font-size: 19px;
    }
    #product_listing #products .product_price_item{
        font-size: 18px!important;
    }
    .with_tab_page_container .card_payment_page{
        display: block!important;
        width:100%!important;
        width:70%!important;
        margin-left: 15%!important;
    }
    .with_tab_page_container .card_payment_page #credit_card,.with_tab_page_container .card_payment_page  #transfer_card{
        width:48%;
        margin:1%;
        margin-top: 60px;
    }
    .with_tab_page_container #credit_card img{
        height: auto!important;
    }
    .with_tab_page_container #transfer_card img{
        height: auto!important;
    }
    #health-label-detail,#nutrition-detail{
        width: 70%;
        left: 0;
        margin-left: 15%;
        padding:20px;
        line-height: 36px;
        font-size: 21px;
    }
    #health-label-detail h4.list-group-item-heading,#nutrition-detail h4.list-group-item-heading{
        font-size: 32px;
    }
    #health-label-detail h4,#nutrition-detail h4{
        font-size: 24px;
        padding: 0;
    }
    #health-label-detail .small-info,#nutrition-detail .small-info{
        font-size: 18px;
    }
    #health-label-detail .thick-m-end,#nutrition-detail .thick-m-end{
        font-size: 24px;
    }
    #product_listing #products h4.list-group-item-heading{
        font-size: 30px;
    }
    #product_listing #products .product_details_heading h6{
        font-size: 24px;
    }
    .navbar-collapse.collapse.main_overlay_menu.navbar_open {
        display: block !important;
    }

    .navbar-collapse.collapse {
        display: none !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }


}


@media (min-width: 768px) and (max-width: 1000px) {
    .payment-page-box{
        margin-top: 45px!important;
    }
    #product_listing #products h4.list-group-item-heading{
        font-size: 24px;
    }
    #product_listing #products .product_details_heading h6{
        font-size: 18px;
    }
    #product_listing #products .side-corner-tag p{
        font-size: 20px;
    }
    #product_listing #products .caption .col-lg-6.col-lg-offset-3.text-center{
        font-size: 20px;
        line-height: 30px;
    }
    #health-label-detail .thick-m-end,#nutrition-detail .thick-m-end{
        font-size: 20px;
    }
    #health-label-detail .small-info,#nutrition-detail .small-info{
        font-size: 14px;
    }
    #health-label-detail,#nutrition-detail{
        width: 70%;
        left: 0;
        margin-left: 15%;
        padding:20px;
        line-height: 28px;
        font-size: 16px;
    }
    #health-label-detail h4.inner list-group-item-heading,#nutrition-detail h4.inner list-group-item-heading{
        font-size: 24px;
    }
    #health-label-detail h4,#nutrition-detail h4{
        font-size: 21px;
        padding: 0;
    }
    .with_tab_page_container .card_payment_page{
        display: block!important;
        width:70%!important;
        margin-left: 15%!important;
    }
    .with_tab_page_container .card_payment_page #credit_card,.with_tab_page_container .card_payment_page  #transfer_card{
        width:48%;
        margin:1%;
        margin-top: 60px;
    }
    .with_tab_page_container #credit_card img{
        height: auto!important;
    }
    .with_tab_page_container #transfer_card img{
        height: auto!important;
    }
    #product_listing #products{
        width:70%;
        margin-left: 15%;
    }

    .navbar-collapse.collapse.main_overlay_menu.navbar_open {
        display: block !important;
    }

    .navbar-collapse.collapse {
        display: none !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

}



@media (min-width: 768px) and (max-width: 1000px) {

    /*for login page logo*/
    .login_logo img { width: 190px; }

    /*for login page start*/
    .language_switch { display: inline-block; width: 100%; text-align: center; margin: 40px 0; }

    .form-group { margin-bottom: 20px; }

    .forgetpw a {
        display: inline-block;
        width: 100%;
        font-weight: 700;
        color: #000000;
        margin: 4px 0;
    }

    .common_form_design .form-control {
        border: 2px solid #000000;
        text-align: center;
        color: #000000;
        height: 38px;
        width: 80%;
        margin: auto;
    }


    /*for login page end*/



    /*for forget.php page start*/

    .forgot_section {
        padding: 40px 15px 0 15px;
        display: inline-block;
        text-align: center;
    }

    .forgot_section .page_title { margin-bottom: 12px; }

    .forgot_section p {
        color: #000000;
        margin: 10px 88px 10px;
        font-weight: bold;
        font-size: 20px;
    }


    .forgot_section .form-control {
        border: 2px solid #000000;
        text-align: center;
        color: #000000;
        height: 38px;
        padding: 6px 12px;
        border-radius: 4px;
        margin: 30px auto;
    }

    .login-form-1 {
        /*max-width: 300px;*/
        border-radius: 5px;
        width: 100% !important;
        margin: 0 auto !important;
        display: inline-block !important;
    }


    .login-group {

        background: #FFFFFF;
        color: #999999;
        border-radius: 8px;
        padding: 0px 0px;
        border-radius: 50px 10px 10px 50px !important;

    }

    .login-form-main-message { margin-bottom: 16px !important; }

    /*for forget.php page end*/

    /*for registration.php page end*/

    .registration_form .login-form-1 {
        max-width: 100% !important;
        border-radius: 5px;
        display: inline-block !important;
        margin: 0 auto !important;
        padding-left: 100px;
        padding-right: 100px;
    }

    .pt-75 { padding-top: 90px; }

    .login-group {
        background: none;
        color: #999999;
        border-radius: 8px;
        padding: 0px 0px;
        border-radius: 50px 10px 10px 50px !important;
    }

    .registration_form .common_green_check_button { width: 60%; }

    /*for registration.php page end*/


    /*-------------------------------- Home Page Css Start ----------------------------------------*/
    .main_home_page {
        display: inline-block;
        width: 100%;
        padding-top: 44px;
    }


    .home_page .card {
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);
        transition: 0.3s;
        margin:1%;
        position: relative;
        float: left;
        width: 100%;
    }

    .home_page .card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.8); }

    .home_page .card-body {
        padding:8px;
        display: inline-block;
        width: 100%;
        float: left;
    }

    .home_page .card-text img {
        width: 100%;
        height: auto;
    }
    .home_page .card-body .card-title {                    
        overflow: hidden;                    
        text-overflow: ellipsis;
        display: -webkit-box; 
        height: 39px;
        font-size: 12px; 
        line-height: 13px !important;
        margin: 0; 
        font-weight: 700;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }


    .home_page .full_item .card-body .card-title {
        height: 33px;
        font-size: 16px; 
        line-height: 17px !important;                    
        overflow: hidden;                    
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;                    
    }

    .home_page .card {
        margin: 5px 0;
    }

    .home_page .half_item:nth-child(odd) { padding-left: 4px; }

    .home_page .half_item:nth-child(even) { padding-right: 4px; }

    .home_page .small_blog_box { 
        padding-top: 4px;
        padding-bottom: 4px;
        margin-right: -4px;
        margin-left: -4px;         
    }
    .half_item img.card-img-top {
        height: 131px;
        width: 100%;
    }

    .main_overlay_menu {
        position: fixed;
        width: 100%;
        left: 0;
        top: 56px;
        z-index: 99;
        max-height: 1000px;
        overflow: scroll;
        border: none !important;
        box-shadow: none !important;
    }
    .main_overlay_menu .nav.navbar-nav { height: 1050px; }
    .main_overlay_menu .navbar-nav>li>a { color: #000000; }
    .main_overlay_menu .navbar-nav>li>a { padding-top: 6%; padding-bottom: 10px; line-height: 28px; }
    .main_overlay_menu .navbar-nav>li>a:hover,
    .main_overlay_menu .navbar-nav>li>a:focus { background: transparent; }
    .product_price_item {
        display: inline-block;
        font-weight: bolder;
        font-size: 15px;
        color: black;
        text-align: center;
        width: 100%;
    }


    /*-------------------------------- Home Page Css End ----------------------------------------*/

    /*-------------------------------- Custom Popup Css Start ----------------------------------------*/

    span.glyphicon.glyphicon-remove {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #ffffff;
        font-size: 24px;
    }
    .close_icon {
        width: 40px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        position: absolute;
        top: 15px;
        right: 15px;
        height: 40px;
    }
    .close_icon span {
        display: block;
        position: absolute;
        height: 2px;
        width: 22px;
        background: #ccc;
        border-radius: 9px;
        opacity: 1;
        left: 8px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    .close_icon span:nth-child(1) {
        top: 18px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .close_icon span:nth-child(2) {
        top: 18px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }   
    .home_page .card-text {
        padding: 15px;
    }
    .popup_overlay {
        position: fixed;
        left: 0;
        top: 0;
        width:  100%;
        height:  100%;
        background: rgba(0, 0, 0, 0.65);
        display: none;
        z-index: 9999;
    }
    .popup_overlay.active {
        display: block;
    }
    .custom_popup {
        position: fixed;
        top: 15px;
        height: 95%;
        overflow-x: scroll;
        border-bottom: 15px solid #fff;
        left: 50%;
        width: 90%;
        background: #fff;
        z-index: -1;
        margin-left: -45%;
        transform: scale(.5) translateY(-49%);
        -webkit-transform: scale(.5) translateY(-49%);
        -o-transform: scale(.5) translateY(-49%);
        -ms-transform: scale(.5) translateY(-49%);
        -webkit-transition: all 1s cubic-bezier(.5,1,.5,1);
        -moz-transition: all 1s cubic-bezier(.5,1,.5,1);
        -ms-transition: all 1s cubic-bezier(.5,1,.5,1);
        transition: all 1s cubic-bezier(.5,1,.5,1);
        opacity: 0;
    }
    .custom_popup.active {
        transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        opacity: 1;
        z-index: 99999;
    }




    /*-------------------------------- Custom Popup Css End ----------------------------------------*/





    /*for menu.php page start*/

    .thumbnail{
        margin-bottom:0px;
        border-radius: 0;
    }

    .product_details_heading {
        display: inline-block;
        width: 100%;
        padding: 8px 50px 8px 8px;
        position: relative;
    }


    .shadow-block {
        margin: 10px 0;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.4);
        display:  inline-block;
        width: 100%;
    }
    .shadow-block:hover,
    .shadow-block:focus {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,.8);
    }

    .menu_of_week {
        margin-bottom: 8px;
    }

    .shadow-block a {
        display:  inline-block;
        width: 100%;
    }
    .side-corner-tag .item {
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.4);
        margin: 10px 10px 15px 10px;
    } 
    .owl-item .side-corner-tag p:before { 
        display: none !important
    } 
    .owl-item .side-corner-tag p:after {
        display: none !important
    }
    .menu_of_week_single {
        display: inline-block;
        width: 100%;
        margin-top: 25px;
    }
    .caption .col-lg-6.col-lg-offset-3.text-center {
        font-size: 25px;
    }

    .product_details_heading {
        display: inline-block;
        width: 100%;
        padding: 8px 50px 8px 8px;
        position: relative;
    }


    .thumbnail.custom_popup {
        height: auto;
        /*top: 50%;*/        
        padding: 40px 0;
        border: 0 none;
        border-radius: 0 !important;
    }
    .thumbnail.custom_popup.active {
        /*        transform: scale(1) translateY(-49%);
                -webkit-transform: scale(1) translateY(-49%);
                -o-transform: scale(1) translateY(-49%);
                -ms-transform: scale(1) translateY(-49%);*/
            } 
            .thumbnail.custom_popup .close_icon span {
                background: #ccc;
            }
            .thumbnail.custom_popup .close_icon {
                top: 8px;
                right: 8px;
            }
            body.scroll-none {  
                overflow: hidden;
            }
            .thumbnail.custom_popup .list-group-item-heading {
                padding: 0 15px;
                margin-bottom: 15px;
                font-size: 30px;
            }
            .ingredient_list {
                padding: 0 15px;
                font-size: 20px;
                line-height: 44px;
            }

            .thumbnail .caption img.img-circle {
                width: 70px;
                height: 70px;
            }


            .j_and_j_icon {
                position: absolute;
                right: 7px;
                top: 8px;
                width: 35px;
                height: 35px;
            }

            .j_and_j_icon img {
                width: 100%;
            }


            /*for menu.php page end*/


            /*-------------------scan_user_card start-------------------*/

            .scan_user_card_container .page_title, .set_card_passcode_container .page_title {

                padding: 30px 120px 30px;

            }


            .scan_user_card_container .login-form-1 {
                margin: 0px auto !important;
                border-radius: 5px !important;
                display: inline-block !important;
                max-width: 100% !important;
            }


            .scan_user_card_container .login-form-1 .login-button {
               position: absolute;
               right: 200px;
               top: 50%;
               background: #ffffff;
               color: #999999;
               padding: 11px 0;
               width: 50px;
               height: 50px;
               margin-top: -25px;
               border: 5px solid #efefef;
               border-radius: 50% !important;
               transition: all ease-in-out 500ms;
           }



           element.style {
           }
           .new_common_error_content {
            display: table;
            margin-top: 58px;
            text-align: center;
            padding-top: 98px;
            width: 100%; 
            margin: 0 auto;
        }

        .new_common_error_content p {
            font-size: 31px;
            font-weight: bold;
            margin-bottom: 25px;
        }

        .new_error_msg_icon {
            display: table;
            margin: 40px auto 40px;
            width: 160px;
        }


        /*-------------------set_card_passcode start-------------------*/

        .set_card_passcode_container .login-form-1 {
            display: table !important;
            margin: 0 auto;
        }




        /*-------------------set_card_passcode start-------------------*/

        .card_success_text_1 {

            font-size: 26px !important;
            color: #000000 !important;
            margin-top: 30px !important;
            font-weight: bold !important;
            padding: 0px 60px !important;

        }

        .card_success_icon_center img {

            width: 170px;
            margin: 20px !important;

        }

        .main_overlay_menu .navbar-nav > li > a {
           font-size: 20px !important;
       }


       /*-------------------topup.php start-------------------*/


       .page-overlay {
        position: absolute;
        height:100% !important; 
        width: 100% !important;
        background-color: rgb(255,255,255) !important;
        z-index: 1000 !important;
    }

    .page-overlay img {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }


    #topup_view_tab {
        padding-right: 100px;
        padding-left: 100px; 
    }

    .topup_form {
        margin-top: 1px !important;
    }

    #bal_message p {
        margin-top: 40px !important;
    }



    /*-------------------payment.php start-------------------*/
    .card_payment_page {
        overflow: hidden !important;
        width: 350px !important;
        margin: 56px auto 15px !important;
        font-family: 'Roboto', sans-serif;
        margin-left: 9%;
    }


    #credit_card img {
        height: 90px !important;
    }

    #transfer_card img {
        height: 90px !important;
    }

    #card_number_box {
        width: 350px !important;
    }

    .card_info {
        width: 350px !important;
        font-size: 1.3em !important;
    }

    .jp-card-container {
        margin: 0px;
        height: 230px !important;
        width: 350px !important;
    }

    .jp-card {
        width: 350px !important;
    }

    #powered_by_logo img {
        margin-top: 15px !important;
    }

    .transfer_info_container {
        width: 350px !important;
        margin: 0 auto;
        margin-top: 0px;
        padding-bottom: 180px;
    }

    p.text_01 {
        font-size: 18px !important;
        color: #000000;
    }
    p.text_02 {
        font-size: 18px !important;
        color: #000000;
        margin-bottom: 20px;
    }



    /*-------------------transaction.php start-------------------*/

    .transaction_inner_container .login-form-1 {
        display: block !important;
    } 

    .scan_page_section .logo {
        padding: 15px 0 15px 0;
        font-size: 26px;
        color: #aaaaaa;
        font-weight: bold;
        text-align: center;
        margin-bottom: 20px;
    }

    .account-sec {
        padding: 10px 40px 10px;
    }

    .transaction_inner_container .table > thead > tr > th {
        border-bottom: 2px solid #444444;
        font-size: 20px;
        padding-right: 0;
    }

    .transacation_type_row > td table {
        padding: 8px 0 !important;
        font-size: 15px;
    }

    .m-top {
        margin-top: 30px;
    }

    .your_order_table_container .bottom-pos a {
        margin-bottom: 14px;
        width: 350px;
    }



    /*ipad thankyou page css*/

    .end_of_transaction {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 50px 16% 0 16%;
        font-size: 26px;
        margin-bottom: 20px !important;
    }

    /*combo image css*/
    .Drinkimg{
        width: 50.5%;
        margin-left: -10px;
        margin-right: 0px
    }
    .Desertimg{
       width: 50.5%;
       margin-left:0px;
   }

   /*----------------------------------combos page css start--------------------------------------*/

.pcombo_border{
    border:0.5px solid;
    border-radius: 3px;
    margin:15px 6px 0 6px;
    border-color:#D2D2D2;
}
.pcombo_hadding{
    text-align: center;
    padding-top:15px
    color:#000;
    font-size: 29px;
    font-weight: bold;
    padding: 0 15px 0 15px;
}
.pcombo_price{
    float:right;
     font-size: 27px;
    font-weight: bold;
    margin-top: -5px;

}
.pcombo_hrborder {
     border: 1px solid black;
     border-radius: 5px;
    margin-top: 32px;
}
.pcombo_bottom{
     font-weight: bold;
    text-align: center;
    color:#000;
     padding: 0 12px 12px 12px;
     font-size: 20px;
}

.pcombo_product_name{
     font-weight: bold;
    text-align: left;
    color:#000;
     padding: 0 12px 12px 12px;
     font-size: 20px;
}



/*----------------------------------combos page css end--------------------------------------*/


   /*-----------------------------------------------------------------------------------------------*/
   /*                                   Responsive Media Query End                                */
   /*-----------------------------------------------------------------------------------------------*/