/*------------------- Global / Master start -------------------*/

html {
    overflow-y: scroll;
}


* {
    font-family: 'Open Sans', Arial;
}
.common-sub-heading {
    font-size: 18px;
}
.m-b-10 {
    margin-bottom: 10px;
}
.html-hidden {
    overflow: hidden;
}

body {
    /*font-family: 'open sans', sans-serif;*/
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    outline: none;
    padding: 0px !important;
    color: #000;
}

.common-body-color {
    color: #000;
}

#map_canvas div[style*="width: 233px;"] {
    visibility: hidden;
}

#div_map_canvas div[style*="width: 233px;"] {
    visibility: hidden;
}

body.noscroll {
    /*position: fixed;
    overflow-y: hidden;
    width: 100%;*/
}
.checkbtn-alert-warning {
    margin-top: 5px;
}

    .checkbtn-alert-warning .alert-warning {
        position: relative;
        padding: 6px 15px;
        border: 1px solid #fd3;
        border-radius: 0px;
        color: #000;
        background-color: #fff3cd;
        border-color: #ffeeba;
        border-left: 3px solid #ed0000;
        text-align: left;
        font-size: 14px;
        width: 100%;
        box-sizing: border-box;
    }
select, input, textarea {
    font-family: 'open sans';
}

table {
    border-spacing: 0;
}

th, td {
    padding: 0;
}

.back-btn {
    display: none;
}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend,
input, textarea, p, blockquote, span, table, a {
    padding: 0;
    margin: 0;
    outline: none;
}

ul, ol {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

input[type="submit"]:focus, input[type="submit"]:active,
input[type="reset"]:focus, input[type="reset"]:active,
input[type="button"]:focus, input[type="button"]:active {
    border: 0px;
    outline: none;
}

:-moz-any-link:focus,
:-moz-any-link:active {
    outline: none;
}

input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
    border: 0px;
    outline: none;
}

/*------------------- start -------------------
appliction html element css 
-----------------------------------------------*/

a {
    cursor: pointer;
    text-decoration: none;
}

    a:hover {
        cursor: pointer;
    }

img {
    border: none;
}

table {
    border-collapse: collapse;
}

.food__btn {
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.5s;
}

    .food__btn:hover {
        color: #fff;
    }

        .food__btn:active::before, .food__btn:focus::before, .food__btn:hover::before {
            transform: scaleX(1);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }

    .food__btn::before {
        background: #ed0000 none repeat scroll 0 0;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: scaleX(0);
        transform-origin: 0 50% 0;
        transition-duration: 0.5s;
        transition-timing-function: ease-out;
        z-index: -1;
        border-radius: 5px;
    }

.res-enter-pin-wrap {
    display: flex;
    width: 100%;
}

.reg-enter-pin-field {
    border-radius: 3px;
    float: left;
    border: 1px solid #d2d2d2;
    width: 100%;
    font-size: 18px;
    color: #000;
    text-indent: 15px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

a.reg-pin-btn {
    background: #0080ca;
    padding: 15px 0px;
    color: #fff;
    margin: 0 auto;
    font-size: 18px;
    width: 230px;
    text-align: center;
    display: block;
    margin-left: 10px;
    position: relative;
    min-height: 54px;
}

.open-close-wrap {
    display: flex;
    margin-left: 30px;
    align-items: center;
}

.closed-strip {
    background: #ed0000;
    color: #fff;
    text-transform: uppercase;
    padding: 3px 20px;
    font-size: 14px;
    border-radius: 6px;
    font-weight: bold;
    margin-right: 15px;
    min-width: 50px;
    margin: auto;
}

.menu-header-wrap .menu-title {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.note-account-page {
    background: #ffe400;
    padding: 10px;
    color: #000;
    font-weight: normal;
    float: left;
    font-size: 16px;
    margin-top: 20px;
}

.menu-plus-btn {
    float: right;
    position: relative;
    margin-top: 3px;
}


    .menu-plus-btn a {
        font-weight: lighter;
        font-size: 16px;
        cursor: pointer;
        width: 30px !important;
        color: #000;
        background: #fff;
        border-radius: 3px;
        height: 30px;
        line-height: 30px;
        float: right !important;
        text-align: center;
        border: 1px solid #000;
        margin-top: -5px;
    }

.counter + a {
    color: #fff;
    background: #000;
}

.counter.no-display + a {
    color: #000;
    background: #fff;
}


#dvCashbackPopupMessage b {
    color: #000;
}

#dvTryOtherRestaurant a:hover {
    text-decoration: underline !important;
}

.popular-cuisnes-heading span, .new-heading-line-shadow span {
    display: inline-block;
    position: relative;
}

    .popular-cuisnes-heading span:before, .new-heading-line-shadow span:before, .popular-cuisnes-heading span:after, .new-heading-line-shadow span:after {
        content: "";
        position: absolute;
        height: 5px;
        border-bottom: 2px dashed #999;
        top: 18px;
        width: 200px;
        right: 100%;
        margin-right: 30px;
    }

    .popular-cuisnes-heading span:after, .new-heading-line-shadow span:after {
        left: 100%;
        margin-left: 30px;
    }

.input-icon {
    position: absolute;
    left: 1px;
    top: 1px;
    background: #f2f2f2;
    height: 48px;
    width: 45px;
    border-right: 1px solid #d2d2d2;
    font-size: 18px;
    text-align: center;
    line-height: 48px;
}

    .input-icon i {
        position: relative;
    }


.error + div + .input-icon, .error + div + span + .input-icon, .error + div + div + div + .input-icon {
    background: #ed0000;
    color: #fff;
}

.hide-web-asap {
    display: none;
}

.container-main-wraper {
    float: left;
    width: 100%;
    margin: 00px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.container-menu-wrap {
    max-width: 1325px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.alert-common {
    padding: 10px 4%;
    margin-bottom: -5px;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 92%;
    float: left;
}

.alert-success-common {
    color: #000;
    background-color: #dff0d8;
    border-color: #4ba400;
}

.alert-error-common {
    color: #000;
    background-color: #f2dede;
    border-color: #a94442;
}

.fd-getdeal-hot:hover, .fd- getdeal-cold:hover, .fd-dlv-rs-name:hover,
.fd-slct-getdeal-hot:hover, .login-btn:hover, .top-selling- item-btn-txt:hover, .top-selling-item-name:hover, .login-forgot-password:hover,
.registration-submit-button:hover, .ciw-action-verify:hover, .acc-wallet-option-action-text:hover,
.action-acc-top-green .action-acc-top-green-text:hover {
    text-decoration: underline;
}
/*------------------- end ---------------------*/

.partner-checkbox input[type="checkbox"] {
    border: 1px solid #c8c6c6;
    width: 25px;
    height: 18px;
    border-radius: 2px;
    margin: 0 5px 0 0;
}

.restaurant-partner-wrap {
    margin: 30px auto;
    width: 350px;
    display: block;
}

.label-partner {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    color: #000;
    font-size: 16px;
}

.form-group-partner {
    margin-bottom: 15px;
}

.form-control-new {
    display: block;
    width: 92%;
    height: 34px;
    padding: 6px 4%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.partner-btn {
    background-color: #0BC113;
    color: #FFFFFF;
    width: 100%;
    padding: 10px 0px !important;
    font-size: 20px !important;
}

.btn-new {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
/*JQUERY Auto complete Plugin css*/
.autocomplete-suggestions {
    border: 1px solid #d2d2d2;
    background: #FFF;
    color: #000;
    overflow: auto;
    z-index: 150;
    font-weight: normal;
}

.autocomplete-suggestion {
    padding: 10px 5px 5px 6px;
    font-size: 16px;
    white-space: pre-wrap;
    overflow: hidden;
    font-weight: normal;
}

.autocomplete-selected {
    background: #f2f2f2;
    cursor: pointer;
    color: #000;
    padding: 9px 4px 4px 5px;
    border: 1px solid #d2d2d2;
}

.autocomplete-suggestions strong {
    font-weight: bold;
}
/*JQUERY Auto complete Plugin css*/


/*JQUERY ALERT*/
#popup_container {
    font-family: Arial, sans-serif;
    font-size: 12px;
    min-width: 300px;
    max-width: 600px;
    background: #FFF;
    color: #000;
    border-radius: 0px;
    border: 1px solid #d2d2d2;
    background: #fff;
    -moz-background-origin: border;
    background-origin: border-box;
    border: 5px solid #d2d2d2;
}

#popup_title {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    line-height: 1.75em;
    color: #000;
    cursor: default;
    padding: 0em;
    margin: 0em;
    padding: 3px 10px;
}

#popup_panel {
    text-align: center;
    margin: 1em 0em 0em 0em;
}

#popup_prompt {
    margin: .5em 0em;
}

#popup_ok, #popup_cancel {
    color: #FFFFFF;
    height: 27px;
    position: relative;
    width: 62px;
}

/*JQUERY ALERT*/


/*------------------- start -------------------
css class that uses in common places 
-----------------------------------------------*/
.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}

.mar-left-15 {
    margin-left: 15px;
}

.common-lbl-with {
    font-size: 12px;
    color: #777;
    margin-right: 3px;
}

.font-16 {
    font-size: 16px;
}

.common-font-16 {
    font-size: 16px;
}

.common-font-18 {
    font-size: 18px;
}

.common-font-8 {
    font-size: 8px;
}

.common-font-9 {
    font-size: 9px;
}

.common-font-10 {
    font-size: 10px;
}

.common-font-12 {
    font-size: 12px;
}

.common-font-13 {
    font-size: 13px;
}

.common-font-14 {
    font-size: 14px;
}

.common-font-22 {
    font-size: 22px;
}

.common-font-24 {
    font-size: 24px;
}

.common-font-28 {
    font-size: 28px;
}

.common-font-20 {
    font-size: 20px;
}

.common-fixed {
    position: fixed;
}

.common-help {
    background: #000;
    border-radius: 50%;
    font-size: 11px;
    padding: 0px 6px;
    color: #fff;
    font-weight: bold;
    margin-left: 6px;
    cursor: pointer;
}

.text-black {
    color: #000;
}

.common-color-p {
    color: #777;
}

.flex {
    display: flex;
}
/*----Back to top button css-----*/
#back-top {
    position: relative;
    float: left;
    width: 84%;
    margin: 0px 8% !important;
}

    #back-top a {
        width: 81px;
        display: block;
        text-align: center;
        font: 11px/100% Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        color: #000;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        transition: 0.2s;
        float: right;
    }

        #back-top a:hover {
            color: #000;
        }

    #back-top span {
        width: 50px;
        height: 50px;
        display: block;
        margin-bottom: 7px;
        background: #000 url(../images/up-arrow.png) no-repeat center center;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        transition: 0.2s;
        background-size: 30px 30px;
        background-position: 9px 11px;
    }

    #back-top a:hover span {
        background-color: #0080ca;
    }

.fixed_button {
    bottom: 25% !important;
}
/*----Back to top button css-----*/

/*no area fond suggest modal css starts here*/
.suggest-area-modal-icon-wrap {
    font-size: 50px;
    margin-bottom: 15px;
    color: #03A9F4;
}

    .suggest-area-modal-icon-wrap i {
        color: #fff;
    }

.flex-x-center {
    display: flex;
    justify-content: center;
}

.suggest-area-modal-title {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    margin-bottom: 15px;
}

.suggest-area-modal-text-wrap {
    margin-bottom: 15px;
    color: #777;
    font-size: 18px;
}

.suggest-area-modal-btn {
    padding-bottom: 5px;
    text-align: center;
}

    .suggest-area-modal-btn .btn-success:hover {
        background-color: #367e03 !important;
    }
/*no area fond suggest modal css starts here*/
.common-popup-layout, .clpw-video-content,
.menu-order-topping-wrapper, .restuarant-status-popup, .restuarant-workingHours-popup,
.restuarant-reExtras-popup, .sr-map-popup {
    background: -moz-linear-gradient(45deg, #7A7A7A, #7A7A7A) repeat scroll 0 0 border-box transparent;
    background: #fff;
    -moz-background-origin: border;
    background-origin: border-box;
}

.extras-price-label {
    position: absolute;
    right: -90px;
    top: 0px;
}

.extras-label-wrap {
    position: absolute;
    top: 0px;
    right: 5px;
}

.vew-cw-extras-item-row .checkbox {
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-right: 100px;
    position: relative;
    width: 100%;
    margin-left: 5px;
}

.extras-label-wrap .mandatory-label-req {
    padding-right: 2px;
    margin-top: 0px;
}

.restuarant-reExtras-popup {
    display: none;
    padding: 12px;
    top: 140px;
    width: 500px;
    z-index: 101;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 500px;
    border-radius: 3px;
}

.common-new-verification-btn {
    background: #0080ca;
    padding: 10px 0px;
    color: #fff;
    margin: 0 auto;
    font-size: 24px;
    width: 50%;
    float: none;
    text-align: center;
    display: block;
    overflow: hidden;
    border-radius: 3px;
    font-weight: lighter;
    min-width: 260px;
}



.common-new-verification-btn-green {
    background: #0BC113;
    padding: 15px 0px;
    color: #fff;
    margin: 0px 0px 5px;
    font-size: 14px;
    width: 205px;
    float: left;
    text-align: center;
}

.common-blue-btn {
    background: #0080ca;
    padding: 5px 10px;
    color: #fff;
    border-radius: 3px;
    margin: 5px 0px;
    font-size: 14px;
}

.common-no-border {
    border: none;
}

.common-box-shadow {
    background-color: #f2f2f2;
    box-shadow: 0 3px 5px 0 #d2d2d2;
}

.common-box-my-friends {
    background-color: #fff !important;
    box-shadow: none !important;
}

.ref-invite-accepted-img-wrap {
    float: left;
    position: relative;
    border-radius: 50%;
    width: 83px;
    height: 83px;
    overflow: hidden;
    border: 1px solid #000;
}

    .ref-invite-accepted-img-wrap i {
        font-size: 33px;
        position: absolute;
        left: 29px;
        color: #837373;
        vertical-align: middle;
        top: 22px;
        display: none;
    }

.width92p {
    width: 92% !important;
}

input.watermark-sr, textarea.watermark-sr {
    color: #000;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.lighter {
    font-weight: lighter;
}

.normal {
    font-weight: normal;
}

.block {
    display: block;
}

.inlineblock {
    display: inline-block;
}

.overflowhidden {
    overflow: hidden;
}

.overflow-x {
    overflow-x: auto;
}

.overflow-y {
    overflow-y: auto;
}

.clear-bothisde {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-right-deals {
    text-align: right;
    display: block;
    margin-right: 30px;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.no-display, .display-block-resp, .no-display-web {
    display: none;
}

.cursor-pointer {
    cursor: pointer;
}

.capitilize {
    text-transform: capitalize;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}


.common-currency-13 {
    font-size: 13px;
    margin: 0px 2px 0 0px;
}

.common-currency-16 {
    font-size: 16px;
}

.common-font-d10101 {
    color: #d10101;
}

.common-font-afafaf {
    color: #afafaf;
}

.common-font-ed0000 {
    color: #ed0000;
}

.common-font-d2d2d2 {
    color: #d2d2d2;
}

.common-font-484848 {
    color: #000;
}

.common-font-55bb0e {
    color: #000;
}

.common-font-ff7603 {
    color: #ff7603;
}

.common-font-4848 {
    color: #000;
    font-size: 13px;
    font-weight: normal;
}

    .common-font-4848:hover {
        text-decoration: underline;
        color: #000;
    }

.common-fff {
    color: #fff;
}

#reviewPageBillWrap .order-item-deliver-charges-total-wrap {
    width: 100%;
}

.review-content-area-left-wrap .order-item-deliver-charges-total-wrap {
    width: 100%;
    float: left;
}
/*------------------- end ---------------------*/

/*------------------- start -------------------
css class of text colors that uses in common places
-----------------------------------------------*/

.clr-white {
    color: #ffffff;
}

.clr-error {
    color: #d10101;
}

.clr-success {
    color: #4F8A10;
}

.clr-info {
    color: #00529B;
}

.clr-warning {
    color: #9F6000;
}

.clr-green-51b {
    color: #51b210;
}

/*------------------- end ---------------------*/

/*------------------- start -------------------
css class of back ground colors that uses in common places
-----------------------------------------------*/

.bg-clr-white {
    background: #ffffff;
}

/*------------------- end ---------------------*/


/*------------------- start -------------------
css class of lorders
-----------------------------------------------*/

/*common loader wrapper*/
.common-loader-w {
    height: 60px;
}

.common-aw-loader-small {
    height: 24px;
    width: 30px;
}

.common-aw-loader-small-order {
    height: 24px;
    width: 30px;
    margin: -6px 0 0;
    position: absolute;
}

.menu-des-loader-w, .checkout-e-pop-loader-w {
    text-align: center;
    width: 100%;
}

.order-history-master-loader-w {
    height: 120px;
    padding: 10px 0 0;
}

.order-refrence-loader-w {
    height: 22px;
}

.order-refrence-loader-wrap {
    height: 22px;
    width: 100%;
}

.order-details-master-loader-w {
    height: 25px;
}

/*end wrapper class for loader by different location*/
.menu-category-image-wraper {
    float: left;
    overflow: hidden;
    padding: 0px 0px;
    width: 100%;
    min-height: 100px;
    background: #e0e0e0;
    position: relative;
    cursor: pointer;
}

    .menu-category-image-wraper:hover .bg-image, .exc-deals-head-wrap:hover .bg-image {
        webkit-transform: scale(1.2);
        transform: scale(1.2);
        -moz-transform: scale(1.2);
        cursor: pointer;
    }

.bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}



.category-desc-label {
    padding: 10px 15px;
    margin: 0px 0px 0px 0px;
    color: #777;
    float: left;
    font-size: 14px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .category-desc-label + .menu-items-detail-wrappers .rciw-menu-item-row:first-child {
        border-top: none;
        padding-top: 10px;
    }

.horizontal-line {
    border-bottom: 1px solid #d2d2d2;
    width: 80%;
    display: block;
    margin-top: 10px;
    margin: 10px auto 5px auto;
    text-align: justify;
}

.menu-category-item-wrapper-new {
    width: 100%;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.bg-transparent-wrrper {
    background: rgba(0,0,0, 0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.menu-heading-desc-wrapper {
    position: absolute;
    color: #000;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 1;
    height: 100%;
    width: 100%;
    padding: 0px 20px;
}

    .menu-heading-desc-wrapper h2 {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative;
    }

.exc-deals-head-wrap .menu-heading-desc-wrapper {
    height: 100%;
    width: 100%;
    color: #fff;
    position: absolute;
    top: 0px;
    z-index: 1;
    text-shadow: 0px 1px 0px #000;
    padding: 25px 40px 0px 20px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-weight: 300;
}

.menu-heading-desc-wrapper p {
    color: #d2d2d2;
    height: 40px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    font-weight: normal;
}

.menu-items-detail-wrappers {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0px 20px;
}

.category-item-arrow {
    position: absolute;
    right: 30px;
    font-size: 50px;
    font-weight: lighter;
    top: 16px;
    display: none !important;
}

.menu-category-image-wraper img {
    display: inline-block;
    width: 100%;
}
/* start Different loader sizes class for different places*/

.i-loader-26, .s-loader-email-verification, .s-loader-mobile-verification {
    background: url("../../lefttoright/images/loader-26.gif") no-repeat scroll center center transparent;
    display: inline-block;
}

.a-loader-26 {
    background: url("../../lefttoright/images/loader-26.gif") no-repeat scroll center center transparent;
    display: inline-block;
    position: relative;
    top: 0;
    width: 100%;
}

.a-loader-r-26 {
    background: url("../../lefttoright/images/loader-26.gif") no-repeat scroll 0 0 transparent;
    display: inline-block;
    font-size: 11px;
    color: Gray;
    font-style: italic;
    height: 24px;
    line-height: 27px;
    padding: 0px 0 0 30px;
    padding: 0px 0 0 60px;
}

.a-loader-r-20 {
    background: url("../../lefttoright/images/loader-20.gif") no-repeat scroll 0 0 transparent;
    display: inline-block;
    font-size: 11px;
    color: Gray;
    font-style: italic;
    height: 16px;
    padding: 7px 0 0 30px;
    float: left;
}

.a-loader-r-18 {
    background: url("../../lefttoright/images/loader-18.gif") no-repeat scroll 0 0 transparent;
    color: Gray;
    display: inline-block;
    font-size: 11px;
    height: 15px;
    padding: 3px 0 0 21px;
}

.m-loader-r-18 {
    background: url("../../lefttoright/images/loader-18.gif") no-repeat scroll 0 0 transparent;
    color: Gray;
    display: inline-block;
    font-size: 11px;
    font-style: italic;
    height: 17px;
    margin: 0 0 0 4px;
    padding: 0 0 0 19px;
}

.a-loader-60 {
    background: url("../../lefttoright/images/loader-60.gif") no-repeat scroll center center transparent;
    display: inline-block;
    position: relative;
    top: 0;
    width: 100%;
    height: 100px;
}

.s-loader-email-verification {
    background-position: 0 0;
    font-size: 11px;
    font-style: italic;
    height: 30px;
    float: left;
    margin-left: 15px;
    padding: 6px 0 0 30px;
}

.rbc-form-check-email-wrapper .s-loader-email-verification {
    margin-top: 5px;
}

.s-loader-mobile-verification {
    background-position: 0 0;
    float: left;
    font-size: 11px;
    padding: 6px 0 0 30px;
}

.power-logo {
    background: url("../../lefttoright/images/power-logo.png") no-repeat scroll -3px 0 transparent;
    display: inline-block;
    float: right;
    height: 97px;
    width: 169px;
}

.responsive-logo {
    display: block;
}

.c-tab__content {
    text-align: center;
}

.checkout-e-pop-loader-w .m-a-loader-60 {
    margin: 182px 0;
}

.m-a-loader-60, .m-a-item-loader-60 {
    background: url("../../lefttoright/images/loader-60.gif") no-repeat scroll 0 0 transparent;
    color: gray;
    display: inline-block;
    font-size: 11px;
    font-style: italic;
    height: 55px;
    margin: 31px 0;
    padding: 18px 0 0 54px;
    position: relative;
    top: 0;
}

.m-a-item-loader-60 {
    margin: 200px 0 0 250px;
    position: absolute;
    width: 65px;
    z-index: -1;
}

/* end Different loader sizes class for different places*/

/*------------------- end ---------------------*/

.fooddeals {
    background: #d10101;
    color: #fff !important;
    padding: 2px 8px;
    border-radius: 7px;
}


/*------------------- start -------------------
css class for left side navigation
-----------------------------------------------*/

.com-ln-border-top3 {
    margin-bottom: 10px;
    text-indent: 5px;
    float: left;
    width: 100%;
    text-transform: uppercase;
}

    .com-ln-border-top3 h5.srw-h-h5 {
        color: #FFFFFF;
        font-size: 17px;
        font-weight: normal;
        padding: 0 0 0 10px;
    }

    .com-ln-border-top3 h5.srw-h-h5 {
        padding: 5px 0;
        color: #000;
        font-size: 16px;
        font-weight: 700;
    }

.com-ln-center-content ul {
    margin-bottom: 3px;
}

.cuisine-types-filter-h {
    display: inline-block;
    width: 100%;
}

.com-ln-center-content ul li hr {
    background-color: #D2D2D2;
    border: 0 none;
    color: #D2D2D2;
    height: 1px;
    margin: 0 0 0 14px;
    width: 92%;
}

.com-ln-center-content ul li div,
.com-ln-center-content ul li p,
.cuisine-types-filter-h {
    color: #000;
    cursor: pointer;
    display: inline-block;
    width: 88%;
}

.cuisine-types-filter-h {
    margin: 0 0 0 10px;
    padding: 6px 4px;
    font-size: 14px;
}

.com-ln-center-content ul li div {
    width: 100%;
    margin-bottom: 3px;
    text-indent: 10px;
    padding: 2px 0px;
    font-size: 14px;
    font-weight: normal;
}

.cuisine-types-filter-wrap ul li div {
    color: #000;
    margin: 0 0 3px 0px;
    padding: 5px 0;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
}

.ulResturantCategory .restuarent-category-name {
    /*float: left;
    padding: 3px 0 0;
    text-decoration: none;
    width: 100%;
    font-size: 16px;
    font-weight: normal;*/
    float: left;
    padding: 3px 0 0;
    text-decoration: none;
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 4px 7px;
    white-space: nowrap;
    padding: 4px 20px;
}
#receiver .restuarent-category-name {
    float: left;
    padding: 3px 0 0;
    text-decoration: none;
    width: 100%;
    font-size: 16px;
    font-weight: normal;
}
    .com-ln-center-content ul li div.lnk-selected {
    cursor: pointer;
    color: #000;
    background-color: #f2f2f2;
}

.com-ln-center-content ul li div:hover,
.com-ln-center-content ul li p:hover {
    cursor: pointer;
    color: #000;
}

/*test here*/
/*header delivery type css starts here*/

.header-deliver-type-wrap {
    float: left;
    font-size: 14px;
}

/*header delivery type css ends here*/

/*ewallet css header starts here*/
.ewall-res-wrap {
    display: none;
}

.ewallet-wrap {
    font-size: 16px;
    padding: 8px 0px;
    color: #fff !important;
    display: inline-block;
    cursor: pointer;
    float: left;
}

    .ewallet-wrap * {
        color: #fff !important;
    }

.wallet-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 400;
}

    .wallet-icon i {
        font-size: 25px;
        margin-right: 10px;
    }

    .wallet-icon span {
        margin-top: -1px;
    }
/*ewallet css header ends here*/
/* start --Search page left panel links css */
/*------------------- end ---------------------*/
/*  */
.new-heading-line-shadow, .google-app-link, .main-page-map-img, .home-order-steps-img .new, .foortalicious-items-slides-prev, .foortalicious-items-slides-next, .arrow-con-new, .header-res- search-field-icon, .sr-serach-icon-2nd, .arrow-con-new-search, .consumer-search-icon {
    background: url("../../lefttoright/images/bg-consumer-fixed-group.png") no-repeat scroll 0 0 transparent;
}

.map-pin-header, .header-uan-phone-icon, .sms-instruction-mobile-icon,
.footer-blog-link, .footer-gplus-link, .footer-twitter-link, .footer-fb-link,
.footer-app-icon-img, .footer-card-logo-visa, .footer-card-logo-worldnet,
.footer-card-logo-amex, .footer-card-logo-master-card, .bi-w-img, .bw-r-firefox, .bw-r-google,
.payment-close-popup, .img-close-popup, .orc-field-img-remove-icon, .rm-field-img-remove-icon,
.common-map-pin-bg, .sr-content-address, .icon-map-view, .a-rest-menu-filter-delete, .a-coiw-item-delete,
.rm-fb-link, .rm-twitter-link, .rm-gplus-link, .rm-blog-link,
.map-popup-close-img, .sr-applied-filter-remove-icon, .sr-not-fonud-facebook-icons, .sr-not-fonud-twitter-icons, .sr-not-fonud-google-plus-icons, .googleplus-icon-ch, .facebool-icon-ch, .common- area-search-find-btn-close, .pop-close-icon {
    background: url("../../lefttoright/images/bg-consumer-common-fixed-group.png") no-repeat;
}

.help-link-responsive-wrap {
    display: none;
}

.a-rest-menu-filter-delete {
    background-position: -96px -55px;
    float: right;
    height: 14px;
    width: 14px;
    margin-left: 5px;
}


.a-coiw-item-delete {
    background-position: -195px -42px;
    float: right;
    height: 14px;
    width: 14px;
}

    .a-coiw-item-delete.del-menu-change {
        float: none;
        display: inline-block;
        margin: 4px 0px 0px 6px;
    }

.logo {
    float: left;
    margin: 0px 8px 0px 15px;
    position: relative;
    left: 0;
}
.header-basket-wrap img{
    height:25px;
}

.font-size12 {
    font-size: 12px !important;
}

.web-logo {
    display: none;
}

.logo img {
    height: 45px;
}

.online-cart {
    display: inline-block;
    float: right;
    position: absolute;
    right: 190px;
    top: -6px;
}

.header-nav {
    display: block;
    float: right;
    margin: 10px 0px 0 0;
    width: auto;
    font-weight: normal;
}

.nav-ul-list {
    float: right;

}

.header-nav ul li {
    display: inline-block;
    margin-left: 2px;
    margin-right: 3px;
}

    .header-nav ul li a {
        color: #000;
        font-size: 14px;
        float: left;
        padding: 5px 5px;
        border: none;
    }

.login-head-user-icon {
    margin-right: 5px;
}

.header-user-image-logo-wrap {
    position: relative;
    float: left;
    margin-right: 5px;
    width: 35px;
    height: 35px;
}

.header-user-image {
    height: 35px;
    width: 35px;
    position: absolute;
    background-size: cover;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 70%;
    cursor: pointer;
    border: 1px solid #d2d2d2;
    top: -2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .header-user-image i {
        font-size: 18px;
        color: #777;
        z-index: -1;
    }

.main-nav-a:hover {
    color: #000;
    display: inline-block;
    border: none;
    background: #fff;
    border-radius: 3px;
}

.header-nav-selected, .htnw-myaccount-selected {
    color: #000;
    display: inline-block;
    margin: -6px 0 0px;
    border: 1px solid #d2d2d2;
    background: #fff;
    border-radius: 3px;
}

.main-nav-a:hover {
    box-shadow: none;
}

.main-nav-a {
    border: 1px solid transparent !important;
}

#MyAccountAction {
    margin-top: 0px;
    margin-right: 20px;
    display: flex;
    padding-top: 0px;
    padding-bottom: 0px;
    flex-direction: column;
}

.order-basket-active, .order-basket-inactive {
    float: left;
    position: relative;
}

    .order-basket-active i, .order-basket-inactive i {
        margin-right: 3px;
    }

.active-bubble {
    float: left;
    position: absolute;
    font-size: 11px;
    background: #fd3;
    left: 12px;
    padding: 1px 1px;
    top: -13px;
    text-align: center;
    color: #000;
    width: 18px;
    border-radius: 50%;
    display: none;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    border: 2px solid #fff;
    box-sizing: content-box;
}

.order-basket-inactive {
    color: #000;
}

.basket-bubble {
    font-size: 12px;
    color: #fff;
    background: #ed0000;
    position: absolute;
    padding: 1px 7px;
    text-align: center;
    border-radius: 50%;
    top: -7px;
    left: -10px;
}

.fd-srch-icon {
    float: left;
    padding: 12px 20px 12px 20px;
    border-radius: 5px;
    background: url('/resources/lefttoright/images/main-nav-search-icon-2.png') no-repeat scroll center #000;
}

.fd-types-btn {
    margin-left: 50px;
    font-size: 24px;
    font-weight: lighter;
}

/* METRO CUISINES */

/* Metro Cuisines Menu Section Starts Here*/
.menu-tag-image {
    float: left;
    margin-top: 5px;
}

    .menu-tag-image img {
        width: 100%;
    }

.cuisines-main-wrap {
    box-shadow: 0px 1px 3px 1px #d2d2d2;
    padding: 5px;
    background: #f2f2f2;
    border: 1px solid #d2d2d2;
}

.cuisine-metro-left-block {
    float: left;
    width: 200px;
    margin-left: 1px;
}

.cuisine-metro-square-seafood, .cuisine-metro-square-bbq, .cuisine-metro-square-pizza, .cuisine- metro-square-chinese,
.cuisine-metro-square-burgers, .cuisine-metro-square-karahi {
    float: left;
    height: 97px;
    width: 97px;
    margin: 0 3px 3px 0;
    color: #fff;
}

.cuisine-metro-center-block {
    float: left;
    width: 200px;
    margin-right: 3px;
}

.cuisine-metro-right-block {
    float: left;
    width: 100px;
}

.cuisine-metro-rect-burger {
    float: left;
    height: 98px;
    width: 200px;
    margin: 0 5px 5px 0;
    color: #fff;
    background: url("../../lefttoright/images/cuisine-burger.png") no-repeat scroll 0px #ffdd33;
    background-size: 120px;
}

.cuisine-metro-rect-veggies {
    float: left;
    height: 98px;
    width: 197px;
    margin: 0 5px 5px 0;
    color: #fff;
    background: url("../../lefttoright/images/cuisine-sandwich.png") no-repeat scroll 0px #0BC113;
    background-size: 120px;
}

.cuisine-metro-allfood {
    float: left;
    height: 197px;
    width: 200px;
    margin: 0px 5px 3px 0px;
    color: #fff;
    background: url("../../lefttoright/images/cuisine-all-food.png") no-repeat scroll center #d10101;
}

.cuisine-metro-square-seafood {
    background: url("../../lefttoright/images/cuisine-seafood1.png") no-repeat scroll center #0080ca;
    background-size: 120px 90px;
}

.cuisine-metro-square-bbq {
    background: url("../../lefttoright/images/cuisine-bbq.png") no-repeat scroll center #d10101;
    background-size: 90px 90px;
}

.cuisine-metro-square-italian {
    background: url("../../lefttoright/images/cuisine-italian.png") no-repeat scroll center #0080ca;
    background-size: 90px auto;
    color: #fff;
    height: 98px;
    width: 97px;
    float: left;
}

.cuisine-metro-square-karahi {
    background: url("../../lefttoright/images/cuisine-karahi.png") no-repeat scroll center #d10101;
    background-size: 100px auto;
}

.cuisine-metro-square-chinese {
    background: url("../../lefttoright/images/cuisine-chinese.png") no-repeat scroll center #ffdd33;
    background-size: 120px 90px;
}

.cuisine-metro-square-pizza {
    background: url("../../lefttoright/images/cuisine-pizza.png") no-repeat scroll center #ff7603;
    background-size: 120px 90px;
}

.cuisine-metro-square-burger {
    background: url("../../lefttoright/images/cuisine-burger.png") no-repeat scroll center #ffdd33;
}

.cuisine-metro-square-burgers-right {
    background: url("../../lefttoright/images/cuisine-burger.png") no-repeat scroll center #0BC113;
    float: left;
    height: 97px;
    width: 97px;
    margin: 0px 5px 3px 0px;
    color: #fff;
    background-size: 90px;
}

.cuisines-labels {
    float: right;
    width: 100%;
    text-align: right;
    margin: 80px 4px 0px 0px;
}

.cuisines-label-all-food {
    margin: 180px 4px 0px 0px;
}

.city-list {
    float: left;
    width: 50%;
    height: 100px;
    border: 1px solid #d2d2d2;
    background: #fff;
}

/* Subscribed Page CSS */

.user-subscribed-content-wrap {
    float: left;
    width: 100%;
    border: 1px solid #d2d2d2;
    background: #fff;
    padding: 10px 0px;
    text-align: center;
    min-height: 260px;
}

.subscribed-main-heading {
    font-size: 24px;
    text-align: center;
    margin-top: 50px;
    float: left;
    width: 100%;
}

.subscribed-msg-popup {
    background: #fff;
    color: #000;
    position: fixed;
    width: 600px;
    padding: 15px 10px;
    top: 250px;
    left: 360px;
    z-index: 999;
}

.subscription-message {
    width: 100%;
    padding: 5px 0px;
    font-size: 14px;
}
/* Subscribed Page CSS */

/* Metro Cuisines Menu Section Ends Here*/

/* ----------------------- Footer Subscription Wrap Starts ----------------------- */

.footer-subscription-wrap {
    width: 1000px;
    margin: 20px auto 10px;
    height: 160px;
}

.subscribe-newsletter-heading {
    color: #afafaf;
    font-size: 28px;
    font-weight: bold;
}

.subscription-left-side {
    float: left;
    width: 665px;
}

.footer-subscription-textboxes-wrap {
    margin: 15px 0px;
    width: 585px;
}

.footer-city-select-box {
    padding: 5px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    width: 195px;
    border: none;
    margin: 0px;
    font-size: 16px;
    float: left;
}

.email-subscription-txtbox {
    width: 360px;
    padding: 6px 10px;
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    float: right;
    font-size: 16px;
}

.subscription-right-side {
    float: right;
    width: 330px;
    margin-top: 30px;
}

.subscribe-btn {
    background: #0BC113;
    padding: 7px 40px;
    float: right;
    border: none;
    margin: 8px 0px;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.subscription-validate-lbls {
    font-size: 16px;
    color: #ed0000;
    float: left;
    margin: 10px 0 18px 5px;
    margin-left: 0px;
    width: 100%;
}

.sms-instruction-wrap {
    float: left;
    font-size: 16px;
    color: #afafaf;
    margin: 15px 0px;
    background-size: 55px;
    height: 80px;
}

.sms-instruction-mobile-icon {
    background-position: -134px -4px;
    background-size: 367px auto;
    float: left;
    height: 65px;
    width: 60px;
    margin-right: 5px;
    margin-top: 10px;
}

.footer-social-icons-wrap {
    width: 260px;
    height: 30px;
}

.footer-blog-link, .footer-gplus-link, .footer-twitter-link, .footer-fb-link {
    float: left;
    width: 31px;
    height: 30px;
    margin: 0px 3px;
    cursor: pointer;
}


.rm-right-side-social-wrap {
    width: 93px;
    margin: 5px -7px 0px 0px;
}

    .rm-right-side-social-wrap a {
        padding: 0px;
        margin: 5px 1px;
    }

        .rm-right-side-social-wrap a:hover {
            border: none;
            background: none;
            padding: 0px;
            margin: 5px 3px;
        }

.rm-fb-link, .rm-twitter-link, .rm-gplus-link, .rm-blog-link {
    float: left;
    height: 20px;
    width: 24px;
    cursor: pointer;
}

.rm-twitter-link {
    background-size: 230px 190px;
    background-position: -72px -45px;
}

.rm-gplus-link {
    background-size: 230px 190px;
    background-position: -95px -45px;
}

.rm-fb-link {
    background-size: 230px 190px;
    background-position: -49px -45px;
}


.footer-subscription-loader {
    margin: 0px 0px 0px 0px;
    float: left;
}

.footer-blog-link {
    background-position: -186px -72px;
}

.footer-twitter-link {
    background-position: -114px -72px;
}

.thank-page-ewallet-link-wrap {
    margin-top: 16px;
}

.thank-page-ewallet-link {
    margin-top: 10px;
    font-size: 18px;
    color: #03A9F4;
    text-decoration: underline;
    text-transform:uppercase;
}

.footer-gplus-link {
    background-position: 5px 4px;
    background-size: 70%;
    background-repeat: no-repeat;
    background-image: url('/resources/lefttoright/images/instagram.png') !important;
    background-color: #fff;
    border-radius: 100%;
}

.footer-fb-link {
    background-position: -78px -72px;
}

.footer-app-icon-img {
    float: left;
    background-position: -77px -111px;
    width: 137px;
    height: 45px;
}

/* ----------------------- Footer Subscription Wrap Ends ----------------------- */

/* ----------------------- Footer UL LI CSS Starts Here ----------------------- */

.footer-ul-li-wrap {
    width: 1000px;
    margin: 20px auto 0px auto;
}

.footer-foortal-ul-wrap {
    float: left;
    margin: 10px 50px 10px 10px;
}

    .footer-foortal-ul-wrap a {
        color: #d2d2d2;
    }

.registration-login-password-wrap .appstore-buttons {
    width: 100%;
    margin-left: 0px;
}
.registration-login-password-wrap .get-app-text {
    flex: 1;
    justify-content: center;
}
.footer-foortal-ul-wrap li a {
    color: #777;
    font-size: 14px;
    line-height: 28px;
}

        .footer-foortal-ul-wrap li a:hover {
            text-decoration: underline;
        }

.footer-foortal-ul-heading-b {
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
    float: left;
    width: 100% !important;
}

    .footer-foortal-ul-heading-b h2 {
        color:#fd3;
        font-size: 18px;
    }

.nav-ul-list .footer-foortal-ul-heading-b h2 {
    color: #000;
    padding-bottom: 0px;
}

.nav-ul-list .footer-foortal-ul-wrap li a {
    color: #fff;
    font-size: 14px;
    line-height: initial;
}
.footer-supermeal-msg-heading {
    margin-right: 10px;
    width: 100%;
}

.footer-supermeal-msg {
    float: left;
    color: #fff;
    width: 100%;
    font-size: 14px;
    margin-bottom: 20px
}

/* ----------------------- Footer UL LI CSS Ends Here ----------------------- */

/* Blog UL LI */

.blog-ul li {
    list-style: disc;
    margin-left: 40px;
}

/* Blog UL LI*/


/*------------------- start---------------------
application canvas layout structure
-----------------------------------------------*/

#c-app-canvas {
    direction: ltr;
    float: left;
    margin: auto;
    width: 100%;
    overflow: hidden;
}

#headerWrapper, .deault-background, #c-app-footer-wrapper, .bg-footer-social-wrapper, .bg- nav-copyright-wrapper {
    clear: both;
    width: 100%;
}

.bg-footer-social-wrapper {
    background-position: 0 -636px;
    height: 97px;
}

.bg-nav-copyright-wrapper {
    background-color: #f2f2f2;
    /*border-top: 6px solid #ed0000;*/
}

/* Browserinfo message CSS starts here */

.browser-info {
    background: none repeat scroll 0 0 #FEDD7C;
    display: none;
    height: 45px;
    margin-top: 0px;
    text-align: center;
    width: 100%;
    z-index: 101;
}

.bi-wrapper {
    display: inline-block;
    margin: 0 auto;
    max-width: 1000px;
    text-align: left;
    width: 1000px;
}

.bi-box-wrapper {
    display: inline-block;
    float: left;
    padding: 0 0 0 13px;
}

.bi-w-img {
    background-position: -16px -172px;
    background-size: 367px auto;
    display: inline-block;
    float: left;
    height: 45px;
    width: 45px;
}

.bi-w-heading {
    color: #CB002E;
    display: inline-block;
    float: left;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 0 10px;
}

.bi-w-msg {
    color: #2F2A31;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-style: italic;
    padding: 16px 0 0 8px;
}
/* Browserinfo message CSS end here */

.c-app-footer-wrapper, .c-app-content-wrapper {
    display: block;
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
}

.c-app-footer-wrapper {
    position: relative;
}

#c-app-footer-wrapper {
    float: left;
}

.footer-new-wrap {
    color: #000;
    background: #fff;
    float: left;
    width: 100% !important;
    max-width: 100% !important;
    border-top: 1px solid #d2d2d2;
    padding: 5px 0px;
}

.sticky-new + .when-scroll-fixed {
    height: 86px;
    visibility: visible;
    width: 100%;
}

.c-app-header-wrapper {
    color: #000;
    position: relative;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 111;
    transition: top 0.2s ease-in-out;
}
/*------------------- end ---------------------*/


/*------------------- Global / Master end ---------------------*/

/*------------------- start---------------------
application icons
-----------------------------------------------*/
.visitor-address-icon {
    background-position: 0 -115px;
    float: left;
    width: 13px;
    height: 24px;
}

/*------------------- end ---------------------*/

/*------------------- start---------------------
application buttons and links
-----------------------------------------------*/

.a-gl-more-h18,
.a-gl-green-h22,
.a-gl-veiw-menu-h25,
.a-find-restaurant {
    color: #ffffff;
    cursor: pointer;
}

.btn-postion-left {
    float: left;
}

.btn-postion-right {
    float: right;
}

.action-r-margin {
    margin-right: 5px;
}


.a-gl-more-h18 {
    margin: 0 10px 0 0;
}

    .a-gl-more-h18 .a-tw-c-cap {
        background-position: -795px -137px;
        float: left;
        height: 18px;
        padding: 0 0 0 5px;
    }

    .a-gl-more-h18 .a-tw-c-test {
        background-position: -629px -137px;
        float: left;
        height: 17px;
        padding: 1px 0 0 5px;
    }

.a-gl-green-h22 {
    display: inline-block;
}

    .a-gl-green-h22 .a-tb-c-cap {
        background-position: -784px -159px;
        float: left;
        height: 22px;
        padding: 0 0 0 16px;
    }

    .a-gl-green-h22 .a-tb-c-test {
        background-position: -629px -159px;
        float: left;
        font-size: 12.5px;
        height: 22px;
        line-height: 21px;
        padding: 0 0 0 16px;
    }


.a-gl-veiw-menu-h25 {
    display: inline-block;
}

    .a-gl-veiw-menu-h25 .a-vm-c-cap {
        background-position: -784px -185px;
        float: left;
        height: 26px;
        padding: 0 0 0 16px;
    }

    .a-gl-veiw-menu-h25 .a-vm-c-test {
        background-position: -588px -185px;
        float: left;
        font-size: 14px;
        height: 26px;
        line-height: 26px;
        padding: 0 0 0 16px;
    }

.a-find-restaurant {
    display: inline-block;
    float: left;
}

    .a-find-restaurant .a-fr-c-test {
        background-position: -625px -385px;
        float: left;
        line-height: 20px;
        padding: 0 0 0 7px;
    }

    .a-find-restaurant .a-fr-c-cap {
        background-position: -791px -385px;
        float: left;
        height: 21px;
        padding: 0 0 0 7px;
    }

.add-how-its-work {
    background-position: -278px -296px;
    display: inline-block;
    height: 226px;
    margin: -5px 0 0;
    width: 93%;
}

/*------------------- start---------------------
application header wrapper 
-----------------------------------------------*/

.header-top-nav-wrapper {
    float: right;
    position: relative;
    display: flex;
    align-items: center;
}

.htnw-visitor-name, .htnw-report-problem {
    float: left;
    padding: 0px 0px 0;
    display: inline-block;
}
.htnw-visitor-name {
    font-weight: bold;
}
.wallet-nav {
    color: #777;
    font-size:13px;
}
.htnw-report-problem {
    cursor: pointer;
    padding: 12px 0 0 3px;
}

    .htnw-report-problem:hover {
        text-decoration: underline;
    }

.htnw-common-left:hover {
    text-decoration: underline;
}

.resp-user-header-nav {
    display: none;
}

.slide-menu-in-mobile .resp-user-header-nav {
    display: block;
}

.redeemButtonSideNav {
    float: none !important;
}

    .redeemButtonSideNav i {
        color: #FFFFFF;
    }

.user-login-wrapper {
    background-color: #FFFFFF;
    border-color: -moz-use-text-color #AFAFAF #AFAFAF;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    display: none;
    height: 246px;
    position: absolute;
    top: 38px;
    width: 279px;
    z-index: 10;
    -webkit-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    border-color: #FFFFFF #AFAFAF #AFAFAF;
    text-align: center;
    overflow: hidden;
    margin-left: -282px;
}

.user-login-slider-wrapper {
    display: inline-block;
    width: 558px;
}

.u-l-s-layer-wrap {
    float: left;
    width: 279px;
}


.visitor-login-form-wrapper {
    display: inline-block;
    padding: 0;
    height: 130px;
    width: 192px;
}

.form-holding {
    display: inline-block;
    text-align: left;
    padding: 0 0 8px;
    width: 100%;
}

.frm-h-txt-feild {
    border: 1px solid #AFAFAF;
    color: #000;
    height: 24px;
    padding: 2px;
    width: 186px;
}

.frm-h-label {
    font-style: italic;
    float: left;
    padding: 8px 0 0 10px;
    position: absolute;
}

.vlfw-keep-login {
    color: #000;
    display: inline-block;
    font-size: 11px;
    padding: 0 0 10px;
    text-align: left;
    width: 100%;
}

    .vlfw-keep-login .vlfw-kl-text {
        float: left;
        padding: 0 5px 0 2px;
    }

.vlfw-action-login {
    background-position: -738px -1px;
    border: medium none;
    color: #f2f2f2;
    cursor: pointer;
    float: left;
    font-family: Arial;
    font-size: 13px;
    height: 25px;
    width: 62px;
    margin-top: -2px;
    background: #0080ca;
    border-radius: 3px;
}

a.vlfw-action-new-account {
    border: medium none;
    color: #FFFFFF;
    background-color: #ff7603;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    padding: 8px 20px;
    width: 216px;
}

a.vlfw-forgor-password {
    color: #000;
    float: left;
    font-size: 15px;
    padding: 8px 0 0 8px;
    text-decoration: underline;
}

a.vlfw-forgort-password-cancel {
    color: #000;
    float: left;
    font-size: 11px;
    padding: 8px 0 0 10px;
    text-decoration: underline;
}

.vlfw-h-forgot {
    color: #000;
    display: inline-block;
    font-size: 15px;
    padding: 0 0 7px;
    text-align: left;
    width: 100%;
}

.vlfw-validate-field-msg {
    display: none;
    padding: 2px 0 0 2px;
    text-align: left;
    width: 99%;
}

.vlfw-breaker {
    border-color: #F57F20 #FFFFFF #FFFFFF;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    margin: 9px 0 8px;
    width: 88%;
}

.ulw-loginfailure-message {
    color: #d10101;
    display: inline-block;
    margin: 0px 0px 10px 0px;
    text-align: left;
    width: 100%;
    font-size: 14px;
}

.orc-loginfailure-message {
    color: #d10101;
    display: inline-block;
    text-align: center;
    width: 96%;
}

.activeVisitorsLogin-Wrapper {
    float: left;
}

/*end login control box*/

/*start My Account control box*/

.user-myaccount-wrapper, .about-us-nav {
    float: left;
    background-color: #000;
    border-style: solid;
    border-width: medium 1px 1px;
    display: none;
    min-height: 134px;
    position: absolute;
    top: 25px;
    width: 175px;
    z-index: 101;
    -webkit-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

.about-us-nav {
    min-height: 117px;
    width: 145px;
}

.visitor-login-form-wrapper {
    display: inline-block;
    padding: 0 0 0 0;
    width: 192px;
    overflow: hidden;
}

.htnw-myaccount {
}

.htnw-common-right {
    height: 25px;
    float: left;
    padding: 13px 0 0 10px;
}

.htnw-common-left {
    float: left;
    height: 25px;
    padding: 12px 0 0 8px;
}

.about-us-nav li, .my-account-sub-menu li {
    line-height: 23px;
    text-align: left;
    float: right;
    text-transform: capitalize;
}

.user-my-account-hr {
    width: 140px;
    border-color: #F57F20 #FFFFFF #FFFFFF;
    border-style: solid;
    border-width: 1px;
    padding: 0px 0px 0px 15px;
}

.logout-btn {
    display: block;
    padding: 5px 10px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    margin: 10px auto;
    width: 85px;
    border-radius: 3px;
    float: none;
    text-align: center;
    cursor: pointer;
}

.user-my-account-logo-out-left {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
}

.user-my-account-logo-out-right {
    background-position: -787px -318px;
    display: inline-block;
    float: left;
    height: 28px;
    padding: 0 0 0 15px;
}

.about-us-nav ul li a, .user-myaccount-wrapper ul li a {
    color: #d2d2d2;
    padding: 0 0 0 15px;
    display: inline-block;
    margin-left: -11px;
    width: 159px;
    font-size: 15px;
}

.about-us-nav ul li a {
    width: 129px;
}

    .about-us-nav ul li a:hover, .user-myaccount-wrapper ul li a:hover,
    .about-us-nav ul li a:hover, .user-myaccount-wrapper ul li a.lnk-selected {
        background-color: #ffdd33;
        color: #FFFFFF;
    }

/*end My Account control box*/

/*start visitor language box*/

.htnw-visitor-language-wrapper {
    background-color: #000;
    border-width: 1px;
    color: #CBC8C8;
    display: none;
    margin-left: -75px;
    padding: 0 0 6px;
    position: absolute;
    text-align: center;
    top: 33px;
    width: 120px;
    z-index: 10;
}

    .htnw-visitor-language-wrapper .htnw-v-Language {
        max-width: 78px;
        text-align: left;
    }

    .htnw-visitor-language-wrapper .htnw-visitor-language {
        padding: 8px 5px 0;
    }

/*end visitor language box*/

/*------------------- end ---------------------*/

/*------------------- star---------------------
application site logo and search wrapper 
-----------------------------------------------*/

.app-logo-search-warpper {
    height: auto;
    float: left;
    width: 100%;
    margin-top: 0px;
}

.site-logo {
    background-position: -278px -192px;
    float: left;
    height: 92px;
    margin: 8px 0 0 0;
    width: 280px;
}

.site-search-wrapper {
    float: right;
    height: 30px;
    display: none;
    position: absolute;
    right: 0%;
    top: 30px;
    width: 240px;
    z-index: 99;
    background: #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.ssw-search-feild, .txt-refine-srch {
    background: #FFFFFF;
    color: #000;
    float: left;
    font-size: 14px;
    height: 28px;
    position: relative;
    padding: 0 8px;
    width: 189px;
    border: 1px solid #d2d2d2;
}

.txt-refine-srch {
    width: 250px;
    background: #f2f2f2;
}

.orc-field-img-remove-icon,
.rm-field-img-remove-icon {
    height: 23px;
    width: 18px;
    float: right;
    margin: 6px 8px 0px 3px;
    background-position: -96px -55px;
    cursor: pointer;
}

.rm-field-img-remove-icon {
    width: 15px;
    margin: 5px -20px 0 0px;
    height: 16px;
    position: absolute;
    left: 73%;
}

.orc-field-img-remove-icon {
    height: 16px;
    position: absolute;
    left: 78% !important;
    width: 6px !important;
    padding: 0px 6px 0px 2px !important;
    top: 0px;
}

.sr-applied-filter-remove-icon {
    margin: 2px 0px 0px 3px;
    background-position: -95px -55px;
    width: 17px;
    float: right;
    height: 16px;
}

.orc-area-search-field-remove-icon {
    background: url('/resources/lefttoright/images/remove-filter-gray.png') no-repeat scroll right;
    height: 26px;
    width: 17px;
    float: right;
    margin: 0 2px 0 3px;
    display: inline-block;
    background-position: 0px 6px;
    cursor: pointer;
}

.orc-area-search-field-remove-icon {
    background: url('/resources/lefttoright/images/remove-filter-gray.png') no-repeat scroll right;
    display: none;
}

.search-feild-img-search {
    background: url('/resources/lefttoright/images/main-nav-search-icon-3.png') no-repeat scroll right #d2d2d2;
    height: 26px;
    width: 22px;
    float: right;
    margin: 2px 5px 0px 3px;
    display: inline-block;
    background-position: -1px 1px;
    cursor: pointer;
}

.ssw-action-search {
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    height: 22px;
    margin: 3px 0px 0px -30px;
    padding: 0px 0 0;
    text-align: center;
    width: 22px;
    background-size: 20px 20px;
}

.header-reg-takeaway-btn, .header-login-btn-blue {
    border: 1px solid transparent !important;
    border-radius: 3px;
    padding: 5px 10px;
    color: #000;
    margin: -8px 0 0 0;
    font-size: 14px;
    margin: 0px 5px 0px 3px;
    float: right;
}

    .header-login-btn-blue:hover {
        border: none;
        background: #fff;
        border-radius: 3px;
    }

.header-uan-wrap {
    font-size: 12px;
    padding: 6px 4px 0 0px;
    float: right;
    margin: 0px;
    text-align: right;
    color: #000 !important;
    width: 225px;
    text-transform: uppercase;
    height: auto;
    font-weight: normal;
    text-align: center;
    margin-top: 5px;
}

.header-uan-phone-icon {
    background-position: -90px 5px;
    background-size: 340px auto;
    width: 30px;
    height: 55px;
    float: left;
    margin-left: 10px;
}

.header-uan-timing-spn {
    font-size: 12px;
}

.header-basket-wrap {
    float: right;
    padding: 0px;
    margin: 15px 20px 0px 20px;
    font-size: 15px;
    position: relative;
}
div#dvSelectArea {
    z-index: 99999;
}

.header-hover-empty-basket {
    visibility: hidden;
    text-align: center;
    opacity: 0;
    top: 130px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: absolute;
    width: 300px;
    left: -233px;
}

.basket-empty-show:hover .header-hover-empty-basket {
    position: absolute;
    z-index: 999999;
    background: #fff;
    opacity: 1;
    left: -233px;
    text-align: center;
    padding: 0px;
    top: 54px;
    visibility: visible !important;
    width: 300px;
    border: 1px solid #ebebeb;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-box-shadow: 0 0px 6px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0px 6px rgba(0,0,0,0.1);
    box-shadow: 0 0px 6px rgba(0,0,0,0.1);
}

.header-hover-empty-basket div {
    border-bottom: 3px solid #ed0000;
    padding: 20px;
    color: #777;
}

.basket-price-wrap {
    float: right;
    font-weight: bold;
    font-size: 16px;
    margin-top: 2px;
    margin-left: 5px;
}

.basket-checkout-label {
    float: right;
    clear: both;
    font-size: 16px;
    text-decoration: underline;
}

.basket-empty-label {
    float: right;
    font-weight: 700;
    font-size: 16px;
    margin-top: 2px;
    margin-left: 5px;
    text-align: center;
    width: 70px;
}

.menu-basket {
    display: none !important;
}

.basket-inner-wrap {
    position: relative;
}

    .basket-inner-wrap i {
        font-size: 22px;
    }

.header-uan-wrap .header-uan-phone-icon {
    display: none;
}

.basket-position {
    position: absolute;
    top: 13px;
    left: -37px;
}

.ssw-search-info-msg {
    color: #000;
    float: none;
    font-size: 15px;
    font-style: italic;
    padding: 11px 0 0 29px;
}

.ssw-s-i-m-label {
    color: #ffdd33;
    font-weight: bold;
}

.search-back-button {
    background-position: -425px -149px !important;
    display: inline-block;
    float: left;
    height: 51px;
    margin: 0 0 0 5px;
    position: relative;
    top: 24px;
    width: 27px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .search-back-button:hover {
        background-position: -457px -150px !important;
        display: inline-block;
        float: left;
        height: 51px;
        margin: 0 0 0 5px;
        position: relative;
        top: 24px;
        width: 27px;
    }

.header-privacy-msg-wrap {
    background: #000;
    position: fixed;
    bottom: 0px;
    border-top: 2px solid #ed0000;
    z-index: 99999;
    width: 100%;
    color: #fff;
}

.header-privacy-msg-wrap-inside {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    font-size: 11px;
}

    .header-privacy-msg-wrap-inside a {
        color: #fff;
        text-decoration: underline;
        font-weight: bold;
    }

.privacy-message-wrap b, .cookie-icon i {
    color: #fff !important;
}

.cookie-icon {
    display: none;
}

.cookie-text {
    color: #fff;
}

.privacy-policy-header-wrap {
    width: 70%;
    padding-top: 2%;
    margin: 0px auto;
    font-size: 14px;
    overflow: hidden;
    padding-bottom: 20px;
}

.privacy-message-wrap {
    width: 100%;
    color: #fff;
}

.btn-hide-msg {
    background: #ed0000;
    color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
    cursor: pointer;
}


/*------------------- end ---------------------*/

/*------------------- start---------------------
application page content wrapper 
-----------------------------------------------*/

.page-content-wrapper {
    float: left;
    margin-bottom: 20px;
    min-height: 293px;
    width: 100%;
}

/*------------------- end ---------------------*/

/*------------------- start---------------------
home page content structure 
-----------------------------------------------*/

.left-box {
    width: 100%;
}

.lb-top-box {
    display: inline-block;
    width: 194px;
    height: 240px;
    overflow: hidden;
}

.lb-center-box1 {
    display: inline-block;
    width: 194px;
}

.lb-cb-h-250 {
    height: 250px;
}

.lb-cb-h-500 {
    height: 500px;
}

.lb-advert-box {
    display: inline-block;
    width: 194px;
}

/*left box*/

/*right box1*/

.right-box1 {
    min-height: 275px;
    width: 100%;
    float: left;
    margin: 20px 0 25px 0;
    border-radius: 5px;
    background: rgba(255,255,255, 0.8);
}

.specific-pop-deal-banner-wrap {
    background: url("../images/pop-deals-shadow-bottom-img.png")no-repeat bottom;
    float: left;
    width: 294px;
    padding: 6px 6px 0px;
    background-position: 0px 207px;
    display: table;
}

    .specific-pop-deal-banner-wrap img {
        border: 1px solid #d2d2d2;
        padding: 4px;
        background: #f2f2f2;
    }

.home-promo-links {
    text-align: left;
    font-weight: bold;
    color: #fff;
    float: left;
    width: 125px;
}

    .home-promo-links:hover {
        text-decoration: underline;
    }

.promo-links-img-style {
    background: rgba(0,0,0, 0.6);
    border-radius: 5px;
    padding: 10px 40px;
    width: 155px;
    margin: 0px 10px;
    font-weight: bold;
    display: inline-block;
}

.rb1-194-box {
    width: 194px;
    height: 270px;
}

/*right box1*/

/*center box*/

.center-box {
    float: left;
    width: 100%;
}
/*center box*/
.right-box2 {
    min-height: 250px;
    width: 800px;
    overflow: hidden;
}

.right-box3 {
    min-height: 250px;
    width: 800px;
}

/*right box4*/
.right-box4 {
    min-height: 100px;
    width: 800px;
}

.rb4-advert-box {
    width: 194px;
    min-height: 378px;
}

/*right box4*/

/*start--middle center box 1000px width*/

.common-center-box-1000 {
    float: left;
    padding: 0 0 5px;
    width: 100%;
}

.common-white-bg {
    background: #fff;
}

.center-box-wrap {
    margin: 0px auto;
    width: 940px;
    padding: 20px 0px;
}

/*end--middle center box 1000 width*/

.h-b-margin-left6 {
    margin-left: 6px;
}

.h-b-margin-right6 {
    margin-right: 6px;
}

.h-b-margin-bottom6 {
    margin-bottom: 6px;
}

.h-b-margin-top6 {
    margin-bottom: 6px;
}

/*------------------- end ---------------------*/

/*------------------- start---------------------
common center square box for "consumer are saying, now servering, recently add software house, 

restaurant menu in pocket"
-----------------------------------------------*/

.middle-square-box-wrapper-490 {
    color: #000;
    position: relative;
    width: 470px;
    box-shadow: 0px 1px 3px 1px #d2d2d2;
}

.img-review-mark {
    float: right;
    position: absolute;
    margin-left: 362px;
    z-index: 1000;
}

.msbw-heading {
    float: left;
    border: 1px solid #d2d2d2;
    background: #f2f2f2;
    padding: 0px 0px 0px 0px;
}

.cb-coloum {
    display: inline-block;
    float: left;
    padding: 0 0 0 8px;
    width: 48%;
}

.cb-c-value {
    color: #6B6B6B;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 20px;
    line-height: 37px;
    width: 100%;
}

    .cb-c-value:hover {
        text-decoration: underline;
    }

/*end--consumer are saying*/

.common-popupl-layout, .more-takeaway, .rm-delivery-area-select-popup {
    background: -moz-linear-gradient(45deg, #7A7A7A, #7A7A7A) repeat scroll 0 0 border-box transparent;
    background: #fff;
    display: none;
    -moz-background-origin: border;
    background-origin: border-box;
    z-index: 120;
}

.area-pop-charges-wrap {
    float: left;
    padding: 15px;
    box-sizing: border-box;
}
.area-pop-msg-wrap {
    width: 100%;
    display: flex;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    box-sizing: border-box;
    justify-content: space-around;
}
.cancel-pop-warp {
    position: absolute;
    top: 5%;
    right: 2%;
}

.rm-delivery-area-select-popup, .more-takeaway {
    padding: 40px 25px 25px 25px;
    width: 500px;
    overflow-y: auto;
    max-height: 350px;
}

.rm-delivery-area-select-popup {
    width: 600px;
    animation: fade-menu-addres 1s ease 1 forwards;
}

.bspw-box-wrapper {
    display: inline-block;
    float: left;
    text-align: center;
    width: 100%;
    margin: 20px 0px 0px;
}

.bw-heading {
    color: #000;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
}

.bw-row {
    display: inline-block;
    float: left;
    font-size: 18px;
    padding: 6px 0;
    width: 100%;
}

.bw-r-icon-wrapper {
    display: inline-block;
    padding: 15px 0 0;
}

.bw-r-google, .bw-r-firefox {
    display: inline-block;
    float: left;
    height: 75px;
    width: 75px;
}

.bw-r-google {
    background-position: 0px 0px;
    margin: 0 25px 0 0;
}

.bw-r-firefox {
    background-position: 0px -78px;
}

/*------------------- end ---------------------*/

/*------------------- start---------------------
moblie application advert slider
-----------------------------------------------*/

.popular-rest-main-wrap {
    float: left;
    width: 100%;
    display: inline-block;
    height: 160px;
}

.new-heading-line-shadow {
    width: 100%;
    float: left;
    background-position: 86px -188px;
    height: 65px;
    text-align: center;
    font-size: 40px;
    color: #ed0000;
    font-weight: normal;
}

.popular-rest-main-wrap .popular-restaurant-slider {
    float: right;
    padding: 0px 0px 0px 0px;
    text-align: right;
    margin: 15px 20px 0px 0px;
}

.mobile-app-div-wrap {
    background-position: 520px -883px;
    width: 1000px;
    float: left;
    min-height: 340px;
    margin-bottom: 20px;
    background: rgba(255,255,255, 0.8);
    border-radius: 5px;
    margin-top: 20px;
}

.google-app-link {
    width: 205px;
    height: 70px;
    float: left;
    margin-left: 10px;
    background-position: -110px -95px;
}

.app-download-label {
    float: left;
    width: 550px;
    padding: 0px 0px 0px 20px;
    background: #fff;
}

.lbl-mobile-app {
    font-size: 37px;
    margin-top: -10px;
    font-weight: normal;
    line-height: 60px;
    color: #000;
}

.iam-header-link:hover {
    border: 1px solid #ed0000 !important;
    background: #ed0000 !important;
    color: #fff;
}

.lbl-on-the-go-with {
    font-size: 37px;
    color: #000;
    margin-top: -11px;
    letter-spacing: -1px;
    margin: 0px 0px 5px 0px;
}

.lbl-online-food-ordering {
    font-size: 37px;
    color: #000;
    margin: 0px 0px 5px 0px;
}

.lbl-download-from {
    font-size: 22px;
    margin-top: 20px;
    font-weight: normal;
    margin-left: 38px;
    letter-spacing: -1px;
}

.popular-restaurant-wrapper {
    display: inline-block;
    float: left;
    padding: 10px 0px 0px 0px;
    width: 910px;
    margin: 10px 0 0 44px;
    position: relative;
    height: 135px;
}

    .popular-restaurant-wrapper li {
        list-style: none;
    }

#ulAppliedCuisines span:first-child {
    width: 65%;
}

#ulAppliedCuisines span:nth-of-type(2) {
    text-align: right;
    display: block;
    margin-right: 0px;
    float: left;
}

.foortalicious-items-slides-next {
    background-position: -116px -37px;
    background-color: #d2d2d2;
    padding: 15px;
    float: right;
    display: block;
    opacity: 0.9;
    border-radius: 20px;
}

.foortalicious-items-slides-prev {
    background-position: -116px -37px;
    background-color: #d2d2d2;
    padding: 15px;
    float: left;
    display: block;
    opacity: 0.9;
    border-radius: 20px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

    .foortalicious-items-slides-prev:hover, .foortalicious-items-slides-next:hover {
        cursor: pointer;
        background-color: #000;
    }

/*Delete Class if not work*/
.prw-img-wrapper {
    display: inline-block;
    float: left;
    padding: 5px 5px 10px 5px;
    position: relative;
    width: 120px;
}

.rest-name {
    color: #000;
    text-align: center;
    font-size: 12px;
    float: left;
    width: 100%;
    margin-top: 5px;
    text-decoration: none;
    font-weight: normal;
}

.rest-menu-uan-lbl {
    color: #000;
    font-weight: normal;
    font-size: 14px;
    margin: 6px 0 0 10px;
    float: left;
}

.rest-name:hover {
    text-decoration: underline;
}

.prw-img-wrapper img {
    background: #fff;
    float: left;
    padding: 1px;
    width: 118px;
    height: 89px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

/*------------------- end ---------------------*/

/*------------------- start---------------------
popular Items CSS At home page Starts Here
-----------------------------------------------*/

.foortalicious-heading {
    box-shadow: 3px 3px 3px;
    color: #FFFFFF;
    float: left;
    font-size: 24px;
    font-weight: bold;
    margin: 7px 5px 0 0px;
    width: 100%;
    text-shadow: 1px 1px 3px #D9D9D9;
}

.fitms {
    color: #ff7603;
}

.ftls-hd-width {
    width: auto;
    margin-left: 26px;
}

.foortalicious-items-head {
    width: 1000px;
    height: 45px;
}

.orlb-heading-try {
    background: url("../../LeftToRight/Images/bg-consumer-fixed-text.png") repeat-x scroll 0 0 transparent;
    background-position: -229px -77px;
    margin: 5px 0 3px 10px;
}

.foortalicious-items-head img {
    margin: 6px 0 3px 10px;
    float: left;
    width: auto;
    height: auto;
}

.main_box {
    position: relative;
    overflow: hidden;
    float: left;
    margin: 0px 12px 10px 0px;
    height: 300px;
    width: 200px;
    background: #fff;
    padding: 15px;
    box-shadow: 0px 4px 7px #d2d2d2;
    border: 1px solid #d2d2d2;
}

    .main_box img {
        display: block;
        z-index: 10;
        width: 200px;
        height: 150px;
        cursor: pointer;
    }

    .main_box > a {
        text-decoration: none;
    }

.special-offer-wrap {
    float: left;
    margin: 0px 1px;
    padding: 0px 0px 5px 0px;
    width: 100%;
    border: none;
    cursor: pointer;
}

span.scissors-span {
    float: left;
    font-size: 24px;
    margin-left: 20px;
    margin-right: 15px;
    color: #ed0000;
    margin-top: 4px;
}

.special-offer-label {
    float: left;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
}

.specail-offer-arrow {
    float: right;
    margin-right: 15px;
    font-size: 25px;
    margin-top: 5px;
}

.restaurant-menu-offer-inner {
    float: left;
    margin: 0px 1px;
    padding: 10px 6px;
    width: 95.6%;
    border: none;
    max-height: 113px;
    overflow: hidden;
}

.restaurant-menu-offer-wrapper {
    margin: 0px 0px 0px 5px;
}

.sr-offers-ribbon-menu-wrap {
    display: none !important;
}

.offers-wrap {
    float: left;
    margin: 0px 0px;
    padding: 0px 0px;
    width: 100%;
    border: 2px dashed #ed0000;
    max-height: 178px;
    overflow: hidden;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 15px;
}

.overlayPop {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    margin: 0;
    background: #000;
}

/* Text Content */

.overlayText {
    position: absolute;
    border-radius: 6px;
    overflow: hidden;
    display: none;
    z-index: 20;
    margin: 0;
    background: #000;
    color: white;
    cursor: pointer;
}

.overlayRubTop {
    position: absolute;
    overflow: hidden;
    z-index: 20;
    margin: 0;
    border: 0 none;
    background: #000;
}

.overlayRubBottom {
    position: absolute;
    overflow: hidden;
    z-index: 20;
    margin: 0;
    border: 0 none;
    background: #000;
}

.txt-wrap {
    float: left;
    margin: 5px 0px 0px 0px;
    width: 98%;
}

.video-box-wrapper {
    background: url("../../lefttoright/images/video-playbox.png") repeat-x scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 100%;
    width: 100%;
}

    .video-box-wrapper:hover {
        background: url("../../lefttoright/images/video-box-img.png") repeat-x scroll 0 0 transparent;
    }

.video-popup-wrapper {
    display: none;
    top: 32px;
    width: 700px;
    z-index: 102;
}

.close-popup {
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 27px 0 0;
}

.close-terms-toltip {
    position: absolute;
    top: 2px;
    right: 5px;
}
/*------------------- end ---------------------*/

/*------------------- start---------------------
Takeaways near you and Featured Takeaways
-----------------------------------------------*/

.takeaway-wrapper, .tww-border-bottom {
    float: left;
    width: 100%;
}

.tww-top-content {
    background-position: -2px -324px;
    float: left;
    min-height: 203px;
    overflow: hidden;
    padding: 12px 8px 0;
    width: 178px;
}

    .tww-top-content h5.tww-h-h5 {
        color: #ED7200;
        font-size: 16px;
        width: 100%;
    }

    .tww-top-content .tww-takeaway-content {
        float: left;
        padding: 7px 0 0;
        width: 100%;
    }

.tww-item {
    float: left;
    padding: 5px 0;
    width: 100%;
}

.tww-img-box {
    -moz-border-radius: 4px 4px 4px 4px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #757575;
    float: left;
    height: 40px;
    padding: 2px;
    width: 40px;
}

    .tww-img-box img {
        width: 40px;
        height: 40px;
    }

.tww-item .tww-item-details {
    float: left;
    padding: 0 0 0 4px;
    width: 127px;
}

.tww-name {
    color: #57BA1A;
    float: left;
    font-weight: bold;
    max-height: 15px;
    overflow: hidden;
    padding: 0 0 3px;
}

.tww-des {
    color: #575757;
    float: left;
    font-size: 10px;
    max-height: 30px;
    overflow: hidden;
    width: 100%;
}

.tww-border-bottom {
    background-position: -2px -544px;
    height: 35px;
}
/*------------------- end ---------------------*/

/*------------------- start---------------------
Takeaways near you and Featured Takeaways
-----------------------------------------------*/

.today-best {
    float: left;
    width: 100%;
}

.tb-border-top1, .tb-border-top2, .tb-border-bottom {
    float: left;
    width: 100%;
}

.tb-border-top1 {
    background-position: -2px -247px;
    height: 11px;
}

.tb-border-top2 {
    background-position: -2px -262px;
    height: 26px;
}

.tb-border-bottom {
    background-position: -2px -292px;
    text-align: center;
    height: 28px;
}

.tb-border-top2 h5.tln-h-h5 {
    color: #FFFFFF;
    font-size: 16px;
    padding: 0 0 0 10px;
    width: 90%;
}

.tb-border-top2 h5.tb-h-h5 {
    color: #FFFFFF;
    font-size: 16px;
    padding: 0 0 0 10px;
    width: 90%;
}

.tb-center-content {
    background-position: 0 0;
    float: left;
    height: 167px;
    padding: 4px 8px;
    width: 178px;
    overflow: hidden;
}

.tb-item-box {
    float: left;
    text-align: center;
    width: 178px;
}

.tb-item-name {
    color: #000;
    display: inline-block;
    font-size: 16px;
    height: 20px;
    margin: 2px 0 8px 0;
    overflow: hidden;
    width: 100%;
}

.tb-item-img-box {
    border: #e2e1e1;
    width: 94px;
    height: 71px;
}

    .tb-item-img-box img {
        width: 94px;
        height: 71px;
    }

.tb-item-rating-wrapper {
    display: inline-block;
    padding: 7px 0;
    text-align: center;
    width: 100%;
}

.tb-rate-active, .tb-rate-unactive {
    display: inline-block;
    margin: 0 1px;
    height: 21px;
    width: 21px;
}

.tb-rate-active {
    background-position: -342px 0;
}

.tb-rate-unactive {
    background-position: -342px -23px;
}

#tbiPaging {
    padding: 8px 0;
    text-align: center;
    width: 100%;
}

    #tbiPaging a {
        background-position: -367px -17px;
        display: inline-block;
        height: 12px;
        margin: 9px 0 0 3px;
        width: 12px;
    }

        #tbiPaging a.selected {
            background-position: -368px -1px;
        }

/*------------------- end ---------------------*/


/*------------------- start---------------------
home page gallery that show Popular Restaurants and Popular items
-----------------------------------------------*/

.popular-res-item-gallery-wrapper {
    width: 100%;
    float: left;
}

.top-main-center-transparent-bg-wrap {
    float: left;
    background: rgba(255,255,255, 0.8);
    padding: 20px 23px 0px 23px;
    width: 96%;
    margin: 0px auto 20px auto;
    border-radius: 5px;
}

.main-center-heading {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    margin: 0px auto 10px auto;
}

    .main-center-heading h1 {
        font-size: 42px !important;
        font-weight: normal !important;
        color: #000 !important;
    }

.transparent-link-boxes-wrap {
    width: 100%;
    margin: 20px auto;
    text-align: center;
    font-size: 22px;
    color: #f2f2f2;
    float: left;
}

.transparent-link-boxes {
    background: rgba(0,0,0, 0.6);
    border-radius: 5px;
    padding: 10px 10px;
    width: 200px;
    display: inline-block;
    margin: 0px 10px;
    font-weight: bold;
}

.main-page-map-img {
    float: left;
    width: 100%;
    height: 100px;
    margin: 15px 0px;
    background-position: -67px -577px;
}

.sr-map-img {
    width: 750px;
    margin: 5px 10px;
    height: 77px;
}

    .sr-map-img img {
        max-width: 100%;
    }

.sr-map-view-popup {
    background: #fff;
}

.home-order-steps-img {
    background-position: -150px -20px;
    float: left;
    width: 85%;
    height: 50px;
    margin: 20px 0px 30px 87px;
}

.home-order-steps-lbl-sr {
    margin: 0px 45px 0px 15px;
    color: #000;
    font-size: 22px;
    border-left: 1px solid #000;
    padding-left: 15px;
}

.home-order-steps-lbl-order-food, .home-order-steps-lbl-delivery {
    margin: 0px 45px 0px 15px;
    color: #000;
    font-size: 22px;
    border-left: 1px solid #000;
    padding-left: 15px;
}

.prigw-item-rating-wrapper .c-ratestar-unactive {
    background-position: -384px -23px;
}

.home-page-order-steps-common-spn {
    background: #000;
    border-radius: 120px;
    font-size: 26px;
    color: #fff;
    padding: 10px 21px;
    float: left;
    margin-top: 3px;
}



.home-page-banner-web-wrap img {
    width: 100%;
    margin-top: 30px;
    float: left;
}
/*end home page*/

#dvsearchRestaurant table {
    float: left;
}

.prigw-reveiws, .prigw-reveiws-11px {
    color: #000;
    display: inline-block;
    padding: 2px 0 5px;
    width: 100%;
}

.prigw-reveiws-11px {
    font-size: 11px;
    padding: 0 0 3px;
}

/*change set for poplar items*/

.prigw-rate-active-small, .prigw-rate-unactive-small {
    display: inline-block;
    height: 12px;
    margin: 0 1px;
    width: 12px;
}

.prigw-rate-active-small {
    background-position: -407px 0;
}

.prigw-rate-unactive-small {
    background-position: -407px -12px;
}

.prigw-reveiws {
    color: #000;
    display: inline-block;
    padding: 2px 0 5px;
    width: 100%;
}

.prigw-item-name, .prigw-item-price, .prigw-resturent-name {
    color: #3A9303;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 39px;
    overflow: hidden;
    padding: 3px 0 0;
    width: 100%;
    word-wrap: break-word;
}

.prigw-resturent-by {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    height: 12px;
    overflow: hidden;
    padding: 0 0 2px 0;
    width: 100%;
}

.prigw-overlay .prigw-item-name {
    font-size: 22px;
    height: 58px;
}

.prigw-item-price {
    color: #4DBB0E;
    font-size: 22px;
    font-weight: bold;
    height: 30px;
}

.prigw-resturent-name {
    border-top: 1px dotted #000000;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    height: 42px;
    padding: 2px 0 0;
}

.prigw-overlay {
    background-position: 0 -1003px;
    display: none;
    font-weight: bold;
    height: 181px;
    margin: 0 0 0 -1px;
    padding: 6px 0 0;
    position: absolute;
    top: 0;
    width: 134px;
}

/* end change set for poplar items*/
#prigPrev, #prigNext, #prigNext.disabled, #prigPrev.disabled,
#prig-pi-Prev, #prig-pi-Next, #prig-pi-Next.disabled, #prig-pi-Prev.disabled {
    height: 39px;
    position: absolute;
    width: 39px;
    z-index: 10;
}

    #prigPrev, #prigPrev.disabled,
    #prig-pi-Prev, #prig-pi-Prev.disabled {
        margin: 106px 0 0 4px;
    }

#prigPrev,
#prig-pi-Prev {
    background-position: -298px -1px;
}

    #prigPrev.disabled,
    #prig-pi-Prev.disabled {
        background-position: -298px -42px;
    }


#prigNext, #prigNext.disabled,
#prig-pi-Next, #prig-pi-Next.disabled {
    margin: 106px 0 0 -30px;
}

#prig-pi-Next, #prigNext {
    background-position: -423px -1px;
}

    #prig-pi-Next.disabled, #prigNext.disabled {
        background-position: -423px -42px;
    }


/*------------------- end ---------------------*/

/*------------------- start---------------------
home resturent advert logo wrapper
-----------------------------------------------*/

.advert-restaurant-logo-wrapper {
    float: left;
    min-height: 378px;
    width: 600px;
}

.arlw-left-border, .arlw-right-border, .arlw-center-content {
    float: left;
    width: 10px;
    height: 378px;
}

.arlw-left-border {
    background-position: -230px -187px;
}

.arlw-right-border {
    background-position: -244px -187px;
}

.arlw-center-content {
    background-position: 0 -255px;
    width: 580px;
}

.ar-logo-box {
    display: inline-block;
    height: 321px;
    margin: 0 0 0 5px;
    overflow: hidden;
    width: 99.4%;
}

.ar-logo {
    background-position: -166px -75px;
    margin: 0 6px 6px 0;
    float: left;
    width: 90px;
    height: 75px;
}

    .ar-logo img {
        height: 75px;
        width: 90px;
    }

/*------------------- end ---------------------*/

/*------------------- start---------------------
take away bottom "lb-advert-box" advert box 
-----------------------------------------------*/

.left-side-bottom-advert-wrapper, .lsba-center-box {
    width: 100%;
    float: left;
}

.lsba-border-top, .lsba-border-bottom {
    float: left;
    width: 100%;
    height: 10px;
}

.lsba-border-top {
    background-position: -2px -589px;
}

.lsba-border-bottom {
    background-position: -2px -603px;
}

.lsba-center-box {
    background-position: -395px 0;
    min-height: 300px;
    text-align: center;
}
/*------------------- end ---------------------*/

/*------------------- start---------------------
right bottom ".rb4-advert-box" advert box 
-----------------------------------------------*/
.right-side-bottom-advert-wrapper, .rsba-center-box {
    width: 100%;
    float: left;
}

.rsba-border-top, .rsba-border-bottom {
    float: left;
    width: 100%;
    height: 10px;
}

.rsba-border-top {
    background-position: -2px -618px;
}

.rsba-border-bottom {
    background-position: -2px -634px;
}

.rsba-center-box {
    background-position: -593px 0;
    min-height: 250px;
    text-align: center;
}

/*------------------- end ---------------------*/

/*------------------- start---------------------
footer social block
-----------------------------------------------*/
.footer-social-wrapper {
    background-position: 0 -100px;
    display: inline-block;
    padding: 0 10px;
    width: 980px;
    position: relative;
}

.fsw-top-heading-box {
    color: #98cf8e;
    float: left;
    margin-top: 8px;
}

.fsw-th-join-us {
    font-size: 24px;
    font-weight: bold;
}

.fsw-th-other {
    font-size: 14px;
    padding: 0 0 0 8px;
}

.get-app-updates-wrapper {
    float: right;
    display: inline-block;
    width: 445px;
}

.gauw-heading {
    color: #ffffff;
    font-size: 17px;
    font-style: italic;
}

.gauw-email-box {
    background-position: -426px -91px;
    display: inline-block;
    height: 33px;
    margin: 8px 0 0;
    width: 241px;
}

.gauw-emb-input {
    background-color: #EAF5E7;
    border: medium none;
    color: #000;
    float: left;
    font-size: 18px;
    height: 28px;
    margin: 2px 0 0 5px;
    width: 198px;
}

.gauw-action-send {
    background-position: -18px -117px;
    float: right;
    height: 27px;
    margin: 3px 3px 0 0;
    width: 27px;
}

.fsw-social-link-box {
    float: left;
    padding: 10px 0 0;
    width: 426px;
}

.fsw-sl-link {
    color: #98CF8E;
    float: left;
    width: 177px;
}

.fsw-sl-facebook-icon, .fsw-sl-twitter-icon, .fsw-sl-googleplus-icon {
    float: left;
    height: 42px;
    margin: 0 6px 0 0;
    width: 42px;
}

.fsw-sl-twitter-icon {
    background-position: -489px -47px;
}

.fsw-sl-facebook-icon {
    background-position: -489px -1px;
}

.fsw-sl-googleplus-icon {
    background-position: -535px -1px;
}

.fsw-sl-text1 {
    float: left;
    font-size: 12px;
    padding: 1px 0 0;
    width: 70%;
}

.fsw-sl-text2 {
    float: left;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    width: 70%;
}

.own-restuarant-cafe {
    background-position: -528px -547px;
    display: inline-block;
    text-align: center;
    height: 97px;
    width: 271px;
}

.orc-text {
    color: #99CF8E;
    display: inline-block;
    font-size: 18px;
    padding: 17px 0 0;
    width: 100%;
}

.orc-action-wrapper {
    display: inline-block;
    margin: 8px 0;
}

.orc-aw-left {
    background-position: -546px -501px;
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 17px;
    padding: 14px 0 13px 26px;
}

.orc-aw-right {
    background-position: -776px -501px;
    float: left;
    height: 44px;
    padding: 0 0 0 26px;
}

.orc-action-wrapper:hover .orc-aw-left {
    background-position: -544px -647px;
}

.orc-action-wrapper:hover .orc-aw-right {
    background-position: -774px -647px;
}
#lhc_status_container {
    bottom: 65px !important;
}

hr.footer-break {
    border-color: #000;
    border-style: solid none none;
    border-width: 1px medium medium;
    display: inline-block;
    margin: 4px 0;
    width: 100%;
    display: none;
}

.footer-privacy-lang-wrapper {
    color: #A5A5A5;
    float: left;
    font-size: 12px;
    padding: 0 15px !important;
    width: 100% !important;
    margin: 10px 0 10px 0px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .footer-privacy-lang-wrapper span {
        color: #000;
    }

    .footer-privacy-lang-wrapper img {
        height: 32px;
    }



.footer-card-company-logos-wrap span {
    float: left;
    height: 32px;
    width: 60px;
    margin: 0px 0px 0px 5px;
}

.footer-card-logo-visa {
    background-position: -59px -126px;
    background-size: 188px auto;
}

.footer-card-logo-amex {
    background-position: 0px -126px;
    background-size: 188px auto;
    margin: 0px 0px 0px 2px !important;
}

.footer-card-logo-master-card {
    background-position: -36px -75px;
    background-size: 165px auto;
    margin: 0px 0px 0px 3px !important;
}

.footer-card-logo-worldnet {
    background-position: -119px -126px;
    background-size: 188px auto;
}

.footer-privacy-lang-wrapper a {
    color: #000;
    padding: 0 2px;
}

.footer-mobile-banner-app-wrap {
    float: left;
    width: 280px;
}

.footer-privacy-lang-wrapper a:hover {
    text-decoration: underline;
}

.order-your-meal-mobile-wrap {
    width: 180px;
    margin: 10px 0px -6px 0px;
}

.order-your-meal-mobile_img-wrap {
    float: left;
    width: 130px;
    margin: 30px 0px -12px 0px;
}

.order-your-meal-mobile-main-wrap {
    width: 312px;
}

.app-secure-icons-box {
    float: right;
    text-align: center;
    width: 432px;
}

.icon-100-secure {
    background-position: -3px -644px;
    display: inline-block;
    height: 76px;
    margin: 32px 0;
    width: 223px;
}

.icon-payments {
    background-position: -243px -155px;
    display: inline-block;
    height: 27px;
    margin: 0 12px;
    width: 187px;
}

/*------------------- end ---------------------*/

/*------------------- start---------------------
Search result page css
-----------------------------------------------*/

.sr-action-rating-wrapper .c-ratestar-active,
.sr-action-rating-wrapper .c-ratestar-unactive,
.icon-srw-link-popularity,
.icon-srw-link-items,
.icon-srw-link-new,
.icon-srw-link-rating,
.icon-srw-link-distance,
.icon-srw-link-name,
.icon-srw-link-card,
.sr-display-tile-view-action,
.sr-display-row-view-action,
.sr-display-row-view-action-selected,
.sr-display-tile-view-action-selected,
.srf-input-wrapper .combo div.icon,
.action-srf-find-now-text,
.action-srf-find-now-cap,
.action-srf-find-now-disable .action-srf-find-now-text,
.action-srf-find-now-disable .action-srf-find-now-cap,
.sr-wv-icon,
.search-fw-selection-area,
.home-fw-selection-area,
.iw-icon-delivery,
.iw-icon-takeaway,
.search-back-button,
.search-back-button:hover,
.moreTakeaway_mapPin,
.search-offers-tag,
.clr-filters,
.ssw-search-feild-img-search,
.sr-order-type-delivery,
.sr-order-type-takeaway,
.sr-order-type-dinein,
.sr-order-type-executive,
.dl-clr-filters,
.rm-address-width, .sr-content-distance,
.filter-close-io {
    background: url("../../lefttoright/images/bg-search-result-fixed-group.png") repeat-y scroll 0 0 transparent;
}

.sr-order-type-delivery, .sr-order-type-takeaway, .sr-order-type-dinein, .sr-order-type-executive {
    height: 25px;
    background-position: -11px -8px;
    margin: 5px auto 5px;
    width: 24px;
}

.sr-order-type-lbl-spn {
    text-align: center;
    float: left;
    width: 100%;
}

.sr-offers-discounts {
    background: #000;
    padding: 3px 7px 5px 9px;
    color: #d2d2d2;
    border: none;
    position: absolute;
    font-size: 10px;
    width: 117px;
}

.change-ordertype-btn {
    text-decoration: underline;
    color: #03A9F4;
    font-size: 12px;
}

.sr-order-type-takeaway {
    background-position: -66px -9px;
}

.sr-order-type-dinein {
    background-position: -38px -8px;
}

.sr-order-type-executive {
    background-position: -8px -182px;
    background-size: 155px 127px;
}

.moreTakeaway_mapPin {
    background-position: -503px -171px;
    float: left;
    margin-right: 5px;
    width: 15px;
    height: 20px;
}

.icon-srw-link-popularity, .icon-srw-link-items, .icon-srw-link-new, .icon-srw-link-rating, .icon- srw-link-distance, .icon-srw-link-name, .icon-srw-link-open, .icon-srw-link-card,
.icon-srw-link-delivery, .icon-srw-link-cuisine, .icon-srw-link-online-dine-in, .icon-srw-link- online-takeaway {
    float: left;
    width: 24px;
}

.srw-border-top1,
.srw-border-top2,
.srw-border-bottom,
.srw-border-top3,
.srw-link-value {
    display: inline-block;
    width: 100px;
}

.search-result-filter-wrapper {
    float: left;
    min-height: 160px;
    width: 220px;
    color: #000;
    background: #FFFFFF;
    padding: 0px 0px 0px 0px;
    max-height: 565px;
}

.search-result-filter-label {
    color: #696969;
    float: left;
    font-weight: bold;
    padding: 5px 1px 6px;
    width: 100%;
    display: none;
}

.res-dynamic-cusines-wrap ul {
    display: inline-block;
    margin: 0px !important;
    padding: 0px !important;
}

    .res-dynamic-cusines-wrap ul li {
        display: inline-block;
        padding: 0px 7px;
    }

#ulAppliedFiletrsDetails li:hover div span {
    color: #fff;
}

#dlFilters li:hover {
    color: rgb(72, 72, 72);
    background: rgb(242, 242, 242);
}

.sr-applied-filters-wrap {
    float: left;
    width: 100%;
    padding: 10px 0px;
    background: #fff;
    margin: 0px 0px 10px 0px;
}

.fd-applied-filters-wrap {
    float: left;
    padding: 0px 7px;
    width: 100%;
}

.common-applied-filters-heading {
    float: left;
    display: inline-block;
    font-size: 13px;
    color: #ed0000;
    margin-top: 4px;
    text-transform: uppercase;
    font-weight: normal;
    margin-left: 10px;
}

.srf-input-wrapper {
    float: left;
    padding: 0 0 6px;
    text-align: left;
    width: 171px;
}

/* Start CSS of serach result Criteria */

.scr-common-text {
    color: #0BC113;
}

.scr-filter-box {
    background-color: #ffdd33;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #ffffff;
    font-weight: normal;
    margin: 0 1px;
    padding: 2px 15px 2px 15px;
    cursor: pointer;
}

.scr-filter-txt {
    background: none;
    background-color: #ffdd33;
}

    .scr-filter-txt:hover {
        background: none;
        background-color: #d10101;
    }

.scr-filter-box:hover {
    background-color: #d10101;
}

.action-clear-seach {
    color: #ff7603;
    font-size: 11px;
    padding: 0 0 0 4px;
    text-decoration: underline;
}

.iw-icon-delivery {
    background-position: -10px 30px;
    display: inline-block;
    float: right;
    height: 28px;
    width: 40px;
    margin: -4px 0px 0px 5px;
}

.iw-icon-takeaway {
    background-position: -53px -103px;
    display: inline-block;
    float: right;
    height: 28px;
    width: 36px;
    margin: -4px 0px 0px 5px;
}
/* End of serach result Criteria */

/* serach result filter with sexy combo */

.srf-input-wrapper .combo div.icon {
    background-position: -346px -46px;
    height: 24px;
    margin-left: 136px;
    margin-top: 2px;
    width: 20px;
}

.srf-input-wrapper .combo div.list-wrapper {
    margin-left: 4px;
    margin-top: 27px;
    width: 143px;
}

    .srf-input-wrapper .combo div.list-wrapper ul li {
        width: auto;
        text-align: left;
    }

.srf-input-wrapper .combo input {
    font-size: 15px;
    height: 26px;
    margin-left: 4px;
    width: 145px;
}

.srf-input-select {
    border: 1px solid #D2D2D2;
    color: #000;
    float: none;
    font-family: arial;
    font-size: 13px;
    padding: 3px 3px 3px 0;
    width: 100%;
}
/* End */

.srf-action-wrapper {
    float: left;
    padding: 7px 0 8px 2px;
    width: 97%;
}

.action-srf-find-now {
    color: #ffffff;
}

.action-srf-find-now-disable {
    color: #8c8f91;
}

a:hover.action-srf-find-now-disable {
    cursor: default;
}

.action-srf-find-now, .action-srf-find-now-disable {
    float: left;
    line-height: 17px;
}

.action-srf-find-now-text {
    background-position: -382px -46px;
    float: left;
    height: 18px;
    padding-left: 15px;
}

.action-srf-find-now-cap {
    background-position: -540px -46px;
    float: left;
    height: 18px;
    width: 15px;
}

.action-srf-find-now-disable .action-srf-find-now-text {
    background-position: -659px -545px;
    float: left;
    height: 18px;
    padding-left: 15px;
}

.action-srf-find-now-disable .action-srf-find-now-cap {
    background-position: -817px -545px;
    float: left;
    height: 18px;
    width: 15px;
}

.action-srf-clear {
    color: orange;
    display: none;
    cursor: pointer;
    float: right;
    padding: 2.5px 0 0 0;
}

    .action-srf-clear:hover {
        text-decoration: underline;
    }

.srf-input-field {
    border: 1px solid #BBBBBB;
    color: #000;
    height: 25px;
    padding: 0 3px;
    width: 145px;
}

.icon-srw-link-popularity,
.icon-srw-link-items,
.icon-srw-link-rating,
.icon-srw-link-name,
.icon-srw-link-open,
.icon-srw-link-card,
.icon-srw-link-delivery,
.icon-srw-link-cuisine,
.icon-srw-link-online-takeaway,
.icon-srw-link-online-dine-in {
    height: 17px;
}

.icon-srw-link-popularity {
    background-position: -169px -1px;
}

.icon-srw-link-items {
    background-position: -169px -21px;
}

.icon-srw-link-rating {
    background-position: -27.5px 0;
    height: 18px;
}

.icon-srw-link-name {
    background-position: -27.5px -39px;
}

.icon-srw-link-open {
    background-position: -55.5px -2px;
}

.icon-srw-link-card {
    background-position: -222px -22px;
}

.icon-srw-link-delivery {
    background-position: -57px -39.5px;
}

.icon-srw-link-cuisine {
    background-position: -57px -58.5px;
}

.icon-srw-link-online-dine-in {
    background-position: -30px -57.5px;
}

.icon-srw-link-online-takeaway {
    background-position: -4px -57.5px;
}

.icon-srw-link-new {
    background-position: -170px -40px;
    height: 17px;
    margin-top: -2px;
}

.icon-srw-link-distance {
    background-position: -198px -20px;
    height: 16px;
    margin-top: -1px;
}

/*new seach filter of collective and deliver*/

.common-search-location-filter-w {
    float: left;
    padding: 2px 0 0;
    width: 100%;
}

.search-fw-selection-area, .home-fw-selection-area {
    background-position: -638px -239px;
    float: left;
    height: 156px;
    padding: 2% 6% 4%;
    width: 89%;
}

.home-fw-selection-area {
    background-position: -638px -211px;
    height: 183px;
}

.c-s-fw-s-a-inner {
    float: left;
    width: 100%;
    display: none;
    margin: 8px 0 0;
}

.h-itemname b {
    color: #DD0007;
    float: left;
    font-size: 22px;
    font-weight: normal;
    line-height: 27px;
}
/*new seach filter of collective and deliver*/

/* End of the Search result left panel - sorting and filters */

/* Starting Main content area of search results */
.search-result-wrapper, .menu-col-left, .recomandation-box-wrapper,
.offer-term-box, .offer-term-box-2 {
    background-color: #FFFFFF;
    color: #000;
    border: 1px solid #d2d2d2;
}

.search-result-wrapper {
    float: right;
    margin-left: 4px;
    min-height: 150px;
    padding: 1px 0px 5px 0px;
    width: 771px;
    background: #f2f2f2;
}

.sr-center-wrapper {
    background-position: -32px 0;
}

.sr-content-box-wrapper {
    float: left;
    min-height: 160px;
    padding-bottom: 10px;
    width: 756px;
    border: 1px solid #d2d2d2;
    margin: 0px 0px 15px 6px;
    background: #ffffff;
    position: relative;
}

.sr-content-wrap {
    float: left;
    width: 80%;
    margin-top: 5px;
}

.sr-content-box-wrap-bgcolor {
    background-color: #fbf9ce;
}

.sr-wv-empty-search {
    float: left;
    padding: 1.3%;
    width: 97.2%;
}

.sr-content-box-alt-bg {
    background-color: #F0F0F0;
}

.sr-content-logo-wrap {
    float: left;
    width: 140px;
}

.sr-content-logo {
    background-color: #FFFFFF;
    border: 1px solid #E1E1E1;
    float: left;
    margin: 10px 1px 2px 9px;
    padding: 3px;
    width: 120px;
}

    .sr-content-logo img {
        float: left;
        width: 120px;
        height: 90px;
    }

.sr-content-text-area {
    float: left;
    font-size: 13px;
    padding: 5px 0 0 7px;
    width: 385px;
    position: relative;
    min-height: 185px;
}

.sr-content-res-name {
    color: #000;
    font-size: 28px;
    float: left;
    max-width: 450px;
    padding-bottom: 4px;
    padding-right: 6px;
    font-weight: normal;
}

    .sr-content-res-name:hover {
        text-decoration: underline;
    }

.rm-marker-addresses {
    background-position: -180px -65px;
    color: #000;
    float: left;
    font-size: 13px;
    width: 30px;
    height: 30px;
}

.rm-content-multi-addresses-wrap, .sr-content-address-wrap {
    color: #fff;
    float: left;
    font-size: 13px;
    padding-left: 0px;
    width: 95%;
}

.rm-content-multi-addresses-wrap {
    width: auto;
    float: right;
    margin-top: 6px;
}

.rm-content-multi-addresses {
    cursor: pointer;
}

.rm-address-width, .sr-content-address, .common-map-pin-bg {
    background-position: -76px -3px;
    color: #000;
    float: left;
    height: 15px;
    cursor: pointer;
    font-size: 13px;
    padding-left: 17px;
}

.sr-content-distance {
    background-position: -75px -28px;
    padding-left: 17px;
    height: 17px;
    background-size: 130px 100px;
}

.sr-content-address {
    float: left;
    margin-bottom: 8px;
}

.sr-content-right-area {
    float: left;
    font-size: 14px;
    margin-top: 5px;
    text-align: center;
    width: 210px;
}

.sr-ecash-wrap {
    float: left;
    padding: 0px 0px 5px;
    margin-left: 10px;
    text-align: center;
    margin-bottom: 10px;
    width: 127px;
}

.ecash-wrap-order-history, .ecash-link-wrap {
    float: right;
    padding: 5px;
    margin-right: 18px;
    text-align: center;
    margin-bottom: 10px;
    min-height: 88px;
}

.ecash-wrap-order-history {
    margin-right: 0;
    min-height: 0;
    width: 110px;
    padding-right: 23px;
}

.ecash-thankyou-wrap {
    width: 450px;
    display: block;
    margin: 10px auto 20% auto;
}

.rm-ecash-link, .rr-ecash-link, .ecash-link {
    font-size: 40px;
    padding-top: 0px;
    color: #000;
    font-weight: lighter;
}

.rr-ecash-link {
    padding-top: 0px;
}

.sr-ecash-link, .ecash-link-btn {
    background: #f2f2f2;
    color: #000;
    padding: 2px 0px;
    text-transform: uppercase;
    font-size: 14px;
    width: 80%;
    margin: -1px auto;
    font-weight: lighter;
    cursor: pointer;
}

/* SR Map View Marker Classess CSS Starts */

.sr-map-ecash-wrap {
    float: left;
    padding: 0px 0px 5px;
    margin-left: 0px;
    text-align: center;
    margin-bottom: 10px;
    width: 100px;
}

.sr-map-ecash-link {
    background: #ed0000;
    color: #fff;
    padding: 2px 0px;
    text-transform: uppercase;
    font-size: 16px;
    width: 100px;
    margin: -1px auto;
}

.sr-map-ratings {
    width: 195px;
    float: right;
}

.sr-map-content-right-area {
    float: right;
    font-size: 14px;
    margin-top: 5px;
    text-align: center;
    width: 210px;
}

/* SR Map View Marker Classess CSS Ends */

.ecashback-amount-wrap {
    width: 105px;
    margin: 0px auto;
    background: #d10101;
    border-radius: 3px;
}

.sr-content-rest-dtl {
    float: left;
    background: #f2f2f2;
    border: 1px solid #d2d2d2;
    width: 725px;
    padding: 3px 5px;
    margin-left: 10px;
    font-size: 14px;
}

.sr-mapview-action-reviews, .sr-action-reviews {
    color: #000;
    display: inline-block;
    margin-top: 7px;
    float: right;
    width: auto;
    text-align: right;
}

.sr-mapview-action-reviews {
    margin-top: 0px;
}

.sr-action-reviews:hover a {
    text-decoration: underline;
}

.rest-menu-reviews {
    color: #000;
    display: inline-block;
    margin-top: 2px;
    float: left;
    width: 100%;
    text-align: right;
    padding: 4px 0px;
    font-size: 32px;
}

.sr-deal-fb-link {
    color: #ff7603;
    display: inline-block;
    margin-top: 8px;
    float: left;
    width: 150px;
    text-align: right;
}

    .sr-deal-fb-link:hover {
        text-decoration: underline;
    }

.sr-action-rating-wrapper {
    display: inline-block;
    padding: 5px 0 5px 8px;
    width: 105px;
    float: right;
}

    .sr-action-rating-wrapper .c-ratestar-active {
        background-position: -313px -4px;
    }

    .sr-action-rating-wrapper .c-ratestar-unactive {
        background-position: -313px -27px;
    }

.sr-map-action-view-menu, .sr-action-view-menu, .sr-action-view-menu-orng, .sr-action-view-menu- blue {
    box-shadow: 1px 1px 1px #717171;
    text-shadow: 0px 1px 1px #000;
    background-color: #0BC113;
    color: #FFFFFF;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 0px;
    float: right;
    width: 205px;
    border-radius: 3px;
}

.sr-map-action-view-menu {
    width: 100px;
    text-align: center;
    border-radius: 0px;
}

.sr-action-view-menu-orng, .sr-action-view-menu-blue {
    background-color: #dd0007;
    padding: 11px 0px;
}

.sr-action-view-menu-blue {
    background-color: #0080ca;
}

.sr-action-delivery-dtls {
    float: left;
    text-align: center;
    width: 100%;
    font-size: 12px;
    margin-top: 2px;
    font-weight: normal;
}

.sr-min-order-txt {
    float: left;
    width: 100%;
    font-size: 12px;
    text-transform: lowercase;
    font-weight: normal;
}

.sr-action-types {
    overflow: hidden;
    padding: 5px 0;
    text-align: center;
}

.linkbutton a:hover {
    text-decoration: underline;
}

.fd-getdeal-min-order {
    float: left;
    width: 100%;
    font-size: 12px;
    text-transform: lowercase;
    font-weight: normal;
}

.sr-search-more-btn-gray {
    background: #F2F2F2;
    color: #000;
    padding: 10px;
    cursor: pointer;
    font-size: 15px;
}

.sr-display-results {
    float: left;
    padding: 0px 0;
    width: 100%;
}

.sr-display-total-records {
    width: 100%;
    float: left;
    background: #fff;
}


.sr-count-records, .fd-count-records {
    margin: 5px 5px 3px 10px;
    text-align: left;
    font-size: 16px;
    float: left;
    font-weight: normal;
}

.fd-count-records {
    color: #000;
    margin: 5px 12px 12px 4px;
    font-size: 24px;
}

.sr-sortby-wrap {
    float: right;
    margin: 8px 10px 0 10px;
}

.dl-clr-filters, .clr-filters {
    font-size: 13px;
    cursor: pointer;
    width: auto;
    float: left;
    overflow: hidden;
    margin: 2px 0 0px 0px;
    padding: 2px;
    color: #ff7603;
    background: none;
    font-weight: normal;
}

.rd-sortby-wrap {
    padding: 0px 7px;
}

.sr-sortby-dropdown {
    border: 1px solid #D2D2D2;
    background: #F2F2F2;
    border-radius: 10px;
    padding: 3px 3px;
    color: #000;
    cursor: pointer;
    float: right;
    margin-bottom: 0px;
    width: 100px;
    text-align: center;
}

.sr-display-view-options {
    float: right;
    padding: 4px 10px;
}

.sr-display-row-view-action, .sr-display-tile-view-action, .sr-display-row-view-action-selected,
.sr-display-tile-view-action-selected {
    float: right;
    height: 22px;
    margin-left: 9px;
    margin-top: -3px;
    width: 22px;
}

.sr-display-row-view-action {
    background-position: -283px -31px;
}

    .sr-display-row-view-action:hover {
        background-position: -283px -3px;
    }

.sr-display-row-view-action-selected {
    background-position: -283px -3px;
}

.sr-display-tile-view-action {
    background-position: -255px -31px;
}

    .sr-display-tile-view-action:hover {
        background-position: -255px -3px;
    }

.sr-display-tile-view-action-selected {
    background-position: -255px -3px;
}


.sr-watch-vedio-wrapper {
    float: left;
    margin: 15px 0 0;
    text-align: center;
    cursor: pointer;
    width: 100%;
    display: none !important;
}

.sr-wv-icon {
    background-position: -86px -63px;
    display: inline-block;
    height: 39px;
    width: 65px;
}

.sr-wv-text {
    color: #7DC011;
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    padding: 5px 0 0;
}

/*gallary position setting*/

.sr-ratings {
    display: inline-block;
    padding: 1px 5px;
    width: 200px;
    float: right;
}

.sr-ratings-count {
    font-size: 32px;
    float: right;
    width: 100%;
    text-align: right;
    font-weight: lighter;
}

.sr-ratings-no-reviews {
    font-size: 18px;
    float: right;
    width: 100%;
    text-align: right;
}

.sr-reviews {
    color: #000;
    display: inline-block;
    float: left;
    min-width: 150px;
    font-size: 12px;
    text-align: left;
    margin: 5px 0px 4px 5px;
}

.sr-reviews-right {
    color: #000;
    display: inline-block;
    float: right;
    min-width: 70px;
    max-width: 100px;
    font-size: 12px;
    text-align: right;
    margin: 5px 0px 4px 5px;
}

.sr-followers-wrap {
    float: left;
    position: absolute;
    bottom: 0px;
}

#dvFollowNow {
    float: right;
    margin: 0px 0px 0px 10px;
}

.sr-follow-count {
    margin-left: 5px;
}

.sr-follow-link {
    color: #ff7200;
    margin-left: 0px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: normal;
}

    .sr-follow-link:hover {
        text-decoration: underline;
    }

.sr-dietary-cuisines-wrap {
    width: 40%;
    margin: 5px 0 20px 0px;
}

.rm-slctd-dietary-cuisines-wrap, .rm-dietary-cuisines-wrap {
    float: left;
    width: 30%;
    margin: 0px 0 0 0px;
}

.rm-slctd-dietary-cuisines-wrap {
    margin-top: 5px;
}

    .rm-slctd-dietary-cuisines-wrap img, .rm-dietary-cuisines-wrap img {
        width: 18px;
        height: 18px;
        margin: 0px 5px 0 0;
    }

    .rm-slctd-dietary-cuisines-wrap img {
        margin-right: 3px;
    }

/*------------------- end ---------------------*/

/*------------------- start---------------------
consumer common breadcrumbs css classes
-----------------------------------------------*/

.bread-crum-wrapper {
    background-position: 0 -1211px;
    width: 100%;
    float: left;
    height: 36px;
    margin-bottom: 20px;
}

.bread-crumb-action-box {
    float: left;
    margin-left: 10px;
}

.icon-bca-search-active, .icon-bca-search-completed, .icon-bca-menu, .icon-bca-menu-active, .icon- bca-menu-completed,
.icon-bca-checkout, .icon-bca-checkout-active, .icon-bca-checkout-completed {
    background: url("/resources/lefttoright/images/bg-breadcrumb-fixed.png") repeat-y scroll 0 0 transparent;
    float: left;
    height: 44px;
    margin-top: -4px;
    width: 51px;
}

.icon-bca-search {
    background-position: 0 -46px;
}

.icon-bca-search-active {
    background-position: 0 -46px;
}

.icon-bca-search-completed {
    background-position: 0 -92px;
}

.icon-bca-menu {
    background-position: -51px 0;
}

.icon-bca-menu-active {
    background-position: -51px -46px;
}

.icon-bca-menu-completed {
    background-position: -51px -92px;
}

.icon-bca-checkout {
    background-position: -103px 0;
}

.icon-bca-checkout-active {
    background-position: -103px -46px;
}

.icon-bca-checkout-completed {
    background-position: -103px -92px;
}

.bca-text {
    color: #000;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 33px;
    margin-left: 2px;
}

.icon-views-main-wrap {
    margin-left: 10px;
}

    .icon-views-main-wrap a {
        color: #000;
        font-size: 14px;
        float: left;
        margin-right: 4px;
        padding: 5px 10px;
    }

        .icon-views-main-wrap a:hover {
            border: 1px solid #d2d2d2;
            background: #f2f2f2;
        }

.map-icon-selected, .map-list-selected, .icon-views-main-wrap-slctd, #lnkMapView:hover {
    border: 1px solid #d2d2d2;
    background: #f2f2f2;
}

#lnkMapView {
    border: 1px solid #fff;
}

.icon-views-main-wrap-slctd:hover {
    text-align: center;
}

.icon-views-main-wrap span:nth-child(2) {
    line-height: 1.9;
    margin-left: 5px;
}

.icon-map-view {
    float: left;
    height: 25px;
    padding: 0px 7px;
    background-position: -75px 2px;
}


.mar-bottom-5 {
    margin-bottom: 5px;
}
/*------------------- end ---------------------*/
/*checkout voucher css starts here*/
.mar-bottom-10 {
    margin-bottom: 10px !important;
}

label.checkout-radio-label {
    font-size: 14px;
    margin-left: 5px;
}

.checkout-radio-label .blance {
    font-size: 12px;
    color: #777;
}

.discount-voucher-wrap .discount-label {
    font-size: 14px !important;
}

.radio-button-wrap input[type="radio"] {
    float: left;
    margin-top: 4px;
}

.order-item-wraper {
    float: right;
    width: 50%;
    padding-left: 15px;
}

.discount-voucher-wrap {
    position: relative;
    border: 2px dotted #999;
    padding: 10px;
    margin: 5px 0px 0px 0px;
    background: #fff;
    border-left: none;
    border-right: none;
    float: left;
    width: 50%;
}

.row1 {
    width: 100%;
    float: left;
}

.discount-icon-wrap {
    font-size: 20px;
    display: inline-block;
    color: #ed0000;
}

.discount-voucher-wrap .discount-label {
    margin-top: 5px;
    display: inline-block;
    margin-left: 5px;
}

.radio-button-wrap {
    float: left;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    margin-bottom: 10px;
}

.txtWalletCashPayment-input-wrap {
    text-align: right;
    float: right;
    width: 80px;
}

    .txtWalletCashPayment-input-wrap input {
        text-align: right !important;
        padding: 0px 5px;
        border-radius: 3px;
        border: 1px solid #d2d2d2;
        width: 100%;
    }

.Cashback-label-inner {
    margin-left: 17px;
    display: block;
    font-size: 12px;
    clear: both;
}

.form-discount {
    padding: 0px 5px !important;
    margin: 0px !important;
    float: left;
    border: 1px solid #d2d2d2;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px !important;
    border-radius: 3px;
    text-align: center;
}

    .form-discount:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    }

.cash-redem-p {
    margin-top: 10px;
}

.form-discount + span {
    display: block;
    width: 100%;
    margin-left: 0px !important;
    margin-top: 10px;
}

.voucher-code-wrap {
    margin-top: 15px;
    position: relative;
    width: 100%;
    float: right;
}

.res-checkout-wrap-set {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .res-checkout-wrap-set .mar-left-5 {
        padding-left: 15px !important;
        margin-top: 0px !important;
    }

.voucher-input {
    float: left;
    font-size: 12px;
    text-transform: uppercase;
}

.mar-left-5 {
    margin-left: 5px !important;
}

/*.discount-voucher-wrap .button {
    border-color: transparent;
    background-color: #f2f2f2;
    color: #000;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 2px 5px;
    min-width: 40px;
    min-height: 47px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    vertical-align: middle;
    text-align: center;
    font-size: 11px !important;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 16px;
    cursor: pointer;
    height: auto !important;
    font-weight: normal;
}*/

.voucher-btn {
    width: 100%;
}

.button.button-positive {
    border-color: transparent;
    background-color: #0080ca;
    color: #fff;
    margin-left: 5px;
}

.font-medium {
    font-size: 16px !important;
}

.apply-btn, .offer-close-remove-btn {
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 8px 15px;
    font-size: 16px;
    border-radius: .25rem;
    width: 100%;
    float: left;
    text-align: center;
}
/*checkout voucher css ends here*/

/*Tabs after login css starts here*/
.tab-icon {
    width: 30px !important;
    height: 30px !important;
    display: block !important;
    margin: 0px auto !important;
}

.new-active {
    background-image: url(../images/new-active.png);
    background-size: contain;
}

.delivering-active {
    background-image: url(../images/delivering-active.png);
    background-size: contain;
}

.kitchen-active {
    background-image: url(../images/In-kitchen-active.png);
    background-size: contain;
}

.served-active {
    background-image: url(../images/served-active.png);
    background-size: contain;
}

.new-active {
    background-image: url(../images/new-active.png);
    background-size: contain;
}

.tab-item span {
    opacity: 0.4;
}

.tab-item-active span {
    opacity: 1 !important;
}

.order-type {
    width: 100%;
    float: left;
    text-align: center;
}

.assertive {
    color: #ea0000;
}

.tab-row {
    padding-left: 120px;
    min-height: 72px;
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
    text-align: left;
}

p.common-font-14.mar-bottom-5 {
    font-size: 12px;
}

.tab-row:last-child {
    border-bottom: none;
}

.tab-res-name {
    margin-bottom: 0px;
    float: left;
    margin-top: 10px;
}

.order-type-wrap {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: 40px;
    max-height: 40px;
    width: 100%;
    height: 100%;
    padding: 5px !important;
}

.mar-bottom-5 {
    margin-bottom: 5px;
}

.inner-round-button {
    margin: 4px 0px 0px 30px;
    font-size: 12px;
    display: inline-block;
    min-width: 50px;
}

.clearfix {
    clear: both;
}

.order-type-date {
    color: #666;
}

.button-round-active {
    width: 25px;
    height: 25px;
    margin: 0px auto -5px auto !important;
    display: block;
    border-radius: 50%;
    background-color: #ea0000;
}

.bg-collection {
    background-color: #3a75bb !important;
}

.bg-eat-in {
    background-color: #0cad4d !important;
}

.button-round {
    float: right !important;
    margin: 0px 70px 5px 10px !important;
}

.delivery {
    background-image: url(../images/delivery-h.png);
    background-size: contain;
}

.collection {
    background-image: url(../images/take-away-h.png);
    background-size: contain;
}

.eat-in {
    background-image: url(../images/dine-in-h.png);
    background-size: contain;
}

.btn-view {
    display: inline-block;
    padding: 3px 5px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-primary {
    color: #fff;
    background-color: #387ef5;
    border-color: #387ef5;
}

.btn-view-new {
    color: #387ef5;
    font-size: 14px;
}

.hide-data-type {
    display: none;
}
/*Tabs after login css ends here*/

/*wizards detail page css starts here*/
.fieldset-wrapper {
    margin: 0 2px;
    padding: 0px 0px;
    border: 1px solid #d2d2d2;
    width: 90%;
    margin: 0px 5%;
    border-bottom: 0px;
    position: relative;
    float: left;
    margin-bottom: 60px;
    height: 85px;
}

.fieldset-cancelled {
    width: 50%;
    margin: 0px 25% 30px 25%;
}

.fieldset-wrapper legend {
    margin-bottom: 0px;
    padding: 10px;
    width: auto;
    color: #000;
    font-size: 12px;
    display: block;
    border-style: none;
    border-color: initial;
    text-align: center;
    color: #777;
    line-height: 12px;
    text-transform: uppercase;
}

.tab-icon i {
    font-size: 24px;
}

.order-details-wizards {
    display: inline-block;
    width: 100%;
    margin-top: 45px;
    border: none;
    position: absolute;
}

.progress-indicator .tab-icon {
    position: absolute;
    top: -50px;
    margin-left: -10px !important;
}

.order-status-type-label {
    position: absolute;
    width: 100%;
    top: -20px;
    left: 0px;
    font-size: 14px;
    text-transform: capitalize;
}

.wait-wizard-label {
    white-space: nowrap;
    left: 30%;
    top: 10px;
    position: absolute;
    font-size: 12px;
    text-transform: lowercase;
    line-height: 18px;
    color: #999;
}

    .wait-wizard-label span {
        color: #000;
    }

.restaurant-label-new {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 40px;
    margin-bottom: -20px;
    font-size: 16px;
}

.restaurant-comments-label {
    display: block;
    color: #777;
}

.flexer, .progress-indicator {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .no-flexer, .progress-indicator.stacked {
        display: block;
    }

.no-flexer-element {
    -ms-flex: 0;
    -webkit-flex: 0;
    -moz-flex: 0;
    flex: 0;
}

.flexer-element, .progress-indicator > li {
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
}

.progress-indicator {
    margin: 0;
    padding: 0;
    font-size: 80%;
    text-transform: uppercase;
    margin-bottom: 1em;
}

    .progress-indicator > li {
        list-style: none;
        text-align: center;
        width: auto;
        padding: 0;
        margin: 0;
        position: relative;
        text-overflow: ellipsis;
        color: #d2d2d2;
        display: block;
    }

        .progress-indicator > li .bubble-new {
            border-radius: 1000px;
            width: 13px;
            height: 13px;
            background-color: #d2d2d2;
            display: block;
            margin: 0 auto 0.5em auto;
        }

            .progress-indicator > li .bubble-new .tab-icon {
                opacity: 0.3;
            }

            .progress-indicator > li .bubble-new:before,
            .progress-indicator > li .bubble-new:after {
                display: block;
                position: absolute;
                top: 6.5px;
                width: 100%;
                height: 1px;
                content: '';
                background-color: #d2d2d2;
            }

            .progress-indicator > li .bubble-new:before {
                left: 0;
            }

            .progress-indicator > li .bubble-new:after {
                right: 0;
            }

        .progress-indicator > li:first-child .bubble:before,
        .progress-indicator > li:first-child .bubble:after {
            width: 50%;
            margin-left: 50%;
        }

        .progress-indicator > li:last-child .bubble:before,
        .progress-indicator > li:last-child .bubble:after {
            width: 50%;
            margin-right: 50%;
        }

        .progress-indicator > li.completed {
            color: #00BCD4;
        }

            .progress-indicator > li.completed .bubble {
                background-color: #00BCD4;
                color: #000;
            }

                .progress-indicator > li.completed .bubble:before, .progress-indicator > li.completed .bubble:after {
                    background-color: #00BCD4;
                    border-color: #00343b;
                }

        .progress-indicator > li.active {
            color: #000;
        }

            .progress-indicator > li.active .bubble-new {
                background-color: #00BCD4;
                color: #000;
            }

                .progress-indicator > li.active .bubble-new:before, .progress-indicator > li.active .bubble-new:after {
                    background-color: #00BCD4;
                    border-color: #00343b;
                }

            .progress-indicator > li.active .tab-icon {
                opacity: 1;
            }

        .progress-indicator > li a:hover .bubble-new {
            background-color: #5671d0;
            color: #000;
        }

            .progress-indicator > li a:hover .bubble-new:before, .progress-indicator > li a:hover .bubble-new:after {
                background-color: #5671d0;
                border-color: #1f306e;
            }

        .progress-indicator > li.danger .bubble-new {
            background-color: #d3140f;
            color: #000;
        }

            .progress-indicator > li.danger .bubble-new:before, .progress-indicator > li.danger .bubble-new:after {
                background-color: #d3140f;
                border-color: #440605;
            }

        .progress-indicator > li.warning .bubble-new {
            background-color: #edb10a;
            color: #000;
        }

            .progress-indicator > li.warning .bubble-new:before, .progress-indicator > li.warning .bubble-new:after {
                background-color: #edb10a;
                border-color: #5a4304;
            }

        .progress-indicator > li.info .bubble-new {
            background-color: #000;
            color: #000;
        }

            .progress-indicator > li.info .bubble-new:before, .progress-indicator > li.info .bubble-new:after {
                background-color: #000;
                border-color: black;
            }

    .progress-indicator.stacked > li {
        text-indent: -10px;
        text-align: center;
        display: block;
    }

        .progress-indicator.stacked > li .bubble-new:before,
        .progress-indicator.stacked > li .bubble-new:after {
            left: 50%;
            margin-left: -0.5px;
            width: 1px;
            height: 100%;
        }

    .progress-indicator.stacked .stacked-text {
        position: relative;
        z-index: 10;
        top: 0;
        margin-left: 60% !important;
        width: 45% !important;
        display: inline-block;
        text-align: left;
        line-height: 1.2em;
    }

    .progress-indicator.stacked > li a {
        border: none;
    }

    .progress-indicator.stacked.nocenter > li .bubble-new {
        margin-left: 0;
        margin-right: 0;
    }

        .progress-indicator.stacked.nocenter > li .bubble-new:before,
        .progress-indicator.stacked.nocenter > li .bubble-new:after {
            left: 6.5px;
        }

    .progress-indicator.stacked.nocenter .stacked-text {
        width: auto !important;
        display: block;
        margin-left: 26px !important;
    }

@media handheld, screen and (max-width: 400px) {
    .progress-indicator {
        font-size: 60%;
    }
}


/*wizards detail page css ends here*/

/*order details css starts here*/
.order-detail-main-wrap {
    width: 75%;
    margin: 5px 0% 30px 0%;
    display: block;
    float: left;
    border: none;
    padding: 0px 0px;
}

.order-detail-top-bar {
    margin: 0px 0px 0px 0px;
    height: 35px;
    background: #f2f2f2;
    line-height: 35px;
    font-size: 16px;
}

.new-label {
    background: #387ef5;
    color: #fff;
    padding: 7px 15px;
    text-transform: uppercase;
}

.label-wait {
    margin: 0px 0px 0px 10px;
}

    .label-wait span {
        background: #ed0000;
        color: #fff;
        padding: 1px 4px;
        font-size: 14px;
        margin-left: 10px;
    }

.list-wrap {
    float: left;
    width: 100%;
    margin: 10px 0px;
    padding: 0px 20px;
}

.collection-id {
    background: #000;
    color: #fff;
    font-size: 20px;
    padding: 3px 10px;
}

.OrderDetail table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #d2d2d2;
    margin-bottom: -5px;
}

.OrderDetail .fisrt-th {
    width: 55%;
}

.OrderDetail th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px 20px;
    background: #f2f2f2;
    font-size: 16px;
    font-weight: bold;
}

.OrderDetail td {
    padding: 8px 20px;
    font-size: 18px;
    vertical-align: top;
}

    .OrderDetail td + td, .OrderDetail th + th {
        text-align: right;
    }

    .OrderDetail td .deals span, .OrderDetail td div {
        display: block;
        width: 100%;
    }

.OrderDetail .total-amount-wrap {
    background: #f2f2f2;
    padding: 10px 0px;
    width: 100%;
    float: left;
    border: 1px solid #d2d2d2;
    border-top: none;
}

.deals {
    margin-top: 5px;
}

.label-order-type {
    font-size: 26px;
    margin: 20px 0px;
    text-transform: uppercase;
}

.col-67 {
    width: 100%;
    max-width: 66.6666%;
    float: left;
}

.col-33 {
    width: 100%;
    max-width: 33.33%;
    float: right;
}

.row-order-detail {
    float: right;
    padding: 2px 20px;
    width: 400px;
    clear: both;
}

.OrderDetail .label-total {
    font-size: 26px;
    font-weight: bold;
}

.OrderDetail #spCashBack {
    float: left;
    font-size: 14px;
    padding: 5px 7px;
    width: 100%;
    color: #fff;
    background-color: #39b3d7;
    border-color: #269abc;
    margin-bottom: 10px;
}

.OrderDetail .head-label {
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0px 5px 0px;
    text-transform: uppercase;
    float: left;
    width: 100%;
}

.order-status-wraper {
    color: #000;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    text-align: center;
    padding: 10px;
    float: left;
    width: 100%;
    font-size: 20px;
    border: 1px solid #d6e9c6;
    font-weight: bold;
    border-top: none;
}

.contact-detail-wrap {
    float: left;
    width: 100%;
    margin: 10px 0px 10px 0px;
    padding: 0px 20px;
    font-size: 16px;
}

.contact-detail-label {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

    .contact-detail-label span {
        font-weight: bold;
        display: inline-block;
        margin-right: 5px;
    }

        .contact-detail-label span + span {
            font-weight: normal;
        }
/*order details css ends here*/
/*------------------- start---------------------
restaurant menu order css classes
-----------------------------------------------*/

.riw-restaurant-close,
.riw-restaurant-open,
.a-riw-r-cap,
.a-riw-r-test,
.rciw-cv-price-non-matrix b,
.coiw-item-remove-all-wrapper,
.motyw-unactive .motyw-option,
.motyw-active .motyw-option,
.icon-accept-card,
.icon-take-cash,
.icon-offer-delivery,
.icon-offer-takeaway,
.icon-offer-dinein,
.motyw-unactive .motyw-mark,
.motyw-active .motyw-mark,
.riw-rate-star-wrapper .c-ratestar-active,
.riw-rate-star-wrapper .c-ratestar-Half,
.riw-rate-star-wrapper .c-ratestar-unactive,
.qctx-qty-minus,
.qctx-qty-add,
.moty-t-item.moty-selected .icon-t-item-single,
.a-t-item-added,
.icow-qty-minus,
.icow-qty-add,
.a-icow-t-d-test,
.a-icow-t-d-cap,
.a-icow-topping-search,
.a-moty-i-t-text:hover,
.a-moty-i-t-left,
.a-moty-i-t-right-cap,
.message-error b,
.message-success b,
.message-info b,
.message-warring b,
.restaurant-share-friend-wrapper .share-facebook,
.restaurant-share-friend-wrapper .share-mail, .share-google-plus,
.rr-liw-btn-left,
.rr-dislike-img, .c-r-comment-icon,
.rbw-c-icon,
.r-c-action-comments .r-c-a-comment-left,
.r-c-action-comments .r-c-a-comment-cap,
.rr-r-l-vote-yes,
.rr-r-l-vote-no,
.rpcw-rw-mail-icon,
.f-share,
.rbw-claim-icon,
.town-icon,
.rs-slcted-menu-price b,
.riw-menu-search-filter,
.riw-menu-price-filter,
.dv-map-pin,
.chkout-dv-map-pin,
.order-dv-map-pin,
.rm-marker-addresses,
.deals-icon,
.deals-arrow,
.offers-scissors,
.sr-offers-scissors,
.rm-offer-discount-message-scissor,
.filter-img-io, .re-menu-phn-icon,
.order-basket-min-delivery, .order-basket-delivery-img,
.rm-promotion-icon, .icon-list-view, .common-area-txtbox-map-pin, .icon-search-cuisines {
    background: url("/resources/lefttoright/images/bg-menu-order-fixed-group.png") no-repeat scroll 0 0 transparent;
}

.icon-list-view {
    float: left;
    height: 18px;
    background-position: -113px -289px;
    margin-top: 4px;
    width: 18px;
}

.re-menu-phn-icon {
    width: 20px;
    height: 20px;
    background-position: -223px -23px;
    float: left;
}

.order-basket-min-delivery {
    background-position: -170px -269px;
}

.order-basket-delivery-img {
    background-position: -172px -296px;
}

.sr-voucher-scissor {
    background-color: #d10101;
    background-position: -14px -95px;
    float: left;
    height: 29px;
    width: 30px;
    margin: 0 5px 0 0;
    background-size: 110px 163px;
}

.r-b-w-claim-content {
    background: url("../../lefttoright/images/bg-menu-order-vertical-group.png") repeat-y scroll 0 0 transparent;
}

.filter-error-msg {
    margin-top: 15px;
    float: left;
}
/* start menu colum*/
div#dvOfferPagination {
    clear: both;
    margin: 0px 10px 0px 0px;
}

.menu-col-left {
    max-width: 240px;
    width: 30% !important;
    float: left;
    border: none;
    background: none;
}

.menu-col-left-wrap {
    width: 30%;
    float: left;
    border: none;
    background: none;
    padding-right: 20px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.menu-col-left-inner-wrap {
    max-width: 260px;
}

.affix-top {
    float: left;
}

.common-new-overlay {
    background: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 113;
    pointer-events: none;
    opacity: 1;
    pointer-events: auto;
    transition: opacity 300ms ease-out;
    transition-delay: 0.75s;
}

.alert-enter-area-wrapper {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    z-index: 120;
    position: relative;
}

    .alert-enter-area-wrapper span {
        color: #000;
        background-color: #dff0d8;
        border-color: #d6e9c6;
        padding: 10px 4%;
        font-size: 14px;
        border: 1px solid transparent;
        border-radius: 4px;
        display: inline-block;
        text-shadow: none;
        font-weight: bold;
    }

.menu-col-left-inner-wrap.affix {
    max-width: 251px !important;
}

#right-baskit {
    max-width: 388px;
}

.buffet-left-wrap {
    width: 30%;
    float: left;
    border: none;
    background: none;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.restaurant-menu-middle-wrapper {
    float: right;
    width: 70%;
    min-height: 1050px;
    /*min-height: 100vh;*/
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-right: 20px;
}

.restaurant-menu-middle-wrapper-new {
    float: right;
    width: 70%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.menu-col-right {
    float: right;
    width: 30%;
    max-width: 400px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.sidebar-title {
    padding: 10px 5%;
    border: 1px solid #d2d2d2;
    float: left;
    width: 90%;
    text-transform: uppercase;
}

    .sidebar-title h6 {
        color: #000;
        float: left;
        font-size: 18px;
    }

    .sidebar-title i {
        color: #fff;
        font-size: 18px;
    }

.mc-center-margin {
    margin: 0 6px;
}
/* end menu colum*/

/*start restaurant details*/
.restaurant-tab-box {
}

.cat-desc {
    float: left;
    width: 100%;
    padding: 0px 0px 15px 0px;
    font-size: 13px;
    color: #777;
}

.restaurantMasterWrapper {
}

.order-type-labels {
    float: left;
    width: 80%;
    margin: 10px 0 0 33px;
    color: #777;
}

    .order-type-labels i {
        float: left;
    }

    .order-type-labels span.order-type-span {
        width: 70%;
        float: left;
        margin: -2px 0px 0px 5px;
        font-size: 12px;
    }

.sidebar-title-resp {
    padding: 10px 15px;
    float: left;
    background-color: #f2f2f2;
    width: 94%;
    margin: 10px 2%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .sidebar-title-resp h6 {
        color: #000;
        font-size: 18px;
        text-transform: uppercase;
    }

.tab-Menu-order {
    display: inline-block;
    background-color: #fff;
    padding: 0 0 20px 0;
    width: 100%;
    position: relative;
}

.page-content-wrapper.rdw-bottom-padding {
    padding-bottom: 0;
}

.rdw-box-wrapper {
    background-color: #FFFFFF;
    display: inline-block;
    min-height: 100px;
    width: 980px;
}

.cashback-history-main-wrap {
    border: 1px solid #d2d2d2;
}

.cashback-history-inner-wrap {
    display: block;
    overflow: hidden;
    padding: 10px 0px;
    clear: both;
}

.cashback-history-row {
    display: block;
    overflow: hidden;
    padding: 0px 10px;
    font-size: 14px;
    margin-bottom: 12px;
}

    .cashback-history-row div, .cashback-history-row span, .cashback-history-row p {
        float: left;
        margin-right: 6px;
    }

        .cashback-history-row div.time-stamp {
            margin-right: 0px;
        }

.restaurant-detail-wrapper {
    background: #fff;
    float: left;
    padding: 0px 10px;
    width: 100%;
    position: relative;
    margin: 100px 0 10px 8px;
}

.pnf-detail-wrapper {
    background: #fff;
    float: left;
    padding: 10px;
    width: 100%;
    position: relative;
    margin: 40px 0 10px 8px;
}

.cashback-new-wrap {
    padding: 0px 15px;
}

.restaurant-menu-offer-wrapper {
    background: #fff;
    float: left;
    position: relative;
    margin: 0 0 10px 8px;
    float: right;
    margin: 10px 5px 10px 5px;
    width: 100%;
}

.spCashBack {
    font-size: 18px !important;
}

.restaurant-menu-offer-inner {
    float: left;
    margin: 0px 1px;
    padding: 0px 6px;
    width: 95.6%;
}

.restaurant-info-tab-map {
    border: 1px solid #d2d2d2;
    height: 350px;
    width: 450px;
}

.rm-info-part-seperation-wrap {
    border-bottom: 1px solid #d2d2d2;
    float: left;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.restaurant-cover-photo-wrap {
    background: #f7f7f7;
    float: left;
    width: 1000px;
    position: relative;
    border: 1px solid #d2d2d2;
    background: rgba(0, 0, 0, 0.4);
}

.restaurant-header-detail-wrap {
    float: left;
    padding: 10px;
    margin-top: -5px;
}

.order-dtl-top {
    display: block;
    overflow: hidden;
    color: #000;
    width: 99%;
    margin-bottom: 10px;
}

    .order-dtl-top a {
        color: #000;
        margin-right: 5px;
        font-size: 16px;
        font-weight: 800;
    }

        .order-dtl-top a:hover {
            text-decoration: underline;
        }

    .order-dtl-top span {
        font-weight: 300;
        margin-left: 5px;
        font-size: 16px;
        padding: 10px;
        background-color: #ed0000;
        color: #fff;
        font-weight: 800;
    }

.restaurant-header-delivery-dtl-wrap, .restaurant-header-cashback-wrap, .restaurant-header- followers-count-wrap {
    padding: 5px 0px 0px 0px;
    font-size: 14px;
    color: #000;
    float: left;
    width: 150px;
    height: 42px;
}

    .restaurant-header-cashback-wrap.uppercase {
        width: 110px;
    }

.restaurant-header-followers-heading {
    font-size: 15px;
    font-weight: normal;
    text-transform: none;
    display: inline-block;
    margin-right: 5px;
}

.restaurant-header-delivery-dtl-wrap {
    width: auto;
    text-transform: lowercase;
    float: right;
    text-align: right;
    margin-top: 0px;
    margin-right: 0px;
    padding: 0px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #777;
    white-space: nowrap;
}

    .restaurant-header-delivery-dtl-wrap #dvTimerHeader {
        display: inline-block;
    }

    .restaurant-header-delivery-dtl-wrap .common-font-22 {
        font-size: 14px;
    }

.rm-ecash-link, .restaurant-header-followers-count {
    font-size: 22px;
    font-weight: lighter;
}

#dvTimer span, #dvTimerHeader span {
    margin-left: 10px;
    font-size: 18px;
    font-weight: normal;
    color: #000;
}

.open-close-wrap #dvTimerHeader span {
    color: #fff !important;
}

.delivery-area-map-wrapepr {
    height: 400px;
    width: 698px;
    display: inline-block;
    float: left;
}

.rdw-restaurant-logo {
    border: 1px solid #E2E1E1;
    background: #fff;
    float: left;
    padding: 3px;
    width: 180px;
    height: 142px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#accMenuWrap {
    display: block;
}

.rm-itm-dtl-left-heading-wrap {
    float: left;
    width: 700px;
    margin-top: 10px;
    padding: 3px 3px 0;
}

.rm-itm-dtl-res-logo-wrap {
    float: right;
    padding: 9px 5px;
    width: 29%;
    margin-top: 10px;
}

.rm-itm-dtl-res-logo-wrap-dtls {
    float: left;
    margin-left: 15px;
    width: 69%;
}

    .rm-itm-dtl-res-logo-wrap-dtls h1.menu-title {
        font-size: 20px;
        color: #000;
    }

        .rm-itm-dtl-res-logo-wrap-dtls h1.menu-title a, .rm-itm-dtl-res-logo-wrap-dtls h1.menu-title a:visited {
            color: #000;
        }

    .rm-itm-dtl-res-logo-wrap-dtls .menu-list-fooditem-order-distance span {
        font-size: 11px;
        margin: 0px 7px 0px 0px;
        color: #777;
    }

.rm-itm-dtl-res-logo {
    float: left;
    width: 70px;
}

    .rm-itm-dtl-res-logo img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 2px solid #fff;
        border-radius: 50%;
        box-shadow: 0px 0px 3px #777;
    }

.rm-slcted-menu-dtl {
    color: #777;
    float: left;
    font-size: 16px;
    padding: 5px 0 0px;
    width: 100%;
    margin-bottom: 0px;
    font-weight: normal;
}

/* CSS of item detail section */

/* Restaurant Menu Info Tab CSS starts here */

.restaurant-info-about-section-wrap, .restaurant-info-delivery-section-wrap {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}

.restaurant-info-about-left, .restaurant-info-delivery-left {
    float: left;
    flex: 1;
    padding-right: 30px;
    margin-bottom: 15px;
    box-sizing:border-box;
}

.restaurant-info-common-heading {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
}

.restaurant-info-about-detail {
    font-size: 14px;
    color: #777;
    font-weight: normal;
    width: 100%;
    overflow: hidden;
    margin-top: 5px;
    max-width:800px;
}

.restaurant-info-about-gallery {
    float: right;
    text-align: left;
    width: 290px;
}

.restaurant-info-gallery-img {
    float: left;
    margin: 10px 8px 0 0;
    border: 1px solid #d2d2d2;
    height: 40px;
    width: 60px;
}

.restaurant-info-gallery-more-photos {
    margin-right: 20px;
    float: left;
    cursor: pointer;
    font-weight: normal;
    margin-top: 7%;
}

.restaurant-info-meal-wrap {
    float: left;
    margin-bottom: 20px;
}
    .restaurant-info-meal-wrap span{
        color:#777;
    }

    .restaurant-info-meal-type {
        float: left;
        width: auto;
        margin-right: 50px;
    }

.restaurant-info-delivery-areas-wrap {
    width: 100%;
}
/*search-page view map wrap css starts here*/
.sr-view-map-wrap {
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    margin: 10px 0px 10px 10px;
    float: left;
}

.sr-view-map-wrap-heading {
    padding: 5px 0;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.sr-view-map-wrap-inner {
    float: left;
    width: 100%;
    cursor: pointer;
}
/*search-page view map wrap css starts Ends here*/
/* menu's CSS work for info tab starts here */

.hidden-dis {
    display: none !important;
}

.clearfix {
    clear: both;
}

.delivery-city-type-wrap {
    padding: 6px;
    float: left;
    width: 150px;
    font-size: 14px;
    margin: 0px 10px 0px 0px;
}

.delivery-areas-type-wrap {
    padding: 6px;
    float: left;
    width: 230px;
    font-size: 14px;
}

.delivery-areas-type-wrap, .delivery-city-type-wrap {
    line-height: 1.3;
    position: relative;
    cursor: pointer;
    z-index: 1;
    background: -webkit-linear-gradient(#f2f2f2, #d2d2d2);
    background: -o-linear-gradient(#f2f2f2, #d2d2d2);
    background: -moz-linear-gradient(#f2f2f2,#d2d2d2);
    background: linear-gradient(#f2f2f2, #d2d2d2);
    border-radius: 3px;
    color: #000;
    padding: 5px;
    text-transform: uppercase;
    font-weight: normal;
    border: 1px solid #d2d2d2;
    margin-top: -2px;
}


.delivery-selected-type {
    font-size: 14px;
}

.restaurant-info-working-hours {
    float: right;
    width: 290px;
    margin: -10px 0px;
    padding: 10px;
}

.restaurant-info-working-hours-inner-div {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

.restaurant-info-working-working-hours-days {
    width: 100%;
    float: left;
    padding: 0px 0px 5px 0px;
    font-size: 14px;
    color: #777;
}

.common-text-color {
    color: #000;
}

.restaurant-info-delivery-view-menu-btn {
    display: inline-block;
    display: inline-block;
    padding: 10px 71px;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #d10101;
    color: #fff;
}

.restaurant-info-delivery-order-table {
    float: left;
    width: 100%;
    margin: 10px 0px;
}

.restaurant-info-delivery-order-table-inner {
    width: 310px;
}

    .restaurant-info-delivery-order-table-inner table {
        width: 100%;
    }

    .restaurant-info-delivery-order-table-inner tbody {
    }

.text-indent {
    text-indent: -9999px;
}

.restaurant-info-delivery-order-table-inner td {
    padding: 4px 0px;
}

.restaurant-info-delivery-section-wrap {
    margin: 10px 0px;
}

.restaurant-info-delivery-top-selling-wrap {
    float: left;
    width: 100%;
}

.restaurant-info-delivery-top-selling-inner-wrap {
    width: 670px;
    float: left;
}

.restaurant-info-delivery-top-selling-itmes-move {
    width: 160px;
    float: left;
    margin: 5px 3px 5px 3px;
}

.restaurant-info-delivery-map-wrap {
    width: 100%;
    float: left;
}

.restaurant-info-delivery-map-or {
    color: #ed0000;
    font-weight: bold;
    font-size: 21px;
    border-left: 3px solid #ed0000;
    border-right: 3px solid #ed0000;
    padding: 0px 3px;
}

restaurant-info-delivery-map-wrap-inner-wrap {
    width: 100%;
    float: left;
}

.restaurant-info-delivery-map-wrap p {
    margin-bottom: 10px;
    color: #777;
}

.restaurant-info-delivery-map-wrap-inner-wrap {
    width: 100%;
}

.restaurant-info-common-heading {
    margin: 5px 0px 5px 0px;
    text-align: left;
    font-weight: bold;
}

.restaurant-info-delivery-order-table-inner th {
    color: #b3b3b3;
    font-weight: normal;
    text-align: left;
}
/* menu's CSS work for info tab ends here */

/* Restaurant Menu Info Tab CSS ends here */

.orc-rest-logo {
    float: left;
    margin: 0 5px 0 0;
    position: absolute;
    left: 0px;
}

    .orc-rest-logo img {
        width: 80px;
        height: auto;
        border-radius: 50%;
        border: 3px solid #d2d2d2;
    }

.orc-restaurant-name {
    color: #000;
    float: left;
    font-size: 28px;
    font-weight: normal;
    margin: 0 0 2px;
    width: 445px;
    padding: 0 2px 0 0;
}

    .orc-restaurant-name a {
        color: #000;
    }

.rdw-restaurant-logo img {
    height: 90px;
    width: 123px;
}

.rdw-restaurant-rating-review-wrapper {
    display: block;
    float: left;
    text-align: center;
}

.rdw-food-halal {
    background: none repeat scroll 0 0 red;
    float: left;
    height: 37px;
    margin: 16px 0 0 40%;
    width: 37px;
}

.rdw-restaurant-info-wrapper {
    float: left;
    color: #000;
    width: 800px;
    margin-top: 5px;
}

.rdw-riw-left {
    float: left;
    padding: 2px 0 0 25px;
    width: 568px;
}

.riw-row {
    float: left;
    overflow: hidden;
    padding: 0 0 3px;
    width: 100%;
}

.riw-restaurant-name {
    color: #000;
    float: left;
    font-size: 28px;
    font-weight: normal;
    margin: 0 0 2px;
    padding: 0 2px 0 0;
}

.restaurant-name-follow-link {
    font-size: 11px;
    background: #000;
    color: #d2d2d2;
    padding: 5px 15px;
    float: left;
    border-radius: 3px;
    margin: 10px 0 0 10px;
    text-transform: uppercase;
    cursor: pointer;
}

    .restaurant-name-follow-link:hover {
        background: #0080ca;
        color: #fff;
    }

.restaurant-name-following-link:hover {
    background: #d10101;
}

.restaurant-name-following-link {
    font-size: 11px;
    background: #0080ca;
    color: #fff;
    padding: 5px 15px;
    float: left;
    border-radius: 3px;
    margin: 10px 0 0 5px;
    text-transform: uppercase;
    cursor: pointer;
}

.button {
    float: right;
    text-align: center;
    min-width: 70px;
    padding: 5px 7px;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    cursor: pointer;
    border-radius: 5px;
}

.restaurant-name-unfollow-link {
    font-size: 11px;
    background: #d10101;
    color: #fff;
    padding: 5px 15px;
    float: left;
    border-radius: 3px;
    margin: 10px 0 0 5px;
    cursor: pointer;
}

.restaurant-name-unfollow-link {
    font-size: 11px;
    background: #d10101;
    color: #fff;
    padding: 5px 17px 5px 16px;
    float: left;
    border-radius: 3px;
    margin: 10px 0 0 5px;
}

.restaurant-name-following-link {
    font-size: 11px;
    background: #0080ca;
    color: #fff;
    padding: 5px 15px;
    float: left;
    border-radius: 3px;
    margin: 10px 0 0 5px;
}

    .restaurant-name-following-link:hover {
        background: #d10101;
    }

.orc-restaurant-name a:hover, .riw-restaurant-name a:hover {
    text-decoration: underline;
}

.riw-r-restaurant-distance {
    float: left;
    font-style: italic;
    padding: 9px 0 0;
}

.riw-r-cuisine {
    float: left;
    font-size: 11px;
    width: 465px;
}

.riw-r-value {
    font-size: 13px;
}

.riw-r-name {
    padding: 0 8px 0 0;
    float: left;
    font-size: 13px;
}

.a-riw-reviews {
    color: #000;
    display: inline-block;
}

.rdw-riw-right {
    float: right;
    width: 200px;
    padding: 0px;
}

.rdw-riw-right-claim {
    float: right;
    width: 225px;
    height: 120px;
    background: #fafafa;
    border: 1px solid #cccccc;
}

.riw-restaurant-close, .riw-restaurant-open {
    display: inline-block;
    height: 46px;
    width: 72px;
}

.riw-restaurant-close {
    background-position: -24px -91px;
}

.riw-menu-search-filter {
    background-position: -200px -59px;
    height: 30px;
    width: 30px;
}

.riw-restaurant-work-hour {
    display: inline-block;
    font-size: 11px;
    padding: 5px 0 6px 0;
    width: 80%;
}

.riw-rate-star-wrapper {
    display: inline-block;
    float: left;
    height: 20px;
    overflow: hidden;
    padding: 1px 0 2px;
    width: 102px;
}

.show-more-details-wrap {
    display: none;
    float: left;
    padding: 5px 0 0;
    width: 100%;
}

.riw-rate-star-wrapper .c-ratestar-active {
    background-position: -124px -56px;
}

.riw-rate-star-wrapper .c-ratestar-Half {
    background-position: -124px -101px;
}

.riw-rate-star-wrapper .c-ratestar-unactive {
    background-position: -124px -79px;
}

.a-riw-restaurant-info {
    display: inline-block;
}

.a-riw-r-test {
    background-position: -293px -138px;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    height: 24px;
    padding: 6px 0 0 24px;
}

.a-riw-r-cap {
    background-position: -603px -138px;
    float: left;
    height: 30px;
    padding: 0 0 0 24px;
}

.rs-slcted-menu-price {
    border: none;
}

.rs-slcted-menu-price, .a-rciw-varity-price, .rciw-selected, .a-rciw-varity-price-non-matrix {
    background: #fff;
    border-radius: 6px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 25px;
    float: right;
    width: 22px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
    position: relative;
    border: 1px solid #000;
}

.rs-slcted-menu-price-new {
    font-size: 16px !important;
    cursor: pointer;
    width: 30px !important;
    color: #fff !important;
    background: #000 !important;
    border-radius: 3px !important;
    height: 30px !important;
    line-height: 30px !important;
    float: right !important;
    text-align: center;
}

.a-cew-extras-done {
    color: #FFFFFF !important;
    background: #0BC113 !important;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin: 0px 0 4px;
    max-width: 100% !important;
    padding: 8px 15px;
    width: auto !important;
    border-radius: 3px !important;
}

    .a-cew-extras-done:hover {
        background: #4fb10b !important;
    }

.rciw-selected, .a-rciw-varity-price-non-matrix:hover {
    background-color: #000;
    color: #fff;
    border: none;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 21px;
    border: 1px solid #000;
}

.rciw-cv-price-spn {
    font-size: 16px;
    font-weight: bold;
    margin: 0px 10px 0 0;
    color: #000;
}

.rs-slcted-menu-srv-persons, .rciw-cv-serving-non-matrix, .rciw-cv-serving-matrix {
    margin: -2px 10px 0 15px;
    padding: 0;
    font-size: 12px;
}

.rciw-cv-price-non-matrix b {
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 15px;
    border: 1px solid #d2d2d2;
    margin: -8px 0 0 -10px;
    position: absolute;
    background: #000;
}

.rs-slcted-menu-price b {
    background-position: -200px -92px;
    display: inline-block;
    height: 11px;
    margin: 12px 0 0 -3px;
    position: absolute;
    width: 11px;
    display: none;
}

.spn-rciw-link-wrap {
    margin-top: -5px;
    float: right;
}
/* end actions menu order*/


/*menu Items*/
.cew-extras-item-name-cmb {
    float: left;
    margin: 10px 0px 5px 5px;
    font-weight: normal;
}

.restaurant-nav-wrapper {
    align-items: center;
    padding: 10px 0px 10px 0px;
    float: left;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.resp-nav-slider-wrap {
    flex: 1;
}


.r-s-f-share-text {
    color: #000;
    float: left;
    font-size: 15px;
    padding: 8px 0 0;
}

    .r-s-f-share-text a, .r-s-f-share-text a:hover {
        background: none repeat scroll 0 0 transparent;
        float: right;
        margin: 1px 0 0 5px;
        padding: 0 !important;
    }

.restaurant-share-friend-wrapper .share-icon-box {
    float: left;
    cursor: pointer;
    background-color: #4a4c49;
    height: 23px;
    margin: 12px 6px 0 0;
    width: 25px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

#lnkOffersDiscounts b {
    color: #D10101 !important;
}

.rciw-top-center-wrapper {
    background-position: -167px -14px;
    color: #FFFFFF;
    float: left;
    height: 26px;
    width: 100%;
}

    .rciw-top-center-wrapper h5 {
        color: #FFFFFF;
        float: left;
        font-size: 17px;
        font-weight: normal;
        height: 20px;
        overflow: hidden;
        padding: 0 0 0 7px;
    }

.rciw-category-varity-wrapper {
    float: right;
    height: 17px;
    margin: 0 6px 0 0;
    overflow: hidden;
    text-align: right;
    width: 100%;
}

    .rciw-category-varity-wrapper .rciw-category-varity {
        display: inline-block;
        overflow: hidden;
        padding: 0 2px;
        margin: 0 0 0 3px;
        text-align: center;
        width: 72px;
    }

.rciw-category-varity-subheading {
    background: #f2f2f2;
    clear: both;
    font-size: 13px;
    margin: 0 0 10px 0;
    padding: 8px 0;
    width: 570px;
    height: 14px;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
}

.restautrant-category-item-wrapper {
    color: #000;
    float: right;
    margin: 0px;
    min-height: 200px;
    width: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#accDealsMobileWrap, .restaurant-menu-middle-wrapper {
    display: none;
}

.rciw-h-category-h5 {
    display: inline-block;
    float: left;
    font-size: 36px;
    width: 100%;
    font-weight: normal;
    line-height: 35px;
}

.rciw-menu-item-row {
    float: left;
    margin: 0 0px;
    min-height: 66px;
    padding: 10px 0px;
    width: 100%;
    border-top: 1px solid #d2d2d2;
    display: flex;
    flex-wrap: wrap;
}

.rciw-oneline-wrap {
    width: 100%;
    float: left;
}

.ricw-mi-image-wrapper {
    width: 99px;
    margin-top: 5px;
    display: inline-block;
    float: left;
}

    .ricw-mi-image-wrapper img {
        cursor: pointer;
        width: 100%;
        background-color: #FFFFFF;
        border: 1px solid #D2D2D2;
        float: left;
        overflow: hidden;
        padding: 2px;
    }


img[data-original*="000000000_no-image.jpg"] {
    display: none !important;
    border: none !important;
    display: block !important;
    visibility: hidden;
}

.ricw-mi-item-name,
.ricw-mi-item-value {
    float: left;
    overflow: hidden;
    width: 100%;
}

.ricw-mi-item-offers {
    color: #fff;
    float: right;
    font-size: 14px;
    background: #fd3;
    padding: 1px 5px;
    width: 100%;
    margin-top: 5px;
}

    .ricw-mi-item-offers img {
        float: left;
        margin: 0 5px 0 0;
        width: 27px;
    }

.ricw-mi-item-name {
    color: #000;
    font-size: 18px;
    width: 100%;
    margin-bottom: 0px;
    display: flex;
    align-items: flex-start;
}

    .meta-item-heading, .ricw-mi-item-name a {
        color: #000 !important;
        font-size: 18px;
        flex: 1;
    }

        .ricw-mi-item-name a i {
            margin-left: 15px;
            cursor: pointer;
        }

.ricw-mi-item-value {
    font-size: 14px;
    font-weight: normal;
    color: #777;
}



.rciw-category-un-varityprice-wrapper {
    float: right;
    padding: 10px 0 0;
    font-size: 16px;
    width: 100%;
    display: inline-block;
    text-align: right;
}

    .rciw-category-un-varityprice-wrapper .uvpw-row {
        float: right;
        text-align: right;
        width: 100%;
    }

.uvpw-name {
    display: inline-block;
    float: right;
    font-weight: bold;
    line-height: 24px;
    padding: 0 0 0 285px;
    text-align: left;
}

.uvpw-name-wrapper {
    display: inline-block;
    padding: 0 0 10px;
}

.uvpw-name-non-matrix {
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    font-weight: normal;
    flex: 1;
}

/* end menu item wrapper*/

/*start restaurant review */

.rr-left-col-wrapper {
    float: left;
    padding: 0 0 0 0px;
    width: 100%;
    margin: 0px;
}

#dvOffersDis {
    width: 98%;
}

.rr-review-rate-chart-wrapper {
    background-color: #f2f2f2;
    border: 1px solid #d2d2d2;
    float: left;
    padding: 16px 0;
    margin: 0 0 12px 0;
    width: 100%;
}

.rr-rrc-rate-bar-box {
    float: left;
    padding: 0 0 0 28px;
    width: 464px;
}

    .rr-rrc-rate-bar-box .rrc-row {
        color: #000;
        float: left;
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        justify-content: center;
    }

    .rr-rrc-rate-bar-box .rrc-label {
        float: left;
        font-size: 17px;
        letter-spacing: 0.4px;
        padding: 0 15px 0 0;
        width: 86px;
    }



.rrc-rate-green-box {
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid #d2d2d2;
    float: left;
    height: auto;
    text-align: center;
    width: 150px;
}

.rrc-gb-g-label {
    color: #777;
    display: inline-block;
    font-size: 14px;
    padding: 5px 0 0;
}

.rrc-gb-g-rate-num {
    color: #000;
    display: inline-block;
    font-size: 56px;
    font-weight: bold;
    line-height: 50px;
    padding: 10px 0;
    width: 100%;
}

.rrc-gb-ratestar-box {
    display: inline-block;
    overflow: hidden;
    padding: 3px 0 2px 17px;
    width: 81%;
}

.rm-header-reviews-count, .rrc-gb-g-rate-total-num {
    color: #777;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
}

.rm-header-reviews-count {
    margin: 3px 0 0 5px;
}

.rr-review-warpper {
    float: left;
    padding: 0px 0 10px;
    width: 100%;
}

.review-box-wrapper {
    display: inline-block;
    float: left;
    width: 90%;
}

.rr-likes-wrapper {
    color: #000;
    display: inline-block;
    float: left;
    width: 100%;
}

.rr-no-likes, .rr-likes {
    display: inline-block;
    font-size: 11px;
    font-style: italic;
    padding: 10px 2px 0 0;
}

.rr-likes-img-wrapper {
    display: inline-block;
    float: right;
}

.rr-liw-btn-left {
    background-position: -21px -62px;
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 2px 10px 5px 10px;
    overflow: hidden;
    height: 20px;
    line-height: 15px;
}

.rr-liw-seperator {
    background-color: #B3B3B3;
    display: inline-block;
    float: left;
    margin: 0 0 0;
    padding: 12px 0;
    width: 1px;
}

.rr-like-text {
    color: #000;
    display: inline-block;
    font-size: 11px;
    line-height: 9px;
    padding: 0 0 0 23px;
}

.rr-dislike-img {
    background-position: -143px -62px;
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 8px 0 17px 35px;
}

.rr-r-image-wrapper img {
    display: inline-block;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #d2d2d2;
    padding: 2px;
}

/*review like hover */
.rr-review-likes-wrapper {
    float: right;
    width: 60px;
    display: none;
}

.rr-r-l-vote-yes, .rr-r-l-vote-no {
    cursor: pointer;
    float: left;
    height: 21px;
    width: 29px;
}

.rr-r-l-seperator {
    background-color: #B3B3B3;
    float: left;
    margin: 0;
    padding: 9px 0;
    width: 1px;
}

.rr-r-l-vote-yes {
    background-position: -21px -17px;
}

.rr-r-l-vote-no {
    background-position: -149px -17px;
}

.rr-r-l-vote-yes:hover {
    background-position: -21px -39px;
}

.rr-r-l-vote-no:hover {
    background-position: -149px -39px;
}

/*review like hover img*/

.rr-review-warpper .rr-r-heading {
    color: #777;
    float: left;
    font-size: 16px;
    margin: 10px 0px 20px 0px;
}

.rr-r-heading, .rr-r-box {
    padding-left: 0px;
    width: 80%;
}

.rr-review-warpper hr {
    background-color: #ffdd33;
    border: 0 none;
    float: left;
    height: 1px;
    width: 100%;
}

.rr-r-box {
    background-color: #f2f2f2;
    border: 1px solid #d2d2d2;
    float: left;
    margin: 5px 0;
    padding-bottom: 5px;
    padding-right: 12px;
    padding-left: 12px;
    padding-top: 5px;
}

.rr-r-image-wrapper {
    background-color: #fff;
    display: inline-block;
    float: left;
    margin: 5px 10px 0 0;
}

.rr-rb-title {
    color: #000;
    float: left;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
}

.rr-rb-rate-wrapper {
    float: left;
    padding: 3px 0;
    width: 98%;
}

.rr-rb-message {
    font-size: 16px;
    float: left;
    padding: 0px 0 0px 0;
    width: 100%;
    color: #777;
}

.rr-rb-owner {
    color: #000;
    float: left;
    overflow: hidden;
    padding: 0 12px 0 0;
    width: 100%;
}

.rr-rb-time {
    color: #000;
    float: left;
    font-size: 11px;
    font-style: italic;
}

.rr-rb-area {
    float: left;
    padding: 36px 0;
    text-align: center;
    width: 100%;
}

.rr-vedio-box {
    background-color: #C5C5C5;
    display: inline-block;
    height: 162px;
    width: 212px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.rr-review-s-in-s-up-msg {
    background-color: #f2f2f2;
    border: 1px solid #d2d2d2;
    color: #000;
    display: none;
    float: left;
    line-height: 24px;
    margin: 4px 0 0;
    padding: 0 1%;
    width: 97.4%;
}

    .rr-review-s-in-s-up-msg a {
        color: #000;
        text-decoration: underline;
        font-weight: bold;
    }

/*end restaurant review */

/*start review comments */

.review-comments-wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C0BEBE;
    float: left;
    margin: 8px 0 5px;
    width: 99.4%;
}

.r-c-w-comments-header {
    border-bottom: 1px solid #C0BEBE;
    color: #499F06;
    float: left;
    line-height: 20px;
    padding: 3px 0 2px 1.5%;
    width: 98.6%;
}

.c-r-comment-icon {
    background-position: -101px -92px;
    float: left;
    height: 19px;
    margin: 0 7px 0 0;
    width: 23px;
}

.c-r-comments-row {
    border-bottom: none;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

.c-r-comment-owner-img {
    float: left;
    display: none;
}

    .c-r-comment-owner-img img, .c-r-comment-input-owner-img img {
        float: left;
        width: 38px;
        border-radius: 50px;
    }


.c-r-comment-input-owner-img {
    float: left;
    display: none;
    padding: 0 1.5% 0 0;
}

.c-r-comment-box {
    color: #000;
    float: left;
    width: 100%;
    background: #f2f2f2;
    border: 0;
    padding: 10px;
    box-sizing: border-box;
}

    .c-r-comment-box p b {
        margin: 0 3px 0 0;
    }

.c-r-comment-bg-new-comment {
    background-color: #ecfae1;
}

.c-r-comment-bg-foortal-comment {
    background-color: #f2f2f2;
}

.c-r-comments-time {
    color: #959494;
    float: left;
    font-size: 11px;
    font-style: italic;
    padding: 2px 0 0;
    width: 100%;
}

.c-r-comment-likes-wrapper {
    float: left;
    color: #000;
    width: 100%;
}

.c-r-comment-like-text, .c-r-comment-dislike-text {
    display: inline-block;
    font-size: 11px;
    font-style: italic;
    padding: 7px 2px 0 0;
}

.r-c-comments-input-box {
    background-color: #f2f2f2;
    float: left;
    padding: 0;
    width: 100%;
}

.r-c-comments-input {
    background-color: #FFFFFF;
    border: 1px solid #C0BEBE;
    color: #000;
    font-family: arial;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    padding: 4px 2px;
    width: 98.8%;
    resize: vertical !important;
}

.r-c-comment-watermark-txt {
    color: #959494;
    font-size: 12px;
    padding: 8px 0 0 7px;
    position: absolute;
}

.r-c-comments-input-box-wrap {
    background-color: #f8f8f8;
    float: left;
    padding: 6px 1.5% 5px;
    width: 96.2%;
}

.r-c-action-comments {
    display: none;
    float: right;
    margin: 3px 0 0;
}

    .r-c-action-comments .r-c-a-comment-left {
        background-position: -480px -421px;
        color: #000;
        float: left;
        font-size: 12px;
        line-height: 25px;
        padding: 0 0 2px 13px;
    }

    .r-c-action-comments .r-c-a-comment-cap {
        background-position: -624px -421px;
        float: left;
        height: 27px;
        padding: 0 0 0 13px;
    }


/*end review comments */

/*start restaurant menu login popup*/

.restaurant-menu-login-wrapper {
    float: left;
    width: 100%;
}

    .restaurant-menu-login-wrapper .visitor-login-form-wrapper {
        width: 300px;
    }

.restaurant-menu-dtls {
    border: 1px solid #d2d2d2;
    font-weight: bold;
    min-height: 0px;
    margin: 0 5px 10px 5px;
    background: #f2f2f2;
    float: left;
    width: 570px;
}

    .restaurant-menu-dtls div {
        margin: 5px;
    }

        .restaurant-menu-dtls div span {
            color: #0BC113;
        }

.visitor-login-form-wrapper .r-m-l-w-label {
    color: #000;
    display: inline-block;
    width: 70px;
}

.r-m-l-w-bottom-action-w {
    float: left;
    padding: 0 0 0 74px;
    width: 90%;
}

.r-m-l-heading {
    color: #000;
    float: left;
    font-size: 21px;
    font-weight: bold;
    padding: 10px 0 15px;
    text-align: center;
    width: 100%;
}

.r-m-l-info-msg {
    color: #000;
    float: left;
    padding: 10px 0 10px 103px;
    text-align: left;
    width: 74%;
}


.r-m-l-loginfailure-message {
    color: Red;
    padding: 0 0 5px 34%;
    text-align: left;
    width: 66%;
    float: left;
}

/*end restaurant menu login popup*/

/*start menu item varity extars*/

.rs-slcted-menu-extras-wrapper, .ricw-mi-varity-extras-wrapper {
    float: right;
    /*display: none;
    margin: 5px 0 32px;*/
    width: 100%;
    background-color: #f2f2f2;
}

.rs-slcted-menu-extras-wrapper {
    width: 100%;
}

.mi-vew-border-top, .mi-vew-border-bottom {
    float: left;
    height: 10px;
    width: 100%;
}

.mi-vew-center-content-wrapper {
    color: #000;
    float: left;
    min-height: 100px;
    padding: 10px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.vew-header-wrapper {
    margin: 10px 0px 10px 0px;
    text-align: left;
}

.vew-cw-heading {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin: 0 12px 0 0;
    float: left;
}

.vew-cw-min-extras-num {
    padding: 10px 10px;
    width: 100%;
    float: left;
    background: #d2d2d2;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
}

.mandatory-label {
    float: right;
    margin: 0px 15px 0px 0px;
    position: absolute;
    right: 0px;
    top: 11px;
    padding: 0px 0px 0px 15px;
}

    .mandatory-label span {
        font-size: 24px;
        font-weight: bold;
        position: absolute;
        top: -4px;
        left: 0px;
    }

.mandatory-label-req {
    display: inline-block;
    color: #ed0000;
    margin-left: -8px;
    font-weight: bold;
    font-size: 20px;
}

.vew-cw-extras-item-row, .vew-cw-extras-item-row-group {
    float: left;
    padding: 0 0 5px 0px;
    width: 100%;
}

.vew-cw-extras-item-error-wrapper, .vew-cw-extras-popup-error-wrapper {
    display: inline-block;
    float: left;
    padding: 0 0 5px 6px;
    width: 97%;
}

.vew-cw-extras-popup-error-wrapper {
    width: 93%;
}

.cew-extras-item-select {
    display: inline-block;
    float: left;
    padding: 0 0 0 9px;
    width: 85%;
}

    .cew-extras-item-select select {
        display: inline-block;
        float: left;
        padding: 5px;
        width: 75px;
    }

.vew-cw-extras-item-row-group {
    line-height: 18px;
    margin: 0 6px 0 0;
    min-width: 65px;
}

.cew-extras-item-name {
    float: left;
    line-height: 20px;
    padding: 0px;
}

.rm-popup-item-popup-cancel-btn, .a-cew-extras-done, .a-cew-extras-cancel, .rm-popup-no-cancel-btn {
    background-color: #000;
    float: left;
    margin: 0px 10px 0 0px;
    text-align: center;
    width: 50px;
    border-radius: 0px;
    padding: 7px 10px;
}

.rm-popup-item-popup-cancel-btn {
    margin-top: 1px;
}

.rm-popup-no-cancel-btn {
    margin: 0 0 0 10px;
    float: right;
    font-size: 14px;
}

.rm-popup-item-popup-cancel-btn, .rm-popup-no-cancel-btn, .a-cew-extras-cancel {
    background: none;
    color: #000 !important;
    width: auto;
    font-size: 14px;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
    background-color: #fff;
}

    .a-cew-extras-cancel:hover {
        text-decoration: underline;
    }

.vew-cw-extras-item-row-group .cew-extras-item-name {
    line-height: 18px;
    margin: 0 6px 0 0;
}

.vew-cw-extras-item-check {
    float: left;
    padding: 11px 0 0;
    width: 100%;
}

.dont-remmember-label {
    color: #000;
    text-align: center;
    margin-top: 15px;
    display: inline-block;
    font-size: 16px;
    text-decoration: underline;
}

.email-heading {
    width: 100%;
    text-align: left;
    display: block;
    float: none;
    font-size: 24px;
    color: #000;
}

.hr-line {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #d2d2d2;
}

.sub-heading {
    display: block;
    width: 100%;
    font-size: 16px;
    text-align: left;
    color: #777;
    margin-bottom: 20px;
}

.list-email-info .list-label {
    position: relative;
    width: 100%;
    padding-right: 98px !important;
    margin-bottom: 30px;
    background: #f2f2f2;
    padding: 15px 10px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .list-email-info .list-label a {
        padding: 5px 10px;
        position: absolute;
        right: 10px;
        top: 10px;
        background: #387ef5;
        color: #fff;
        border-radius: 4px;
        cursor: pointer;
    }

.dont-remmember-label:hover {
    text-decoration: underline;
}
/* change in dropdown its make bold and increase width 15 */
.vew-cw-extras-item-row-group select {
    border: 1px solid #d2d2d2;
    color: #000;
    float: left;
    font-weight: bold;
    height: 50px;
    padding: 5px;
    width: 100%;
    clear: both;
    font-size: 18px;
}

    .vew-cw-extras-item-row-group select option {
        border-bottom: 1px solid #DADADA;
        font-weight: bold;
        padding: 5px;
    }

.vew-cw-extras-item-topping-count {
    font-size: 14px;
    padding: 0 0 12px 10px;
    display: none;
}
/* Start CSS of Recomandation box for restuarants */

.recomandation-box-wrapper {
    display: inline-block;
    float: left;
    margin: 0 0 10px;
    padding: 10px;
    text-align: center;
}

.r-b-w-c-counter {
    display: inline-block;
    font-size: 18px;
    padding: 4px 0 0;
}

.rbw-c-icon {
    background-position: -17px -279px;
    display: inline-block;
    height: 76px;
    width: 76px;
    margin-top: 30px;
}

.r-b-w-claim-content {
    background-position: -1169px 0;
    color: #000;
    display: inline-block;
    float: left;
    padding: 12px 14px;
    text-align: center;
}

.rbw-claim-icon {
    background-position: -111px -122px;
    height: 39px;
    width: 48px;
    margin: 0 auto;
}

.rbw-c-message {
    display: inline-block;
    font-size: 16px;
    padding: 30px 0px;
    width: 100%;
    text-align: center;
    color: #777;
}

.rbw-c-recomandation-message {
    display: inline-block;
    font-size: 16px;
    padding: 35px 0 0;
}

.rbw-action-wrapper, .rbw-action-wrapper-claim {
    background-image: -ms-linear-gradient(bottom, #2580E6 0%, #4698EA 100%);
    background-image: -moz-linear-gradient(bottom, #2580E6 0%, #4698EA 100%);
    background-image: -o-linear-gradient(bottom, #2580E6 0%, #4698EA 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2580E6), color-stop(1, #4698EA));
    background-image: -webkit-linear-gradient(bottom, #2580E6 0%, #4698EA 100%);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin: 8px 0 0;
    padding: 6px 40px;
    text-align: center;
    background-image: linear-gradient(to top, #2580E6 0%, #4698EA 100%);
}

.rbw-action-wrapper-claim {
    padding: 6px 18px;
}

/* End CSS of Recomandation box for restuarants */
/*start check out box of items*/
.ch-no-delivery-address-wrap {
    float: left;
    width: 100%;
    background-color: #d2d2d2;
    padding: 5px 0px;
    margin: 0px 0px 10px 0px;
}

.check-out-item-wrapper {
    float: left;
    width: 332px !important;
    border-radius: 0px 0px 10px 10px;
    background-color: white;
}

.basket-header-mobile {
    display: none;
}

.restaurant-asap-filter-wrap {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    text-align: left;
}


    .restaurant-asap-filter-wrap label {
        vertical-align: middle;
        font-size: 14px;
    }

.restaurant-asap-select-master-wrap {
    float: left;
    margin-top: 6px;
}

.restaurant-asap-select-filter {
    display: inline-block;
    margin-left: 10px;
    font-size: 15px;
}

.order-type-icon-checkout {
    font-size: 11px;
    line-height: 22px;
    margin-right: 0;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-block !important;
}

    .order-type-icon-checkout.deliver-bg {
        background: #ed0000;
    }

    .order-type-icon-checkout.collection-bg {
        background: #3c75ba;
    }

    .order-type-icon-checkout.eatin-bg {
        background: #0dac4b;
    }

.select-mar-left-10 {
    margin-left: 10px;
}

.select-asap {
    position: relative;
    display: inline-block;
    flex: 1;
    vertical-align: middle;
    margin-right: 0px;
}

    .select-asap select {
        background: #FFF;
        border-radius: 15px;
        border: 1px solid #999;
        color: #000;
        height: 32px;
        margin: 0;
        outline: none;
        padding: 2px 5px 2px 7px;
        position: relative;
        vertical-align: middle;
        width: 100%;
        font-size: 14px;
    }

    .select-asap.highlight {
        box-shadow: 0px 0px 6px #2196F3;
    }

.select-asap-wrap {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 0px !important;
}

#dvOrderTypeChangeWrap {
    display: none !important;
}

.select-Search-asap-wrap {
    float: left;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
}

    .select-Search-asap-wrap i {
        color: #fff;
    }

.order-type-change-wrap {
    float: right;
}

#dvOrderTypeChangeWrap .order-type-change-wrap {
    float: none !important;
    display: flex;
    justify-content: center;
}

.order-type-change-wrap > div {
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.order-type-change-wrap .order-type-icon {
    font-size: 11px;
    line-height: 25px;
    margin-right: 7px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block !important;
}

.order-type-label {
    margin-top: 5px;
    display: inline-block;
    font-size: 14px;
}

.order-type-change-wrap .deliver-bg {
    background: #ed0000;
}

.order-type-change-wrap .collection-bg {
    background: #3c75ba;
}

.order-type-change-wrap .eatin-bg {
    background: #0dac4b;
}

/*order type change location modal*/
.change-order-type-wraper {
    width: 100%;
    padding: 20px;
    display: inline-block;
    box-sizing: border-box;
}

.change-order-heading {
    display: inline-block;
    font-size: 16px;
    color: #000;
    margin-bottom: 20px;
    width: 100%;
}

.order-type-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: horizontal;
    -moz-flex-direction: horizontal;
    -ms-flex-direction: horizontal;
    flex-direction: horizontal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #000;
    margin-bottom: 20px;
}

.order-type {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    height: 100%;
    color: inherit;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    cursor: pointer;
}

.order-type-icon {
    display: block;
    font-size: 16px;
    width: 40px;
    height: 40px;
    background: #d2d2d2;
    line-height: 40px;
    margin-right: 10px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    margin: 0 auto;
}

    .order-type-icon i {
        color: #fff;
    }

.order-type-selected > .deliver-bg {
    background: #ed0000;
}

.order-type-selected > .collection-bg {
    background: #3c75ba;
}

.order-type-selected > .eatin-bg {
    background: #0dac4b;
}

.order-type-selected > .deliver-bg + .order-type-label {
    border-bottom: 3px solid #ed0000;
    padding-bottom: 5px;
    width: 100%;
}

.order-type-selected > .collection-bg + .order-type-label {
    border-bottom: 3px solid #3c75ba;
    padding-bottom: 5px;
    width: 100%;
}

.order-type-selected > .eatin-bg + .order-type-label {
    border-bottom: 3px solid #0dac4b;
    padding-bottom: 5px;
    width: 100%;
}

.asap-dropdown-modal-wrap {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 20px;
}

.title-label {
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 7px;
}

.asap-dropdown-modal-wrap div {
    float: left;
    margin-right: 15px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.select-core-asap {
    margin-bottom: 20px;
}

    .select-core-asap span {
        margin: 0px 25px 0px 0px;
        font-size: 18px;
        background: #f2f2f2;
        height: 100%;
        width: 50px;
        position: absolute;
        align-items: center;
        display: flex;
        justify-content: center;
        left: 0px;
        border: 1px solid #ccc;
        box-sizing: border-box;
    }

    .select-core-asap .form-control {
        display: block;
        width: 100%;
        height: 42px;
        padding: 6px 12px;
        font-size: 16px;
        line-height: 1.42857;
        color: #000;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        margin-left: 45px;
    }
/*order type change css ends here location modal*/
.coiw-head-wrap, .coiw-order-type-head-wrap {
    border-bottom: 1px solid #d2d2d2;
    float: left;
    padding: 9px 15px;
    width: 100%;
    margin-bottom: 12px;
    box-sizing: border-box;
}

.coiw-order-type-head-wrap {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.coiw-h-category-h5 {
    color: #000;
    float: left;
    font-size: 18px;
    overflow: hidden;
    width: 45%;
    margin-top: 7px;
    text-transform: uppercase;
}

.cowi-h-item-timing {
    margin: 0px 0 0 3px;
    width: 94px;
}

.coiw-items-wrapper {
    padding: 0px 0 0;
    float: left;
    font-size: 12px;
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    max-height: 450px;
    margin-top: 0px;
}

.order-new-order-type {
    display: flex;
    justify-content: space-around;
}

.change-type-wrap {
    padding: 0px 5px;
    flex: 1;
}
.order-new-margin{
    margin-bottom:15px;
}
.o-t-label {
    color: #777;
    margin-bottom: 2px;
}

.o-t-wrap {
    font-size: 16px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.o-t-change-modal {
    color: #0283b8;
    cursor: pointer;
    font-size: 14px;
}

    .o-t-change-modal:hover {
        text-decoration: underline;
    }

.order-type-selection-wrap {
    margin: 0px 0px 5px 0px;
    float: left;
    width: 100%;
}

    .order-type-selection-wrap span {
        width: 31%;
        float: none;
        display: inline-block;
    }

    .order-type-selection-wrap label {
        font-size: 14px;
        margin: 0 0px 0 5px;
        color: #000;
    }

.basket-order-dtl-wrap {
    border: 1px solid #d2d2d2;
    float: left;
    width: 100%;
}

.basket-cashback-msg-wrap {
    background: #fbe550;
    font-size: 13px;
    padding: 5px 0px;
    float: left;
    width: 100%;
    text-align: center;
}

    .basket-cashback-msg-wrap span {
        font-weight: bold;
        color: #000;
    }

        .basket-cashback-msg-wrap span:last-child {
            color: #f2f2f2;
        }

.basket-item-dtl-right-wrap {
    float: right;
    width: 27%;
    text-align: right;
}


.coiw-item-order-empty {
    float: left;
    padding: 0px 1% 0px 1%;
    width: 98%;
    margin: 50px 0px;
}

.ciow-empty-basket {
    color: #777;
    float: left;
    font-size: 18px;
    margin: 0 0 6px;
    text-align: center;
    width: 100%;
}

.r-price-list-err-message {
    background: #d9e7ec;
    border: 1px solid #77b2c5;
    color: #000;
    float: left;
    font-size: 18px;
    padding: 15px 10px 15px 60px;
    overflow: hidden;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    margin: 5px 0;
    margin-bottom: 20px;
    margin-top: 20px;
}

.r-offer-message {
    background: #fff;
    color: #000;
    float: left;
    font-size: 16px;
    padding: 20px 10px 20px 65px !important;
    width: 100%;
    margin: 0px;
    text-align: left;
    font-weight: normal;
    position: relative;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 20px;
}

    .r-offer-message i {
        position: absolute;
        border-radius: 50%;
        padding: 10px;
        margin: 0px 10px 0 5px;
        left: 5px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 24px !important;
    }

#dvDiscountMessageText {
    border: 2px dashed #ed0000 !important;
}

    #dvDiscountMessageText i {
        color: #fff;
        background: #ed0000;
    }

#dvPromotionMessage {
    background: #39b3d7 !important;
    color: #fff;
    border: 2px dashed #000 !important;
}

    #dvPromotionMessage i {
        color: #39b3d7 !important;
        background: #fff;
    }

.rm-offer-txt {
    float: left;
    text-overflow: ellipsis;
    width: 100% !important;
    text-shadow: 0px 1px 0px #000;
}

.rm-promotion-icon {
    float: left;
    width: 40px;
    height: 25px;
    background-position: -165px -322px;
}

.rm-offer-discount-message {
    background: #f2f2f2;
    border: 2px dotted #d2d2d2;
    color: #000;
    float: left;
    font-size: 14px;
    padding: 7px 10px;
    overflow: hidden;
    width: 850px;
    margin: 0 0 10px 70px;
}

.rm-offer-discount-message-scissor {
    background-color: #d10101;
    background-size: 145px 240px;
    background-position: -18px -141px;
    float: left;
    height: 40px;
    width: 35px;
    margin: -9px 5px -9px -9px;
    padding: 0px 3px;
}

.r-offer-message-text {
    float: left;
    padding: 0 0 0 6px;
    text-transform: uppercase;
}

.r-offer-message img {
    position: absolute;
    top: 4px;
    left: 13px;
}

.r-price-list-err-message img {
    position: absolute;
    top: 9px;
    left: 13px;
}

/* Alternate Restuarants Design Wrap Starts here */

.online-alt-restaurants-wrap {
    width: 700px;
    float: left;
}

.specific-online-restaurant-wrap {
    border: 1px solid #d2d2d2;
    float: left;
    width: 220px;
    text-align: center;
    background: #f7f7f7;
    margin: 0px 4px 10px 5px;
}

.rest-logo-img {
    width: 200px;
    height: 150px;
    border: 1px solid #d2d2d2;
    background: #fff;
    margin: 15px auto;
}

    .rest-logo-img img {
        width: 200px;
        height: 150px;
    }

.btn-view-menu {
    background: #0BC113;
    padding: 10px 30px;
    border-radius: 5px;
}

    .btn-view-menu:hover {
        text-decoration: underline;
    }

.specific-online-rest-name {
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.specific-online-rest-name-underline {
    color: #000;
}

    .specific-online-rest-name-underline:hover {
        text-decoration: underline;
    }

.rm-btn-view-menu-wrap {
    margin: 50px auto 10px;
    float: none;
    width: 100%;
}

.specific-online-rest-reviews {
    color: #000;
    display: inline-block;
    float: left;
    width: 120px;
    font-size: 14px;
    text-align: left;
    margin: 10px 0px 10px 50px;
}

    .specific-online-rest-reviews a:hover {
        text-decoration: underline;
    }

.specific-online-rest-rating {
    display: inline-block;
    padding: 0px 5px 10px 0px;
    width: 100px;
}

/* Alternate Restuarants Design Wrap Ends here */

.ciow-empty-like-menu {
    color: #777;
    float: left;
    font-size: 13px;
    text-align: center;
    width: 100%;
    display: none;
}

.coiw-checkout-item {
    color: #000;
    float: left;
    padding: 0px 0 5px 8px;
    width: 98%;
}

.coiw-i-n-v-box {
    float: left;
    font-size: 11px;
    padding: 0px;
    width: 100%;
}

    .coiw-i-n-v-box a {
        float: left;
        padding: 0px 0px 5px 12px;
        box-sizing: border-box;
    }

        .coiw-i-n-v-box a:hover {
            background: #f2f2f2;
        }

.coiw-i-name {
    color: #000;
    display: inline;
    font-size: 14px;
    margin: 0 6px 0 0px;
    line-height: 1.5;
    font-weight: normal;
}

.coiw-i-name, .item-price-wrapper {
    font-weight: bold;
}

.coiw-i-varity {
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

.item-main-wrapper {
    float: left;
    width: 100%;
}

.coiw-item-name-wrap {
    float: left;
    width: 100%;
}

.item-price-wrapper {
    float: right;
    position: relative;
    width: 20%;
}

.plus-minus-topping-wrap {
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 6px;
}

.plus-minus-wrapper {
    float: left;
    clear: both;
    margin-top: 3px;
}

    .plus-minus-wrapper span i {
        font-size: 14px;
        margin-right: 5px;
        display: none;
    }

.plus-icon, .minus-icon {
    border-radius: 50%;
    border: 1px solid #000;
    font-size: 10px;
    font-weight: lighter;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    margin-left: 4px;
    cursor: pointer;
    background: #FFF;
}

.coiw-i-dt-aet-box {
    color: #000;
    float: left;
    padding: 0px 1px 0px 0px;
    width: 100% !important;
}

.coiw-i-des {
    font-size: 12px;
}

    .coiw-i-des div {
        color: #777;
    }

.qctx-items-dtl-wrap div {
    clear: both;
}

.coiw-i-qctx-wrapper {
    float: left;
    font-size: 14px;
}

.qctx-btn-custom {
    background: #f2f2f2;
    padding: 2px 8px;
    color: #000;
    font-size: 10px;
    cursor: pointer;
    font-weight: normal;
    border: 1px solid #999;
    border-radius: 3px;
    display: inline-table;
}

    .qctx-btn-custom:hover {
        text-decoration: underline;
    }

.qctx-row {
    float: left;
    padding: 0 0 0px 0px;
    width: 100%;
    text-align: right;
    color: #777;
}

.qctx-dtl-row {
    float: left;
    padding: 2px 0px;
    width: 65%;
    text-align: right;
    font-size: 12px;
}

.qctx-name {
    float: left;
    width: 56px;
}

.qctx-lbl-total {
    float: right;
    margin-top: 6px;
    width: 100%;
    text-align: right;
}

.qctx-items-dtl-wrap {
    font-size: 13px;
    text-align: left;
    float: left;
    clear: both;
    width: 100%;
}

    .qctx-items-dtl-wrap span {
        float: left;
        width: 100%;
    }

        .qctx-items-dtl-wrap span.topping-extra-dtl {
            width: 65%;
        }

.menu-item-extras-edit-common {
    width: 100%;
    float: left;
    margin-top: 5px;
    color: #03A9F4;
}

    .menu-item-extras-edit-common i {
        margin-right: 3px;
        font-size: 14px;
    }

.qctx-value {
    float: left;
    font-size: 13px;
    text-align: center;
    width: 22px;
    border: 1px solid #d2d2d2;
    padding: 0px;
}

.qctx-value-extra {
    font-size: 12px;
    float: left;
    width: 145px;
    margin: 5px 3px;
    text-align: left;
}

    .qctx-value-extra span {
        float: left;
        width: 100%;
    }

.qctx-value span {
    float: left;
    padding: 0 0 1px 15px;
    text-align: left;
    width: 87%;
}

.qctx-action-extras-box {
    float: left;
    width: 100%;
}

.a-extras-edit {
    color: #7a7a7a;
    font-size: 12px;
    text-decoration: underline;
    text-align: left;
}

    .a-extras-edit:hover {
        text-decoration: underline;
    }

.orc-extras-edit {
    color: #ff7603;
    font-size: 12px;
    margin: 0 6px 0 5px;
    text-decoration: underline;
    text-align: left;
}

.a-remove-all-item {
    color: #000;
    float: right;
    font-size: 12px;
    font-style: italic;
    margin: 0 15px 2px 0;
    text-decoration: underline;
}

.coiw-item-total-wrapper {
    border-top: 1px solid #d2d2d2;
}

/*check out total wrapper*/
.coiw-item-total-wrapper, .orc-order-review-wrapper {
    float: left;
    font-size: 13px;
    padding: 12px 5px 7px;
    width: 281px;
    background: #f2f2f2;
}

.show-item-charges {
    float: left;
    width: 100%;
    padding: 0px 15px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.show-total-detail {
    clear: both;
    display: inline-block;
    float: right;
    font-size: 11px;
    text-transform: initial;
    color: #000;
    margin: 10px 0px;
}

.coiw-item-total-wrapper i {
    color: #fff;
    background: #00bcd4;
    font-size: 13px;
    margin: 0px 5px 0px 5px;
    text-align: center;
    border-radius: 100%;
    border: 1px solid #00bcd4;
    width: 14px;
    height: 14px;
    line-height: 14px;
}

.coiw-item-total-wrapper {
    padding: 5px 0;
    width: 100%;
}

.coiw-item-disable {
}

.coiw-item-remove-all-wrapper {
    background-position: -1169px -14px;
    float: left;
    padding: 0 0 2px 0;
    width: 100%;
}

.itw-row {
    text-align: right;
    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px;
    clear: both;
    padding-right: 0px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    padding-right: 100px;
    min-height: 20px;
}

#dvPreOrderTiming .itm-r-type {
    text-align: left;
}

.order-basket-cashback-txt {
    color: #000;
    float: left;
    text-align: right;
    width: 135px;
    margin: 0 0 0 5px;
}

.itm-r-type, .basket-itm-r-type {
    padding: 0px 12px 0px 0px;
    text-align: left;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: right;
    width: 100%;
}

.basket-itm-r-type, .basket-itm-r-value {
    font-size: 20px;
    margin: 0;
    font-weight: bold;
}

.basket-itm-r-value {
    color: #000;
    text-align: right;
    float: right;
    position: absolute;
    right: 15px;
    top:0;
}

.order-basket-cashback-value {
    color: #000;
    float: right;
    font-size: 13px;
    line-height: 16px;
    padding: 0 2px 0 0;
}

.itm-r-value {
    text-align: right;
    float: right;
    position: absolute;
    right: 0px;
}

.coiw-item-disable .itm-r-value {
    color: #000;
}

.modal-footer .btn {
    box-sizing: border-box;
}
.itm-action-wrapper {
    float: left;
    padding: 3px 0 0;
    text-align: center;
    width: 100%;
    margin: 0px 0px 70px 0px;
    position: relative;
}

.sr-area-popup-btn {
    display: inline-block;
    font-size: 18px;
    padding: 4px 50px;
    -moz-border-radius-: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}

.a-itm-checkout-proceed-new-btn {
    font-size: 14px;
    box-shadow: 0px 1px 1px #000;
    font-weight: lighter;
    padding: 0px 5px;
    -moz-border-radius-: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    width: 91px;
    float: right;
    margin: 5px 0px 5px 0px;
    text-align: center;
    background-color: #0BC113;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
}

.a-itm-checkout-proceed,
.a-itm-checkout-proceed-disable {
    display: inline-block;
    font-size: 28px;
    box-shadow: 0px 1px 1px #000;
    font-weight: lighter;
    padding: 0px 10px;
    -moz-border-radius-: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    width: 94%;
    height: 58px;
    line-height: 58px;
}

.cashback-new-wrap div:first-child {
    margin-top: 15px;
}

.cashback-new-wrap .cashback-check-text-warp[style*="display: none;"] + .cashback-check-text-warp {
    margin-top: 15px;
}

.cashback-check-text-warp {
    float: left;
    width: 100%;
    position: relative;
    margin: 0px 0px 15px 0px;
    padding-left: 30px;
    box-sizing: border-box;
}

.cashback-check {
    background: #f2f2f2;
    color: #999;
    border-radius: 50%;
    text-align: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    font-size: 11px;
    left: 0px;
    position: absolute;
}

.cashback-check-text-warp:first-child {
    margin-top: 15px;
}

#dvCashBackWrap .cashback-check-text-warp[style*="display: none;"] + .cashback-check-text-warp {
    margin-top: 15px;
}

.cashback-check-active {
    color: #000;
}

    .cashback-check-active .cashback-check {
        background: #0BC113;
        color: #fff;
    }

.allergy-wrapper {
    width: 100%;
    color: #03A9F4;
    margin: 4px 0px;
    float: left;
    text-decoration: underline;
    margin-top: 5px;
}

    .allergy-wrapper i {
        background: #00BCD4;
        color: #fff;
        padding: 3px 7px;
        margin-right: 4px;
        font-size: 10px;
        border-radius: 3px;
    }

.allergy-label {
    padding: 0px 10px;
    color: #777;
}

.rm-popup-no-dlvry-btn, .a-restaurant-working-hrs {
    background-color: #0080ca;
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    padding: 12px 15px;
    border-radius: 3px;
    margin: 0px;
    box-sizing: border-box;
}

.rm-popup-no-dlvry-btn {
    background-color: #0BC113;
    color: #FFFFFF;
    width: 100%;
    margin-top: 15px;
}

.rm-popup-click-here-btn {
    padding: 2px 10px;
    background: #000;
    font-size: 16px;
    color: #d2d2d2;
    border-radius: 3px;
    margin: 0px 0px 0px 0px;
}

.pop-close-icon {
    height: 16px;
    position: relative;
    width: 16px;
    background-position: -96px -55px;
    cursor: pointer;
    display: block;
    margin: 0px auto -3px auto;
}

.rm-popup-no-delivery {
    float: left;
    margin: 0px 10px 0px 0px;
    font-size: 16px;
}

.a-itm-checkout-proceed-disable { /* IE10 Consumer Preview */
    color: #8c8f91;
    background-color: #f2f2f2;
    padding: 10px 10px;
}

.sr-area-popup-btn, .a-itm-checkout-proceed {
    background-color: #0BC113;
    color: #FFFFFF;
}

a:hover.a-itm-checkout-proceed-disable {
    cursor: default;
}

.a-restaurant-working-hrs:hover {
    text-decoration: underline;
}

.a-itm-checkout-proceed:hover {
    text-decoration: none;
}

.coiw-i-delete-note-wrapper {
    float: right;
    height: 22px;
    width: 15px;
    margin: 2px 0px 0px 10px;
}

.offer-close-btn-wrap {
    float: right;
    position: absolute;
    top: 6px;
    right: 10px;
    color: #000;
    font-size: 14px;
}

.offer-close-btn {
    margin: -4px 0px 0px 0px;
    float: left;
    font-size: 14px;
    color: #000;
}

.offer-close-remove-btn {
    background: #ed0000;
    color: #fff;
    width: 100%;
    float: left;
}

.coiw-rest-dtl-dropdown-main-wrap {
    padding: 0px 0px 0px;
    width: 100%;
    color: #f2f2f2;
    text-align: center;
    margin: 10px 0px 10px 0px;
    display: inline-block;
    width: 100%;
    font-size: 12px;
}

.order-checkout-rest-dtl-wrap {
    width: 300px;
    position: static;
}

.guest-orc-rest-dtl-wrap {
    width: 310px;
    margin: 0px 6px 10px;
}

.order-basket-cashback-wrap {
    border-radius: 5px;
    width: 100%;
    position: relative;
}

/* New Area Details Drop Down CSS Starts */

.chkout-dv-map-pin, .dv-map-pin {
    background-position: -182px -65px;
    float: left;
    margin-top: 5px;
    height: 17px;
    width: 15px;
}

.chkout-dv-map-pin {
    margin-top: 10px;
}

.dv-dropdown-arrow {
    background: url('../../lefttoright/images/drop-down-link.png') no-repeat center;
    float: right;
    margin-top: 2px;
    height: 25px;
    width: 20px;
}

.dv-area-with-dtl-wrap {
    width: 100%;
    float: left;
    padding: 0px 0px 0px 0px;
    position: relative;
}

.orc-dv-area-charges-dtl-wrap {
    color: #000;
    float: left;
    font-size: 14px;
    margin-top: 5px;
    margin-left: 30px;
}

.modal-change-type-wraper {
    width: 100% !important;
    float: left !important;
    margin-top: 15px !important;
    text-align: center !important;
}

.modal-collection-btn, .modal-eat-in-btn {
    color: #000 !important;
    padding: 10px 5px;
    border-radius: 3px;
    font-size: 16px;
    margin: 10px 10px 0px 0px;
    width: 120px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #d2d2d2;
    background: #f2f2f2;
}

    .modal-collection-btn i, .modal-eat-in-btn i {
        margin-right: 5px;
        color: #000;
    }


.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.dv-area-dtls-popup-wrap {
    color: #000;
    float: left;
    font-size: 14px;
    margin-top: 5px;
    margin-left: 10px;
}

.dv-area-dtls-popup-wrap {
    margin: 10px 0 0 0px;
    width: 100%;
}

.coiw-rest-dtl-dropdown-main-wrap ul li:hover {
    background: #f2f2f2;
    border: 1px solid #d2d2d2;
    margin: 10px 0px -1px -1px;
}

.order-basket-timing-buffet-wrap {
    border-top: 1px solid #d2d2d2;
    margin-top: 10px;
    padding: 10px 0px 0px;
    float: left;
    width: 100%;
    color: #000;
}


.qctx-qty-add, .icow-qty-add {
    background-position: -200px -93px;
    float: right;
    height: 11px;
    width: 11px;
    margin: 6px 3px;
}

.qctx-qty-minus, .icow-qty-minus {
    background-position: -215px -93px;
    float: left;
    height: 11px;
    margin: 6px 3px;
    width: 11px;
}

.coiw-points-message {
    float: left;
    font-size: 14px;
    padding: 10px 8px;
    width: 100%;
    color: #fff;
    background-color: #39b3d7;
    border-color: #269abc;
    text-shadow: 0px 0.5px 1px #000;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#spCashBack {
    background-color: #a5fa6c !important;
    color: #000 !important;
    text-shadow: none !important;
    border: 1px solid #0BC113 !important;
}

#dvCashBackInfo, #spCashbackInfoMes {
    background-color: #fe4b0a !important;
}

.coiw-points-message .common-help {
    background: #fff;
    color: #000;
    text-shadow: none;
    font-size: 14px;
}


/*end check out box of items*/

.coiw-checkout-item hr {
    background-color: #f2f2f2;
    border: 0 none;
    float: left;
    height: 1px;
    margin: 5px 0 6px 4px;
    width: 97%;
    display: none !important;
}

.itm-r-type-asteric {
    display: inline-block;
    font-size: 22px;
    line-height: 12px;
    padding: 4px 2px 0;
    vertical-align: middle;
    float: left;
}

.restaurant-cover-photo-wrap {
    background: none;
    float: left;
    width: 100%;
    position: relative;
    border: none;
    height: auto;
    overflow: hidden;
    min-height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
}


.restaurant-cover-photo-image-wrap {
    height: auto !important;
    overflow: hidden;
    display: block;
}

    .restaurant-cover-photo-image-wrap img {
        width: 100%;
        max-height: 200px;
        min-height: 200px;
    }

.restaurant-header-detail-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    float: left;
    padding: 0px;
    margin-top: 0px;
}

.rdw-logo-wrapper {
    float: left;
    width: 135px;
    border: none !important;
    margin-left: 40px;
    position: absolute;
    height: 100%;
}

.rdw-restaurant-logo {
    border: none;
    background: #fff;
    float: left;
    width: 100%;
    height: auto !important;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 50%;
    outline: none;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    min-height: 135px;
}

.menu-header-wrap {
    float: left;
    color: #fff;
    margin-left: 210px;
    position: relative;
    text-shadow: 1px 1px 0px #000;
}

.menu-title {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}

.menu-address-wrap {
    float: left;
    margin-bottom: 5px;
}

.menu-address-label {
    float: left;
    margin-right: 10px;
    text-shadow: 1px 1px 1px #000;
}

.menu-star-label {
    float: left;
    margin-top: 5px;
}

.menu-address-label i {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    padding: 0px 5px 0px 0px;
}

.menu-cusines-wrap {
    float: left;
    width: 100%;
}

.menu-list-fooditem-order-distance {
    float: left;
    width: 100%;
}

    .menu-list-fooditem-order-distance span {
        font-size: 12px;
        margin: 0px 11px 0px 0px;
    }

        .menu-list-fooditem-order-distance span i {
            padding: 10px 5px 0px 0px;
            font-size: 14px;
        }

.menu-ecash-or-discount-wrap {
    position: absolute;
    top: 0px;
    right: 0px;
    background: rgba(0,0,0,0.6) !important;
    text-shadow: 1px 1px 1px #000;
    padding: 0px 15px 10px 15px;
    transition: 1s;
    text-align: center;
}

    .menu-ecash-or-discount-wrap span {
        color: #fff;
    }

        .menu-ecash-or-discount-wrap span:first-child {
            font-size: 45px;
            font-weight: 700;
            color: #fd3;
        }

            .menu-ecash-or-discount-wrap span:first-child + span {
                font-size: 20px;
                color: #fd3;
            }

        .menu-ecash-or-discount-wrap span:last-child {
            display: block;
            margin-top: -5px;
            text-transform: uppercase;
            font-size: 16px;
        }

    .menu-ecash-or-discount-wrap .res-discount-label {
        float: right;
    }

.search-item-menu-wraper {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.search-menu-page {
    float: left;
    position: relative;
    margin: 12px 0px 0px 0px;
    width: 100%;
    box-sizing: border-box;
    max-width: 500px;
}

.form-control-serach-menu {
    border: 1px solid #d2d2d2;
    border-radius: 45px;
    padding: 5px 0px;
    color: #000;
    font-size: 16px;
    background: #fff;
    margin: 0px;
    text-indent: 0px;
    width: 100%;
    padding: 10px 5px 10px 40px;
    margin: 0px;
    box-sizing: border-box;
}

    .form-control-serach-menu:focus, .form-control-min:focus, .form-control-max:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    }

.form-control-select-filed {
    border: 1px solid #d2d2d2;
    border-radius: 15px;
    padding: 5px 0px;
    color: #000;
    font-size: 14px;
    background: #f2f2f2;
    margin: 0px;
    float: left;
    text-indent: 0px;
    width: 80px;
    padding: 4px 12px;
    margin-right: 20px;
    margin-top: 12px;
}

.search-menu-filter-page span {
    float: left;
    margin-top: 20px;
    font-size: 14px;
    margin: 25px 10px 0px 20px;
    color: #000;
}

    .search-menu-filter-page span i {
        font-size: 16px;
        margin-right: 3px;
    }

.form-control-min, .form-control-max {
    width: 60px;
    margin: 12px 0px 0px 0px;
    padding: 5px 10px 5px 20px;
    font-size: 16px;
    border: 1px solid #d2d2d2;
    border-radius: 50px;
    color: #000;
    font-size: 16px;
    background: #fff;
    padding: 10px 5px 10px 30px;
}

.form-control-min {
    margin-right: 10px;
}

.search-menu-page i {
    position: absolute;
    left: 13px;
    top: 12px;
    z-index: 0;
    color: #999;
    font-size: 18px;
}

.search-menu-filter-page {
    float: left;
    margin-left: 10px;
}

.common-popup-bg, .common-popup-video {
    background-color: #000;
    display: none;
    height: 100%;
    opacity: 0.7;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: .70;
    -khtml-opacity: 0.6;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 111;
}

.common-popup-video {
    background-color: black;
    opacity: 0.9;
}

.topping-note-label {
    width: 100%;
    display: inline-block;
    margin-top: 3px;
    color: #777;
    padding: 10px 10px 0px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.total-topping {
    font-size: 16px;
    font-weight: bold;
    float: right;
    margin-top: 10px;
}

    .total-topping span {
        padding: 0px 10px
    }

.menu-order-topping-wrapper {
    display: none;
    padding: 12px 15px;
    width: 878px;
    z-index: 1000;
}

.a-motw-close-topping {
    float: right;
    text-decoration: underline;
    font-size: 14px;
}

.rest-menu-close-topping a {
    color: #fff;
    float: right;
    background: #0080ca;
    margin-top: 10px;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 3px;
}

.a-cew-extras-done {
    border-radius: 3px;
}

.orc-reg-a-action-cancel {
    color: #FF9001;
    float: left;
    padding: 9px 0 0 6px;
    text-decoration: underline;
}

.clr-head-gray {
    color: #000;
    float: none;
    font-size: 20px;
    display: inline-block;
    width: 94%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.motw-selected-topping {
    color: #ed0000;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 8px 10px;
}

.menu-order-topping-row {
    display: inline-block;
    float: left;
    padding: 0 0 5px;
    width: 100%;
}

.restaurant-status-login-popup, .restuarant-status-popup, .restuarant-workingHours-popup {
    display: none;
    padding: 14px 4px;
    top: 150px;
    width: 500px;
    z-index: 101;
}

.sr-map-popup {
    display: none;
    width: 92%;
    height: 82%;
    z-index: 101;
    position: fixed;
    top: 42px;
    left: 5%;
}

.restaurant-status-login-popup {
    width: 345px;
}

.restuarant-workingHours-popup {
    display: block;
    padding: 0 0 15px;
    width: 100%;
}

.motw-topping-search-box {
    background-color: #FFFFFF;
    border: 1px solid #BFBFBF;
    float: left;
    height: 27px;
    margin: 12px 0 0;
    padding: 0 7px 0 0;
    width: 586px;
}

.moty-seach-input {
    border: medium none;
    color: #000;
    float: left;
    height: 25px;
    padding: 0 5px;
    width: 93%;
}

.a-icow-topping-search {
    background-position: -1px -145px;
    float: left;
    height: 22px;
    margin: 4px 0 0 9px;
    width: 22px;
}

.moty-toppings-wrapper {
    border: 1px solid #d2d2d2;
    float: left;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

/* pop up topping item*/

.moty-t-item, .moty-t-iteminsertBox {
    border: 1px solid #BFBFBF;
    color: #2E2E2E;
    float: left;
    height: auto;
    margin: 0 14px 10px 0;
    width: 30%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    min-height: 40px;
    position: relative;
    font-size: 15px;
}

    .moty-t-item.moty-selected {
        background-color: #CFFE9C;
    }

.t-item-image-box {
    float: left;
    height: auto;
    text-align: left;
    width: 50%;
}

.t-item-name {
    float: left;
    height: 31px;
    margin: 0 0 2px;
    overflow: hidden;
    width: 78px;
}

.icon-t-item-single {
    float: left;
    height: 13px;
    margin: 2px 0 0;
    width: 13px;
}

.icon-t-item-double {
    float: left;
    height: 26px;
    margin: 2px 0 0;
    width: 13px;
}

.moty-t-item.moty-selected .icon-t-item-single {
    background-position: -163px -93px;
    margin-top: 5px;
    margin-left: 5px;
}

.t-item-price {
    float: left;
    height: 16px;
    text-align: right;
    width: 40%;
}

.a-t-item-added {
    background-position: -647px -155px;
    float: left;
    height: 14px;
    width: 14px;
}

.t-item-test {
    padding: 4px 3%;
    float: left;
    width: 94%;
}

/* insert bubix effect on topping add */

.moty-t-iteminsertBox {
    background-color: #000;
    display: none;
    float: none;
    height: 100%;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 100;
    top: 0px;
    padding: 0px;
}

    .moty-t-iteminsertBox a {
        color: #ffffff;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .moty-t-iteminsertBox .moty-tiia-remove {
        display: none;
    }

.a-moty-i-t-text {
    display: inline-block;
    font-size: 11px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    height: 15px;
    width: 65px;
}

    .a-moty-i-t-text:hover {
        background-position: -207px -152px;
    }

/* end pop up topping item*/

/*pop up topping check out*/

.moty-item-checkout-wrapper {
    display: inline-block;
    float: left;
    width: 99%;
}

.moty-icow-border-top, .moty-icow-border-bottom {
    width: 100%;
    float: left;
}

.moty-icow-border-top {
    background-position: -785px -298px;
    color: #FFFFFF;
    height: 29px;
}

.moty-icfow-top-h {
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 0 6px;
}

.moty-icow-border-bottom {
    background-position: -565px -303px;
    height: 11px;
}

.moty-icow-center-content {
    float: left;
    font-size: 14px;
    min-height: 30px;
    padding: 4px 0 0;
    width: 100%;
}

.motyicow-added-item-wraper {
    float: left;
    width: 100%;
}

.moty-icow-topping-data-box, .moty-icow-t-row {
    float: left;
}

.moty-icow-topping-data-box {
    padding: 0 0 0 2%;
    width: 600px;
}

.moty-icow-t-row {
    min-height: 12px;
    padding: 0 10px 4px 0;
}

.icowtr-name {
    display: inline-block;
    height: 15px;
    padding: 0 2px 0 0;
}

.icowtr-qty {
    display: inline-block;
    padding: 0 0 0 2px;
    text-align: right;
}

.icowtr-price {
    float: right;
    padding: 0 5px 0 0;
    text-align: right;
}

    .icowtr-price span {
        margin: 0px 0px 0px 15px;
    }

.icowtr-action {
    display: inline-block;
    width: 28px;
}

.icow-total-cost-box {
    float: right;
    font-size: 14px;
    padding: 0 4px;
    width: 181px;
}

.icow-tcb-name {
    float: left;
    width: 105px;
}

.icow-tcb-total-cost {
    float: right;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

/*end pop up topping check out*/

/*start menu order edit extras wrapper*/

.menu-order-edit-extras-wrapper {
    display: none;
    position: fixed;
    top: 120px;
    width: 473px;
    z-index: 101;
}

.moee-head-gray {
    color: #000;
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 6px;
}

.moee-selected-item {
    color: #ed0000;
    display: inline-block;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    padding: 0 0 6px 4px;
}

.moee-popup-group-msg-wrapper {
    float: left;
    width: 100%;
    padding: 6px 0;
}

.moee-popup-msg-orange-box {
    background-color: #FFEBB6;
    border: 1px solid #FFBA00;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    float: left;
    padding: 3px 6px;
    width: 434px;
}

.moee-popup-group-image {
    background-position: -85px -91px;
    float: left;
    height: 24px;
    margin-top: 2px;
    width: 30px;
}

.moee-popup-group-msg {
    float: left;
    font-size: 12px;
    padding: 0 0 0 8px;
    text-align: justify;
    width: 88%;
}

.moee-item-selection-wrapper {
    float: left;
    padding: 7px 0 0;
    width: 100%;
}

.moee-item-selection-text {
    color: #000;
    float: left;
    font-size: 14px;
    line-height: 21px;
}

.moee-item-selection {
    float: left;
    padding: 0 5px;
}

.moee-select-box {
    border: 1px solid #BBBBBB;
    padding: 2px;
    width: 48px;
}

.moee-wrapper {
    display: inline-block;
    width: 100%;
}
/*End menu order edit extras wrapper*/

.icow-action-wrapper {
    float: left;
    padding: 0;
    text-align: right;
}

.moty-item-topping-apply-a {
    color: #575757;
    float: left;
    font-size: 17px;
    padding: 0 0 0 3px;
    width: 65%;
}

    .moty-item-topping-apply-a span {
        float: left;
    }

.moty-item-topping-apply {
    display: inline-block;
    float: left;
    line-height: 28px;
}

.moty-item-topping-group {
    display: inline-block;
    float: left;
    line-height: 28px;
    padding: 0 0 0 6px;
}

.a-icow-topping-done {
    display: inline-block;
}

.a-icow-t-d-test {
    background-position: -662px -264px;
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 28px;
    padding: 5px 0 0 28px;
}

.a-icow-t-d-cap {
    background-position: -972px -264px;
    float: left;
    height: 30px;
    padding: 0 0 0 28px;
}

.edit-topping-cancel {
    color: #000;
    display: inline-block;
    padding: 8px 10px;
    text-decoration: underline;
    border: 1px solid #d2d2d2;
    text-decoration: none;
    border-radius: 3px;
}

    .edit-topping-cancel:hover {
        color: #fff;
        background: #000;
    }

.moty-t-item-i-action-gray, .moty-t-item-i-action-green, .moty-t-item-i-action-red {
    display: inline-block;
    margin: 0 9px 1px;
}

.a-moty-i-t-left {
    background-position: -3px -211px;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    padding: 0 0 0 18px;
    width: 40px;
}

.a-moty-i-t-right-cap {
    background-position: -94px -211px;
    float: left;
    height: 15px;
    padding: 0 0 0 18px;
}
/*------------------- end ---------------------*/

/*------------------- start---------------------
Order review and checkout page css classes
-----------------------------------------------*/

.orc-content-area,
.orc-checkout-content-area {
    background-color: White;
}

.order-review-checkout-wrapper,
.orc-border-top,
.orc-content-area,
.orc-border-bottom,
.orc-border-top-heading,
.orc-or-border-top,
.orc-or-content-total-area,
.orc-or-border-bottom,
.orc-checkout-top .orc-checkout-content-area,
.orc-checkout-special-requirement {
    float: left;
    width: 100%;
}

.orc-border-top {
    background-position: 0 0;
    height: 11px;
}

.orc-border-top-heading {
    background: #fff;
    color: #000;
}

.orc-h-h5 {
    font-size: 28px;
    width: 100%;
    font-weight: normal;
}

.orc-foll-opt {
    font-size: 16px;
    float: left;
    margin-bottom: 5px;
    color: #777;
}

.orc-content-area {
    color: #000;
    padding: 10px 2px 10px 11px;
    width: 987px;
}

.orc-left-content-wrap {
    float: left;
    width: 100%;
}

.orc-border-bottom {
    background-position: 0 -57px;
    height: 11px;
}

.orc-order-from-tagline {
    float: left;
    margin-bottom: 5px;
    width: 100%;
}

    .orc-order-from-tagline span {
        color: #000;
        font-size: 14px;
    }

        .orc-order-from-tagline span.restaurant-name {
            color: #4BA714;
            cursor: pointer;
            font-weight: bold;
            padding: 0 0 0 4px;
            text-decoration: underline;
        }

.orc-order-review-wrapper {
    padding: 8px 10px;
    width: 618px;
    overflow: visible;
}

.orc-or-border-top {
    background-position: -3px -71px;
    height: 11px;
}

.orc-or-border-top-heading {
    border-bottom: 1px solid #BBBBBB;
    font-size: 14px;
    height: 24px;
    padding: 10px 0px 15px;
    width: 570px;
    margin: 0 0 0 10px;
}

    .orc-or-border-top-heading span {
        float: left;
        font-weight: normal;
    }

    .orc-or-border-top-heading .h-number {
        width: 38px;
    }

    .orc-or-border-top-heading .h-itemname {
        width: 340px;
    }

    .orc-or-border-top-heading .h-quantity {
        width: 95px;
        text-align: center;
    }

    .orc-or-border-top-heading .h-cost {
        width: 60px;
        text-align: center;
    }

    .orc-or-border-top-heading .h-subtotal {
        width: 57px;
        text-align: center;
    }

.orc-or-content-area {
    padding: 0;
    width: 94%;
    margin: 0px auto;
}

.orc-or-data-item-wrapper {
    background-color: #FFFFFF;
    border-bottom: 1px solid #BBBBBB;
    float: left;
    padding: 6px 0;
    width: 95%;
}

    .orc-or-data-item-wrapper span {
        float: left;
    }

.icon-item-detail {
    cursor: pointer;
    height: 13px;
    width: 13px;
    margin-top: 6px;
}

.icon-expand {
    background-position: -517px -193px;
}

.icon-unexpand {
    background-position: -534px -193px;
}

.orc-or-data-item-wrapper .h-number {
    text-align: center;
    width: 26px;
}

.orc-or-data-item-wrapper .h-itemname {
    color: #0BC113;
    font-size: 14px;
    overflow: hidden;
    width: 315px;
}

    .orc-or-data-item-wrapper .h-itemname .variety {
        color: #000;
        padding-left: 6px;
        font-size: 11px;
        margin-top: 5px;
    }

.orc-or-data-item-wrapper .h-quantity {
    text-align: right;
    width: 65px;
}

.orc-or-data-item-wrapper .h-cost {
    text-align: right;
    width: 70px;
}

.orc-or-data-item-wrapper .h-subtotal {
    text-align: right;
    width: 85px;
}

.orc-or-data-item-wrapper .a-link-remove {
    margin-right: -30px;
}

.orc-or-customised-topping {
    font-weight: bold;
    margin-top: 10px;
    width: 315px;
}

.orc-or-data-item-wrapper .h-quantity,
.orc-or-data-item-wrapper .h-cost,
.orc-or-data-item-wrapper .h-subtotal,
.orc-or-data-item-wrapper .a-link-remove {
    margin-top: 5px;
    font-size: 14px;
}

.orc-or-data-item-detail {
    color: #000;
    float: left;
    padding: 4px 0 4px 0px;
    width: 50%;
}

.orc-or-data-item-detail-heading {
    color: #000;
    margin-bottom: 5px;
}

.orc-or-data-item-detail div {
    float: left;
    width: 100%;
}

.orc-or-data-item-detail-topping {
    padding-right: 5px;
}

.orc-or-data-item-detail-item {
    padding-left: 19px;
    width: 100%;
}

.orc-or-data-item-detail-quantity {
    text-align: right;
}

.orc-or-data-item-detail-price {
    text-align: right;
    width: 60px;
}

.orc-or-content-total-area {
}

.orc-or-total-left-area {
    float: left;
    width: 186px;
}

.link-orc-or-add-more {
    float: left;
    margin: 8px 8px 0px 10px;
    font-size: 14px;
    font-weight: bold;
}



    .link-orc-or-add-more .link-text {
        background-color: #000;
        color: #FFFFFF;
        float: left;
        padding: 5px 20px;
        font-weight: normal;
    }

    .link-orc-or-add-more .link-cap {
        background-color: #44a7d4;
        border-radius: 0px 10px 10px 0px;
        float: left;
        height: 30px;
        width: 22px;
    }

.orc-or-total-right-area {
    float: right;
    padding: 10px 1px 0;
    width: 314px;
    margin-right: 26px;
}

.orc-or-total-option-wrapper {
    float: left;
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 5px;
    width: 100%;
}

    .orc-or-total-option-wrapper .total-options {
        float: left;
        text-align: right;
        width: 167px;
    }

    .orc-or-total-option-wrapper .total-values {
        width: 110px;
        float: left;
        text-align: right;
    }

        .orc-or-total-option-wrapper .total-values input {
            border: 1px solid #BBBBBB;
            color: #000;
            height: 18px;
        }

    .orc-or-total-option-wrapper .verify {
        color: #4BA714;
        font-size: 11px;
        font-style: italic;
        line-height: 21px;
        padding-left: 7px;
        text-decoration: underline;
    }

    .orc-or-total-option-wrapper hr {
        background-color: #BBBBBB;
        border: 0 none;
        color: #BBBBBB;
        float: left;
        height: 1px;
        margin: 0 0 5px;
        width: 100%;
    }

.grand-total-options {
    width: 167px;
    font-size: 16px;
    font-weight: bold;
    float: left;
    text-align: right;
}

.grand-total-values {
    width: 110px;
    font-size: 16px;
    float: left;
    font-weight: bold;
    text-align: right;
}

.grand-total-values-14, .grand-total-options-14 {
    font-size: 14px;
    font-weight: lighter;
}

.orc-or-border-bottom {
    background-position: -3px -242px;
    height: 17px;
}

.orc-checkout-wrapper {
    float: right;
    width: 320px;
    color: #000;
    margin-right: 13px;
}

.orc-checkout-border-portion-wrap {
    float: left;
    border: 1px solid #d2d2d2;
    margin-bottom: 10px;
    width: 320px;
}

.orc-login-wrapper {
    float: right;
    width: 383px;
    color: #000;
}

.guest-orc-checkout-h-top, .orc-checkout-h-top {
    color: #000;
    font-size: 14px;
    line-height: 32px;
    padding-left: 12px;
}

.guest-orc-checkout-h-top {
    border-bottom: none;
}

.orc-checkout-content-area {
    padding: 0px 5px 0px 0px;
    width: 97%;
}

.common-border-bottom {
    border-bottom: 1px solid #d2d2d2;
}

.orc-checkout-option-wrapper {
    float: left;
    margin-top: 7px;
    width: 100%;
}

.orc-checkout-validate-msg {
    float: left;
    margin: 0 0 9px 15px;
    width: 95%;
}

.orc-checkout-option-wrapper span {
    padding-left: 2px;
}

.orc-checkout-radio-option {
    float: left;
    font-size: 14px;
    margin: 7px 0px 5px 15px;
    width: 95%;
}

.orc-ckeckout-pickup-addresses {
    padding: 0px 6px 2px;
    width: 302px;
}

/*eWallet Loader*/
.eWallet-loader {
    position: absolute;
    top: 240px;
    right: 35%;
    z-index: 100;
    height: 50px;
    width: 50px;
    z-index: -1;
}

    .eWallet-loader .sk-circle:before {
        background-color: #000 !important;
    }

.show-loader {
    z-index: 10;
}


.orc-ckeckout-addresses, .orc-ckeckout-addresses {
    float: right;
    margin: 0px 0 0px;
    padding: 0 0px 8px;
}

.orc-ckeckout-pickup-addresses .orc-checkout-address-label, .orc-ckeckout-pickup-addresses .orc- checkout-consumer-address {
    padding-left: 0px;
    margin-left: 15px;
}

.red-indicator-box {
    height: 10px;
    width: 7px;
    background: #d10101;
    float: left;
    margin: 2px 2px 0 0;
}

#address {
    display: none;
}

.orc-checkout-consumer-no-delivery-address-wrapper,
.orc-checkout-consumer-address-wrapper {
    padding: 4px 2px;
    width: 95%;
    margin: 5px 0px 5px 5px;
}

.orc-checkout-consumer-address-wrapper {
    background: #fff;
    border: 1px solid #d2d2d2;
}

.orc-checkout-consumer-no-delivery-address-wrapper {
    border: 1px solid #d10101;
    background: #ffe3e3;
}

.orc-format-address {
    display: inline-block;
    margin: 0 0 0 10px;
}

.orc-delivery-address {
    display: inline-block;
    margin: 0 0 5px 19px;
    font-size: 14px;
}

.orc-checkout-consumer-address-wrapper span {
    float: left;
}

.orc-checkout-address-label {
    color: #000;
    padding-left: 4px;
    font-size: 16px;
    font-weight: bold;
}

.a-orc-checkout-remove {
    color: #FF7C0C;
    font-size: 11px;
    font-style: italic;
    padding-left: 6px;
    text-decoration: underline;
}

.orc-checkout-consumer-address {
    float: left;
    font-size: 13px;
    padding: 5px 0 2px 0;
    width: 90%;
    margin-left: 15px;
    text-align: left;
}

.a-common-orc-checkout-addresses-btn-wrap {
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

.a-common-orc-checkout-addresses {
    background-color: #000;
    color: #d2d2d2;
    cursor: pointer;
    font-size: 14px;
    margin: 5px 0px 0px 0px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    clear: both;
}

.orc-checkout-new-address-form {
    float: left;
    padding: 0px 0px 7px;
    display: none;
}

.orc-checkout-adrs-field-wrapper {
    float: left;
    margin-bottom: 10px;
}

    .orc-checkout-adrs-field-wrapper span {
        color: #000;
        float: left;
        font-size: 14px;
        text-align: left;
    }

.sortby-dropdown-list {
    float: left;
    border: 1px solid #d2d2d2;
    background: #f2f2f2;
    border-radius: 0px 0px 10px 10px;
    padding: 5px 5px 5px 10px;
    margin: 3px 0px 0px 43px;
    position: absolute;
    width: 72px;
    color: #000;
    display: none;
}

.sr-sortby-dropdown:hover ul li {
    display: inline-block;
}

.orc-checkout-adrs-field-wrapper .required-asterick {
    color: Orange;
    font-size: 18px;
    text-align: left;
    width: 17px;
}

.req-asterick-thankyou {
    color: #000;
    font-size: 36px;
    font-weight: bold;
    line-height: 30px;
    margin: 0px 5px;
    height: 16px;
}

.req-asterick {
    color: #ff7603;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    margin-left: 5px;
    height: 17px;
}

.orc-checkout-adrs-field-wrapper input {
    border: 1px solid #BBBBBB;
    color: #000;
    float: left;
    height: 21px;
    margin: 4px 0px;
    padding: 2px 5px;
    width: 98%;
}

.btn-cancel {
    cursor: pointer;
    line-height: 30px;
    float: left;
    font-size: 16px;
}

    .btn-cancel:hover {
        text-decoration: underline;
    }


.orc-res-dtl-wrap {
    float: left;
    padding: 0px 0px 5px 0px;
    width: 577px;
}

.orc-list-dtl-wrap {
    float: left;
    background: #fff;
    border: 1px solid #d2d2d2;
    width: 617px;
}

.guest-orc-checkout-txtarea, .orc-checkout-txt-s-r {
    border: 1px solid #d2d2d2;
    color: #000;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 8px;
    max-width: 285px;
    width: 285px;
    overflow: auto;
    border-radius: 10px;
}

.guest-orc-checkout-txtarea {
    border-radius: 1px;
}


.complete-reg {
    font-size: 24px !important;
    padding: 15px 0px 15px 0px !important;
    text-align: center;
}

.thankyou-guest-tbl-main-main-wrap {
    width: 70%;
    margin: 20px auto 20px;
}

.margin-top-50 {
    margin-top: 0px;
}

.thankyou-guest-tbl-wrap {
    width: 100%;
    border: 1px solid #d2d2d2;
}

    .thankyou-guest-tbl-wrap tr th {
        font-size: 16px;
        font-weight: bold;
        padding: 10px 5px;
        border-bottom: 1px solid #D2D2D2;
        border-right: 1px solid #D2D2D2;
    }

    .thankyou-guest-tbl-wrap tr td:first-child {
        padding: 10px 3px 10px 15px;
        border-bottom: 1px solid #D2D2D2;
    }

    .thankyou-guest-tbl-wrap tr:nth-of-type(odd) td:first-child {
        background: #f2f2f2;
    }

    .thankyou-guest-tbl-wrap tr td {
        font-size: 14px;
        padding: 7px 3px;
        border: 1px solid #d2d2d2;
    }

        .thankyou-guest-tbl-wrap tr td:last-child {
            color: #0BC113;
            border-bottom: 1px solid #D2D2D2;
        }

.guest-thankyou-tbl-dtl-heading {
    color: #ed0000;
    float: left;
    font-size: 28px;
    width: 100%;
    margin: 5px 0px 10px;
}

.guest-thankyou-reg-btn {
    background: #0080ca;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 50px;
    font-size: 16px;
    float: none;
    margin: 10px auto;
    cursor: pointer;
    border-radius: 3px;
    width: 253px;
    display: block;
    clear: both;
}

.guest-registration-wrap {
    width: 383px;
    margin: 20px auto;
    float: none;
}

.guest-form-fields-main-wrap {
    float: left;
}

.guest-form-field-wrapper {
    float: left;
    width: 90%;
}

.guest-form-field-label {
    color: #000;
    float: left;
    font-size: 16px;
    text-align: left;
    width: 100%;
    margin: 0px 0px 10px 0px;
}

.guest-form-select-field, .guest-form-input-field {
    border: 1px solid #CCCCCC;
    color: #000;
    float: right;
    font-size: 16px;
    margin-left: 20px;
    padding-left: 5px;
    width: 90%;
    margin-bottom: 5px;
    height: 30px;
}

.guest-form-select-field {
    width: 92%;
    height: 34px;
}

.guest-edit-input-field {
    border: 1px solid #CCCCCC;
    color: #000;
    float: left;
    font-size: 16px;
    padding-left: 5px;
    width: 100%;
    height: 25px;
}

.guest-img-main-box {
    float: left;
    width: 100%;
}

.guest-img-wrapper {
    float: left;
    width: 100%;
}

.guest-user-field-wrap {
    float: left;
    width: 100%;
    margin: 5px 0px;
}

.guest-lbls {
    color: #000;
    float: left;
    font-size: 16px;
    text-align: left;
    padding: 3px 0px;
}

.guest-reg-btn-wrap {
    float: left;
    margin-left: 25px;
    margin-top: 30px;
}

.guest-account-create-btn {
    background-color: #0BC113;
    color: #FFFFFF;
    float: left;
    font-size: 24px;
    padding: 15px 0px;
    width: 100%;
    text-align: center;
    border-radius: 3px;
    font-weight: lighter;
}

    .guest-account-create-btn:hover {
        text-decoration: underline;
    }

.guest-account-cancel-btn {
    color: #ed0000;
    text-transform: capitalize;
    float: left;
    margin: 0 10px 10px 10px;
    padding: 10px 5px;
    text-align: center;
    font-size: 16px;
    width: 60px;
    cursor: pointer;
}

.guest-gndr-width {
    width: 15%;
    margin-right: 20px;
}


.guest-rw-number, .guest-rw-email {
    float: left;
    text-align: left;
    padding: 3px 0px;
    font-size: 16px;
}

.guest-dtl-lbls {
    font-size: 16px;
    width: 100%;
    float: left;
    display: block;
    margin: 0px 0px 10px 0px;
}

.guest-reg-dob-wrap {
    padding: 6px 0 0 0;
    width: 100%;
    margin-left: 20px;
}

.guest-reg-birth {
    width: 46%;
}

.guest-reg-combo {
    float: left;
    height: 35px;
    margin: 0 15px 5px 0;
    padding: 6px;
    width: 40%;
    font-size: 16px;
}

.guest-field-validate-lbl {
    color: #d10101;
    float: left;
    font-size: 14px;
}

.guest-registration-help-message-wrap {
    width: 279px;
    float: right;
    position: absolute;
    margin-top: 30px;
}

.guest-registration-help-message {
    background-color: #000;
    color: #F8F8F8;
    display: none;
    float: right;
    font-size: 13px;
    padding: 6px 6px 15px;
    width: 204px;
    margin: -2px -230px 0 0;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
    z-index: 101;
}

    .guest-registration-help-message:after {
        border-bottom: 15px solid transparent;
        border-right: 20px solid #000;
        border-top: 16px solid transparent;
        content: " ";
        height: 0;
        position: absolute;
        left: 280px;
        top: 3px;
        width: 0;
    }

.guest-field-custom-btn {
    background: #f2f2f2;
    padding: 2px 8px;
    color: #000;
    font-size: 10px;
    cursor: pointer;
    font-weight: normal;
    border: 1px solid #999;
    border-radius: 3px;
    margin-top: 7px;
    margin-right: 55px;
}

    .guest-field-custom-btn:hover {
        text-decoration: underline;
    }

.orc-checkout-part-payment-options {
    display: none;
    float: right;
    margin: 10px 0px;
    width: 100%;
}

.orc-checkout-p-p-o-row {
    float: right;
    margin-top: 5px;
    font-size: 13px;
    width: 100%;
}

    .orc-checkout-p-p-o-row hr {
        background-color: #BBBBBB;
        border: 0 none;
        color: #BBBBBB;
        height: 1px;
        margin: 9px 0;
        width: 259px;
    }

.orc-checkout-p-p-o-row-value,
.orc-checkout-p-p-o-row-option,
.orc-checkout-p-p-o-row-msg {
    float: left;
    font-size: 13px;
    text-align: right;
}

.orc-checkout-p-p-o-row-option {
    width: 260px;
}

.orc-checkout-p-p-o-row-value {
    width: 65px;
}

    .orc-checkout-p-p-o-row-value input {
        border: 1px solid #BBBBBB;
        color: #000;
        height: 17px;
        text-align: right;
        width: 40px;
    }

.orc-checkout-p-p-o-row-msg {
    float: left;
    padding-left: 12px;
    text-align: left;
    width: 165px;
}

.orc-checkout-border-bottom {
    float: right;
    height: 1px;
    margin: 0 0 8px;
    width: 464px;
}

.orc-checkout-btn-wrapper {
    float: right;
    font-size: 24px;
    padding: 20px 12px;
}

.orc-checkout-btn-text {
    color: #FFFFFF;
    background: url(../../lefttoright/images/new-checkout-basket.png) no-repeat 185px 8px;
    background-color: #0BC113;
    border-radius: 5px;
    float: left;
    padding: 8px 100px 8px 65px;
    margin-right: 25px;
}

.orc-checkout-disable-btn-text {
    background: url(../../lefttoright/images/new-checkout-basket.png) no-repeat 185px 8px;
    color: #FFFFFF;
    background-color: #d2d2d2;
    float: left;
    padding: 8px 100px 8px 65px;
    border-radius: 5px;
    margin-right: 25px;
}

.orc-ckeckout-not-delivered {
    color: red;
    float: left;
    font-size: 11px;
    padding: 3px 3px 0;
    width: 100%;
}

.orc-checkout-alert-box {
    display: inline-block;
    float: right;
    padding: 8px 0 0 7px;
    width: 90%;
    font-size: 14px;
    clear: right;
}

.orc-clb-checkbox {
    display: inline-block;
    float: left;
    margin: 1px 3px 0 0;
}

.orc-clb-msg {
    display: inline-block;
    float: left;
    width: 90%;
}

.orc-clb-note {
    display: inline-block;
    padding: 7px 0 0 0px;
    width: 100%;
}

.orc-clb-img {
    display: inline-block;
    float: left;
    padding: 0 3px 0 0;
}

.orc-checkout-alert-wrapper {
    display: inline-block;
    float: right;
    width: 99%;
}

.right-panel-reg-wrap {
    float: right;
    width: 383px;
}
/*------------ Registration popup -------------*/

.combo.takeawayAddress {
    margin: 5px 0;
}

    .combo.takeawayAddress div.list-wrapper span {
        color: #555555;
        font-weight: normal;
    }

    .combo.takeawayAddress div.list-wrapper {
        margin: 33px 0 0 0 !important;
        width: 278px !important;
        height: 122px !important;
    }

input[name=takeawayOptions__sexyCombo], input[name=dininOptions__sexyCombo] {
    width: 280px !important;
    font-size: 14px;
}

/* Combo box styling*/
/*wrapper of all elements*/
div.combo {
    position: relative;
    left: 0px;
    top: 0px;
}


/*text input*/
.combo input {
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    float: left;
    border: 1px solid #d2d2d2;
    width: 100%;
    font-size: 18px;
    color: #000;
    text-indent: 15px;
}



.acc-ps-value .combo input {
    height: 26px;
    width: 253px;
    font-size: 12px;
}

.acc-ps-value .combo div.icon {
    background-position: -530px -263px;
    height: 27px;
    margin-left: 227px;
    margin-top: 0;
    position: absolute;
    width: 32px;
}

.acc-ps-value .combo div.list-wrapper {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #000;
    float: left;
    font-size: 12px;
    margin-left: 0;
    margin-top: 28px;
    max-height: 172px;
    min-height: 100px;
    overflow: hidden;
    padding-left: 9px;
    position: absolute;
    width: 251px;
    z-index: 101;
}

.acc-ep-value .combo input {
    font-family: Arial;
    font-size: 12px;
    height: 26px;
    width: 60px;
}

.acc-ep-value .combo div.icon {
    background-position: -530px -263px;
    height: 27px;
    margin-left: 35px;
    margin-top: 0;
    position: absolute;
    width: 32px;
}

.acc-ep-value .combo div.list-wrapper {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #000;
    float: left;
    font-size: 12px;
    margin-left: 0px;
    margin-top: 27px;
    max-height: 172px;
    min-height: 100px;
    overflow-y: scroll;
    padding-left: 9px;
    position: absolute;
    width: 58px;
    z-index: 101;
}

.ep-gender {
    float: left;
    font-size: 12px;
    min-width: 60px;
}

    .ep-gender .combo input {
        font-family: Arial;
        font-size: 12px;
        height: 26px;
        width: 80px;
    }

    .ep-gender .combo div.icon {
        background-position: -530px -263px;
        height: 27px;
        margin-left: 55px;
        margin-top: 0;
        position: absolute;
        width: 32px;
    }

    .ep-gender .combo div.list-wrapper {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        color: #000;
        float: left;
        font-size: 12px;
        margin-left: 0px;
        margin-top: 27px;
        max-height: 172px;
        min-height: 50px;
        overflow-y: scroll;
        padding-left: 9px;
        position: absolute;
        width: 78px;
        z-index: 101;
    }

.ep-birthday-day {
    float: left;
    font-size: 12px;
    min-width: 60px;
    margin-left: 10px !important;
}

    .ep-birthday-day .combo input {
        font-family: Arial;
        font-size: 12px;
        height: 26px;
        width: 55px;
    }

    .ep-birthday-day .combo div.icon {
        background-position: -530px -263px;
        height: 27px;
        margin-left: 32px;
        margin-top: 0;
        position: absolute;
        width: 32px;
    }

    .ep-birthday-day .combo div.list-wrapper {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        color: #000;
        float: left;
        font-size: 12px;
        margin-left: 0px;
        margin-top: 27px;
        max-height: 172px;
        min-height: 50px;
        overflow-y: scroll;
        padding-left: 9px;
        position: absolute;
        width: 53px;
        z-index: 101;
    }

.ep-birthday-month {
    float: left;
    font-size: 12px;
    min-width: 60px;
}

    .ep-birthday-month .combo input {
        font-family: Arial;
        font-size: 12px;
        height: 26px;
        width: 100px;
    }

    .ep-birthday-month .combo div.icon {
        background-position: -530px -263px;
        height: 27px;
        margin-left: 76px;
        margin-top: 0;
        position: absolute;
        width: 32px;
    }

    .ep-birthday-month .combo div.list-wrapper {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        color: #000;
        float: left;
        font-size: 12px;
        margin-left: 0px;
        margin-top: 27px;
        max-height: 172px;
        min-height: 50px;
        overflow-y: scroll;
        padding-left: 9px;
        position: absolute;
        width: 98px;
        z-index: 101;
    }

.ep-birthday-year {
    float: left;
    font-size: 12px;
    min-width: 60px;
    margin-left: 10px !important;
}

    .ep-birthday-year .combo input {
        font-family: Arial;
        font-size: 12px;
        height: 26px;
        width: 62px;
    }

    .ep-birthday-year .combo div.icon {
        background-position: -530px -263px;
        height: 27px;
        margin-left: 38px;
        margin-top: 0;
        position: absolute;
        width: 32px;
    }

    .ep-birthday-year .combo div.list-wrapper {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        color: #000;
        float: left;
        font-size: 12px;
        margin-left: 0px;
        margin-top: 27px;
        max-height: 172px;
        min-height: 50px;
        overflow-y: scroll;
        padding-left: 9px;
        position: absolute;
        width: 60px;
        z-index: 101;
    }

.acc-edit-profile-wrapper {
    float: left;
    padding: 10px 0 0;
    text-align: center;
}

.ep-checkbox-wrapper {
    float: left;
    line-height: 22px;
    min-width: 150px;
    padding: 3px 15px 3px 0;
}

.acc-ps-input-file {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    opacity: 0;
    z-index: 2;
}

div.fileinputs {
    position: relative;
}

div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

input.file {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    opacity: 0;
    z-index: 2;
}

/*list wrapper*/
.combo div.list-wrapper {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #000;
    float: left;
    font-size: 16px;
    margin-top: 50px;
    max-height: 172px;
    min-height: 100px;
    overflow: hidden;
    padding-left: 0px;
    position: absolute;
    width: 100%;
    z-index: 101;
    text-indent: 15px;
}

/*"drop-up" list wrapper*/
.combo div.list-wrapper-up {
}

/*dropdown list*/
.combo ul {
}

/*dropdown list item*/
.combo li {
    cursor: pointer;
    height: 20px;
    margin-left: -10px;
    margin-top: 4px;
    padding-left: 7px;
    text-align: left;
}

    .combo li.active {
        background-color: #EEEEEE;
    }

.combo .visible {
    display: block;
}

.combo .invisible {
    display: none;
}

/*used when emptyText config opt is set. Applied to text input*/
.combo input.empty {
}

/*- Registration popup End  -*/


/*------------------- end ---------------------*/



/*------------------- Start FileUpload Control Css ---------------------*/
.ui-file-wrapper {
    border: 1px solid #AFAFAF;
    position: relative;
}

.ui-file {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    text-align: right;
}

.ui-file-fake-input {
    margin: 0 0 0 8px;
    width: 169px;
}

.ui-file-fake-button {
    display: inline-block;
    margin: 0;
    padding: 5px;
    width: 80px;
    vertical-align: middle;
    font-size: 12px;
}

#light {
    float: left;
    width: 310px;
}

/*------------------- end ---------------------*/

/*thank you page new css starts here*/
.thank-you-page-success-main-wrap {
    width: 450px;
    margin: 0px auto;
}

.thank-you-page-success-wrap {
    width: 100%;
    display: block;
    margin: 60px auto 0px auto;
    text-align: center;
}

.thank-icon-border {
    display: inline-block;
    border: 2px solid #e5e5e5;
    border-radius: 100px;
    padding: 5px 5px 1px 5px;
}

.thank-success-icon {
    background: url("/images/success-icon.png") no-repeat;
    background-color: #17cc0e;
    padding: 50px;
    border-radius: 100px;
    background-position: 20px 26px;
    display: inline-block;
    box-sizing: content-box;
}

.thanks-page-congrats-text {
    color: #000;
    float: left;
    font-size: 28px;
    padding: 15px 0 0 0;
    width: 100%;
    text-align: center;
    margin: 0px 0px 10px 0px;
}

.thanks-ecash-link-text {
    float: left;
    font-size: 18px;
    padding-top: 3px;
    color: #000;
    width: 100%;
    margin: 10px 0px 10px 0px;
    text-align: center;
}

.thank-you-page-order-ewallet {
    width: 320px;
    display: block;
    text-align: center;
    margin: 0px auto 0px auto;
    padding-bottom: 10px;
    float: none;
}

.thank-page-status-btn, .thank-page-ewallet-btn {
    background-color: #f2f2f2;
    padding: 10px 0px;
    width: 45%;
    font-size: 18px;
    text-align: center;
    color: #000;
    box-shadow: 0px 0px 5px 2px #d2d2d2;
    float: left;
}

    .thank-page-status-btn:hover, .thank-page-ewallet-btn:hover {
        background: #ed0000;
        color: #fff;
    }

.thank-page-ewallet-btn {
    margin: 0px 0px 0px 20px;
}
/*thank you page new css ends here*/
/*------------------- start---------------------
Thank you page css classes
-----------------------------------------------*/
.thanks-page-border-top,
.thanks-page-congrats-img,
.action-rt-place-order-text,
.action-rt-place-order-cap,
.cpw-points-img,
.sw-facebook-share,
.sw-google-share {
    background: url("../../lefttoright/images/bg-checkout-fixed-group.png") no-repeat scroll 0 0 transparent;
}

.thanks-page-wrapper,
.thans-page-content-wrapper,
.thanks-page-congrats-txt,
.reset-password-content-wrapper {
    width: 100%;
    float: left;
}

.transaction-failed-warp {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 50px;
}

    .transaction-failed-warp i {
        font-size: 100px;
        color: #ed0000;
        display: block;
    }

.transaction-failed-text {
    font-size: 28px;
    padding: 15px 10px 0 10px;
    max-width: 450px;
    width: 100%;
    text-align: center;
    margin: 0px 0px 10px 0px;
    display: inline-block;
    box-sizing: border-box;
}

.try-btn {
    padding: 5px 10px;
    color: #000;
    border: 1px solid transparent;
    background-color: transparent;
    background-image: none;
    border-color: #000;
    font-size: 14px;
    border-radius: 3px;
    display: inline-block;
}

    .try-btn:hover {
        color: #fff;
        background: #000;
    }

.customer-pend-wraper {
}

.reset-password-inner-wrap {
    width: 350px;
    margin: 0px auto;
}

.thans-page-content-left {
    color: #000;
    margin: 0px auto;
    width: 100%;
}

.thanks-page-heading-section {
    width: 100%;
    display: block;
    text-align: center;
    margin: 10px auto 0px auto;
}

.thanks-page-order-txt, .thanks-page-congrats-txt {
    color: #000;
    float: left;
    font-size: 28px;
    letter-spacing: 1px;
    padding: 15px 0 0 0;
    width: 100%;
    text-align: center;
}


.reg-thanks-pop-deals-heading {
    display: inline-block;
    font-size: 16px;
    padding: 20px 0px 8px;
    letter-spacing: 1px;
    width: 100%;
    text-align: center;
}

#dlDeals tr td {
    width: 33.33%;
}

.reg-thanks-pop-deals-main-wrap {
    width: 100%;
    margin: 0px auto;
}

.reg-specific-pop-deal-wrap {
    width: 90%;
    padding: 0px;
    height: 375px;
    float: none;
    margin: 10px auto 20px auto;
    display: block;
    overflow: hidden;
    min-height: 394px;
}

.big-width-wrapper {
    width: 1300px !important;
    max-width: 1300px !important;
}

    .big-width-wrapper .thanks-page-wrapper, .big-width-wrapper .thans-page-content-wrapper {
        width: 100% !important;
    }

.reg-specific-pop-deal-wrap img {
    height: 180px;
    width: 100%;
}

.reg-specific-pop-deal-dtl-section {
    float: left;
    background: #fff;
    width: 92.5%;
    height: 215px;
    margin-top: -3px;
    padding: 10px 15px 10px 15px;
    background: #fafaf8;
    min-height: 200px;
}

.reg-pop-deal-heading {
    font-size: 18px;
    padding: 0px;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    text-transform: capitalize;
    cursor: pointer;
    font-weight: bold;
}

.reg-pop-deal-dtl {
    padding: 0px;
    float: left;
    width: 100%;
    font-size: 14px;
    color: #777;
    font-weight: normal;
}

.reg-deals-dtl {
    float: right;
    width: 100%;
    margin-top: 15px;
}

.reg-deals-dtl-label {
    font-weight: 700;
    color: #000;
    margin-top: 4px;
    display: inline-block;
    font-size: 18px;
}

.reg-getdeals-btn {
    background-color: #ed0000;
    border-radius: 5px;
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    padding: 6px 12px;
    text-align: center;
}

.reg-deals-serving {
    color: #818181;
    font-size: 14px;
    margin: 5px 0 0 0;
    width: 100%;
    text-align: left;
}

.reg-deals-rest-section {
    width: 100%;
    float: left;
    margin-top: 10px;
}

    .reg-deals-rest-section img {
        border: 1px solid #d2d2d2;
        float: left;
    }

.reg-deals-rest-name {
    font-size: 14px;
    color: #000;
    margin-top: 22px;
    margin-left: 5px;
}

.thanks-page-points-txt {
    float: left;
    font-size: 18px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    text-align: center;
}

.thanks-page-why-not-choice-wrap, .thanks-ecash-link, .thanks-first-order-lbl {
    float: left;
    font-size: 28px;
    padding-top: 3px;
    color: #000;
    text-align: center;
    width: 100%;
    letter-spacing: 1px;
}

.thanks-page-point-uses-heading {
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 36px 0 0 140px;
    width: 75%;
}

.thanks-page-point-uses-txt {
    float: left;
    font-size: 14px;
    padding: 15px 0 0 183px;
}

.thans-page-content-right {
    display: inline-block;
    float: right;
    padding: 2px 0 0;
    width: 28%;
}

.thanks-page-congrats-img {
    background-position: 9px -306px;
    float: right;
    height: 311px;
    padding: 2px 0 0;
    width: 90%;
}

.thanks-page-border-bottom {
    background-position: 0 -57px;
    height: 11px;
}

.tpw-box-wrapper {
    color: #000;
    display: inline-block;
    float: left;
    padding: 5px 0px 5px 0px;
    width: 58%;
    border: 1px solid #D2D2D2;
    border-radius: 10px;
    margin: 5px 0px 0px 50px;
}

.content-point-wrapper {
    display: inline-block;
    float: left;
    padding: 0 20px;
    width: 20%;
}

.cpw-points-img {
    background-position: -241px -358px;
    display: inline-block;
    float: left;
    height: 99px;
    width: 115px;
}

.cpw-points {
    color: #CA2227;
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    padding: 0 0 0 35px;
}

.cpw-points-sub {
    display: inline-block;
    font-size: 14px;
    padding: 0;
}

.content-share-box {
    display: inline-block;
    float: left;
    text-align: center;
    width: 62%;
}

.csb-subheading {
    display: inline-block;
    font-size: 20px;
    width: 100%;
}

.csb-social-wrapper, .csb-social-google-wrapper {
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 15px 0 0;
    padding: 0 0 0 108px;
    width: 63px;
}

.csb-social-google-wrapper {
    padding: 0 0 0 16px;
}

.sw-facebook-share {
    background-position: -368px -354px;
    display: inline-block;
    float: left;
    height: 44px;
    margin: 0 0 0 3px;
    width: 48px;
}

.sw-share-text {
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 0 0;
}

.sw-google-share {
    background-position: -368px -403px;
    height: 45px;
    width: 50px;
    display: inline-block;
    float: left;
}

.thanks-page-note {
    font-size: 16px;
    width: 100%;
    letter-spacing: 1px;
    text-align: center;
    min-height: 60px;
    float: left;
    margin: 0px auto 20px;
}

.share-wrapper {
    display: inline-block;
    float: left;
    padding: 40px 0 0 80px;
    width: 596px;
}

.content-share-box {
    display: inline-block;
    float: left;
    padding: 10px 0;
    text-align: center;
    width: 73%;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.csb-subheading {
    display: inline-block;
    font-size: 20px;
    width: 90%;
    padding: 0 0 20px 0;
}

.csb-social-wrapper, .csb-social-google-wrapper {
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 15px 0 0;
    padding: 0 0 0 155px;
    width: 63px;
}

.csb-social-wrapper-fb {
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0 0 0 100px;
    width: 63px;
}

.csb-social-google-wrapper {
    padding: 0 0 0 16px;
}
/*------------------- end ---------------------*/

/*------------------- start---------------------
Registration page css classes
-----------------------------------------------*/



.registration-wrapper,
.registration-content-wrapper {
    float: left;
    width: 100%;
}

.registration-header-top {
    background: #0BC113;
    padding: 10px 0px;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
}

    .registration-header-top h5.orc-h-h5 {
        color: #FFFFFF;
        font-size: 16px;
        padding: 0 0 0 10px;
        width: 90%;
    }

.registration-content-wrapper {
    background-color: #fff;
    color: #000;
    float: left;
    text-align: center;
}

.registration-content-wrapper {
    width: 100%;
    margin: 10px auto;
    float: none;
}

.verification-content-wrap {
    padding: 100px 0px;
    min-height: 170px;
}

.vr-edit-wrap {
    height: 50px;
    border-radius: 3px;
    float: left;
    border: 1px solid #d2d2d2;
    width: 100%;
    font-size: 18px;
    color: #000;
}

    .vr-edit-wrap span {
        float: left;
        margin: 3% 0px 3% 16px;
    }

.verification-content-wrap-stp-1 {
    float: left;
}

.vr-edit-icon, .save-edit-icon {
    position: absolute;
    z-index: 100;
    right: 14px;
    top: 33%;
    cursor: pointer;
    font-size: 12px;
    color: #000;
}

    .vr-edit-icon:hover, .save-edit-icon:hover {
        text-decoration: underline;
    }

.vr-edit-icon {
    right: 14px;
    top: 33%;
}

.points-sucess-msg {
    display: inline-block;
    text-align: left;
    margin: 5px 0 0 5px;
}

.registration-form-wrapper {
    width: 100%;
    float: left;
    padding: 10px 4%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.forgot-pass-wrap {
    padding: 10px 0%;
    width: 352px;
    margin: 0px auto;
    float: none;
}

div#dvRegistration {
    max-width: 600px;
    width: 100%;
    margin: 0px auto;
    float: none;
}

.registration-form-inner-wrap {
    width: 100%;
    float: left;
    padding: 10px 16px;
}

.sup-login-heading-wrapper {
    float: left;
    font-size: 20px;
    color: #000;
    margin-bottom: 15px;
    text-align: left;
    width: 352px;
    margin: 0px 20px 0px 0px;
}

.registration-content-wrapper .sup-login-heading-wrapper {
    width: 330px;
    margin: 60px 0px 0px 0px;
}

.registration-content-wrapper .registration-login-password-wrap {
    width: 330px;
    margin: 55px 0px 0px 0px;
}

.registration-login-password-wrap {
    width: 352px;
    float: left;
    margin: 8px 0px 0px 0px;
}

.registration-content-wrapper .login-with-email-label {
    font-size: 28px !important;
    margin: 0px 0px 20px 0px;
}

.rbc-form-field-wrapper {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    position: relative;
}

.rbc-login-heading-wrapper {
    float: left;
    padding: 8px 0 15px 0;
    width: 100%;
}

.rbc-reg-form-required-msg {
    float: left;
    font-size: 30px;
    text-align: left;
    width: 100%;
}

.rbc-form-field-wrapper .message {
    background-color: #555555;
    color: #F8F8F8;
    display: none;
    float: left;
    font-size: 13px;
    padding: 6px 6px 13px;
    position: absolute;
    width: 204px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.registration-help-message-wrap, .registration-help-message-wrap-temp {
    width: 279px;
    float: right;
    position: absolute;
    margin-top: 30px;
}

.registration-help-message-wrap-temp {
    width: 445px;
}

.registration-help-message {
    background-color: #000;
    color: #F8F8F8;
    display: none;
    float: right;
    font-size: 13px;
    padding: 6px 6px 15px;
    width: 204px;
    margin: -2px 0 0 0;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
    z-index: 101;
}

    .registration-help-message:after {
        border-bottom: 10px solid transparent;
        border-left: 16px solid #000;
        border-top: 10px solid transparent;
        content: " ";
        height: 0;
        position: absolute;
        right: -5%;
        top: 6px;
        width: 0;
    }

.registration-help-message-wrap-temp .registration-help-message:after {
    right: -3%;
}

.rbc-form-field-wrapper .message-arrow {
    display: none;
}

.error, .rbc-form-field-wrapper .error, .verification-code-input-wrapper .error, .checkout-res- input-wrap .error {
    border: 1px solid #ed0000 !important;
}

.rbc-form-field-wrapper .success, .verification-code-input-wrapper .success {
    background-color: #EBFEDE;
}

.rbc-terms-conditions-wrapper,
.rbc-pass-stregth-wrapper {
    float: left;
    width: 100%;
    margin-left: -5px;
}

.rbc-form-field-wrapper input[type="checkbox"] {
    margin-left: 6px;
    float: left;
    margin-top: 4px;
}

.rbc-reg-form-i-accept {
    color: #000;
    font-size: 14px;
    padding: 0px 5px;
    text-align: left;
    float: left;
}

.rbc-not-accept-error {
    color: #ed0000;
    display: none;
    float: left;
    padding-top: 10px;
    text-align: left;
    width: 100%;
    margin-bottom: 5px;
    margin-left: 20px;
    font-size: 14px;
}

.verification-field-label {
    color: #000;
    float: left;
    font-size: 16px;
    margin-left: 15px;
    min-height: 15px;
    text-align: left;
    width: 100%;
    margin: 10px 0px 10px 0px;
}

.verification-not-received-btn {
    background: #0080ca;
    padding: 5px 20px;
    color: #fff;
    border-radius: 3px;
    margin: 5px 0px 5px 75px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

.rbc-form-field-label-guest {
    color: #000;
    float: left;
    font-size: 14px;
    line-height: 2;
    margin-left: 20px;
    min-height: 15px;
    text-align: left;
    width: 94%;
}

.rbc-spn-or {
    color: #000;
    float: left;
    font-size: 16px;
    line-height: 2;
    margin-left: 0px;
    min-height: 15px;
    text-align: center;
    width: 100%;
    margin: 15px 0px 0px 0px;
}

.rbc-form-field-label-guest {
    color: #000;
    margin-left: 0px;
    width: 94%;
}

.rbc-spn-or:before, .rbc-spn-or:after {
    margin: 0px 0 0 20px;
    position: relative;
    color: #d2d2d2;
    top: -7px;
    content: "____________________";
    color: #d2d2d2;
}

.rbc-spn-or::before {
    right: 17px;
}

/* Checkout Or Span */

.chkout-spn-or {
    color: #000;
    float: left;
    font-size: 16px;
    line-height: 1;
    min-height: 15px;
    text-align: center;
    width: 100%;
    margin: 10px 0px 10px 0px;
}

    .chkout-spn-or:before, .chkout-spn-or:after {
        content: "____________________";
        margin: -6px 20px 0 18px;
        position: absolute;
        color: #d2d2d2;
    }

    .chkout-spn-or::before {
        margin: -6px 0px 0px -157px;
    }

.so-lo-or-vr {
    color: #000;
    float: left;
    font-size: 16px;
    line-height: 1;
    min-height: 15px;
    width: 40px;
    margin: 130px 10px 10px 0px;
    transform: rotate(270deg);
}

    .so-lo-or-vr:before, .so-lo-or-vr:after {
        content: "_____________";
        margin: -6px 20px 0 18px;
        position: absolute;
        color: #d2d2d2;
    }

.chkout-spn-or::before {
    margin: -6px 0px 0px -115px;
}

.chkout-payment-opt-wrap {
    float: left;
    text-align: left;
    margin-bottom: 10px;
    width: 320px;
}

.chkout-order-type-wrap {
    margin-bottom: 10px;
    position: relative;
    width: 86%;
    margin-top: 20px;
    margin-right: 24px;
}

/* Checkout Or Span */

/*order recipt login page css starts here*/
#orderReceiptLogin .sup-login-heading-wrapper {
    width: 100%;
}

#orderReceiptLogin .log-or-wrap {
    display: none;
}

#orderReceiptLogin .rbc-spn-or {
    display: block;
}

#orderReceiptLogin .registration-login-password-wrap {
    width: 100%;
}

#orderReceiptLogin .checkout-show-change {
    text-align: center;
}
/*order recipt login page css ends here*/

.rbc-form-field-label {
    font-size: 16px;
    width: 100%;
    float: left;
    display: block;
    margin: 0px 0px 10px 0px;
    text-align: left;
}

/* Combo box setting css classes*/
.check-combo {
    margin: 29px 0 0 220px !important;
}

.rbc-form-field-wrapper .combo div.list-wrapper {
    margin-left: 292px;
}

.rbc-form-field-wrapper .combo input {
    height: 38px;
    width: 97px;
}

.rbc-form-field-wrapper .combo.custom-1 input {
    height: 30px;
    width: 84% !important;
    margin-left: 18px;
}

.rbc-form-field-wrapper .combo.custom-2 input {
    height: 28px;
    width: 290px !important;
}

.rbc-form-field-wrapper .combo.custom-2 .icon {
    background-position: -534px -223px;
    height: 25px;
    margin-left: 487px;
}

.rbc-form-field-wrapper .combo.custom-1 .list-wrapper.visible {
    float: left;
    margin: 67px 0 0 18px;
    overflow-y: scroll !important;
    text-align: left;
    width: 83%;
}

.rbc-form-field-wrapper .combo.custom-2 .list-wrapper.visible {
    width: 288px;
    overflow-y: scroll !important;
}

.rbc-form-check-email-wrapper {
    float: left;
    margin-left: 0px;
    width: 100%;
    text-align: left;
}

.slides_control a {
    cursor: auto;
}

.prev, .next {
    background: url("../../lefttoright/images/slider-arrow.png") no-repeat scroll 0 0 transparent;
    display: none !important;
}

.prev {
    background-position: -4px -3px;
    display: inline-block;
    float: left;
    height: 42px;
    left: 480px;
    position: relative;
    top: -53px;
    width: 43px;
}

.next {
    background-position: -55px -3px;
    display: inline-block;
    float: left;
    height: 42px;
    left: 487px;
    position: relative;
    top: -53px;
    width: 43px;
}
/* ------ End ------ */

.rbc-form-input-field-mobile {
    border: 1px solid #CCCCCC;
    color: #000;
    float: left;
    font-size: 16px;
    height: 30px;
    margin-right: 0px;
    margin-bottom: 5px;
    width: 240px;
    padding-left: 5px;
}

.spn-lbl-error {
    color: #d10101;
    padding-left: 3px;
    text-align: left;
    float: left;
    margin-left: 25px;
}

.rbc-form-input-field-guest, .rbc-form-input-field {
    border: 1px solid #CCCCCC;
    color: #000;
    float: left;
    font-size: 13px;
    margin-left: 20px;
    padding-left: 5px;
    width: 84%;
    margin-bottom: 5px;
    height: 28px;
    font-family: open sans;
}

.rbc-form-input-field-guest {
    margin-left: 0px;
    width: 98%;
}

.rbc-passwrd-strength,
.rbc-passwrd-strength-red,
.rbc-passwrd-strength-orange,
.rbc-passwrd-strength-blue,
.rbc-passwrd-strength-green {
    border: 1px solid #BBBBBB;
    color: #000;
    float: left;
    font-size: 16px;
    font-style: italic;
    height: 25px;
    line-height: 24px;
    margin: 4px 0 0 0;
    text-align: center;
    width: 100%;
}

.rbc-passwrd-strength-red {
    background-color: #FBC5C5;
    border: 1px solid #EB5439;
}

.rbc-passwrd-strength-orange {
    background-color: #FFE9AD;
    border: 1px solid #FF8A00;
}

.rbc-passwrd-strength-blue {
    background-color: #B2D8F6;
    border: 1px solid #2575BE;
}

.rbc-passwrd-strength-green {
    background-color: #D1FBA0;
    border: 1px solid #298202;
}

.rbc-reg-form-create-btn {
    float: left;
    width: 100%;
}

.resend-verification-wrapper {
    width: 100%;
    margin: 0px auto 0px auto;
    float: left;
}

.action-verification-code-resend {
    color: #FF7603;
    cursor: pointer;
    float: left;
    font-size: 15px;
    font-style: italic;
    line-height: 29px;
    margin-left: 25px;
    text-align: left;
    width: auto;
}

    .action-verification-code-resend:hover {
        text-decoration: underline;
    }

.action-verification-code-resend-sms {
    color: #FF9001;
    cursor: pointer;
    float: left;
    padding: 5px 3px 5px 0;
    text-align: center;
    width: 89%;
}

    .action-verification-code-resend-sms:hover {
        text-decoration: underline;
    }

.action-verification-mobile {
    color: #ff7603;
    font-size: 15px;
    font-style: italic;
    line-height: 30px;
    padding-left: 5px;
    cursor: pointer;
}

.verification-input-lebel {
    float: left;
    font-size: 16px;
    line-height: 32px;
    margin-left: 25px;
    min-height: 15px;
    text-align: left;
    width: 80%;
}

.verication-email {
    float: left;
    font-size: 18px;
    line-height: 28px;
    margin: 0 25px;
    min-width: 80%;
    text-align: left;
}

.verication-input-area {
    float: left;
    font-size: 18px;
    line-height: 29px;
    margin-left: 25px;
    min-width: 140px;
    text-align: left;
    width: 82%;
}

.verification-m-new-code-w {
    float: left;
    margin-left: 25px;
    text-align: left;
    width: 80%;
}

.verification-m-new-code-attempt {
    float: left;
    font-size: 14px;
    width: 100%;
}

.verification-code-input {
    border: 1px solid #CCCCCC;
    color: #000;
    font-size: 18px;
    height: 27px;
    padding: 3px;
    width: 250px;
}

.verification-code-input-mob {
    margin-left: 0px;
    width: 215px;
    float: left;
}

.action-verification-verify {
    cursor: pointer;
    float: left;
}

.verification-code-input-wrapper {
    display: inline-block;
    padding: 5px 0;
    width: 100%;
}

/*------------------- end ---------------------*/

/*------------------- start---------------------
My Account - Common css classes
-----------------------------------------------*/


.icon-acc-rupees,
.acc-combo-box-wrapper .combo div.icon,
.acc-rupee-combobox-wrapper .combo div.icon,
.action-acc-top-green .action-acc-top-green-cap,
.icon-aclp-link-profile-setting,
.acc-wallet-image,
.acc-points-image,
.acc-oh-data-item-wrapper .icon-expand,
.acc-oh-data-item-wrapper .icon-unexpand,
.acc-oh-rating-star-gray,
.acc-oh-rating-star-orange,
.action-acc-oh-rating-save-text,
.action-acc-oh-rating-save-cap,
.acc-oh-reorder-text,
.acc-oh-reorder-text-cap,
.acc-oh-points-bg-img {
    background: url("../../lefttoright/images/bg-my-account-fixed-group.png") no-repeat scroll 0 0 transparent;
}

.acc-wallet-amount-wrapper,
.acc-wallet-options-field-wrapper {
    float: left;
}

/* My account common left panel */
.account-common-left-panel-wrapper {
    display: block;
    overflow: hidden;
}

.aclp-header-top {
    padding: 13px 8px;
}

    .aclp-header-top h5.aclp-h-h5 {
        font-size: 16px;
        padding: 0 0 0 0px;
    }

.aclp-content-wrapper {
    min-height: 80px;
    padding: 0 0 0 1px;
}

    .aclp-content-wrapper ul {
        display: inline-block;
        width: 100%;
    }

        .aclp-content-wrapper ul li {
            display: inline-block;
            width: 100%;
            min-height: 44px;
        }
.aclp-header-top{
    display:none;
}
.aclp-content-wrapper ul li hr {
    border: 0 none;
    color: #D2D2D2;
    height: 1px;
    margin: 0 6px;
}

            .aclp-content-wrapper ul li a {
                color: #000;
                display: inline-block;
                padding: 12px 20px 12px 0px;
                width: 100%;
                transition: 0.3s ease-in all;
            }

                .aclp-content-wrapper ul li a:hover,
                .aclp-content-wrapper ul li a.lnk-selected {
                    color: rgb(72, 72, 72);
                    background: rgb(242, 242, 242);
                }

                .aclp-content-wrapper ul li a.lnk-selected {
                    font-weight: bold;
                    border-left: 3px solid #ed0000;
                }

                .aclp-content-wrapper ul li a i {
                    float: right;
                    margin: 4px 0px 0px 0px;
                }

                    .aclp-content-wrapper ul li a i.side-bar-icons {
                        float: left;
                        margin: 3px 0px 0px 10px;
                        font-size: 16px;
                        color: #000;
                    }

                    .aclp-content-wrapper ul li a i.arrow-down {
                        transform: rotate(90deg);
                    }

.aclp-link-text {
    padding-left: 15px;
    font-size: 14px;
}

.icon-aclp-link-profile-setting {
    float: left;
    height: 16px;
    width: 18px;
}

.icon-aclp-link-profile-setting {
    background-position: -97px -203px;
}

/* -- End -- */

/* My account Common content area classes */
.account-common-content-area-wrapper {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    height: 100%;
    padding: 0px 1%;
    position: relative;
    padding-left: 21%;
}

.acc-header-top {
    color: #000;
    float: left;
    width: 100%;
}

    .acc-header-top h5.aclp-h-h5 {
        font-size: 28px;
        padding: 10px 0 15px 8px;
        float: left;
        width: 100%;
    }

.acc-content-wrapper {
    border-top: none !important;
    color: #000;
    float: left;
    min-height: 108px;
    padding: 0 1px 10px;
    text-align: center;
    width: 100%;
}

    .acc-content-wrapper hr {
        background-color: #BBBBBB;
        border: medium none;
        color: #BBBBBB;
        display: inline-block;
        height: 1px;
        margin: 40px 28px 10px 0;
        padding: 0;
        width: 100%;
    }

.action-acc-top-green,
.action-acc-top-green-disable {
    display: inline-block;
    font-size: 18px;
    padding-top: 4px;
}

a:hover.action-acc-top-green-disable {
    cursor: default;
}

.action-acc-top-green-text {
    border-radius: 6px;
    cursor: pointer;
    float: left;
    padding: 5px 10px;
}

.action-acc-top-green-disable .action-acc-top-green-text:hover {
    cursor: text;
}

.action-acc-top-green .action-acc-top-green-text {
    background-color: #0BC113;
    color: #FFFFFF;
}

.action-acc-top-green .action-acc-top-green-cap {
    background-position: -539px -113px;
}

.action-acc-top-green-disable .action-acc-top-green-text {
    background-color: #ed0000;
    color: #f2f2f2;
    font-size: 14px;
}

.action-acc-top-green-disable .action-acc-top-green-cap {
    background-position: -336px -302px;
}

.acc-sub-h-gray {
    float: left;
    font-size: 14px;
    font-weight: 300;
    padding: 4px 0 4px 10px;
    text-align: center;
}

.acc-wallet-sub-h-green {
    border-top: 1px solid #d2d2d2;
    color: #000;
    float: left;
    font-size: 18px;
    padding: 20px 0px 0px 0px;
    text-align: left;
    width: 100%;
}

.invite-frnds-a {
    font-size: 14px;
    font-weight: 300;
    border-top: none;
    border-radius: 3px;
    background-color: #000;
    color: #fff;
    padding: 5px 10px;
}

.invite-frnds-span {
    float: right;
    margin: 20px 10px 0px 0px;
}

.invite-frds-btns {
    margin-right: 30px;
}

.summary-ecash-dtl-amount-wrap {
    text-align: center;
}

.summary-ecash-dtl-amount {
    font-weight: 300;
}

.acc-points-amount {
    display: inline-block;
    font-size: 41px;
    font-weight: bold;
}

.summary-cons-dtl {
    padding: 5px 12px;
    font-size: 12px;
}

.customer-comments-img {
    float: left;
    max-width: 30px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 2px solid #d2d2d2;
}

.acc-common-img-frame {
    float: left;
    height: 140px;
    margin: 0px 10px 0 0;
    width: 145px;
}

.acc-upload-img-frame {
    float: none;
    width: 145px;
    display: block;
    margin: 0 auto;
}

.acc-amount-combo-field-wrapper {
    display: inline-block;
    padding-top: 5px;
}

.points-converted-popup-wrapper {
    float: left;
    color: #000;
    width: 100%;
}

.pcpuw-row {
    float: left;
    padding: 0 0 10px;
    width: 100%;
}

.pcpuw-label {
    float: left;
    padding: 0 4px 0 0;
    text-align: right;
    width: 55%;
    font-weight: normal;
}

.pcpuw-value {
    float: right;
    width: 15%;
}

.pcpuw-action-wrapper {
    float: left;
    padding: 0 0 0 85px;
}

.pcpuw-action-cancel {
    color: #000;
    float: left;
    font-weight: normal;
    padding: 6px 0 0 7px;
}

/* Combo box setting css classes*/
.acc-rupee-combobox-wrapper {
    display: inline-block;
    text-align: left;
    width: 80px;
}

    .acc-rupee-combobox-wrapper .combo div.icon {
        background-position: -64px -179px;
        height: 24px;
        margin-left: 57px;
        margin-top: 2px;
        width: 20px;
    }

    .acc-rupee-combobox-wrapper .combo div.list-wrapper {
        margin-left: 0;
        margin-top: 27px;
        width: 68px;
    }

    .acc-rupee-combobox-wrapper .combo input {
        height: 26px;
        width: 70px;
    }

.acc-combo-box-wrapper {
    float: left;
    padding: 0 20px 0 0;
    width: 120px;
}

    .acc-combo-box-wrapper select {
        padding: 5px;
    }

.acc-combo-box-show-wrapper {
    float: left;
}

.acc-combo-box-wrapper .combo div.icon {
    background-position: -64px -179px;
    height: 24px;
    margin-left: 112px;
    margin-top: 2px;
    width: 20px;
}

.acc-combo-box-wrapper .combo div.list-wrapper {
    margin-left: 0;
    margin-top: 27px;
    width: 123px;
}

.acc-combo-box-wrapper .combo input {
    height: 26px;
    width: 125px;
}
/* ------ End ------ */

.acc-wallet-history-date-selection {
    float: right;
    text-align: left;
    margin-top: 31px;
}

.acc-wallet-history-date-label {
    float: left;
    font-size: 15px;
    padding: 5px 10px 0 4px;
    text-align: right;
}

.acc-history-grid-wrapper {
    float: none;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    margin: 5px auto 0 auto;
}

.acc-history-grid-heading-top {
    border: 1px solid #D2D2D2;
    height: auto;
    padding: 0px;
    text-align: left;
    float: left;
    width: 100%;
    padding: 10px;
}

    .acc-history-grid-heading-top span {
        color: #000;
        font-size: 14px;
    }

.acc-date,
.acc-description,
.acc-debit,
.acc-credit,
.acc-balance,
.acc-points,
.acc-amount {
    float: left;
    padding: 1px 0 0 0;
    font-size: 14px;
}

.acc-date {
    width: 20%;
}

.acc-description {
    width: 40%;
}

    .acc-description a {
        color: #000;
    }

.acc-debit {
    text-align: right;
    width: 10%;
}

.acc-credit {
    text-align: right;
    width: 10%;
}

.acc-balance {
    text-align: right;
    width: 20%;
}

.acc-points {
    text-align: right;
    width: 70px;
}

.acc-amount {
    text-align: right;
    width: 70px;
}

.both {
    width: 242px;
    word-wrap: break-word;
}

.conversion {
    width: 295px;
    word-wrap: break-word;
}

.acc-history-grid-field-wrapper {
    float: left;
    padding: 13px 10px 13px 10px;
    text-align: left;
    width: 100%;
}

.acc-history-grid-content-wrapper {
    border: 1px solid #D2D2D2;
    font-weight: normal;
    border-top: 0px;
    float: left;
    width: 100%;
    position: relative;
    min-height: 100px;
    background: #fff;
}

/*------------------- end ---------------------*/

/*------------------- start---------------------
My Account - Wallet css classes
-----------------------------------------------*/

.acc-wallet-image {
    background: url("../../lefttoright/images/e-wallet.png") no-repeat scroll 0 0 transparent;
    background-size: 100% 100%;
    float: left;
    height: 98px;
    margin: 16px 0 0 19px;
    width: 108px;
}

.acc-amount-combo-text {
    font-size: 14px;
    float: left;
    padding: 6px;
}

.acc-wallet-topup-selectbox {
    border: 1px solid #BBBBBB;
    color: #000;
    height: 26px;
    padding: 2px;
    width: 60px;
}

.acc-wallet-options-field-wrapper {
    font-size: 15px;
    padding-top: 10px;
}

.acc-wallet-option-label {
    float: left;
    line-height: 29px;
    text-align: right;
    width: 200px;
}

.acc-wallet-option {
    color: #0BC113;
    float: left;
    line-height: 28px;
    text-align: center;
    width: 146px;
}

    .acc-wallet-option span {
        color: #000;
    }

.acc-wallet-input-field {
    border: 1px solid #BBBBBB;
    height: 22px;
    width: 100px;
    color: #000;
    font-size: 14px;
}

.acc-wallet-option-action {
    color: #FFFFFF;
    font-size: 15px;
    line-height: 26px;
}

.acc-wallet-option-action-text {
    background-color: #000;
    float: left;
    height: 27px;
    padding: 0 20px;
}

.acc-wallet-option-action-cap {
    background-position: -543px -156px;
    float: left;
    height: 30px;
    width: 20px;
}

.acc-wallet-info-wrapper {
    display: block;
    overflow: hidden;
}

.acc-wallet-amount-wrapper {
    text-align: left;
    clear: both;
}

.your-bal-wrap {
    float: left;
}

.icon-acc-currency {
    float: left;
    font-size: 21px;
    font-weight: 300;
    padding-left: 8px;
    line-height: 35px;
}

.acc-wallet-amount {
    float: left;
    font-size: 34px;
    font-weight: bold;
    padding-left: 4px;
    line-height: 28px;
}

.acc-common-combo-box, .acc-common-combo-box-green {
    color: #000;
    float: left;
    font-family: arial;
    margin: 0 0 0px;
    padding: 3px 3px 3px 0;
    width: 98.5%;
}

.acc-common-combo-box-green {
    border: 1px solid #4CA714;
    font-weight: bold;
}

.acc-common-combo-box {
    border: 1px solid #D2D2D2;
}
/*------------------- end ---------------------*/

/*------------------- start---------------------
My Account - points css classes
-----------------------------------------------*/

.acc-points-image {
    background-position: -432px -188px;
    float: left;
    height: 107px;
    margin: 11px 16px;
    width: 117px;
}

.acc-points-history-criteria-wrapper {
    float: right;
    padding-right: 10px;
}

.acc-points-balance-rupees {
    font-size: 20px;
    font-weight: bold;
    padding-left: 5px;
    position: relative;
    top: -4px;
}

.acc-points-reward-txt {
    float: left;
    width: 100%;
}

.acc-points-equality-currency {
    display: list-item;
    list-style: none;
    padding: 10px 0 6px;
}

/*------------------- end ---------------------*/

/*------------------- start---------------------
My Account - Order History css classes
-----------------------------------------------*/

.acc-order-history-order-wrapper {
    border-top: 1px solid #d2d2d2;
    float: left;
    padding-bottom: 5px;
    width: 798px;
}

.first-order {
    border: none;
}

.acc-oh-restaurant-logo-area {
    float: left;
    padding: 10px 10px 5px;
}

.acc-oh-restaurant-logo-wrapper img {
    float: left;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 1px solid #d2d2d2;
}

.acc-oh-order-data-wrapper {
    float: left;
    padding-top: 10px;
    text-align: left;
    width: 500px;
}

.acc-oh-restaurant-name {
    color: #000;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

    .acc-oh-restaurant-name:hover {
        text-decoration: underline;
    }

.acc-oh-rating-review-wrapper {
    float: left;
    padding-bottom: 3px;
    width: 100%;
}

.dvRatingReview-30-review-label {
    float: left;
    font-size: 12px;
    text-align: right;
    font-weight: normal;
}

.acc-common-label {
    display: inline-block;
    text-align: right;
    float: left;
    font-weight: normal;
    color: #666;
}

#lblTypeAddress {
    float: right;
    width: 389px;
}

.dvRatingReview-30-review-title {
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 0 2px;
    width: 78%;
}

.dvRatingReview-30-review-comment {
    font-style: italic;
    font-weight: normal;
    padding: 0px;
}

.action-acc-oh-rate-this {
    color: #ff7603;
    cursor: pointer;
    font-size: 13px;
    padding-left: 5px;
}

    .action-acc-oh-rate-this:hover {
        text-decoration: underline;
    }

.acc-oh-rate-review-detail-wrapper {
    display: none;
    float: left;
    padding-top: 8px;
    width: 100%;
}

.acc-oh-rate-area-wrapper {
    float: left;
    width: 200px;
}

.acc-oh-review-area-wrapper {
    float: left;
    width: 300px;
}

.acc-oh-rating-heading {
    color: #4CA714;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 6px;
    width: 100%;
}

.acc-oh-rating-input-wrapper {
    float: left;
    padding: 3.2px 0;
    width: 100%;
}

.acc-oh-rating-lebel {
    float: left;
    font-size: 12px;
    padding: 0 6px 0 0;
    text-align: right;
    width: 50px;
}

.acc-oh-rating-star-gray {
    background-position: -96px -248px;
    float: left;
    height: 17px;
    width: 20px;
}

.acc-oh-rating-star-orange {
    background-position: -120px -248px;
    float: left;
    height: 17px;
    width: 20px;
}

.acc-oh-rating-info {
    float: left;
    font-size: 11px;
    padding: 12px 0 0;
    width: 100%;
}

.acc-oh-review-area-txtarea {
    float: right;
    width: 286px;
}

.acc-oh-review-area-txtfield {
    float: right;
    width: 286px;
}

.acc-oh-review-textarea {
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #BBBBBB;
    color: #000;
    font-family: arial;
    font-size: 12px;
    line-height: 17px;
    min-height: 65px;
    padding: 2px 7px;
    min-width: 260px;
    max-width: 260px;
    width: 260px;
}

.acc-oh-review-input-text {
    border: 1px solid #BBBBBB;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #000;
    font-family: arial;
    font-size: 12px;
    margin: 0 0 7px;
    padding: 4px 7px;
    width: 260px;
}

.acc-oh-order-reference-section {
    float: left;
    padding-bottom: 8px;
    width: 100%;
}

.acc-oh-order-reference span:hover {
    text-decoration: underline;
}

.acc-oh-order-review-section {
    float: left;
    padding-bottom: 8px;
    width: 100%;
}

.acc-oh-order-reference, .acc-oh-order-reference-date {
    color: #FF8A00;
    font-weight: bold;
    height: 27px;
}

.acc-oh-order-reference {
    cursor: pointer;
}

.acc-oh-order-label-common {
    color: #ff7603;
    display: inline-block;
    font-weight: normal;
    padding-left: 5px;
    text-align: left;
    text-decoration: none;
    float: left;
}

.acc-oh-order-label {
    color: #000;
    display: inline-block;
    font-weight: normal;
    padding-left: 5px;
    text-align: left;
    text-decoration: none;
    width: 375px;
    float: left;
}

.acc-oh-order-label-view {
    color: #ff7603;
    font-weight: normal;
    padding-left: 10px;
    text-decoration: none;
    padding: 0px 15px 0px 8px;
    display: inline-block;
    float: left;
}

.acc-oh-order-details-wrapper {
    border: 1px solid #BBBBBB;
    display: none;
    float: left;
    width: 100%;
}

.acc-oh-order-reference-wrap {
    float: left;
    height: 25px;
    line-height: 26px;
    padding: 0 6px 5px 0;
}

.acc-order-details-top-heading {
    border-bottom: 1px solid #BBBBBB;
    float: left;
    padding: 5px 0 5px 0;
    width: 100%;
    margin: 0px 0px 15px 0px;
}

    .acc-order-details-top-heading .h-cost {
        margin: 0px 10px 0px 10px;
    }

.acc-oh-order-date-section {
    float: left;
    padding-bottom: 8px;
    width: 100%;
}

.acc-oh-date-reference {
    color: #FF8A00;
    padding-left: 10px;
    cursor: pointer;
    font-weight: bold;
}

.acc-oh-rating-Message, .acc-oh-rating-Message-failed {
    color: #57BF0D;
    float: left;
    padding: 5px 0 0 107px;
}

.acc-oh-rating-Message-failed {
    color: red;
    padding: 4px 0 0;
    width: 310px;
}

q:before {
    content: '\201C';
    font-size: 16px;
    font-weight: bold;
}

q:after {
    content: '\201D';
    font-size: 16px;
    font-weight: bold;
}

.rr-rb-title q:before {
    display: inline;
    content: '\2018';
}

.rr-rb-title q:after {
    display: inline;
    content: '\2019';
}

.acc-order-details-top-heading .h-subtotal {
    text-align: center;
    width: 67px;
}

.acc-order-details-top-heading .order-margin {
    margin: 6px 50px 5px 0px !important;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.icon-acc-order-item-detail {
    cursor: pointer;
    height: 13px;
    width: 13px;
}

.acc-oh-data-item-wrapper {
    float: left;
    padding: 8px 0;
    width: 100%;
}



.noc-data-item-detail-extra {
    float: left;
    padding-left: 19px;
    width: 266px;
}

span.h-number {
    float: left;
    width: 10%;
    text-align: center;
    color: #000;
}

span.h-itemname {
    float: left;
    width: 45%;
    color: #0BC113;
}

span.h-quantity {
    float: left;
    width: 10%;
    text-align: center;
    color: #000;
}

span.h-cost {
    float: left;
    width: 10%;
    font-weight: bold;
    text-align: center;
    color: #000;
}

span.h-subtotal {
    float: left;
    width: 15%;
    text-align: right;
    color: #000;
}

.acc-oh-data-item-wrapper .h-subtotal {
    text-align: right;
    width: 70px;
}

.acc-oh-data-item-wrapper .a-link-remove {
    color: Orange;
    float: left;
    font-size: 10px;
    padding-left: 12px;
    text-decoration: underline;
}

.acc-oh-data-item-wrapper .icon-expand {
    background-position: -97px -228px;
}

.acc-oh-data-item-wrapper .icon-unexpand {
    background-position: -117px -228px;
}

.acc-oh-data-item-detail {
    color: #808080;
    float: left;
    padding: 4px 0 4px 53px;
    width: 88%;
    display: none;
}

.acc-oh-data-item-detail-heading {
    color: #000;
    width: 100%;
}

.acc-oh-data-item-detail div {
    float: left;
    width: 100%;
}

.acc-oh-data-item-detail-topping {
    padding-left: 19px;
    width: 237px;
}

.acc-oh-data-item-detail-item {
    padding-left: 19px;
    width: 100%;
}

.acc-oh-data-item-detail-quantity {
    text-align: right;
    width: 36px;
}

.acc-oh-data-item-detail-price {
    text-align: right;
    width: 82px;
}

.acc-oh-points-amount-wrapper {
    float: right;
    padding-top: 8px;
    text-align: center;
    width: 160px;
}

.acc-oh-spended-amount {
    color: #000;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    padding: 0 0 3px 0;
    width: 100%;
}

.acc-oh-points-tag {
    display: inline-block;
    font-size: 14px;
    padding: 8px 0 5px;
    width: 100%;
}

.acc-oh-points-amount {
    color: #FAFFF2;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding: 28px 0 0;
    width: 100%;
}

.acc-oh-rating-actions-wrapper {
    float: left;
    margin: 0 0 10px 0;
    padding: 12px 0 0 202px;
    width: 60%;
}

.acc-oh-ErrorMessage {
    clear: both;
    margin: 10px 15px;
}

.action-acc-oh-rating-save {
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    line-height: 25px;
    background-color: #4ead12;
    border-radius: 5px;
    margin-right: 5px;
    text-align: center;
    padding: 0px 10px;
}

.a-close-review {
    color: #fff;
    cursor: pointer;
    float: left;
    padding: 0px 10px;
    background-color: #ed0000;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    line-height: 25px;
}

.action-acc-oh-rating-save-text {
    float: left;
    background: none;
}

.action-acc-oh-rating-save-cap {
    float: left;
    background: none;
}

.acc-oh-reorder-wrapper {
    cursor: pointer;
    display: inline-block;
    padding-top: 6px;
}

.acc-oh-reorder-text {
    background-position: -204px -156px;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    height: 27px;
    letter-spacing: 0.5px;
    line-height: 25px;
    padding-left: 16px;
}

.acc-oh-reorder-text-cap {
    background-position: -548px -156px;
    float: left;
    height: 27px;
    width: 15px;
}

.acc-oh-water-holding {
    display: inline-block;
}

.acc-oh-label-water {
    font-style: italic;
    margin: 5px 0 0 7px;
    position: absolute;
}

.acc-oh-points-bg-img {
    background-position: -220px -200px;
    display: inline-block;
    float: left;
    height: 76px;
    margin: 0 0 0 36px;
    width: 89px;
}

.acc-oh-points-pts {
    color: #d10101;
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0 -17px;
    padding: 53px 0 0;
}

/*order histroy status new css starts here*/

.status-order-history-wrapper {
    float: none;
    width: 500px;
    margin: 0px auto 0px auto;
    display: inline-block;
    border-bottom: 1px solid #d2d2d2;
}

.history-order-confirm {
    font-size: 28px;
    font-weight: bold;
    display: inline-block;
    margin: 10px 0px 0px 0px;
    text-align: center;
    text-transform: uppercase;
}

.your-order-status-wrap {
    float: left;
    width: 100%;
    text-align: left;
}

.order-status-label {
    float: left;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    margin: 0px 0px 5px 0px;
}

.your-order-status-details-wrap {
    float: left;
    width: 100%;
    border: 1px solid #d2d2d2;
}

.your-order-status-cashback-wrap {
    float: left;
    width: 94%;
    background: #fbe550;
    padding: 1% 3%;
}

.your-status-order-cashback-wrap {
    width: 100%;
}

.your-order-status-item-details-wrap {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
}

.your-order-status-item {
    float: left;
    width: 94%;
    padding: 2% 3%;
}

.your-order-status-item-inner-wrp-name {
    width: 80%;
}

.order-status-item-name {
    float: left;
    width: 80%;
}

.order-status-item-total {
    border: 1px solid #d2d2d2;
    padding: 0px 8px;
    margin: 0px 10px 0px 0px;
    float: left;
}

.order-status-item-charges-wrap {
    float: left;
    background: #f2f2f2;
    width: 100%;
    padding: 0px 0px 20px 0px;
}

.order-status-item-deliver-charges-total-wrap {
    float: right;
    width: 250px;
    padding: 10px 3% 0px 0px;
}

.order-status-item-price {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px;
}

.order-status-total-payable-wrap {
    font-size: 22px;
    float: left;
    border-top: 1px solid #d2d2d2;
    width: 100%;
    padding: 4px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
    font-weight: bold;
}

.order-status-pay-rs-name {
    width: 120px;
    margin: 0px 5px 0px 0px;
    text-align: right;
    float: left;
    color: #000;
}

.order-status-total-pay-rs {
    width: 120px;
    text-align: right;
    float: right;
    color: #000;
}

.order-status-deliver-address {
    float: left;
    padding: 20px 0px 0px 3%;
}

.sand-pending-clock {
    width: 100px;
    margin: 5px 0px 0px 0px;
}
/*order histroy status new css Ends here*/

/*order Accepted page starts here*/
.order-accepted-wrap {
    width: 700px;
    margin: 20px auto;
    display: inline-block;
}

.order-accepted-table-wrap {
    width: 100%;
    float: left;
    text-align: left;
}

    .order-accepted-table-wrap th {
        background-color: #f2f2f2;
    }

    .order-accepted-table-wrap > thead > tr > th, .order-accepted-table-wrap > tbody > tr > th,
    .order-accepted-table-wrap > tfoot > tr > th, .order-accepted-table-wrap > thead > tr > td,
    .order-accepted-table-wrap > tbody > tr > td, .order-accepted-table-wrap > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .order-accepted-table-wrap tr:nth-of-type(odd) {
        background-color: #fff;
    }

    .order-accepted-table-wrap tr:nth-of-type(even) {
        background-color: #f2f2f2;
    }

    .order-accepted-table-wrap td:nth-child(1) {
        width: 5%;
    }

    .order-accepted-table-wrap td:nth-child(2) {
        width: 10%;
    }

    .order-accepted-table-wrap td:nth-child(3) {
        width: 25%;
    }

    .order-accepted-table-wrap td:nth-child(4) {
        width: 10%;
    }

    .order-accepted-table-wrap td:nth-child(5) {
        width: 10%;
    }

    .order-accepted-table-wrap td:nth-child(6) {
        width: 10%;
    }

    .order-accepted-table-wrap td:nth-child(7) {
        width: 10%;
    }

    .order-accepted-table-wrap td:nth-child(8) {
        width: 30%;
    }

.order-accepted-table-wrap {
    border: 1px solid #d2d2d2;
}

    .order-accepted-table-wraptr, .order-accepted-table-wrap tr {
        border-bottom: 1px solid #ddd;
    }

.order-accepted-view-order-btn {
    background-color: #0BC113;
    color: #FFFFFF;
    padding: 3px 5px;
    float: left;
    border-radius: 3px;
    margin: -3px 0px 0px 0px;
}
/*order Accepted page ends here*/

/*Order accepted popup starts here*/

.order-accepted-detail-popup-wrap {
    width: 600px;
    animation: fade-menu-addres 1s ease 1 forwards;
    background: #fff;
    -moz-background-origin: border;
    background-origin: border-box;
    z-index: 101;
    font-weight: normal;
    padding: 20px 10px 25px 10px;
    width: 500px;
    overflow-y: auto;
    max-height: 350px;
    position: absolute;
    display: none;
    top: 50%;
}
/*Order accepted popup ends here*/

/*------------------- end ---------------------*/
.form-control:focus, .header-res-search-field:focus {
    background-color: #fff !important;
}

/*my order css starts here*/
.order-type-dropdown {
    display: table;
    width: 250px;
    margin-bottom: 15px;
    font-size: 16px;
}

    .order-type-dropdown .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857;
        color: #555555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }

    .order-type-dropdown span, .order-type-dropdown div {
        display: table-cell;
        vertical-align: middle;
    }

.my-order-section-wrap {
  
}

.my-order-section-inner-wrap {
    background: #fff;
    display: table;
    width: 100%;
}

.my-order-wrap {
    border-bottom: 1px solid #d2d2d2;
    padding: 20px;
    display: table;
    width: 100%;
}

.my-order-link-wrap {
    padding: 5px
}

    .my-order-link-wrap:hover {
        background: #f2f2f2;
        cursor: pointer;
    }

.my-order-wrap:last-child {
    border-bottom: none;
}

.my-order-id-name-wrap {
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
}

.my-order-id-label {
    font-size: 22px;
    font-weight: bold;
    color: #000;
    margin-right: 5px;
    cursor:pointer;
}
.label-to{ font-size:14px;}
.my-restaurant-label {
    color: #0080ca;
    font-size: 15px;
    cursor:pointer;
    text-decoration:underline;
}
.my-order-new-row {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.left-row, .right-row {
    flex: 1;
    display: flex;
}

.my-order-row {
    display: flex;
    width: 100%;
}

.my-order-left {
    flex: 1;
}

.my-order-right {
    flex: 1;
}

.my-order-label {
    font-size: 13px;
    color: #777;
}

.my-order-label-sub {
    color: #000;
    font-size: 15px;
    margin-top: 2px;
    padding-right: 10px;
}

.my-order-type {
    padding: 2px 8px;
    font-size: 14px;
    border-radius: 3px;
    display: inline-block;
}

.review-order-row {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 18px;
}

.review-star-rating {
    font-size: 10px;
    margin-left: 0px;
}

.review-click-wrap {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0px;
}

.review-star-rating .rating-container .empty-stars {
    color: #000 !important;
}

.review-order-rating {
    display: flex;
    width: 100%;
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    flex-direction: column;
    margin-bottom: 15px;
}

.reviewed-style {
    background: #f7fdab;
    padding: 15px;
    color: #000;
    margin-top: 5px;
    display: inline-block;
    font: normal normal normal 14px/1 Font Awesome\ 5 Free;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    font-style: italic;
    text-align: initial;
    line-height: 22px;
    border-radius: 6px;
    max-width: 600px;
}

    .reviewed-style::before {
        font-weight: bold;
        font-size: 15px;
        vertical-align: middle;
        content: "\f10d";
        color: #e6ad00;
        position: absolute;
        float: left;
        top: 7px;
    }

    .reviewed-style:after {
        font-weight: bold;
        font-size: 15px;
        content: "\f10e";
        color: #e6ad00;
        float: right;
        position: absolute;
        bottom: 9px;
        right: 10px;
    }

    .reviewed-style span {
        width: 100%;
        padding: 0px 30px;
        display: inline-block;
        font-family: arial;
    }

.review-star-label {
    margin-right: 20px;
}

.new {
    background: #0080ca !important;
    color: #fff !important;
}

.kitchen {
    background: #fd3 !important;
    color: #000 !important;
    text-shadow: none;
}

.ready {
    background: #4CAF50 !important;
    color: #fff !important;
}

.delivered {
    background: #00a65a !important;
    color: #fff !important;
}

.cancelled {
    background: #ed0000 !important;
    color: #fff !important;
}

/*my order css ends here*/


/*------------------- start---------------------
My Account - Profile Setting css classes
-----------------------------------------------*/

.acc-ps-info-wrapper {
    float: left;
    padding: 0px 0 7px;
    text-align: left;
    width: 79%;
    font-size: 14px;
}

.acc-ps-info-width {
    width: 100%;
}

.acc-pv-info-wrapper {
    float: left;
    text-align: left;
    width: 96%;
    margin: 3px 0;
}

.acc-ep-info-wrapper {
    float: left;
    padding: 0 0 20px 26px;
    text-align: left;
    width: 100%;
}

.acc-action-edit-address {
    display: none;
    float: left;
    padding: 0 0 7px 0px;
    text-align: left;
    width: 96%;
}

.acc-profile-name {
    color: #000;
    float: left;
    font-size: 26px;
    font-weight: bold;
    padding: 10px 0 0 9px;
    width: 95%;
}

.acc-profile-setting-btns {
    float: left;
    padding: 6px 0px 0 0;
    width: 284px;
    min-height: 20px;
    position: relative;
    clear: both;
}

.acc-profile-setting-btns-btm {
    display: inline-block;
    padding: 6px 0px 0 0;
    min-height: 20px;
    position: relative;
}

.acc-profile-setting {
    display: inline-block;
    margin: 10px 0px 0 0;
    width: 100%;
    min-height: 20px;
    position: relative;
    display: flex;
    align-items: center;
   
}
#divResetPassword .acc-profile-setting {
    max-width: 280px;
}

#divInfo .acc-profile-setting span + span {
    font-weight: bold;
    color: #000;
}

.acc-profile-setting span.icons-span {
    position: absolute;
    width: 36px;
    left: 1px;
    top: 1px;
    background-color: #f2f2f2;
    height: 36px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .acc-profile-setting span.icons-span i {
        line-height: 29px;
        color: #777;
    }


.action-ep-new-address-wrapper {
    display: inline-block;
    float: right;
    height: 28px;
}

.acc-ps-new-address {
    float: left;
    display: none;
    padding: 0px 0 10px;
}

.acc-ps-name {
    float: left;
    line-height: 15px;
    min-width: 105px;
    padding: 0 0px 0 10px;
    text-align: left;
    width: 105px;
}

.d-adress-icon {
    color: #ed0000;
    font-size: 12px;
}

.acc-ps-address-value {
    float: left;
    line-height: 15px;
    min-width: 355px;
    text-align: left;
    width: 335px;
}

.aclp-edit {
    color: #000;
    font-size: 13px;
    font-weight: normal;
    padding: 0px;
    float: right;
    border-radius: 3px;
    padding: 5px 10px;
    background-color: #000;
    color: #fff;
}

    .aclp-edit i {
        font-size: 18px;
    }

.acc-profile-common {
    float: left;
    line-height: 17px;
    min-width: 125px;
    padding: 2px 18px 0;
    text-align: left;
    width: 200px;
    font-size: 14px;
    color: #777;
}

.acc-ps-change-password {
    display: none;
    float: left;
    padding: 5px 0 0;
}

.acc-ps-heading {
    float: left;
    font-weight: 600;
    height: 30px;
    padding: 0 0 0 6px;
    width: 100%;
}

.acc-ps-action-done {
    float: left;
    font-weight: bold;
    height: 30px;
    margin: 15px 0 0 0;
    padding: 0 0 0 6px;
    width: 99%;
}

.acc-ps-action-wrapper {
    float: left;
    font-weight: bold;
    padding: 0 0 0 6px;
    width: 99%;
    margin-bottom: 15px;
}

.acc-ps-text {
    color: #000;
    float: left;
    font-size: 18px;
    padding: 0px 0 5px 5px;
}

.acc-ps-action-done {
    color: #4CA714;
    float: left;
    font-size: 16px;
    padding: 0px 0 5px 5px;
}

.acc-ps-value {
    float: left;
    font-size: 12px;
    min-width: 60px;
    width: 270px;
}

.acc-ps-value-food-type {
    float: left;
    font-size: 12px;
    min-width: 60px;
    width: 500px;
}

.acc-profile-setting-food {
    min-width: 23px;
}

.acc-profile-email {
    float: left;
    font-size: 14px;
    padding: 3px 0 0 10px;
    width: 100%;
}

.acc-profile-mobile-wrapper {
    float: left;
    padding: 7px 0 0;
    width: 100%;
}

.acc-profile-mobile-number {
    float: left;
    font-size: 16px;
    padding: 0 0 0 10px;
}

.action-acc-profile-edit {
    color: #000;
    float: right;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border: 1px solid #000;
    cursor: pointer;
}

.action-profile-edit {
    color: #FF7603;
    float: left;
    font-size: 11px;
    padding: 0px 0 0 15px;
    text-decoration: underline;
    cursor: pointer;
}

.action-profile-delete {
    color: #777;
    float: right;
    font-size: 11px;
    padding: 0px 5px 0 5px;
    cursor: pointer;
}

    .action-profile-delete:hover {
        text-decoration: underline;
    }

.resp-bold {
    font-weight: bold;
}

.action-profile-delete i {
    font-size: 12px;
}

.acc-profile-setting-food-img {
    display: inline-block;
    height: 22px;
    margin: 0 0 -7px;
    padding: 0 5px 0 2px;
    width: 36px;
}

.acc-ps-input-password {
    border: medium none;
    color: #000;
    float: left;
    background-color: #fff;
    font-size: 24px;
}

.action-acc-edit-setting {
    color: #777;
    float: right;
    font-size: 12px;
    padding: 0px 0 0 15px;
    cursor: pointer;
}

    .action-acc-edit-setting:hover {
        text-decoration: underline;
    }

.acc-ps-input, .acc-ep-input, .acc-pe-width, .acc-pe-month-width {
    display: block;
    width: 280px;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d2d2d2;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding-left: 45px;
    font-weight: bold;
}

    .acc-ps-input:focus, .acc-ep-input:focus, .acc-pe-width:focus, .acc-pe-month-width:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
    }

.acc-ep-value {
    float: left;
    font-size: 12px;
    min-width: 95px;
}
.profile-edit-slct {
    position: relative;
}
    .profile-edit-slct .phone-wrap .dropdown-toggle {
        height: 34px;
    }
    .profile-edit-slct .phone-wrap  + .acc-ep-input {
        padding-left: 110px;
    }
    .profile-edit-slct .dropdown-menu-country {
        top: 35px;
    }
.acc-ep-input {
    border: 1px solid #d2d2d2;
    color: #000;
    padding: 5px 3px;
    width: 280px;
    border-radius: 3px;
}

.acc-profile-image {
    
    float: left;
    height: 121px;
    width: 121px;
    border-radius: 50%;
}

.acc-ulpoad-image {
    border: 1px solid #000;
    float: none;
    height: 121px;
    margin: 12px 13px 12px 13px;
    width: 121px;
    border-radius: 50%;
    padding: 2px;
}

.acc-profile-address-wrapper {
    float: left;
    text-align: left;
    width: 100%;
}

.acc-profile-address-label {
    float: left;
    font-size: 14px;
    padding: 2px 0 7px 24px;
    width: 90%;
}

.acc-profile-address {
    float: left;
    padding: 0 0 0 48px;
}

.action-acc-profile-address-edit {
    float: left;
    padding: 0 0 0 10px;
    color: #ff7e00;
    text-decoration: underline;
}

.acc-new-address-wrapper {
    float: left;
    padding: 10px 0 10px 155px;
    width: 80%;
}

.action-acc-new-address {
    float: right;
    cursor: pointer;
    margin-left: 10px;
}

.action-profile-new-address-text {
    background-color: #000;
    color: #FFFFFF;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#ep-new-address .action-profile-new-address-text, #action-address .action-profile-new-address-text {
    color: #00bcd4;
    text-decoration: underline;
    padding: 0px;
    background: #fff;
}

.acc-edit-photo {
    color: #777;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

    .acc-edit-photo:hover {
        text-decoration: underline;
    }

.acc-left-pannel {
    float: left;
    width: 21%;
}

.acc-right-pannel {
    float: left;
    width: 79%;
}

.ps-common-action-wrapper {
    display: inline-block;
    padding: 3px 0 0;
    width: 100%;
}

.caw-action {
    cursor: pointer;
    line-height: 15px;
    text-decoration: underline;
}

.acc-lp-current-photo {
    float: left;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.acc-upload-row {
    display: inline-block;
    padding: 0 0 8px;
    text-align: left;
    width: 100%;
}

.acc-upload-common {
    float: left;
    padding: 0;
}

.acc-upload-msg {
    display: inline-block;
    float: left;
    text-align: left;
    width: 90%;
    margin-top: 3px;
}

    .acc-upload-msg a {
        color: #ed0000;
    }

.acc-upload-note {
    display: inline-block;
    float: left;
    font-size: 12px;
    padding-top: 3px;
}

.acc-crop-img-wrapper {
    float: left;
}

.acc-lp-upload-photo {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

.acc-upload-save_Changes {
    float: left;
    padding: 20px 0px 0;
}

.acc-upload-save_cancel {
    float: left;
    padding: 20px 0px 0;
}

.acc-upload-cancel {
    color: #FF7E00;
    cursor: pointer;
    display: inline-block;
    line-height: 30px;
}

.action-upload-img {
    cursor: pointer;
    float: left;
    padding: 0px;
}

.action-upload-img-cancel {
    cursor: pointer;
    float: left;
}

.aclp-sub-lnk {
    margin: 0px 0px 0px 0px;
}

    .aclp-sub-lnk ul {
        color: #2a2a2a;
        margin: 5px 0px 0px 0px;
    }

    .aclp-sub-lnk li {
        line-height: 10px;
        text-align: left;
    }

ul.aclp-sub-lnk li a {
    color: #000;
    padding: 17px 20px 16px 12px;
    width: 100%;
    font-size: 14px;
}

.aclp-sub-lnk li a:hover {
}

.acc-ps-action-add-new-wrap {
    float: left;
    padding: 10px 0 7px;
    text-align: left;
    width: 96%;
}

.dm-display {
    color: #ed0000;
    display: inline-block;
    float: left;
    font-size: 14px;
    padding: 0px !important;
    margin-top: 5px;
    width: 100%;
    margin-bottom: 10px;
}

.dm-display-sucess {
    color: #54B80F;
    display: inline-block;
    float: left;
    font-size: 11px;
    padding: 0 0 0 0px;
    width: 100%;
    margin-top: 10px;
}

.common-error-display {
    color: red;
    display: inline-block;
    float: left;
    font-size: 11px;
}

.common-sucess-display {
    color: green;
    display: inline-block;
    float: left;
    font-size: 11px;
}

.padding-left-5 {
    padding-left: 5px;
}

#spnEmail {
    text-transform: lowercase;
}

.acc-pe-width, .acc-ps-width, .acc-pe-month-width {
    display: block;
    width: 100%;
    padding: .375rem 5px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d2d2d2;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.acc-pe-width {
    width: 88px;
}

.edit-prof-bd {
    margin-top: 10px;
}

.acc-pe-month-width {
    width: 120px;
}

.acc-ps-width {
    width: 278px;
    border-radius: 3px;
}

.acc-pe-gender-w {
    width: 160px;
}

.acc-ps-action-remove {
}

.action-pv-new-address-wrapper {
    display: inline-block;
    float: left;
    width: 38%;
}



/*------------------- end ---------------------*/

/*------------------- start---------------------
Registration thanks page css classes
-----------------------------------------------*/

.registration-thanks-text-green {
    color: #4BA614;
    float: left;
    font-size: 20px;
    font-weight: bold;
    padding-left: 55px;
    width: 60%;
}

.registration-thanks-text {
    float: left;
    font-size: 14px;
    padding: 6px 0 0 58px;
    width: 80%;
}

.registration-thanks-action-wrapper {
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0 0 0;
}

.action-registration-thanks-place-order {
    color: #FFF;
    display: inline-block;
    font-weight: bold;
}

.action-rt-place-order-text {
    background-position: -625px -193px;
    float: left;
    font-size: 24px;
    height: 49px;
    line-height: 48px;
    padding-left: 30px;
}

.action-rt-place-order-cap {
    background-position: -969px -193px;
    float: left;
    height: 49px;
    width: 33px;
}

.registration-thanks-points-message {
    color: #E76407;
    display: block;
    font-size: 18px;
}

/*------------------- end ---------------------*/
.c-email-unavailable {
    display: block;
    padding: 3px 0 0 2px;
}

.c-email-available {
    float: left;
    margin: 10px 0px 0px 0px;
    font-size: 14px;
}

.c-email-available {
    color: #d10101;
}

.c-number-available {
    color: #d10101;
    margin-left: 25px;
    float: left;
    text-align: left;
    width: 83%;
}

.c-email-unavailable {
    color: #4F8A10;
}

.consumer-token-expire {
    float: left;
    margin-left: 25px;
    padding-bottom: 10px;
    text-align: left;
    width: 85%;
    margin-top: 15px;
}

#cmbCountryCode {
    float: left;
    margin-left: 25px;
    display: none;
}

/*------------------- start---------------------
Messages css classes
-----------------------------------------------*/

.message-error, .message-success, .message-info, .message-warring {
    float: left;
    color: #000;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 30px;
    padding: 2px 0;
    margin: 12px 0;
    width: 100%;
}

    .message-error b, .message-success b, .message-info b, .message-warring b {
        float: left;
        height: 30px;
        margin: 0 8px 0 10px;
        width: 35px;
    }

    .message-error span, .message-success span, .message-info span {
        float: left;
        width: 92%;
    }

.message-error {
    background-color: #fccac1;
    border: solid 1px #eb5439;
}

.message-success {
    background-color: #effeb9;
    border: solid 1px #98c700;
}

.message-info {
    background-color: #d4e6f4;
    border: solid 1px #eb5439;
}

.message-warring {
    background-color: #ffe9ad;
    border: solid 1px #fab418;
}

    .message-warring b {
        background-position: -121px -175px;
    }

.message-error b {
    background-position: -184px -129px;
}

.message-success b {
    background-position: -144px -129px;
}

.message-info b {
    background-position: -187px -166px;
}



/*------------------- end ---------------------*/

/*------------------- end ---------------------*/


/*------------------- start---------------------
Change Location-POP-UP on main page css classes
-----------------------------------------------*/

.common-popup-bg-white, .menu-image-popup-bg {
    background-color: #000;
    display: none;
    height: 100%;
    opacity: 0.7;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: .70;
    -khtml-opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 111;
}

.restuarant-working-hours-popup {
    display: none;
    position: absolute;
    right: 550px;
    top: 105px;
    width: 330px;
    z-index: 101;
}

.restaurants-offers {
    color: #000;
    float: left;
    font-size: 14px;
    width: 60%;
    text-align: left;
}

.restaurants-offers-ltd {
    color: #000;
    float: left;
    font-size: 14px;
    width: 36%;
    text-align: right;
    margin: 0px 4% 0px 0px;
}

.current-location-popup-wrapper {
    display: none;
    height: 363px;
    width: 690px;
    z-index: 10;
    top: 100px;
}

.clpw-header {
    background-position: 4px -800px;
    display: block;
    float: left;
    height: 35px;
    padding: 25px 0 0 25px;
    width: 650px;
}

.clpw-header-text {
    color: #fefefe;
    font-size: 22px;
    font-weight: bold;
}

.clpw-text {
    color: #000;
    float: left;
    font-size: 19px;
    font-weight: normal;
    width: 93%;
}

.clpw-content-bg {
    background-position: -787px 0;
    display: inline-block;
    font-weight: bold;
    padding: 10px 0 0 31px;
    width: 639px;
}


.clpw-video-content {
    display: inline-block;
    padding: 10px 15px;
    width: 390px;
}

.restuarant-video-popup-wrapper {
    display: none;
    z-index: 102;
    top: 100px;
}

.cplw-video-loader {
    display: inline-block;
    margin: 175px 0 0 -236px;
    position: absolute;
    width: 120px;
    z-index: 0;
}

.clpw-restuarent-name {
    color: #0BC113;
    display: inline-block;
    font-weight: bold;
    float: left;
    font-size: 18px;
    padding: 0 0 3px;
    width: 92%;
}

.popup-close-wrapper {
    cursor: pointer;
    display: inline-block;
    float: right;
    font-weight: bold;
    padding: 13px 0 0;
}

.cplw-video-frame-wrapper {
    display: inline-block;
    height: 302px;
    width: 100%;
    z-index: 1;
}

.popup-close {
    background-position: -298px -90px;
    cursor: pointer;
    display: inline-block;
    height: 33px;
    width: 36px;
}

.cplw-restuarant-status {
    display: inline-block;
    padding: 8px 0 0;
    text-align: center;
    width: 100%;
    font-size: 16px;
}

.cplw-rs-text {
    color: #000;
    display: inline-block;
    font-size: 24px;
    padding: 15px 0;
    width: 92%;
}

.cplw-rs-label {
    display: inline-block;
    font-weight: 700;
    padding: 5px 0 5px;
    width: 100%;
}

.rest-workinghours-label {
    color: #000;
    display: inline-block;
    font-size: 15px;
    text-align: left;
    padding: 10px 20px;
    width: 100%;
}

.clpw-form-wrapper {
    float: left;
    padding: 10px 0 0;
    width: 400px;
}

.clpw-form-text {
    color: #000;
    float: left;
    font-size: 14px;
    font-weight: normal;
}

.clpw-form {
    float: left;
}

.lcpw-form-row {
    display: inline-block;
    padding: 11px 0 0 15px;
    text-align: center;
}

.lcpw-form-label {
    float: left;
    font-weight: normal;
    padding: 0 8px 0 0;
    text-align: right;
    width: 45px;
}

.lcpw-input {
    padding: 0 0 3px;
    width: 200px;
}

.clpw-location-text {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    width: 30px;
}

.clpw-location-address {
    color: #000;
    font-size: 14px;
    width: 300px;
    font-weight: normal;
}

.clpw-action-wrapper {
    float: left;
    padding: 0 0 0 205px;
    text-align: center;
}

.clpw-btn-left {
    float: left;
}

.clpw-btn-text {
    background-position: -572px -280px;
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    height: 36px;
    line-height: 26px;
    padding: 4px 0 0 39px;
}

.clpw-btn-right {
    background-position: -763px -280px;
    float: left;
    height: 40px;
    padding: 0 0 0 42px;
}

.clpw-action-cancel {
    color: #E36101;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 20px 0 0 10px;
    text-decoration: underline;
}

.clpw-content-bg-bottom {
    background-position: 4px -884px;
    display: inline-block;
    font-weight: bold;
    height: 8px;
    padding: 10px 0 0 31px;
    width: 639px;
}

.clpw-location-wrapper {
    float: left;
}

.clpw-location-image {
    background-position: -349px -43px;
    float: left;
    height: 75px;
    margin: 108px 0 0 74px;
    width: 58px;
}

.clpw-location-text-wrapper {
    float: left;
    padding: 12px 0 10px 0px;
    width: 400px;
}
/*------------------- end ---------------------*/



/*-------------------Rating Stars Css Start ---------------------*/


.ui-stars-star,
.ui-stars-cancel {
    float: left;
    display: block;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
}

    .ui-stars-star a,
    .ui-stars-cancel a {
        width: 20px;
        height: 17px;
        display: block;
        background: url("../images/bg-rate-star-h17-w18.gif") no-repeat scroll 0 0 transparent;
    }

    .ui-stars-star a {
        background-position: 0 -3px;
    }

.ui-stars-star-hover a, .ui-stars-star-on a {
    background-position: 0 -21px;
}

.ui-stars-cancel-hover a {
    background-position: 0 -16px;
}

.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {
    cursor: default !important;
}

.stars-off-h15-w16, .stars-on-h15-w16 {
    background: url(../images/bg-rate-star-h15-w16.png) repeat-x 0 0px;
    height: 16px;
}

.stars-off-h15-w16 {
    background-position: 0 0;
    display: inline-block;
}

.stars-on-h15-w16 {
    background-position: 0 -18px;
    display: inline-block;
}

.stars-off-r, .stars-on-r {
    background: url(../images/bg-rate-star-h20-w20.png) repeat-x 0 -60px;
    height: 20px;
    float: right;
}

.stars-off, .stars-on {
    background: url(../images/bg-rate-star-h20-w20.png) repeat-x 0px -4px;
    height: 17px;
}

.stars-off-deal-dtl-margin {
    margin: 10px 0px 0px 10px;
}

.stars-on {
    position: absolute;
    background-position: 0 -20px;
}

.stars-off-14, .stars-on-14 {
    background: url(../images/bg-rate-star-h14-w14.png) repeat-x 0 -36px;
    height: 12px;
}

.stars-on-14 {
    position: absolute;
    background-position: 0 -24px;
}


/*rating showing gor reviews*/

.r-rate-bar-off {
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #D2D2D2;
    float: left;
    height: 17px;
    overflow: hidden;
    width: 90px;
}

.r-rate-bar-on {
    background: url("../images/bg-review-rate-bar.png") repeat-x scroll 0 0 transparent;
    height: 17px;
    float: left;
}

.r-r-b-high .r-rate-bar-on {
    background-position: -1px -2px;
}

.r-r-b-mid .r-rate-bar-on {
    background-position: -1px -21px;
}

.r-r-b-low .r-rate-bar-on {
    background-position: -1px -40px;
}

.stars-off-14, .stars-on-14 {
    background: url(../images/bg-rate-star-h14-w14.png) repeat-x 0 -36px;
    height: 12px;
}

.stars-on-14 {
    position: absolute;
    background-position: 0 -24px;
}


/*------------------- end ---------------------*/

/*------------------- start---------------------
Find my locationmain page css classes
-----------------------------------------------*/
.fl-top-test {
    color: #000;
    float: left;
    font-size: 13px;
    padding: 1px 0 9px;
    text-align: left;
    width: 100%;
}

.fl-show-filter-test {
    display: inline-block;
    font-size: 11px;
    padding: 0 0 8px;
    text-align: left;
    width: 98%;
}

.fl-show-filter-test-checkbox {
    display: inline-block;
    float: left;
}

.fl-show-filter-test span {
    padding: 4px 0 0 3px;
}

.payment-method-option-wraper {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.save-card-number {
    float: left;
    width: 100%;
    margin-left: 15px;
}

span.address-input-label {
    color: #999;
    font-size: 12px;
    position: absolute;
    top: 5px;
    left: 25px;
}

    span.address-input-label + i {
        color: #000;
        position: absolute;
        left: -3px;
        top: 15px;
        font-size: 18px;
    }

.save-card-detail {
    float: left;
    width: 100%;
}

.credit-cart-select {
    display: block;
    width: auto;
    padding: 7px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/*------------------- end ---------------------*/


/*----------JQUERY JCROP CSS-----------*/
.jcrop-holder {
    text-align: left;
}

.jcrop-vline, .jcrop-hline {
    font-size: 0px;
    position: absolute;
    background: white url('../images/jcrop.gif') top left repeat;
}

.jcrop-vline {
    height: 100%;
    width: 1px !important;
}

.jcrop-hline {
    width: 100%;
    height: 1px !important;
}

.jcrop-vline.right {
    right: 0px;
}

.jcrop-hline.bottom {
    bottom: 0px;
}

.jcrop-handle {
    font-size: 1px;
    width: 7px !important;
    height: 7px !important;
    border: 1px #eee solid;
    background-color: #000;
}

.jcrop-tracker {
    width: 100%;
    height: 100%;
}

.custom .jcrop-vline,
.custom .jcrop-hline {
    background: #fd3;
}

.custom .jcrop-handle {
    border-color: black;
    background-color: #C7BB00;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
/*-----------------------------*/


/*------------------- start---------------------
css classes for common Display Messages
-----------------------------------------------*/

.ap-c-m-display {
    display: none;
}

.ap-c-cur {
    cursor: pointer;
}

.ap-c-m-success-wraper {
    background-color: #4ac84a;
    border: 1px solid green;
    color: #fff !important;
}

.ap-c-m-success-wraper,
.ap-c-m-error-wraper,
.ap-c-m-warning-wraper,
.ap-c-m-info-wraper {
    width: 96%;
    float: none;
    display: block;
    clear: both;
    padding: 10px 1%;
    text-align: center;
    color: #000;
    font-weight: 600;
    overflow: hidden;
    margin: 0 auto;
}

.ap-c-m-text {
    float: left;
    padding: 0px;
    width: 90%;
    font-size: 14px;
}

.ap-c-m-close-icon {
    float: right;
    margin-top: 2px;
    overflow: hidden;
    cursor: pointer;
    padding: 0 5px;
    border-radius: 50%;
    background-color: #fff;
    color: #000;
}

.orc-left-content-wrap .ap-c-m-success-wraper {
    background-color: #d4f495;
    border: 1px solid #98c700;
    margin: 10px 1% 0px 1%;
    width: 98%;
}

.orc-left-content-wrap #dvOffersandCashback {
    margin: 10px 1% 10px 1%;
    width: 98%;
}

.ap-c-m-error-wraper {
    background-color: #fccac1;
    border: 1px solid #eb5439;
    margin: 10px 0px 15px 0px;
    color: #000 !important;
    float: left;
    width: 100%;
}

.ap-c-m-warning-wraper {
    background-color: #ffe9ad;
    border: 1px solid #ffdd33;
    color: #fff !important;
    margin: 3px 0;
    padding: 10px 0;
}

.thankyou-guest-tbl-wrap {
    margin-bottom: 10px;
}

.ap-c-m-info-wraper {
    background-color: #6376dd;
    border: 1px solid blue;
    color: #fff !important;
    margin: 0 0 10px 0;
    width: 98%;
    float: left;
}
/*------------------- end of css classes for display message ---------------------*/

.execption-wrapper {
    float: left;
    color: #777;
    font-size: 16px;
    width: 100%;
    padding: 40px 30px 40px 230px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.rdw-center-wrapper i {
    position: absolute;
    font-size: 110px;
    margin-top: 50px;
    background: #f2f2f2;
    padding: 50px;
    border-radius: 50%;
    left: 0;
    top: 0;
    color: #000;
    border: 1px solid #d2d2d2;
}

.exc-w-heading {
    float: left;
    font-size: 50px;
    padding: 0 0 12px;
    width: 100%;
    font-weight: 300;
    color: #000;
}

.execption-wrapper a {
    color: #fff;
    font-weight: normal;
    padding: 3px 19px;
    background-color: #ed0000;
    border-radius: 20px;
}

.execption-wrapper p {
    float: left;
    padding: 0px 0 14px 0;
    width: 100%;
}

.exc-w-thanks-link {
    margin: 12px 0 30px;
}


/* CSS start for Reset Password */

.reset-password-content-wrapper {
    background: #fff;
    padding-bottom: 23px;
}

.r-p-c-w-row {
    display: inline-block;
    width: 100%;
}

.rpcw-r-label {
    color: #000;
    float: left;
    font-size: 16px;
    width: 100%;
    margin: 0px 0px 5px 0px;
}

.rpcw-r-value {
    width: 100%;
    margin: 0px 0px 10px 0px;
    position: relative;
    float: left;
}

.rpcw-r-value-input-token-wrapper {
    float: left;
    font-size: 18px;
    line-height: 29px;
    min-width: 100%;
}

.rpcw-r-value-input-token {
    height: 57px;
    border-radius: 3px;
    float: left;
    border: 1px solid #d2d2d2;
    width: 100%;
    font-size: 16px;
    color: #000;
    text-indent: 15px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.rpcw-action-btn {
    background: #0080ca;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    text-align: center;
    padding: 8px 12px 8px;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
}

.change-password-u-p-wrap {
    font-size: 16px;
    color: #777;
    width: 100%;
    padding: 10px 1px 20px 0px;
    float: left;
    box-sizing: border-box;
    margin-top: 10px;
}

.password-changed-heading {
    font-size: 24px;
    color: #000;
    font-weight: normal;
}

.rpcw-action-cancel {
    color: #FF7E00;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 12px;
    line-height: 32px;
    padding: 0 0 0 12px;
    text-decoration: underline;
}

.rpcw-action-resend-verification {
    color: #FF9001;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
    padding: 0 3px 0 0;
}

.rcpw-error-msg {
    color: red;
    display: inline-block;
}

.rpcw-heading {
    color: #000;
    float: left;
    font-size: 24px;
    padding: 15px 0 5px 0px;
    width: 100%;
}

.r-p-c-w-sub-heading {
    color: #000;
    display: inline-block;
    float: left;
    padding: 0 0 5px 0px;
    font-size: 14px;
}

.verify-wrap {
    width: 100%;
    margin-top: 10px;
}

.rpcw-right-wrapper {
    background-color: #F2F2F2;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    color: #000;
    float: left;
    padding: 20px 0px;
    width: 100%;
    margin-bottom: 20px;
}

.rpcw-left-wrapper {
    display: inline-block;
    float: left;
    width: 45%;
}

.rpcw-l-w-img-wrapper {
    display: inline-block;
    float: left;
    width: 100%;
    text-align: center;
}

    .rpcw-l-w-img-wrapper img {
        height: 90px;
        width: 120px;
    }

.rpwc-lw-username {
    color: #000;
    float: left;
    font-size: 18px;
    padding: 9px 0 5px 0;
    width: 100%;
    text-align: center;
}

.rpcw-rw-email-icon-wrapper {
    display: inline-block;
    float: left;
    padding: 12px 0 0 10px;
}

.rpcw-rw-mail-icon {
    background-color: #4A4C49;
    background-position: -27px -236px;
    cursor: pointer;
    float: left;
    height: 23px;
    width: 25px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.rpcw-rw-mail-text {
    display: inline-block;
    float: left;
    font-weight: bold;
    padding: 4px 0 0 5px;
}

.rpcw-right-wrapper hr {
    background-color: #FFFFFF;
    color: #FFFFFF;
    display: inline-block;
    margin: 3px 0 0 41px;
    text-align: center;
    width: 80%;
}

.rpcw-rw-email {
    float: left;
    text-align: center;
    width: 100%;
    color: #a8a8a8;
}

.r-p-c-w-box {
    width: 350px;
    float: left;
    padding: 10px 16px;
}

.rpwc-lw-username-label {
    color: #A2A2A2;
    display: inline-block;
    float: left;
    padding: 1px 0 0 10px;
    width: 68%;
}

.rpcw-action-change-wrapper {
    width: 100%;
    display: inline-block;
    float: left;
}

.rpcw-action-change-right {
    background-position: -789px -696px;
    border: medium none;
    display: inline-block;
    float: left;
    height: 31px;
    padding: 0 0 0 10px;
}

.rpcw-r-text-field {
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    float: left;
    border: 1px solid #d2d2d2;
    width: 100%;
    font-size: 18px;
    color: #000;
    text-indent: 15px;
    padding: 4px 0px;
}

.r-p-c-w-msg {
    color: #000;
    margin: 8px 0px 5px 0px;
    font-size: 14px;
    font-weight: bold;
}

.rpcw-r-textfield-error {
    color: #d10101;
    display: inline-block;
    float: left;
    font-size: 14px;
    margin-bottom: 15px;
}

.rpcw-r-success-msg {
    color: #4CA714;
    display: inline-block;
    float: left;
    padding: 5px 0 5px 310px;
}
/* CSS end of Reset Password */
.restaurant-payment-wrap {
    width: 330px;
    margin: 40px auto;
}

/* Jquery Confirm Box CSS START */
#popup_container {
    font-family: Arial, sans-serif;
    font-size: 12px;
    min-width: 300px;
    max-width: 600px;
    background: #FFF;
    color: #000;
    border-radius: 0px;
    border: 1px solid #d2d2d2;
    background: #fff;
    -moz-background-origin: border;
    background-origin: border-box;
    border: 5px solid #d2d2d2;
    padding: 10px !important;
}


    #popup_container input[type='button'] {
        border: none;
        cursor: pointer;
        float: none;
    }

#popup_title {
    color: #000;
    cursor: default;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 15px;
    text-align: left;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    text-align: center;
}

h1#popup_title {
    font-size: 22px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

#popup_content.confirm {
    display: inline-block;
    float: left;
}

#popup_content.prompt {
    background-image: url(../../lefttoright/images/help.gif);
}

#popup_message {
    color: #000;
    display: inline-block;
    font-size: 16px;
}

#popup_panel {
    display: inline-block;
    float: left;
    padding: 0px 0px 20px 0px;
    text-align: center;
    width: 100%;
}

#popup_prompt {
    margin: .5em 0em;
}

#popup_ok {
    color: #FFFFFF;
    display: inline-block;
    float: left;
    background-color: #00ba0e;
    font-family: arial;
    font-size: 14px;
    height: 27px;
    position: relative;
    width: 71px;
    border-radius: 3px;
}

#popup_cancel {
    background: none repeat scroll 0 0 transparent;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 12px;
    padding: 4px 10px;
    background-color: #ed0000;
    border-radius: 3px;
    color: #000;
    background-color: #fff;
    border: 1px solid #d2d2d2 !important;
}

    #popup_cancel:hover {
        text-decoration: underline;
    }
/* Jquery Confirm Box CSS END */

/* Restaurant Register Css Starts here */
.restaurant-register-top,
.restaurant-register-bottom,
.aw-s-left,
.aw-s-right {
    background: url("../../lefttoright/images/bg-restuarant-register.png") repeat-y scroll 0 0 transparent;
}

.restaurant-register-top {
    display: inline-block;
    float: left;
    height: 13px;
    width: 100%;
}

.restaurant-register-content {
    background: #fff;
    border: 1px solid #d2d2d2;
    color: #000;
    display: inline-block;
    float: left;
    text-align: center;
    width: 100%;
    margin: 0px 0px 0px 0px;
}

.restaurant-register-bottom {
    background-position: 0 -17px;
    display: inline-block;
    float: left;
    height: 13px;
    width: 100%;
}

.rrc-heading {
    display: inline-block;
    font-size: 26px;
    width: 100%;
    padding: 0px 0px 10px;
}

    .rrc-heading b {
        color: #ed0000;
    }

.rrc-restuarant-block-wrapper {
    border: 1px solid #BBBBBB;
    display: inline-block;
    float: left;
    margin: 10px 94px;
    padding: 12px 25px;
    text-align: left;
    width: 76%;
    background: #f2f2f2;
}

.rbw-sub-heading {
    display: inline-block;
    float: left;
    font-size: 20px;
    padding: 15px 0 0px;
    text-align: left;
    margin-left: 100px;
    text-transform: uppercase;
    color: #ed0000;
}

.rrc-rbw-row {
    display: inline-block;
    float: left;
    padding: 0 0 8px;
    width: 100%;
}

.rrc-rbw-r-block {
    display: inline-block;
    float: left;
    width: 50%;
    margin: 0px 0px 20px;
}

.rrc-rbw-r-b-label {
    display: inline-block;
    font-size: 16px;
    padding: 0 0 2px 1px;
    width: 100%;
}

.r-b-label-select-wrapper, .r-b-label-input-wrapper {
    background-position: 0 -32px;
    display: inline-block;
    height: 27px;
    padding: 5px 0 0 7px;
    width: 335px;
}

.r-b-label-select-wrapper {
    width: 347px;
}

.liw-text-field {
    border: 1px solid #cccccc;
    color: #000;
    font-size: 16px;
    padding: 5px;
    width: 100%;
}

.liw-text-field {
}

.liw-error-message {
    color: red;
    display: inline-block;
    float: left;
    font-size: 11px;
    padding: 5px 0 0 3px;
}

.liw-file-field {
    height: 22px;
    width: 325px;
}

.rrc-action-wrapper {
    display: inline-block;
    float: left;
}

.aw-submit {
    display: inline-block;
    float: left;
}

.aw-s-left {
    background-position: -763px -33px;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 8px 25px;
}

.aw-s-right {
    background-position: -968px -33px;
    display: inline-block;
    float: left;
    padding: 23px 0 8px 25px;
}

.aw-cancel {
    color: #FF7603;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 14px;
    padding: 15px 0 0 8px;
    text-decoration: underline;
}

.rrc-error-msg {
    color: red;
    display: inline-block;
    float: left;
    padding: 20px 0 0 145px;
}

.term-conditions-wrapper {
    border-bottom: 1px solid gray;
    text-align: justify;
    border: 1px solid #d2d2d2;
    background: #fff;
    float: left;
    font-size: 14px;
    padding: 20px;
    margin: 20px 0px 0px 0px;
}

    .term-conditions-wrapper p {
        margin: 15px 0;
    }

        .term-conditions-wrapper p:first-child {
            margin: 0px 0px 15px 0px;
        }

    .term-conditions-wrapper b {
        font-size: 14px;
    }

.fb_share_count_inner {
    width: 60px !important;
}

.common-image-captcha {
    display: inline-block;
    float: left;
    height: 40px;
    width: 150px;
    margin-left: 18px;
}

.rbc-captcha-error {
    color: #d10101;
    display: inline-block;
    float: left;
    text-align: left;
    margin: 0px 20px 0 20px;
}

.ciw-row {
    display: none;
    float: left;
    padding: 10px 0px 10px 0px;
    margin: 10px 5px 0px 5px;
    border: 1px solid #d2d2d2;
    background-color: #fff;
    box-shadow: 0px 10px 10px 0px #d2d2d2;
}

    .ciw-row input {
        margin-left: 6px;
    }

.r-thankU-msg {
    color: #000;
    display: none;
    font-size: 16px;
    margin: 0;
    padding: 0 14px;
    text-align: center;
}

    .r-thankU-msg span {
        display: inline-block;
        padding: 0 0 15px;
    }

    .r-thankU-msg em {
        font-size: 12px;
        display: inline-block;
        padding: 0 0 10px;
    }

.r-claim-msg {
    color: #000;
    display: none;
    font-size: 12px;
    text-align: left;
    padding: 7px;
}

.captcha-image-wrapper {
    display: inline-block;
    float: left;
}

.ciw-captcha-error {
    color: #d10101;
}

#lblHasError, .ciw-captcha-error {
    float: left;
    margin-left: 20px;
    text-align: left;
    width: 65%;
}

.ciw-action-verify {
    color: #FF9001;
    display: inline-block;
    float: left;
    font-size: 18px;
    margin-left: 125px;
    padding: 10px 0 0 8px;
    text-align: left;
}

.email-veriification-wrapper {
    display: inline-block;
    float: left;
    width: 100%;
}

.evw-row {
    display: inline-block;
    float: left;
    padding: 15px 0 0;
    width: 100%;
}

.evw-r-text {
    color: #000;
    display: inline-block;
    float: left;
    padding: 5px 0;
    width: 108px;
}

.verification-input {
    border: 1px solid #CCCCCC;
    color: #000;
    font-size: 18px;
    height: 27px;
    padding: 3px;
    width: 294px;
}

.verification-textarea {
    display: inline-block;
    float: left;
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    min-height: 150px;
}

.evw-r-close {
    color: #000;
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 13px 0 0 8px;
    cursor: pointer;
}

.evw-r-submit {
    background-color: #ffdd33;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 25px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.evw-r-value {
    display: inline-block;
    float: left;
    padding: 5px 0;
}

.evw-action-wrapper {
    display: inline-block;
    float: left;
    padding: 0 0 0 108px;
}

.evw-heading {
    color: #000;
    float: left;
    font-size: 16px;
    font-weight: bold;
}

.flb-gender-wrapper {
    display: inline-block;
    padding: 12px 0 0;
    width: 80px;
}

.flb-gender-value input[type="radio"] {
    display: inline-block;
    margin: 0 4px 0 0;
}

.re-verification-label {
    clear: both;
    color: #e80202;
    margin: 0 60px;
    font-size: 14px;
}
/* Consumer Home Popular Restaurants Tool Tip Css START from here */
/* CSS3 TOOLTIP styling starts */
.tooltip-wrapper, .tooltip-wrapper-txt {
    float: left;
    position: absolute;
    width: 0px;
}

.tooltip-wrapper-txt {
    width: 300px;
}

.tooltip {
    position: absolute;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: #000;
    border-radius: 5px;
    box-shadow: 0 0 6px 4px #d2d2d2;
    display: none;
    top: -30px;
    min-width: 79px;
}

    .tooltip:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
        top: 20px;
        left: 20px;
    }

/* TOOLTIP for BOTTOM TXT starts here */

.tooltip-wrap {
    float: left;
}

.tooltip-wrap-bottom {
    float: left;
    margin-bottom: 5px;
    width: 40px;
    font-weight: bold;
    z-index: 90;
}

.tooltip-wrapper-bottom {
    float: left;
    position: absolute;
}

.tooltip-wrapper-bottom-menu-page {
    float: left;
    position: absolute;
    top: -70px;
    left: 40px;
}

.order-basket-tooltip-bottom, .tooltip-bottom {
    position: absolute;
    line-height: 20px;
    padding: 0 5px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: #000;
    border-radius: 5px;
    display: none;
    top: 7px;
    min-width: 79px;
    right: -60px;
    z-index: 10;
}

.order-basket-tooltip-bottom {
    display: inline-block;
}

.tooltip-bottom:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #000 transparent;
    top: -18px;
    left: 35px;
}

.orc-tooltip-bottom {
    display: inline;
    top: 35px;
    right: -232px;
    padding: 10px 15px;
    width: 230px;
}

    .orc-tooltip-bottom:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #000 transparent;
        top: -18px;
        left: 45%;
    }

.order-basket-tooltip-wrap-bottom {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}

    .order-basket-tooltip-wrap-bottom div {
        background: #007074;
        padding: 10px 0px;
    }

.order-basket-tooltip-bottom {
    top: 45px;
    right: -220px;
    padding: 10px 15px;
    width: 190px;
}

    .order-basket-tooltip-bottom:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
        bottom: -20px;
        left: 45%;
    }

.order-basket-min-delivery .tooltip-wrapper-bottom .tooltip-bottom,
.order-basket-delivery-img .tooltip-wrapper-bottom .tooltip-bottom {
    min-width: 100px;
    top: 10px;
}

    .order-basket-min-delivery .tooltip-wrapper-bottom .tooltip-bottom:after,
    .order-basket-delivery-img .tooltip-wrapper-bottom .tooltip-bottom:after {
        left: 45px;
    }
/* TOOLTIP for BOTTOM TXT ends here */
/* Our Team
**************/
.our-team-content {
    margin: 0 20px;
    padding: 10px;
    text-align: justify;
    width: 940px;
}

    .our-team-content h1 {
        color: #000;
        font-size: 36px;
        margin: 0 0 15px;
    }

    .our-team-content strong {
        font-size: 16px;
    }

    .our-team-content p {
        font-size: 14px;
        padding: 10px 0;
        line-height: 20px;
    }

.our-team-excutive {
    margin: 25px 0;
    overflow: hidden;
    width: 100%;
}

    .our-team-excutive img {
        width: 250px;
        float: left;
    }

    .our-team-excutive .intro {
        float: left;
        margin: 0 0 0 20px;
        width: 650px;
    }

    .our-team-excutive strong {
        font-size: 20px;
    }

    .our-team-excutive p {
        float: left;
    }

.the-champs {
    width: 100%;
}

.the-champs-team {
    margin: 0 0 0 35px;
    overflow: hidden;
}

.the-champs h2 {
    font-size: 28px;
    margin: 0 0 15px;
}

.the-champs-team .members {
    width: 199px;
    height: 160px;
    float: left;
    margin: 0 20px 20px 0;
}

    .the-champs-team .members em {
        font-size: 10px;
    }

.fb_share_count_inner {
    display: none;
}

/* How it work & About us
***************************/
.how-it-work {
    border-right: 1px solid #EEEEEE;
    float: left;
    margin: 0 10px;
    padding: 10px;
    text-align: justify !important;
    width: 639px;
}

    .how-it-work h1 {
        font-size: 20px;
        color: #e9a600;
        margin: 0 0 15px;
    }

    .how-it-work p {
        font-size: 16px;
        float: left;
        text-align: justify;
        line-height: 22px;
        margin: 20px 0;
    }

        .how-it-work p a {
            color: #E9A600;
        }

            .how-it-work p a:hover {
                text-decoration: underline;
            }

.foortal_sidebar {
    margin: 0 17px;
    padding: 0px;
    width: 285px;
    float: left;
}

/* Contact us
****************/
.contact-us {
    margin: 0 20px;
    padding: 10px;
    width: 940px;
}

    .contact-us h1 {
        font-size: 20px;
        color: #e9a600;
        margin: 0 0 15px;
        text-align: left;
    }

    .contact-us .cont-wrap {
        width: 100%;
        height: 600px;
        overflow: hidden;
    }

        .contact-us .cont-wrap .contact-form, .contact-info {
            border: 1px solid #eeeeee;
            width: 45%;
            height: 500px;
            float: left;
            margin: 0 10px 0 0;
        }

.no-order-wrapper {
    display: inline-block;
    text-align: center;
    width: 98%;
    margin: 0% 0px 0px 0px;
}

.order-text {
    color: #000;
    display: inline-block;
    font-size: 16px;
    padding: 25px 0px 0px 0px;
    margin-bottom: 25px;
    width: 100%;
    word-wrap: break-word;
}

.no-order-button, .filter {
    background-color: #00A2E8;
    color: #FFFFFF;
    display: inline-block;
    font-size: 21px;
    font-weight: bold;
    padding: 8px 15px;
    border-radius: 3px;
}

.filter {
    margin: 10px 0 0 10px;
}

h1 {
    color: #ed0000;
    font-size: 20px;
    margin: 0 0 5px 0;
}

.restaurant-review {
    overflow: hidden;
    width: 100%;
}

.re-review-content {
    margin: 0 auto;
    overflow: hidden;
    width: 1000px;
}

.re-review-common-content-area-wrapper {
    background: none repeat scroll 0 0 transparent;
    float: left;
    margin: 0 0 20px 0px;
    width: 800px;
}

.acc-content-wrapper.re-review-updated {
    background: #ffffff;
    border: 1px solid #d2d2d2;
    width: 796px;
}

.hide {
    display: none;
}

.search-box-restaurant-pages {
    width: 99%;
    background: #f2f2f2;
    color: #fff;
    margin: 10px 0px 10px 0px;
    float: left;
    font-size: 18px;
    color: #000;
    margin-left: 3px;
}

div#dvAppliedFilters:after {
    margin: 30px 0px 30px 20px;
    display: block;
    content: '';
}

#dvAppliedFilters h3 {
    float: left;
}

.headtitle {
    font-size: 18px;
    margin-top: 7px;
    float: left;
    color: #000;
    margin-left: 10px;
}

.search-box-content-wrap {
    margin: 0px auto;
    width: 98%;
}

.link-btn {
    color: #000;
    margin-left: 10px;
}

    .link-btn:hover {
        text-decoration: underline;
        color: #000;
    }

.headline-home {
    float: left;
    margin: 10px 0px;
    color: #000;
    font-size: 18px;
    font-weight: normal;
}

    .headline-home i {
        font-size: 16px;
        display: inline-block;
        margin: 0px 10px 0px 5px;
    }

.home-right-txt-box {
    background: #f2f2f2;
    border: 1px solid #d2d2d2;
    padding: 15px 10px 10px;
    text-align: left;
    font-size: 16px;
    color: #000;
    float: left;
    width: 96%;
    margin-top: 5px;
}

.home-right-txt-box {
    float: right;
}

/* Search Bar CSS for Restaurant deals / search / menu and other pages */

.search-area-txtbox-restaurant {
    background-color: #FFF;
    border: 1px solid #d2d2d2;
    color: #000;
    float: left;
    font-size: 16px;
    margin: 0px 0px 0px 5px;
    text-align: left;
}

.search-area-txtbox-restaurant {
    width: 100%;
}

.change-area-loader {
    padding: 7px 5px !important;
    font-size: 14px !important;
    float: right;
    position: absolute;
    margin-left: 10px;
    height: 33px;
}

    .change-area-loader .sk-three-bounce {
        margin-top: 0px;
        padding-left: 5px;
        width: 35px;
    }

        .change-area-loader .sk-three-bounce .sk-child {
            background: #ffffff !important;
            width: 7px !important;
            height: 7px !important;
        }

.sr-action-type {
    padding: 5px;
    overflow: hidden;
    width: 62%;
    margin: 0 auto;
}

.fd-types-btn-restaurants {
    margin-left: 0px;
    font-size: 18px;
    font-weight: lighter;
}

.fd-hover-restaurant {
    height: 240px;
    width: 590px;
    display: block;
    float: right !important;
    margin: 0px 0px 0px 0px !important;
}


/* Search Bar CSS for Restaurant deals / search / menu and other pages */

.clearLocation {
    width: 100%;
    text-align: right;
}

    .clearLocation a {
        color: #ca0606;
        font-style: italic;
        vertical-align: bottom;
    }

        .clearLocation a:hover {
            text-decoration: underline;
        }

.find-restaurants {
    background: #efaf03;
    font-weight: bold;
    color: #ffffff;
    padding: 5px 25px;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 4px;
}

.search-box label {
    cursor: pointer;
}

    .search-box label input[type="radio"] {
        position: absolute;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
    }

        .search-box label input[type="radio"] + span,
        .search-box label input[type="radio"] + span::before {
            display: inline-block;
        }

            .search-box label input[type="radio"] + span::before {
                text-indent: -9999px;
                width: 12px;
                height: 11px;
                font: bold 14px/14px Garamond, "Segoe UI", Sans-serif;
                text-transform: uppercase;
                border: solid 1px #d2d2d2;
                border-radius: 3px;
                background: #f2f2f2;
                background: -moz-linear-gradient(-45deg, #f2f2f2, #f2f2f2);
                background: -webkit-linear-gradient(-45deg, #f2f2f2, #f2f2f2);
                background: -o-linear-gradient(-45deg, #f2f2f2, #f2f2f2);
                background: -ms-linear-gradient(-45deg, #f2f2f2, #f2f2f2);
                background: linear-gradient(-45deg, #f2f2f2, #f2f2f2);
                margin: 0 4px 0 0;
            }

        .search-box label input[type="radio"]:checked + span::before {
            text-indent: 2px;
            color: #EFAF03;
            border: solid 1px #EFAF03;
        }

        .search-box label input[type="radio"] + span::before {
            content: "\2022";
            font-size: 24px;
            -moz-border-radius: 12px;
            -webkit-border-radius: 12px;
            border-radius: 12px;
        }

.footer-social-wrapper .radio-partner {
    width: 150px;
    height: 90px;
    position: absolute;
    top: 4px;
    left: 370px;
}

/* Menu Filter
******************/

.menu-filter-wrapper {
    margin: 0px 0 5px 0;
    float: left;
    width: 100%;
}

/*#ulResturantCategory a {
    padding-left: 5%;
}*/
#ulResturantCategory a {
    color: #777;
    height: auto !important;
    display: flex;
}
.ulResturantCategory-main-wrap #dropdownMenuButton span {
    margin-right: 0px;
    color: #000;
    background: #f2f2f2;
    padding: 4px 10px 4px 10px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
}
.ulResturantCategory-main-wrap #dropdownMenuButton span i {
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.ulResturantCategory-main-wrap .dropdown.open #dropdownMenuButton span i {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.ulResturantCategory-main-wrap .dropdown.open .dropdown-menu {
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
    width: 240px;
    top: 40px;
    padding: 0px;
    max-height: 300px;
    overflow-y: auto;
}
.ulResturantCategory-main-wrap .dropdown-menu a:not(:first-child) {
    border-top: 1px solid rgba(0,0,0,.08);
}
.ulResturantCategory-main-wrap .dropdown-menu a {
    color: #777;
    padding: 6px 15px !important;
    display: flex;
    width: 100% !important;
    height: auto !important;
}
.ulResturantCategory-main-wrap .dropdown-menu a:hover {
  background-color:#f2f2f2;
}
.menu-filter-wrapper hr {
    clear: both;
    height: 1px;
    width: 80%;
    background: #d2d2d2;
    border: 0px;
}

.filter-result-status {
    width: 100%;
    margin-top: 8px;
    box-sizing: border-box;
    float: left;
    margin-left: 0px;
    padding-left: 40px;
}

.buffet-left-inner-wrap {
    max-width: 251px;
}

div#dvHeader {
    width: 100%;
}

.filter-result-status .closeButton {
    background: url("/resources/lefttoright/images/remove-filter-icon.png") no-repeat scroll right transparent;
    position: absolute;
    top: 8px;
    right: 5px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.filter-result-status .filter-by-price {
    position: absolute;
    top: 10px;
    right: 30px;
    height: 16px;
    font-size: 14px;
    text-align: right;
}

.filter-box {
    width: 161px;
    height: 44px;
    position: relative;
    margin: 0px 0px 20px 0px;
}

    .filter-box a {
        margin-top: 5px;
        float: left;
    }

    .filter-box input {
        border: 1px solid #d2d2d2;
        color: #000;
        float: left;
        font-size: 16px;
        padding: 10px 0px 10px 20%;
        width: 80%;
        height: 29px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        font-size: 14px;
        border-radius: 3px;
    }

    .filter-box .sr-serach-icon-2nd {
        position: absolute;
    }

    .filter-box button {
        float: right;
        width: 30px;
        height: 30px;
        padding: 0;
        background: none;
        border: none;
    }

.filter-price {
    width: 100%;
    text-align: right;
    float: right;
    padding: 0 7px;
    margin: 0 0 4px 0;
    cursor: pointer;
}

    .filter-price a {
        color: #555555;
        text-decoration: underline;
    }

        .filter-price a:hover {
            text-decoration: none;
        }

.fd-filter-price-detail, .filter-price-detail {
    clear: both;
    margin: 8px 0 0 auto;
    width: 100%;
    color: #000;
    font-size: 12px;
    height: 40px;
}

.filter-price-detail {
    margin: 8px 0 0 0px;
}

    .fd-filter-price-detail input, .filter-price-detail input {
        border: 1px solid #d2d2d2;
        border-radius: 3px;
        float: left;
        padding: 2px 0px;
        height: 25px;
        width: 35%;
        margin-top: 5px;
        color: #000;
        font-size: 12px;
        text-indent: 5px;
        margin-right: 5px;
    }

    .filter-price-detail .riw-menu-price-filter {
        border: none;
        background-position: -192px -23px;
        padding: 0;
        margin: 7px 0 0 0px;
        cursor: pointer;
        width: 25px;
        height: 30px;
        box-shadow: none;
    }

    .filter-price-detail .deal-filter-btn {
        padding: 0;
        margin: 9px 0 5px 10px;
        cursor: pointer;
        width: 180px;
        height: 30px;
        box-shadow: none;
        background-image: none;
        background: #f2f2f2;
        border: 1px solid #d2d2d2;
        color: #000;
        border-radius: 4px;
    }

    .filter-price-detail #txtFilterByRestaurant {
        width: 90%;
    }

.restaurant-deals-wrapper {
    overflow: hidden;
    width: 100%;
}

.restaurant-deals-list li {
    padding: 6px 5px 6px 6px;
    font-size: 14px;
    white-space: pre-wrap;
    overflow: hidden;
}

    .restaurant-deals-list li:hover {
        padding: 5px 4px 5px 5px;
    }

.deal-sel-dd {
    background: #f2f2f2;
    border: 1px solid #d2d2d2;
    cursor: pointer;
    padding: 5px;
}

.restaurant-deals {
    background: #d10101;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 8px 5px 8px 50px;
    width: 107px;
    height: 24px;
    position: relative;
    cursor: pointer;
}

    .restaurant-deals .deals-icon {
        background-position: -71px -142px;
        float: left;
        width: 31px;
        height: 29px;
        position: absolute;
        top: 4px;
        left: 8px;
    }

    .restaurant-deals .deals-arrow {
        background-position: -41px -155px;
        position: absolute;
        top: 14px;
        right: 8px;
        width: 13px;
        height: 10px;
    }

ul.deal-items {
    display: inline;
}

    ul.deal-items li p {
        padding-left: 10px;
        width: 150px;
    }

/* Search Radio buttons */
.styledRadio {
    display: inline-block;
}

label.srch-delivery {
    font-size: 14px;
    vertical-align: 3px;
    padding-right: 20px;
}

.or-cust-add {
    background: #0BC113;
    padding: 1px 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 14px;
    z-index: 100;
    margin-top: 0px;
}

.or-cust-remove {
    background: #d10101;
    padding: 1px 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 14px;
}

.position-relative {
    position: relative !important;
}

.OrderHistory {
    color: #d2d2d2;
    font-size: 15px;
    text-align: right;
    float: right;
    padding: 15px 10px;
    width: auto;
}

    .OrderHistory a {
        color: #000;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        .OrderHistory a:hover {
            color: #000;
        }

.OrderHistory-status {
    color: #000;
    clear: both;
    margin: 5px 0;
    font-size: 15px;
    padding: 4px 15px;
}

    .OrderHistory-status:hover {
        background: #f2f2f2;
    }

    .OrderHistory-status.active {
        color: #000;
        background: #f2f2f2;
        border: 1px solid #d2d2d2;
    }

/* Home page Dabang Advert */

.campaign-top-contestants {
    background: url("../../lefttoright/images/bg-campaign-top-contestants.jpg") repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 270px;
    width: 194px;
}

.top-contestants-details-seemore {
    position: absolute;
    background-color: #b70004;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#920003), to(#b70004));
    background: -webkit-linear-gradient(top,bottom, #920003, #b70004);
    background: -moz-linear-gradient(top,bottom, #920003, #b70004);
    background: -ms-linear-gradient(top,bottom, #920003, #b70004);
    background: -o-linear-gradient(top,bottom, #920003, #b70004);
    border: 2px solid #920003;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    box-shadow: 2px 2px 2px #920003;
    color: #fff;
    font-size: 14.5px;
    width: 76px;
    margin: -6px 0 0 84px;
    padding: 0px 4px 2px 5px;
}

.top-contestants-details {
    margin: 80px 5px 5px 25px;
    width: 170px;
    min-height: 126px;
    overflow: hidden;
}

.top-contestants-dv {
    padding-bottom: 8px;
    width: 145px;
}

.top-contestants-img img {
    position: absolute;
    width: 40px;
    height: 30px;
    margin-left: 5px;
    border: 1px solid #E5E5E5;
}

.top-contestants-name {
    position: relative;
    width: 100px;
    margin-left: 52px;
    font-size: 13px;
    font-weight: bold;
    color: #2f2929;
}

.top-contestants-order {
    position: relative;
    margin: 0px 0 0 52px;
    width: 75px;
    font-weight: 700;
    color: #f70808;
}

.right_advert {
    background: url("../../lefttoright/images/fast-furious-home.jpg") repeat scroll 0 0 transparent;
    border: 1px solid #d2d2d2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    float: left;
    height: 270px;
    width: 194px;
}

.more-takeway-option {
    color: #FF7603;
    display: inline-block;
    float: left;
    font-size: 15px;
    padding: 2px 0 0 20px;
}

.moreTakeAway_wrapper {
    display: inline-block;
    float: left;
}

.moreTakeAway_content {
    float: left;
    font-size: 11px;
    padding: 15px 0 0 7px;
    width: 370px;
}


.moreTakeAway-content-logo img {
    float: left;
    height: 80px;
    width: 80px;
    border: 1px solid #d2d2d2;
    border-radius: 50%;
}

.moreTakeAway-content-res-name {
    color: #000;
    float: left;
    font-size: 28px;
    max-width: 321px;
    padding-bottom: 4px;
    padding-right: 6px;
}

.moreTakeAway_optionBox {
    display: inline-block;
    width: 100%;
    float: left;
    padding: 6px 0 0 0;
    color: #000;
}

.moreTakeAway_actionBox {
    float: right;
    padding: 10px 0 0 0;
    display: inline-block;
}

/* This block of css is use for deliver area list and map view */

.map-layout-wrapper {
    float: left;
    width: 100%;
}

.rdw-map-view {
    border-bottom: 1px solid #BBBBBB;
    display: inline-block;
    float: left;
    margin: 0 0 6px;
    padding: 0 0 3px;
    width: 100%;
}

.rdw-lbl-view {
    color: #ed0000;
    display: inline-block;
    float: left;
    font-size: 19px;
    padding: 7px 0;
    font-weight: normal;
}

.rdw-lbl-area {
    background-color: #f2f2f2;
    border: 1px solid #d2d2d2;
    color: #000;
    display: inline-block;
    float: left;
    font-size: 18px;
    margin: 4px 0 0 13px;
    padding: 3px 10px;
    border-radius: 5px;
    font-weight: normal;
}

    .rdw-lbl-area:hover {
        text-decoration: underline;
    }

.rdw-lbl-view:hover {
    text-decoration: underline;
}

.rdw-icon-box {
    display: inline-block;
    float: right;
    position: absolute;
    right: 290px;
}

.list-view-wrapper {
    display: inline-block;
    float: left;
    padding: 5px;
    width: 99%;
}


.map-list,
.map-icon {
    background: url("../../lefttoright/images/bg-layout-view.png") no-repeat;
}

.map-list {
    background-position: -39px 0px;
    display: inline-block;
    float: left;
    height: 39px;
    margin: 0 4px 0 0;
    width: 25px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .map-list:hover {
        background-position: -39px -39px;
    }

.map-icon {
    background-position: -10px 0px;
    display: inline-block;
    float: left;
    height: 39px;
    margin: 0 5px 0 0;
    width: 25px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .map-icon:hover {
        background-position: -10px -39px;
    }

.map-icon-selected {
    background-position: -10px -39px;
}

.map-list-selected {
    background-position: -39px -39px;
}


.list-row {
    display: inline-block;
    float: left;
    padding: 7px 0;
    width: 49.5%;
}

.list-town-name {
    color: #000;
    display: inline-block;
    float: left;
    font-size: 16px;
    padding: 0px 5px 0px 0px;
}

.town-icon {
    background-position: -161px -386px;
    display: none;
    float: left;
    height: 15px;
    width: 11px;
}

.town-delivery-charges {
    color: #000;
    display: inline-block;
    float: left;
    font-size: 12px;
    padding: 4px 0 0;
}

.area-town-name {
    color: #ed0000;
    display: inline-block;
    float: left;
    font-size: 22px;
    padding: 3px 0;
    width: 100%;
}

.area-name {
    color: #565656;
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: bold;
}

.area-delivery-charges {
    color: #565656;
    display: inline-block;
    float: left;
    padding: 3px 0 0 5px;
}

#selectionCombo .verify-country-code {
    display: inline-block;
    float: left;
    height: 35px;
    margin: 0 6px 0 0;
    padding: 10px 5px 5px;
}

.disable-menu-item {
    filter: alpha(opacity=03);
    cursor: default;
 /*z-index: -1;
    display: inline-block;*/
}

.disable-offer-discount-text-inner {
    background-color: #F10800;
    color: #FFFFFF;
    display: table-cell;
    font-size: 16px;
    margin-left: 143px;
    padding: 5px 24px;
    position: absolute;
    text-align: right;
    top: 50%;
    width: 64%;
    z-index: 100;
}

.disable-menu-text {
    float: right;
    font-size: 14px;
    position: relative;
    vertical-align: middle;
    width: 100%;
    color:#000;
}

.disable-menu-text-inner {
    position: relative;
    width: 100%;
}

i.fa.fa-exclamation-triangle.item-not-available-icon {
    position: absolute;
    top: 6px;
    left: 10px;
    color: #ffc500;
    font-size: 15px;
}

.disable-menu-text-inner p {
    background: #fcf2bf;
    padding: 5px 5px 5px 30px;
    margin-top: 7px;
    border: 1px solid #fcbf06;
    color: #000;
    font-size: 12px;
}

.disable-searchmenu-text-inner {
    background-color: #f10800;
    color: #ffffff;
    display: table-cell;
    font-size: 16px;
    margin: 8px 36px;
    padding: 0 9px;
    position: absolute;
    text-align: left;
    width: 62%;
    z-index: 100;
}

.disable-voucher-text-inner {
    background-color: #F10800;
    color: #FFFFFF;
    display: table-cell;
    font-size: 16px;
    margin-left: -37px;
    padding: 5px 22px;
    position: absolute;
    text-align: right;
    top: 96%;
    width: 100%;
    z-index: 100;
}

.tour-login {
    position: absolute;
    top: 0px;
    left: 230px;
    width: 100px;
    height: 38px;
    z-index: -1;
}

.takeaway-option-h {
    font-size: 18px;
    color: #d10101;
    padding: 3px 5px;
}

.fb-share {
    background: url("../../lefttoright/images/fb_share.png") no-repeat 0 top transparent;
    display: inline-block;
    float: left;
    width: 60px;
    height: 18px;
}


.common-image-popup {
    background-color: #FFFFFF;
    padding: 15px;
    top: 12%!important;
    display: none;
    width: 600px;
    z-index: 1111;
    text-align: center;
}

    .common-image-popup img {
        float: none;
        max-width: 500px;
        margin: auto;
        display: block;
    }

.item-loader-popup {
    float: left;
    position: relative;
}

.search-offers-wrapper {
    background-color: #DD0007;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 19px;
    padding: 2px;
    text-align: center;
    width: 105px;
}

.search-offers-text {
    display: inline-block;
    width: 57px;
}

.search-offers-tag {
    background-color: #ffdd33;
    background-position: -32px -214px;
    display: inline-block;
    float: left;
    height: 28px;
    margin: 2px 5px 2px 2px;
    width: 36px;
}

/* Home Page new Css and Psd */
.utility-home {
    background-position: 0 3px;
    display: inline-block;
    float: left;
    height: 38px;
    width: 27px;
    margin: 0 8px 0 4px;
}

.utility-offersDiscounts {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    background-color: #DD0007;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 14px;
    margin: 6px 0 0 6px;
    padding: 5px 10px;
}

    .utility-offersDiscounts:hover {
        text-decoration: underline;
    }

.retaurant-categeory-wrapper, .retaurant-categeory-wrapper a {
    display: inline-block;
    width: 100%;
    position: relative;
    color: #777;
}

    .retaurant-categeory-wrapper .lnk-selected {
        font-weight: bold;
        cursor: pointer;
        /*border-left: 3px solid #ffdd33;*/
        padding: 10px 0px 10px 10px !important;
        width: 95%;
        color:#000;
    }

.lnk-selected .restuarent-category-name {
    font-weight: bold;
}

.disable-categeory {
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1000;
    display: block;
    overflow: no-display;
}

    .disable-categeory .retaurant-categeory-wrapper {
        position: relative;
        top: 0;
        background-color: #FFFFFF;
        height: 100%;
        opacity: 0.3 !important;
        cursor: none !important;
        width: 100%;
        z-index: -1;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
        -moz-opacity: .30;
        -khtml-opacity: 0.3;
    }

        .disable-categeory .retaurant-categeory-wrapper a {
            cursor: none;
            z-index: -1;
        }

.reg-defaul-combo {
    border: 1px solid #CCCCCC;
    color: #000;
    float: left;
    font-size: 16px;
    padding: 8px 6px;
    width: 346px;
}

.rn-selected, .rn-a-w-nav:hover, .rn-a-w-nav {
    color: #000;
    display: inline-block;
    float: left;
    font-size: 16px;
    margin: 0 11px;
    text-transform: uppercase;
    padding: 5px 15px;
    font-weight: normal;
}

.rn-selected {
    margin: 0px 10px 0px 0px;
    border-bottom: 3px solid #ffdd33;
    font-weight: bold;
}

.rn-a-w-nav:hover {
    border: none;
    margin: 0px;
    border-bottom: 3px solid #ffdd33;
}

.rn-a-w-nav {
    background: none;
    border-top: none;
    padding: 5px 15px;
    margin: 0px;
}

.rn-a-w-nav-offer:hover {
    background: #000;
    padding: 6px 10px;
    margin: -1px 14px;
    color: #d2d2d2;
    border: none;
}

.rm-offers-discounts-nav {
    background: #000;
    padding: 6px 10px;
    margin: -1px 14px;
    color: #d2d2d2;
    border: none;
}

.offers-scissors {
    background-color: #d10101;
    background-position: -14px -92px;
    float: left;
    height: 31px;
    width: 30px;
    margin: -6px 5px -6px -4px;
    background-size: 107px 162px;
    padding: 0px 0px 0px 0px;
}

.sr-offers-scissors {
    background-color: #d10101;
    background-position: -13px -78px;
    float: left;
    height: 21px;
    width: 20px;
    margin: -3px 5px -5px -4px;
    background-size: 85px 132px;
}

.sr-offers-ribbon {
    background: url("/resources/lefttoright/images/offer-ribbon.png") no-repeat scroll 0 0 transparent;
    height: 60px;
    width: 62px;
    position: absolute;
    float: right;
    top: 0px;
    right: -2%;
    margin-top: -1px;
    z-index: 90;
}


.offers-discounts-block {
    float: left;
    width: 100%;
    min-height: 74px;

}

.odd-details-res-offer.rdo-width {
    color: #717171;
}

.offers-discounts-block img {
    cursor: pointer;
    float: left;
    height: 112.5px;
    margin: 0 18px 0 0;
    width: 150px;
}

.odd-head {
    display: inline-block;
    font-weight: bold;
    padding: 5px 10px 0;
    width: 100%;
}

.odd-details {
    display: inline-block;
    float: left;
    padding: 5px 10px 0;
    width: 100%;
}

    .odd-details span {
        color: #DD0007;
    }

.odd-action-wrap {
    display: inline-block;
    float: left;
    padding: 12px 0 0;
    width: 100%;
}

.odd-action-btn {
    background: none repeat scroll 0 0 #ffdd33;
    border: 1px solid #d2d2d2;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    float: left;
    margin: 0 15px 0 0;
    padding: 8px 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

    .odd-action-btn:hover {
        text-decoration: underline;
    }

.odd-action-wrap img {
    height: 18px;
    margin: 14px 0 0;
    width: 60px;
}

.order-review-wrap {
    padding: 0 12px 0 7px;
}

.orc-review-wrap, .order-review-wrap {
    display: inline-block;
    padding: 0 0px 0 0;
    margin: 6px 0px 0 0;
}

.offers-advents-wrap {
    background-color: #f2f2f2;
    display: inline-block;
    float: left;
    margin-left: 2px;
    border-radius: 10px 10px 10px 10px;
    height: 600px;
    width: 210px;
}

    .offers-advents-wrap img {
        border-radius: 10px 10px 10px 10px;
    }

.offers-details-wrap {
    display: inline-block;
    float: left;
    padding: 0 15px;
    width: 524px;
}

.discount-area-wrap {
    background-color: #ffdd33;
    border-radius: 10px 10px 10px 10px;
    display: inline-block;
    float: left;
    padding: 15px 10px 12px 17px;
    width: 95.5%;
    margin: 0 0 10px 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.daw-left {
    display: inline-block;
    float: left;
    width: 285px;
}

    .daw-left select {
        border: 1px solid #d2d2d2;
        color: #000;
        font-style: italic;
        margin: 5px 0 5px 0px;
        padding: 5px;
        width: 293px;
    }

.daq-head-title {
    color: #d10101;
    font-weight: 900;
    font-size: 24px;
}

.daq-head {
    color: #FFFFFF;
    float: left;
    font-size: 17px;
    padding: 4px 0 8px;
}

.daq-cmdcities {
    height: 38px;
    margin: 0px 0px 5px 0px;
    border: 1px solid #ccc;
    font-size: 18px;
}

.daq-txtTownArea {
    color: #000;
    font-size: 18px;
    height: 30px;
    width: 290px;
}

    .daq-txtTownArea option {
        color: #000;
        font-size: 18px;
    }

.offers-details-wrap .offers-discounts-block {
    width: 95%;
}

    .offers-details-wrap .offers-discounts-block .offers-discounts-details {
        width: 323px;
    }

.offer-term-conditions {
    color: #ed0000;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    margin: 4px 0 0 5px;
    position: relative;
    text-decoration: underline;
}

.offer-term-box, .offer-term-box-2 {
    background-color: #FFFFFF;
    color: #000;
    display: none;
    float: right;
    font-size: 12px;
    padding: 7px;
    position: absolute;
    top: 34px;
    width: 310px;
    z-index: 101;
}

.offer-term-box-2 {
    left: 160px;
    top: 35px;
}

.sr-dvTerms {
    box-shadow: 0px 0px 10px 1px #ccc;
    background-color: #FFF;
    display: none;
    font-style: normal;
    font-size: 15px;
    position: absolute;
    border: thin solid #ccc;
    padding: 5px 5px 5px 5px;
    width: 310px;
    height: auto;
    color: #000;
    z-index: 110;
}


/* Temperary Classes of Order Win page orderwin.aspx*/
.leadingContestants {
    margin: 10px 5px 0px 5px;
    width: 600px;
}

.leadingContestants-details {
    float: left;
    margin: 0;
    padding-bottom: 42px;
    width: 290px;
}

.leadingContestants-img img {
    position: absolute;
    width: 40px;
    height: 30px;
    margin-left: 5px;
    border: 1px solid #d2d2d2;
}

.leadingContestants-name {
    position: absolute;
    width: 230px;
    margin-left: 57px;
    font-size: 13px;
    font-weight: bold;
    color: #2f2929;
}

.leadingContestants-order {
    position: absolute;
    margin: 20px 0 0 57px;
    width: 230px;
    font-weight: bold;
    color: #f70808;
}

.ff-leadingContestants-order {
    color: #F70808;
    font-weight: bold;
    line-height: 12px;
    margin: 0 0 0 10px;
    position: absolute;
    width: 145px;
}

.ff-leadingContestants-name {
    color: #2F2929;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 78px;
    width: 145px;
}

.ff-leadingContestants-details {
    margin: 0;
    padding-bottom: 30px;
    width: 155px;
}

.ff-leadingdetails {
    float: left;
    font-style: italic;
}

.prize-list-food-madness {
    margin: 0 10px;
    padding: 0px;
    width: 300px;
    float: left;
}

    .prize-list-food-madness span {
        font-size: 24px;
        font-weight: bold;
    }

    .prize-list-food-madness img {
        margin-top: 20px;
        width: 295px;
    }

/*End Temperary Classes of Order Win page orderwin.aspx*/

.clsOtherCont {
    float: left;
    line-height: 22px;
    margin: 20px 0;
    min-width: 600px;
    min-height: 160px;
    text-align: justify;
}

.font-style-italic {
    font-style: italic;
}

.clsOtherCont span img.TopOrderImg {
    width: 200px;
    height: 150px;
}

.clsOtherCont div.TopOrderName {
    margin: 0 0 0 220px;
}

.clsOtherCont div.TopOrders {
    margin-left: 220px;
}

.clsOtherCont span.OtherContOrders {
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
}

.ff-cntodr {
    float: left;
}

.contestants-position {
    float: right;
    margin: -4px 0 0 5px;
}

#dvTopSecondContestants img {
    float: left;
    width: 170px;
    height: 127.5px;
    border: 1px solid #ccc;
}

#dvTopThirdContestants img {
    float: left;
    width: 150px;
    height: 112.5px;
    border: 1px solid #ccc;
}

.dvOtherCont, .dvPotContest {
    float: right;
    width: 470px;
}

.tacns {
    margin-top: -6px;
    font-size: 14px;
    margin-left: -5px;
    margin-bottom: 8px;
    color: #fff;
    text-align: center;
    position: relative;
    background-color: rgb(230, 0, 0);
    width: 320px;
    height: 20px;
    z-index: 1;
    padding-top: 4px;
}

.TermCondition {
    width: 43%;
    margin-top: -16px;
    display: block;
    cursor: pointer;
}

.offers-discounts-details-res-offer {
    color: #000;
    display: inline-block;
    float: left;
    position: relative;
    font-size: 12px;
    width: 380px;
}

.odd-head-res-offer {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    width: 100%;
}

.rm-VoucherDescription {
    float: left;
    min-height: 18px;
    width: 100%;
    font-size: 12px;
    font-weight: normal;
}

.odd-details-res-offer span {
    color: #DD0007;
    z-index: 101;
    font-style: normal;
    float: left;
}

.odd-action-wrap-res-offer {
    display: inline-block;
    float: right;
    margin: 0px 10px 0px 0px;
}

.odd-action-btn-res-offer {
    background: #ee0000;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 11px;
    float: right;
    padding: 0px 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    vertical-align: top;
    margin-right: 0px;
}

    .odd-action-btn-res-offer:hover {
        text-decoration: underline;
    }

.odd-action-wrap-res-offer img {
    height: 18px;
    float: right;
    margin: 0px 5px 0 0;
    width: 60px;
}

.rdo-width {
    width: 95%;
}

.rdo-tc-width {
    width: 130px;
}

.pointer {
    cursor: pointer;
}

.itm-discount {
    float: left;
    font-size: 13px;
    overflow: hidden;
    padding: 5px 0;
    width: 100%;
    margin: 0 0 0 0;
    color: #fff;
    background-color: #fe4b0a;
    border: 1px dashed #fff;
}

.basket-total-payable-price {
    float: left;
    font-weight: normal;
    margin: 0px 0px 5px;
    width: 100%;
    padding: 0px 0px 0px 15px;
    box-sizing: border-box;
    padding-right: 150px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: right;
    position:relative;
}

.txt-for-disc {
    color: #529b05;
    font-size: 16px;
    font-weight: bold;
    margin: 0 3px 0 5px;
}

    .txt-for-disc img {
        width: 29px;
        height: 30px;
    }

.txt-for-detail {
    margin: 0 3px 0 5px;
    font-size: 12px;
}

.disc-nodisc-dtl {
    float: left;
    width: 100%;
    text-align: center;
}

.txt-for-nodisc {
    font-size: 14px;
    margin: 0 3px 0 0;
}

    .txt-for-nodisc i {
        font-size: 16px;
        color: #fe4b0a;
        margin-right: 5px;
        padding: 5px;
        background: #fff;
        border-radius: 6px;
    }

    .txt-for-nodisc img {
        width: 19px;
        height: 30px;
    }


#mainscro {
    height: 300px;
    width: 468px;
    margin: 0px 0 0 0;
    padding: 6px 0px 6px 0px;
}

    #mainscro .nano {
        text-shadow: #eee 0 1px;
    }

.small.nano {
    background: #ffa;
    height: 100px;
    margin-top: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/*---Nano scrollar css ---*/

/** initial setup **/
.nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .nano .content {
        position: absolute;
        overflow: scroll;
        overflow-x: hidden;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

        .nano .content:focus {
            outline: thin dotted;
        }

        .nano .content::-webkit-scrollbar {
            visibility: hidden;
        }

.has-scrollbar .content::-webkit-scrollbar {
    visibility: visible;
}

.nano > .pane {
    background: rgba(0,0,0,.25);
    position: absolute;
    width: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
    opacity: .01;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .nano > .pane > .slider {
        background: #000;
        background: rgba(0,0,0,.5);
        position: relative;
        margin: 0 1px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

.nano:hover > .pane, .pane.active, .pane.flashed {
    visibility: visible; /* Target only IE7 and IE8 with this hack */
    opacity: 0.99;
}

/* Customized CSS dropdown common classes for cities and all order types starts */

.all-order-types {
    margin: 0 0 0 15px;
}

.all-order-types {
    float: left;
    width: 165px;
    line-height: 1.3;
    position: relative;
    cursor: pointer;
    z-index: 100;
    background: #0080ca;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 18px;
    padding: 5px;
    z-index: 99;
    text-transform: uppercase;
}

.all-cities {
    float: left;
    position: relative;
    margin: 39px 0 0 0px;
    cursor: pointer;
    width: 85px;
    background-color: #f2f2f2;
    border-radius: 5px;
    font-size: 14px;
    color: #000;
    z-index: 100;
}

.map-pin-city-name {
    float: right;
    padding: 5px 0px 0px 0px;
    width: 70px;
    color: #000;
    height: 23px;
}


.all-order-types li a {
    display: inline-table;
    float: left;
    background: #f2f2f2;
    border: 1px solid #d2d2d2;
    margin-left: -1px;
    width: 165px;
}

.all-cities li a {
    background-color: #f2f2f2;
    color: #000;
    display: inline-table;
    float: left;
    padding: 5px 5px;
    width: 76px;
}

.all-order-types a,
.all-cities a {
    display: block;
    padding: 4px 5px;
}

.all-order-types .dropdown,
.all-cities .dropdown {
    position: absolute;
    top: 98%;
    left: 0;
    right: 0;
    list-style: none;
    font-weight: normal;
    cursor: none;
    display: none;
}


.no-opacity .all-order-types .dropdown,
.no-opacity .all-cities .dropdown,
.no-pointerevents .all-cities .dropdown,
.no-pointerevents .all-order-types .dropdown {
    display: none;
    cursor: none;
}


.no-opacity .all-order-types.active .dropdown,
.no-opacity .all-cities.active .dropdown,
.no-pointerevents .all-order-types.active .dropdown,
.no-pointerevents .all-cities.active .dropdown {
    display: block;
}

.all-order-types.active,
.all-cities.active {
    border-radius: 5px 5px 0 0;
}

    .all-order-types.active li:last-child a,
    .all-cities.active li:last-child a {
        border-radius: 0 0 5px 5px;
    }

    .all-cities.active .dropdown,
    .all-order-types.active .dropdown {
        display: block;
        cursor: auto;
    }

.all-cities .dropdown {
    margin-left: 13px;
    float: right;
}

.map-pin-header {
    background-position: -63px 0;
    background-size: 290px auto;
    height: 15px;
    margin: 5px 0 0;
    width: 11px;
}
/* Customized CSS dropdown common classes for cities and all order types ends */


.orc-city-label {
    color: #000;
    font-size: 14px;
    line-height: 35px;
    padding-right: 20px;
}

/* Temperary files css */

.fd-page-content-wrapper {
    float: left;
    margin: 0 0 50px;
    min-height: 250px;
    width: 100%;
}

.hp-search-box {
    height: auto;
    margin: 0px 1px 0px -2px;
}

.hp-search-box {
    width: 200px;
    margin-top: 2px;
}

.fd-f-select-input {
    background-color: #FFF;
    border: 1px solid #d2d2d2;
    border-radius: 6px 6px 6px 6px;
    color: #000;
    float: left;
    font-family: arial;
    font-size: 16px;
    height: 35px;
    margin: 8px 10px;
    padding: 3px 3px 3px 0;
    width: 91%;
    cursor: pointer;
}

.hp-search-txt {
    background-color: #f2f2f2;
    border: 1px solid #d2d2d2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 8px 6px;
}

.hp-search-txt {
    margin: 0;
    padding: 10px 9px 18px 1px;
    width: 182px;
}

.sr-txtbox, .fd-txtbox {
    height: 21px;
    padding: 6px 0 5px 6px;
}

.fd-input-arrow {
    border-left: 1px solid #000;
    color: #000;
    cursor: pointer;
    float: right;
    font-size: 18px;
    font-weight: bold;
    margin: -36px 14px 0 0;
    padding-left: 7px;
}

.fd-left-box2 {
    width: 255px;
    background-color: #fff;
    margin-top: 10px;
    border: 1px solid #d2d2d2;
    border-radius: 10px 10px 0 0;
}

.hp-left-box {
    width: 200px;
}

.fd-left-box {
    background-color: White;
    float: left;
    width: 220px;
    max-height: 565px;
}

.fd-advrt-bnr {
    margin: 20px 8px 0;
    width: 210px;
}

    .fd-advrt-bnr img {
        margin-bottom: 30px;
        cursor: pointer;
        border-radius: 10px;
    }

.fd-right-box1 {
    width: 771px;
    background-color: #f2f2f2;
    margin-left: 0px;
    float: right;
}

.fd-tabs {
    background-color: #f2f2f2;
    height: 40px;
    font-size: 16px;
    margin: 10px 5px;
    width: 98%;
}

    .fd-tabs ul {
        height: 30px;
        margin: 0px 5px 0 0;
        width: 51%;
        position: absolute;
    }

    .fd-tabs li {
        display: inline;
        float: left;
    }

.li-sep {
    float: left;
    font-size: 22px;
    padding-top: 4px;
}

.fd-tabs li a {
    color: #000;
    float: left;
    width: 110px;
    height: 30px;
    text-align: center;
    padding: 10px 5px 0;
}

    .fd-tabs li a:hover, .fd-tabs li a.active {
        background-color: #ffdd33;
        color: #fff;
        font-weight: bold;
    }

.fd-hot, .fd-new, .fd-discount {
    margin: 10px 0 10px 10px;
    width: 99%;
    float: left;
}

.fd-hot {
    margin: 0px 0 10px 0px;
    width: 100%;
    float: left;
}

.fd-hot-box {
    float: left;
    margin-bottom: 8px;
    background: #fff;
    padding: 10px 14px 0px 14px;
}

.fd-hot-head {
    color: #ed0000;
    font-size: 18px;
    font-weight: bold;
    float: left;
    margin-right: 5px;
    margin-bottom: -5px;
}

.fd-deal-heading:hover .fd-hot-details {
    color: #000;
    cursor: pointer;
    text-decoration: underline;
}

.fd-deal-heading:hover .fd-deal-hed h2 {
    text-decoration: underline;
    color: #ed0000;
}

.fd-hot-details {
    color: #000;
    font-size: 14px;
    line-height: 28px;
}

.fd-deal-heading {
    position: inherit;
    float: left;
    width: 100%;
    margin-left: 5px;
}

.fd-deal-dtl {
    cursor: pointer;
    float: left;
}

.rd-deal-dtls {
    cursor: default;
    float: left;
    width: 95%;
}

.fd-deal-hed {
    float: left;
    color: #000;
}

.fd-deal-share, .fd-deal-dtl-share {
    background-color: #000;
    cursor: pointer;
    float: right;
    height: 20px;
    margin: 0px 0px 0 0;
    padding: 5px 2px 0 2px;
    width: 20px;
}

    .fd-deal-dtl-share:hover, .fd-deal-share:hover {
        background-color: #0080ca;
    }

.fd-deal-dtl-share-hover {
    background-color: #ffdd33;
}

.fd-deal-share .fd-filter-arrow-left img, .fd-deal-dtl-share .fd-filter-arrow-left img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 425px;
}

.fd-dlv {
    float: left;
    width: 100%;
}

.fd-deal-logo {
    float: left;
    margin: 5px 0 0 0;
    -ms-margin-top: 20px;
}

.fd-dlv-img {
    float: left;
    cursor: pointer;
    height: 150px;
    width: 200px;
    border: 1px solid #D2D2D2;
}

    .fd-dlv-img img {
        height: 150px;
        width: 200px;
    }

.fd-dlv-order {
    float: left;
    margin: 107px 0px 0px 5px;
    width: 300px;
}

    .fd-dlv-order .fd-dlv-head {
        color: #ffdd33;
        font-size: 18px;
        font-weight: bold;
    }

.fd-dlv-or-charges {
    font-size: 13px;
    float: left;
    width: 300px;
    margin: 5px 0 10px;
}

.fd-dlvry-rs-dtl {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

.fd-charges-names {
    float: left;
    width: 155px;
    color: #000;
}

.fd-charges-amount {
    float: left;
    width: 140px;
}

.fd-dlv-rs-dtl {
    cursor: pointer;
    float: left;
    width: auto;
}

.fd-rs-review-wrap {
    margin: 28px 0 0 5px;
    float: left;
    width: 75%;
}

.fd-rs-reviews {
    font-size: 11px;
    padding: 4px 0px 4px;
    text-align: left;
    float: left;
    margin-top: 2px;
    display: inline-block;
    width: auto;
}

.fd-dlv-rs-dtl-a {
    height: 49px;
    width: 66px;
    float: left;
    border: 1px solid #D2D2D2;
}

    .fd-dlv-rs-dtl-a img {
        width: 66px;
        height: 49px;
    }

.fd-dlv-rs-name {
    color: #000;
    cursor: pointer;
    float: right;
    font-size: 15px;
    padding-left: 5px;
    position: relative;
    width: 219px;
}

.fd-deals-details {
    float: right;
    width: 210px;
    margin-top: 69px;
}

.fd-label, .fd-label-more-deals {
    color: #000;
    float: right;
    font-size: 32px;
    width: 100%;
    text-align: right;
}

.fd-label-more-deals {
    margin: 2px 0 0px 0px;
    font-size: 24px;
    width: 100%;
    text-align: center;
}

.fd-getdeal-green, .fd-getdeal-orang, .fd-getdeal-blue, .fd-getdeal-dark-gray {
    background-color: #0BC113;
    color: #FFFFFF;
    display: inline-block;
    margin: 0 0 0px 15px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 0px;
    float: right;
    width: 205px;
    border-radius: 3px;
    text-align: center;
    box-shadow: 0px 1px 1px #717171;
    text-shadow: 0px 1px 1px #000;
}

.fd-getdeal-blue {
    background-color: #0080ca;
}

.fd-getdeal-orang {
    background-color: #dd0007;
}

.fd-getdeal-dark-gray {
    background-color: #999;
}

.fd-getdeal-blue, .fd-getdeal-orang, .fd-getdeal-dark-gray {
    padding: 11px 0px;
}

.fd-getdeal-action-deliver-orders {
    float: left;
    text-align: center;
    width: 100%;
    font-size: 12px;
    margin-top: 2px;
    font-weight: normal;
}

.fd-label-serving {
    color: #000;
    font-size: 13px;
    font-weight: normal;
}

.fd-label-htns {
    color: #818181;
    font-size: 13px;
    float: left;
    margin: 10px 0 0 0px;
}

.deal-dtl-lbl-deal-hotness, .fd-label-deal-hotness {
    color: #D10101;
    float: right;
    font-family: Arial;
    font-size: 23px;
    font-weight: bold;
}

.deal-dtl-lbl-deal-hotness {
    margin-right: 30px;
}

    .deal-dtl-lbl-deal-hotness sup, .fd-label-deal-hotness sup {
        font-size: 12px;
        font-weight: normal;
    }

.fd-getdeal-hot {
    background-color: #D10101;
    color: #FFFFFF;
    float: left;
    font-size: 15px;
    margin-left: 15px;
    padding: 3px 10px;
    text-align: center;
    width: 65px;
    margin-top: 2px;
}

.fd-getdeal-cold {
    background-color: #0080CA;
    color: #FFFFFF;
    float: left;
    font-size: 15px;
    margin-left: 10px;
    padding: 3px 10px;
    text-align: center;
    width: 65px;
}

.fd-comments {
    color: #ff7603;
    float: left;
    font-size: 14px;
    margin-left: 5px;
}

.sr-search-side, .fd-search-side {
    margin: 0px;
    overflow: hidden;
    float: right;
    width: 444px;
}

.sr-search-side {
    display: none;
}

.rm-search-side {
    margin: 20px 0px 0px;
    float: left;
    overflow: hidden;
    width: 100%;
}

.rm-popup-del-area-txtbox {
    float: left;
}

.common-area-search-go-btn {
    background: #000;
    color: #f2f2f2;
    padding: 5px 10px;
    float: none;
    margin: 1px 0px 0px 10px;
    font-size: 16px;
    cursor: pointer;
    vertical-align: sub;
}

.common-order-type-slc-wrap {
    width: 52%;
    margin: 3px 0 0 10px;
    letter-spacing: 0px;
    font-size: 20px;
    text-transform: uppercase;
    float: left;
}

.common-order-type-slc-spn {
    padding-right: 0px;
}

.common-area-txtbox {
    width: 359px;
}

.common-order-type-slc-wrap a.common-slctd-order-type:first-child {
    padding-right: 5px;
}

.common-slctd-order-type {
    font-family: 'open sans';
    font-weight: bold;
    color: #ed0000 !important;
    padding-right: 3px;
    margin-left: -1px;
    margin: 0px 0px 0px 0px;
    border-left: 6px solid #000 !important;
    height: 20px;
    display: inline-block;
    line-height: 20px;
}

.common-area-txtbox-map-pin {
    float: left;
    height: 24px;
    background-position: -177px -58px;
    margin: 0 -7px 0 0;
    width: 22px;
    position: relative;
    padding: 5px 1px;
    background-color: #d2d2d2;
}

.fd-comments:hover {
    text-decoration: underline;
}

.fd-box-separater {
    float: left;
    margin: 5px 0 0px 0;
    width: 100%;
    padding: 2px 0 0px 0;
}

.fd-right-box2 {
    min-height: 275px;
    width: 800px;
}

.related-deals {
    color: #000;
    background-color: #f2f2f2;
    border-radius: 10px 10px 0 0;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 5px 10px;
    float: left;
    width: 245px;
    border-bottom: 1px solid #d2d2d2;
}

.rlt-deal-box {
    border-bottom: 1px solid #d2d2d2;
    background-color: #fff;
    float: left;
    margin: 5px;
    padding: 5px;
    width: 238px;
}

.fd-rlt-deal-dtl {
    width: 98%;
    cursor: pointer;
}

    .fd-rlt-deal-dtl:hover .fd-rlt-hot-head {
        text-decoration: underline;
        color: #0BC113;
    }

    .fd-rlt-deal-dtl:hover .fd-rlt-hot-details {
        text-decoration: underline;
        color: #000;
    }

.fd-rlt-hot-head {
    color: #0BC113;
    font-size: 13px;
    cursor: pointer;
}

.fd-rlt-hot-details {
    color: #000;
    font-size: 12px;
    font-weight: lighter;
}

.fd-rltd-deal {
    width: 250px;
    margin-top: 10px;
}

    .fd-rltd-deal img {
        width: 120px;
        float: left;
        height: 90px;
    }

.fd-more-deal-img-wrap {
    border: 1px solid #d2d2d2;
    float: left;
    padding: 1px;
}

.fd-rlt-view {
    float: left;
    width: 122px;
    margin-top: 30px;
}

.fd-rlt-view-btn {
    float: left;
    text-align: center;
    width: 100%;
}

.fdrlts-price {
    color: #D10101;
    float: right;
    font-family: Arial;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 0 0px;
}

.fd-rlt-getdeal {
    background-color: #0BC113;
    border-radius: 5px;
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    margin: 0 13px 0 0;
    padding: 3px 10px;
    width: 69px;
}

    .fd-rlt-getdeal:hover {
        text-decoration: underline;
    }

.fd-right-box2 {
    min-height: 275px;
    width: 743px;
}

.fd-hot-deal-dtl {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    float: left;
    margin: 10px 0 12px 4px;
    padding: 10px;
    width: 556px;
}

.fd-deal-dtl-share {
    cursor: pointer;
    float: right;
    text-align: center;
    border-radius: 3px;
}

    .fd-deal-dtl-share img {
        width: 13px;
    }

.fd-deal-dlv-img img {
    height: 244px;
    width: 325px;
    cursor: pointer;
}

.fd-deal-dlv-img {
    border: 1px solid #E1E1E1;
    padding: 1px;
    height: 244px;
    width: 325px;
    float: left;
}

.fd-get-deal-img {
    cursor: pointer;
    margin-left: 15px;
    margin-top: -10px;
}

.fd-slct-deals-details {
    float: left;
    width: 230px;
}

.fd-slct-label-htns {
    color: #818181;
    float: left;
    font-size: 13px;
    margin: 7px 0 3px 33px;
}

.fd-dl-pr {
    border: 1px solid #ffdd33;
    border-radius: 10px 10px 10px 10px;
    float: right;
    margin: -65px 5px 0;
    padding: 20px 0 8px;
    width: 218px;
}

    .fd-dl-pr h6 {
        font-size: 13px;
        float: left;
        margin: 23px 5px 0px 0px;
    }

.fd-slct-getdeal-hot {
    background-color: #D10101;
    color: #FFFFFF;
    float: left;
    font-size: 15px;
    margin: 0px 0 0 8px;
    padding: 3px 10px;
    text-align: center;
    width: 65px;
}

.fd-slct-advrt-bnr {
    float: left;
    height: 465px;
    margin: 14px 5px 0;
    width: 165px;
}

    .fd-slct-advrt-bnr img {
        width: 165px;
        height: 465px;
    }

.fd-slct-dlv {
    float: left;
    margin-top: 10px;
    width: 101%;
}

.dd-signup-box {
    background-color: #F2F2F2;
    border: 1px solid #CCC;
    padding: 3px 0 3px 6px;
    display: none;
    margin: 15px 0 5px 0;
    float: left;
    width: 99%;
}

    .dd-signup-box a {
        color: #0BC113;
        font-weight: bold;
    }

        .dd-signup-box a:hover {
            text-decoration: underline;
        }

.fd-deal-rs {
    float: left;
    width: 585px;
}

.fd-rs-logo {
    float: left;
    margin: 10px 7px 0 0;
}

    .fd-rs-logo .rs-logo {
        cursor: pointer;
        height: 75px;
        width: 100px;
    }

.fd-rs-Image-wrap {
    border: 1px solid #E1E1E1;
    padding: 1px;
    height: 75px;
    width: 100px;
    float: left;
}

.fd-deal-rs-details {
    width: 425px;
    float: left;
}

.fd-slct-label {
    color: #D10101;
    font-family: Arial;
    font-size: 40px;
    font-weight: bold;
    margin: 7px 0 0;
}

.fd-dl-pr-details {
    float: left;
    margin: 40px 0 -15px 0;
    width: 100%;
    text-align: center;
}

.fd-dl-pr-dtls-wrap {
    float: left;
    width: 100%;
}

.fd-dl-dtls-btns-wrap {
    float: left;
    margin-left: 11px;
}

.fd-dl-rupees {
    float: left;
    font-size: 15px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 6px;
    margin-top: 14px;
}

.fd-rs-name {
    color: #0BC113;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0px 5px;
    cursor: pointer;
}

    .fd-rs-name:hover {
        text-decoration: underline;
    }

.fd-rs-addrs {
    float: left;
    font-family: arial;
    font-size: 13px;
    color: #000;
    width: 425px;
}

.fd-rs-dlv-box {
    float: left;
    width: 427px;
}

.fd-rs-dlv-time {
    float: left;
    font-size: 13px;
    width: 142px;
    margin: 5px 0 0;
    color: #000;
}

.fd-rs-dlv-order {
    float: left;
    width: 145px;
}

.fd-rs-dlv-or-dtl {
    font-weight: bold;
}

.fd-rs-head {
    color: #ffdd33;
    float: left;
    font-size: 17px;
    font-weight: bold;
    margin-top: 3px;
    width: auto;
}

.fd-order-type {
    margin: 2px 3px 0;
    float: left;
}

    .fd-order-type img {
        cursor: pointer;
        height: 28px;
        width: 28px;
    }

.fd-cns-comnts {
    color: #ffdd33;
    float: left;
    font-size: 20px;
    margin: 5px 5px 15px;
    width: 520px;
}

.fd-customer-comments-img {
    width: 75px;
    height: 55px;
    float: left;
    margin: 5px 5px 5px 10px;
    cursor: pointer;
}

.fd-comments-details {
    background-color: #F8F8F8;
    border: 1px solid #eee;
    float: left;
    margin: 3px;
    padding: 10px;
    width: 412px;
}

.fd-deal-comments {
    color: #525252;
}

.fd-comments-by {
    float: left;
    font-family: arial;
    font-size: 13px;
    color: #0BC113;
    padding: 5px 10px 5px 0;
    cursor: pointer;
}

.fd-comments-days {
    color: #666666;
    float: left;
    font-size: 12px;
    font-style: italic;
    margin: 5px 0;
}

.fd-comments-lk-dlk {
    color: #666666;
    float: left;
    font-size: 12px;
    font-style: italic;
    margin: 6px 0 3px 1px;
    width: 420px;
}

.fd-lk-dlk {
    color: #000;
    float: right;
    height: 20px;
    margin: -13px 13px 0 0;
    padding: 5px 0 10px;
}

.fd-dislike {
    margin: 0 0 0 -3px;
}

.fd-deal-txtarea {
    border: 1px solid #eee;
    float: left;
}

    .fd-deal-txtarea textarea {
        border: 1px solid #d2d2d2;
        color: #000;
        font-family: arial;
        font-size: 15px;
        height: 30px;
        padding: 5px 0 0 5px;
        width: 395px;
        margin: 4px;
    }

.fd-comnts-count {
    background-color: #FFFFFF;
    border-bottom: 1px solid #d2d2d2;
    color: #0BC113;
    float: left;
    font-size: 14px;
    height: 20px;
    padding: 5px;
    width: 400px;
}

.fd-rs-img-tooltip-wrap {
    width: 115px;
}

.fd-owners-rpy {
    background-color: #ECFAE1;
    border-bottom: 1px solid #eee;
    float: left;
    margin-bottom: 2px;
    width: 410px;
}

.fd-rs-cmnts-logo {
    float: left;
    cursor: pointer;
    margin: 7px 10px;
}

.fd-rlt-deal-img {
    cursor: pointer;
}

.fd-cmnts-owner-rpy {
    color: #000;
    float: left;
    font-size: 13px;
    margin: 6px 0 0;
    width: 355px;
}

.fd-rs-comments-lk-dlk {
    color: #666666;
    float: right;
    font-size: 12px;
    font-style: italic;
    margin: 6px 6px 3px;
    width: 358px;
}

.fd-comments-post {
    float: left;
    margin: 10px 5px 5px 15px;
}

.fd-cmnts-head {
    color: #000;
    float: left;
    font-size: 18px;
    margin: 0 11px 6px;
}

.fd-post-txtarea {
    background-color: #F8F8F8;
    border: 2px solid #eee;
    float: left;
    margin: 0 5px 0 10px;
    min-height: 40px;
    width: 500px;
}

    .fd-post-txtarea textarea {
        background-color: #F8F8F8;
        border: medium none;
        color: #666666;
        font-family: arial;
        font-size: 16px;
        height: 70px;
        padding: 4px 8px 0;
        width: 484px;
    }

.fd-post-btn {
    background-color: #ffdd33;
    border-radius: 7px 7px 7px 7px;
    color: #F1F1F1;
    float: right;
    font-family: arial;
    font-size: 16px;
    margin: 10px 20px 0 0;
    padding: 7px 15px;
}

    .fd-post-btn:hover {
        text-decoration: underline;
    }

.fd-select-hover {
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 12px 1px #dadada;
    display: none;
    top: 50px;
    position: absolute;
    z-index: 100;
    font-size: 14px; /*for search page.*/
}

.fd-select-rating-hover {
    margin: 2px 0px 0px 45px;
    width: 100px;
    padding: 5px;
}

.fd-filter-arrow {
    margin: -30px 0 0 5px;
    position: absolute;
    float: left;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.common-filter-cuisine {
    font-size: 17px;
    font-weight: normal !important;
}

.fd-search-by-city span {
    float: left;
    padding: 6px 0 6px 5px;
    width: 31%;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    margin: 3px 3px 3px 3px;
}

    .fd-search-by-city span:hover {
        background-color: #ffdd33;
        color: #fff;
    }

.fd-fltr-rs {
    height: auto;
    margin-bottom: 5px;
    margin-top: 0px;
}

.fd-online-orders-types {
    float: left;
    width: 100%;
}

    .fd-online-orders-types span h3 {
        color: #000;
        font-size: 18px;
        padding: 5px;
        font-weight: lighter;
        background-color: #f2f2f2;
    }

    .fd-online-orders-types ul {
        float: left;
        width: 101%;
        margin: 6px 0 0 3px;
        cursor: pointer;
    }

.lnk-selected-cities {
    color: #000;
    background-color: #f2f2f2;
    margin: 2px;
}

.rs-dllnk-selected {
    margin-bottom: 3px;
    color: #000 !important;
    float: left;
    margin: 4px 10px;
}

.social-icon-wrap {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.rs-dllnk-selected-mouse-over {
    color: White;
    background-color: #f10800;
}

.fd-online-orders-types ul li {
    float: left;
    padding: 5px 8px;
    width: 27%;
    font-size: 14px;
    margin: 2px 2px 2px 9px;
}

    .fd-online-orders-types ul li:active, .fd-online-orders-more-types ul li:active {
        background-color: #f10800;
        color: #fff;
    }

.fd-online-orders-more-types {
    padding: 0px;
    width: 96%;
}

    .fd-online-orders-more-types ul {
        float: left;
        margin: 6px 0px 10px 0px;
        width: 100%;
    }

        .fd-online-orders-more-types ul li {
            color: #000;
            float: left;
            margin: 0px 0 3px 0;
            padding: 5px 0px 5px 5%;
            width: 95%;
            cursor: pointer;
            font-size: 14px;
            font-weight: normal;
        }

            .fd-online-orders-more-types ul li:hover {
                font-weight: normal;
                color: #000;
            }

.fd-deals-page-features {
    cursor: pointer;
    background: #0080CA;
    padding: 10px;
    width: 732px;
    float: left;
    margin-bottom: 15px;
}

    .fd-deals-page-features span {
        text-align: center;
        color: #fff;
        font-size: 20px;
        float: left;
        width: 100%;
    }

.fd-deal-criteria-box {
    background: #fff;
    padding: 10px 0px 10px 0px;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.fd-criteria-wrap {
    float: left;
    width: 100%;
    position: relative;
}

.fd-search-criteria-txt {
    font-size: 18px;
    margin-left: 5px;
    color: #000;
}

.icon-orc-reg-form-info-25:hover {
    background-image: url(/resources/lefttoright/images/info_icon_dark.png);
}

.icon-orc-reg-form-info-25 {
    background-image: url(/resources/lefttoright/images/info_icon_light.png);
    float: right;
    cursor: pointer;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    margin: 4px 0 0 0;
}

.icon-orc-reg-form-info-25-slctd {
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(/resources/lefttoright/images/info_icon_dark.png);
    height: 16px;
    width: 16px;
    margin: 4px 0 0 0;
}

.fd-deal-criteria-box .registration-help-message {
    color: #f2f2f2;
    font-size: 13px;
    font-weight: normal;
    float: right;
    margin: -5px 0 0 -7.3em;
    position: absolute;
    padding: 10px;
}

.fd-sub-filter-types {
    float: left;
    margin-left: 0;
    width: 240px;
}

.fd-parent-filter {
    color: #000;
    float: left;
    font-weight: lighter;
    margin: 0 0 0;
    width: 250px;
    font-size: 17px;
}

.fd-price-filter-range {
    float: left;
    font-size: 13px;
    margin: 9px 3px 0 -1px;
}

.fd-filter-inp {
    margin: 0px auto;
    width: 100%;
    float: left;
}

    .fd-filter-inp input {
        width: 40px;
        margin: 0;
    }

.fd-range-slider-wrap {
    width: 100%;
    margin: 15px 0px;
}

.fd-filter-serving-wrap {
    margin: 0px auto 0px 10px;
    width: 90%;
    display: inline-block;
}

.fd-serving-heading {
    margin: 8px 0 10px 5px;
    float: left;
    font-weight: bold;
    font-size: 14px;
}

.fd-filter-go-btn {
    background: #000;
    color: #f2f2f2;
    padding: 5px 8px;
    float: right;
    margin: 5px 0px 0px 10px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 3px;
}

.hp-filter-inp input {
    width: 60px;
}

.fd-area-dropdown-arrow-left-restaurant {
    width: 0;
    height: 0;
    float: left;
    margin: -25px 0px 0px 80px;
    position: absolute;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.fd-hover-exit {
    margin: -10px 15px 10px 10px;
}

.fd-share-hover {
    margin: 20px 0px 0px -200px;
    width: 160px;
    cursor: default;
    top: 75px;
    padding: 10px 0px 10px 10px;
}

.fd-share-icon span img {
    margin-left: 10px;
}

.fd-share-hover > .fd-arrow-for-cities {
    margin: -5px 0px 0px 10px;
}

.fd-arrow-left {
    margin: -1px 0px 0px 381px;
    position: absolute;
    float: left;
}

.fd-select-hover-exit:hover {
    color: #000;
}

.fdo-offers-details-wrap {
    display: inline-block;
    float: left;
    padding: 0 15px;
    width: 524px;
    margin-left: 10px;
}

.rsofr-advrt {
    width: 173px;
    height: 495px;
    margin: 8px 0 0;
}

    .rsofr-advrt img {
        width: 200px;
        height: 495px;
    }

    .rsofr-advrt a {
        float: left;
        margin-bottom: 25px;
    }

.cursor-text {
    cursor: text;
}

.order-win-or {
    font-size: 21px;
    font-weight: bold;
    padding: 12px 60px;
    background: none repeat scroll 0 0 #FC0000;
    color: #FFFFFF;
    margin: 0 0 0 186px;
}

.order-win-or-a {
    color: #ffffff;
    font-size: 27px;
}

.rbc-form-check-plz-wait {
    margin-left: 146px;
    padding-left: 75px;
    width: 300px;
}

.rs-slcted-menu-item-wrap {
    margin: 0px 0 10px 0px;
    width: 68.4%;
    float: left;
}

.full-menu-main-wrap {
    width: 100%;
    float: left;
    padding-top: 15px;
    text-align: center;
    color: #000;
    font-size: 24px;
    font-weight: 300 !important;
}

.full-menu-border {
    float: left;
    border-bottom: 2px dashed #999;
    width: 30%;
    margin: 22px 30px 20px 30px;
}

.full-menu-main-wrap p {
    float: left;
    text-transform: capitalize;
    font-size: 30px;
}

.full-menu-inner {
    width: 72%;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    float: none;
}

.rs-slcted-menu-item {
    border: 1px solid #D5D5D5;
    padding: 10px 2% 12px 2.5%;
    float: left;
    width: 95.2%;
}

.rs-slcted-menu-img-box {
    cursor: pointer;
    float: left;
    padding: 3px 3px 0;
    /*width: 250px;*/
    margin-top: 10px;
}

    .rs-slcted-menu-img-box img {
        width: 100%;
    }

.font-size-18 {
    font-size: 18px !important;
}

.rs-slcted-menu-dtl {
    color: #000;
    float: left;
    font-size: 14px;
    padding: 5px 0 10px;
    width: 92%;
}

.rs-slcted-menu-cmplt-dtl {
    float: right;
    color: #000;
    padding-left: 10px;
    margin-bottom: 6px;
    width: 100%;
}

.rs-slcted-menu-name {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.rs-slcted-shr-icon {
    background-color: #BABABA;
    color: #FFFFFF;
    float: left;
    height: 18px;
    margin: 0 2px;
    padding: 2px 2px 0;
    width: 18px;
}

    .rs-slcted-shr-icon:hover {
        background-color: #ffdd33;
        cursor: pointer;
    }

    .rs-slcted-shr-icon img {
        height: 16px;
        width: 16px;
    }

.rs-slcted-cls-icon {
    background-color: #BABABA;
    border-radius: 15px;
    float: left;
    margin-left: 3px;
    font-weight: bold;
    padding: 3px 7px;
    color: #fff;
}

    .rs-slcted-cls-icon:hover {
        background-color: #d10101;
        cursor: pointer;
    }

.rs-slcted-optns {
    float: right;
    color: #fff;
    margin-right: 10px;
}

.rs-slcted-menu-ingridients {
}

.rs-slcted-menu-ingridients-dtl {
    font-weight: bold;
    color: #000;
}

.rs-slcted-menu-popularity {
    color: #D7050D;
    float: left;
    font-size: 16px;
    font-weight: bold;
    width: 22%;
    margin-top: 4px;
}

.rs-slcted-menu-popularity-dtl {
    float: left;
    font-weight: bold;
    width: 65%;
    margin-top: 8px;
    color: #000;
}

.rs-slcted-menu-prices-dtl {
    float: left;
    margin: 0 2px;
    text-align: center;
    width: 80px;
}

.rs-slcted-menu-vrities {
    float: left;
    width: 100%;
}

.rs-menu-itm-dtl-unmatrix-row {
    float: right;
    margin: 25px 0px 10px 10px;
    width: 100%;
}

.rs-slcted-menu-vrities-unmatrix {
    font-size: 12px;
    line-height: 24px;
    text-align: right;
    font-weight: normal;
}

.rs-slcted-menu-prices-dtl-unmatrix {
    float: right;
    text-align: center;
}

.rs-slcted-menu-price:hover {
    background-color: #000;
    color: #fff;
}

.rs-slcted-menu-item-price-vrities {
    float: right;
    margin-top: 30px;
    width: 100%;
    max-width: 390px;
    padding: 0 5px 0 0;
}

.rs-left-content {
    width: 70%;
    float: left;
    position: relative;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-right:20px;
}
.rs-left-gro-content {
    width: 100%;
}
.rs-nav-wrap-slctd-menu, .rs-nav-wrap-common-menu {
    width: 100%;
    float: left;
    margin-top: 13px;
}

.rs-nav-wrap-slctd-menu {
    margin-top: 10px;
}

.common-cities-filter-loader {
    background: url('../../lefttoright/images/filter-loader.gif') repeat-x scroll 0 0 transparent;
    width: 16px;
    height: 16px;
    float: right;
    margin: -32px 10px 0 0;
    display: none;
}
/* End  Temperary file css */

/*Temporary classes for jQuery Popular - Items Slider*/

.rd-filter-btn {
    background-color: #0BC113;
    border: none;
    cursor: pointer;
    border-radius: 6px !important;
    padding: 4px 8px 4px 8px;
    color: White;
    font-size: 14px;
    font-weight: bold;
}

.rd-filter-linkbtn {
    color: #d10101;
    margin-left: 15px;
    margin-bottom: 10px;
    float: left;
}

.all-filters-clear {
    color: #D10101;
    float: right;
    margin: 10px 0 -5px;
}

.rd-filter-link-span {
    float: right;
    margin: 0px 0px -10px 0px;
    width: 50%;
}

.rd-filter-com {
    margin-left: 30px;
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
}

/*	Callout CSS for the cuisine menu of restaurants	*/


/* web-competition Styling Starts here */

.page-content {
    background-color: White;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    float: left;
    margin-bottom: 10px;
    min-height: 250px;
    width: 100%;
}

.web-competition-content-wrap {
    margin: 10px 0px 10px 15px;
    width: 99%;
    float: left;
}

.web-competition-details {
    float: left;
    width: 650px;
    margin: 0px;
    border-right: 1px solid #F2F2F2;
}

    .web-competition-details > img {
        margin-top: 10px;
        width: 637px;
    }

.web-competition-dd {
    font-size: 65px;
    font-weight: lighter;
    color: #D10101;
    margin-left: 70px;
}

    .web-competition-dd span {
        color: #015480;
    }

.web-competition-btns {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

    .web-competition-btns > a > img {
        width: 150px;
        float: right;
        margin-right: 40px;
    }

.web-competition-fb {
    float: left;
    width: auto;
    margin-left: 40px;
    padding: 10px;
}

.web-competition-desc {
    font-size: 27px;
    color: #155b7f;
    text-align: center;
    margin: 5px 0 0 5px;
}

.web-competition-user-thumb-wrap {
    width: 100%;
}

.web-competition-thumnail {
    margin: 7px 0px 7px 0px;
    width: 130px;
    float: left;
}

    .web-competition-thumnail > span > img {
        width: 110px;
    }

.web-competition-thumnail-desc {
    color: #000;
    text-transform: capitalize;
    text-align: center;
    width: 100px;
}


/*web-competition Styling Ends here */

/*Registration Form Design Starts Here*/

.bw-r-btn-action {
    background: #0080ca;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
}

.rbc-form-check {
    color: #d10101;
}

.registration-refered-wrapper {
    float: left;
    height: auto;
    margin: 10px 0px;
    width: 100%;
}

.registration-referred-left-content {
    width: 75%;
    float: left;
}

.registered-referral-user-head-wrap {
    padding: 15px 20px 0px 10px;
    float: left;
}

.registration-referred-by-member {
    color: #000;
    float: left;
    font-size: 24px;
    margin: 0px 10px 18px 10px;
    float: left;
}

.registration-referred-username {
    color: #ff7603;
    font-size: 24px;
    float: left;
}

.registration-referred-right-content {
    width: 25%;
    float: right;
}

.registration-referred-wrapper {
    float: right;
    margin: 3px 10px 0 0;
    width: 95%;
}

.offer-on-registration {
    float: right;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #000;
}

.offer-type-on-registration {
    font-size: 26px;
    color: #ff7603;
}

.Referal-get-cashback-wrap {
    font-size: 24px;
    color: #000;
    width: 100%;
    padding: 0px 10px 20px 10px;
    float: left;
    text-align: center;
}

    .Referal-get-cashback-wrap a {
        color: #ed0000;
        font-size: 16px;
        text-decoration: underline;
    }

.registration-main-content-wrapper {
    float: left;
    height: auto;
    width: 100%;
}

.registration-main-left-content {
    float: left;
    width: 575px;
    margin: 0px 27px 0px 0px;
}

.registration-main-left-content {
    display: none;
}

.registration-main-right-content {
    width: 100%;
    float: left;
}

.registration-foortal-slider {
    float: left;
    width: 100%;
    margin: 0 0 0 12px;
}

.registration-foortal-popular-restaurants {
    float: left;
    margin: 15px 0px;
    width: 98%;
}

.registration-header-name {
    color: #000;
}

.registration-head-msg {
    color: #000;
}

.registration-header-name, .registration-head-msg {
    font-weight: normal;
    float: left;
}

.registration-gndr-wrapper {
    margin: -5px 0px 0px 7px;
    font-size: 18px;
    float: left;
}

.gndr-width {
    float: left;
    width: 10%;
}

.registration-password {
    width: 40%;
}

.registration-password-txt {
    width: 40%;
}

.registration-birth {
    width: 40%;
}

.registration-combo {
    float: left;
    height: 35px;
    margin: 0 0 5px 18px;
    padding: 6px;
    width: 40%;
    font-size: 16px;
}

.registration-city {
    float: left;
    height: 35px;
    margin: 0 0 5px 18px;
    padding: 6px;
    font-size: 16px;
    width: 84% !important;
}

.rgstrtion-conf-pass {
    width: 40%;
    margin-left: 5px;
}

.recomendation-input {
    width: 270px;
    height: 34px;
    font-size: 17px;
    float: left;
    margin: 0 0 5px 18px;
    padding: 6px;
}

.captcha-input {
    height: 39px;
    margin: -1px 0px 0px 20px;
    width: 95px;
    padding-left: 5px;
}

.registration-submit-button {
    background-color: #0BC113;
    color: #FFFFFF;
    float: left;
    font-size: 24px;
    padding: 15px 0px;
    height: 63px;
    width: 100%;
    text-align: center;
    border-radius: 3px;
    font-weight: lighter;
    text-decoration: none !important;
}

.icon-orc-reg-form-info {
    float: right;
    background-image: url(../../lefttoright/images/info_icon_dark.png);
    height: 16px;
    margin: 9px 4px 0px 0px;
    width: 16px;
    cursor: pointer;
}

    .icon-orc-reg-form-info:hover {
        background-image: url(../../lefttoright/images/info_icon_dark.png);
    }

.icon-orc-reg-form-info1 {
    background-image: url(../../lefttoright/images/info_icon_dark.png);
}

.foortal-popular-restaurant-wrapper {
    border-left: 5px solid #ff7603;
    color: #ff7603;
    float: left;
    font-size: 24px;
    height: 60px;
    margin-top: 15px;
    padding-left: 5px;
    text-align: left;
    width: 100%;
}

.foortal-popular-restaurant {
    border-bottom: 1px solid #000;
    float: left;
    padding-bottom: 5px;
}

.popular-restaurant-box {
    margin: 0 auto;
    width: 92%;
}

.popular-restaurant-image {
    border-radius: 5px 5px 5px 5px;
    float: left;
    height: 75px;
    margin: 5px 10px;
    width: 100px;
}

    .popular-restaurant-image a img {
        width: 100px;
        height: 75px;
        border: 1px solid #d2d2d2;
        border-radius: 5px;
        padding: 1px;
        float: left;
    }

.registration-password {
    width: 42%;
}

.registration-tooltip-right-wrapper {
    float: right;
    width: 71%;
}

.registration-tooltip-head {
    color: #0BC113;
    float: left;
    margin: 3px 5px;
    text-align: left;
    width: 100%;
}

    .registration-tooltip-head a {
        color: #0BC113;
    }

        .registration-tooltip-head a:hover {
            text-decoration: underline;
        }

.registration-tooltip-detail-wrap {
    float: left;
    font-size: 11px;
    margin: 0 5px;
    text-align: left;
    width: 96%;
}

.reg-address-head, .reg-content-type {
    font-weight: bold;
}

.reg-address-details, .reg-food-type-details {
    float: left;
    max-height: 43px;
    min-height: 36px;
    overflow: hidden;
    width: 103%;
}

.reg-address {
}

.reg-food-type {
}

.registration-tooltip-detail-box {
    background: -moz-linear-gradient(45deg, #7A7A7A, #7A7A7A) repeat scroll 0 0 border-box transparent;
    border: 0.5px solid #D5D5D5;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 #7A7A7A inset, 0 0 12px #7A7A7A, -999px 0 0 #FFFFFF inset;
    display: inline-block;
    float: left;
    max-height: 115px;
    min-height: 95px;
    padding: 10px 12px 2px;
    position: absolute;
    top: -130px;
    width: 415px;
    z-index: 1000;
}

    .registration-tooltip-detail-box:after {
        content: ' ';
        display: inline-block;
        float: left;
        left: 31px;
        border-top: 20px solid #F0F0F0;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        position: absolute;
        bottom: -20px;
        z-index: 1000;
    }

.foortal-top-selling-wrapper {
    border-left: 5px solid #d10101;
    color: #d10101;
    float: left;
    font-size: 24px;
    height: 60px;
    margin-top: 15px;
    padding-left: 5px;
    text-align: left;
    width: 100%;
}

.foortal-top-selling-items {
    border-bottom: 1px solid #000;
    float: left;
    padding-bottom: 5px;
}

.foortal-top-selling-items-wrapper {
    float: left;
    margin-left: 20px;
    width: 100%;
}

.foortal-top-selling-items-box {
    float: left;
    margin: 0 10px;
    width: 29%;
}

.foortal-top-selling-wrapper-item-img {
    float: left;
    cursor: pointer;
    width: 165px;
    height: 126px;
}

    .foortal-top-selling-wrapper-item-img img {
        float: left;
        width: 165px;
        height: 126px;
        border: 1px solid #dedede;
    }

.foortal-top-selling-wrapper-items-details {
    color: #0BC113;
    float: left;
    font-size: 14px;
    margin: 5px 0 0;
    cursor: pointer;
    text-align: left;
    width: 100%;
}

.top-selling-item-name {
    float: left;
    width: 100%;
}

.top-selling-item-order {
    color: #D10101;
    float: left;
    text-align: right;
    width: 90%;
}

.top-selling-item-price {
}

.top-selling-item-currency {
    font-size: 14px;
}

.top-selling-item-price-amount {
    font-size: 32px;
    font-weight: bold;
}

.top-selling-item-btn {
    background-color: #d10101;
    border-radius: 5px;
    cursor: pointer;
    float: right;
    padding: 3px 10px;
}

.top-selling-item-btn-txt {
    font-size: 18px;
    color: #fff;
}

.top-selling-items-restaurant-name {
    color: #55DD0E;
    float: left;
    font-size: 12px;
    margin: 5px 0;
    text-align: left;
    width: 100%;
}

.login-btn-text {
    background-color: #00BA0E !important;
    color: #FFFFFF !important;
    padding: 8px 16px !important;
    text-align: center;
    float: left;
    border: 0px none;
    cursor: pointer;
    font-size: 16px !important;
    border-radius: 0px !important;
}

.reset-pwd {
    padding: 15px 16px;
    font-size: 20px;
    width: 100%;
    font-weight: lighter;
}

    .reset-pwd:hover {
        text-decoration: underline;
    }

.forgotten {
    padding: 15px 0px;
    font-size: 24px;
    width: 100%;
    font-weight: lighter;
    background-color: #0080ca;
    border-radius: 3px;
    color: #FFFFFF;
    float: left;
    text-align: center;
}

    .forgotten:hover {
        text-decoration: underline;
    }

.login-btn {
    float: right;
    margin: 0px;
    position: relative;
}

.login-btn-new {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
}

.signup-btn {
    float: left;
    margin: 0px 0px 10px 0px;
    text-align: center;
    padding: 0px 0px;
}

.login-forgot-password {
    float: left;
    margin: 15px 0 0 0px;
    text-align: left;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: -5px;
}

.login-fp {
    position: absolute;
    right: 10px;
    top: 32%;
    color: #ed0000;
    padding: 0px;
    margin: 0px;
}

.login-chkbox {
    float: left;
    margin-left: 5px;
    padding-top: 2px;
}

.chkbox-remember {
    margin-top: -3px;
    cursor: pointer;
}

.back-login-btn {
    color: #ed0000;
    text-transform: capitalize;
    float: right;
    text-align: center;
    font-size: 14px;
    width: 100%;
}


.login-btn-singup {
    margin: 0px;
    color: #000;
    padding: 8px 16px;
    text-align: center;
    float: left;
    border: 0px none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 0px;
    background-color: #ffdd33;
    text-decoration: none;
}


.btn-guest-checkout {
    background: url("../../lefttoright/images/guest-checkout-btn-icon.png")no-repeat left #000;
    color: #fff;
    background-position: 25px 10px;
    float: left;
    padding: 20px 0px;
    text-transform: uppercase;
    border-radius: 3px;
    margin: 15px 0px 0px 9px;
    font-size: 16px;
    width: 95%;
    text-align: center;
}

.verification-head-msg {
    color: #ff7603;
    margin-left: -5px;
}

.verifiction-code-sent-mobile {
    font-weight: bold;
}

.verification-label {
    color: #000;
    float: left;
    font-size: 16px;
    line-height: 23px;
    margin-left: 25px;
    min-height: 15px;
    text-align: left;
    width: 94%;
}

.verification-mobile-options {
    float: left;
    line-height: 35px;
    margin-left: 25px;
}

.log-or-wrap {
    float: left;
    margin: 20px 80px 0px 80px;
}

.log-or-line-a, .log-or-line-b {
    float: left;
    border-left: 1px solid #d2d2d2;
    height: 110px;
    margin: 0px 0px 20px 15px;
}

.log-or-line-b {
    margin: 20px 0px 0px 15px;
}

.login-or {
    float: left;
    font-size: 22px;
}

.is0 {
    background: url("../../lefttoright/images/progressImg.png") no-repeat scroll 0 -161px transparent;
    float: left;
    height: 15px;
    margin: 5px 0 0 22px;
    width: 178px;
}

.is10 {
    background-position: 0 -1px;
}

.is20 {
    background-position: 0 -17px;
}

.is30 {
    background-position: 0 -33px;
}

.is40 {
    background-position: 0 -33px;
}

.is50 {
    background-position: 0 -65px;
}

.is60 {
    background-position: 0 -81px;
}

.is70 {
    background-position: 0 -113px;
}

.is80 {
    background-position: 0 -129px;
}

.is90 {
    background-position: 0 -145px;
}

.is100 {
    background-position: 0 -145px;
}

.forgot-pass-btn {
    color: #000;
    text-decoration: none;
    float: left;
    margin: 10px;
}

    .forgot-pass-btn:hover {
        text-decoration: underline;
    }

.forgot-pass-wrap {
    display: none;
    margin-bottom: 40px;
}

.registration-form {
    display: block;
}

.cnfrm-heading {
    font-size: 36px;
    color: #000;
}

/*Registration Form Design Ends Here*/

#referVideo .btn {
    display: none;
}

/*Refer a friend css */
.copy-clipboard-span {
    color: #000;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #d2d2d2;
    padding: 15px 20px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: .25rem;
    background: #f2f2f2;
    margin-left: 15px;
    display: flex;
    align-items: center;
    margin: auto;
    float: none;
    max-width: 120px;
    margin-top: 0px;
    cursor: pointer;
    margin-left: 15px;
}

.tooltip-refer {
    position: relative;
    display: inline-block;
}

    .tooltip-refer .tooltiptext-refer {
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        position: absolute;
        z-index: 1;
        bottom: 120%;
        left: 50%;
        margin-left: -71px;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 16px;
        font-weight: lighter;
    }

        .tooltip-refer .tooltiptext-refer::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .tooltip-refer:hover .tooltiptext-refer {
        visibility: visible;
        opacity: 1;
    }

.left-referal {
    float: none;
    width: 100%;
    padding: 0px 15px;
    max-width: 1325px;
    margin: 0px auto 60px auto;
    text-align: center;
}

.right-referal {
    float: left;
    max-width: 350px;
    width: 30%;
}

.how-to-work-wrap {
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 0px;
}

.refer-icon-wrap {
    margin: 0px 0px;
    width: 25%;
    padding: 0px 20px;
    float: left;
}

    .refer-icon-wrap img {
        width: 90px !important;
        height: 90px;
    }

    .refer-icon-wrap .refer-label-inner {
        padding: 5px 5px;
        background: #ed0000;
        color: #fff;
        font-size: 16px;
        display: block;
        margin-top: 10px;
        font-weight: bold;
        border-radius: 4px;
        text-transform: uppercase;
        margin: 20px auto 0px auto;
    }

.referral-vdo-uk iframe {
    width: 60%;
}

.common-popup-bg {
    pointer-events: none;
}

.number-address {
    width: 100%;
}

.refer-icon-wrap i {
    font-size: 35px;
    background: #fff;
    padding: 0px;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    line-height: 90px;
    border: 2px solid #d2d2d2;
    color: #000;
}

.refer-icon-wrap span {
    display: inline-block;
    width: 85%;
    margin-top: 5px;
    font-size: 14px;
}

.fint-out-btn {
    padding: 6px 30px;
    background: #000;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: lighter;
}

.refer-title {
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin-top: 25px;
    text-transform: uppercase;
}

.earn-label {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    margin-top: 25px;
}

    .earn-label span {
        margin-left: 10px;
        color: #ed0000;
    }

.more-orders-invite {
    font-size: 16px;
    display: block;
    width: 65%;
    margin: 10px auto;
    color: #777;
}

.registration-form-wrapper .registration-header-name, .registration-form-wrapper .registration-head-msg {
    font-size: 24px;
}

.registration-form-wrapper .registration-head-msg {
    margin-left: 5px;
}

.registration-form-wrapper .registration-city {
    margin-left: 0px;
    width: 100% !important;
    padding-left: 6px;
}

.refer-icon-wrap {
    position: relative;
}

    .refer-icon-wrap:after {
        content: "\f105";
        font-family: Font Awesome\ 5 Free;
        float: right;
        color: #000;
        font-size: 40px;
        text-align: center;
        position: absolute;
        right: -9px;
        top: 85px;
        font-weight: 900;
    }

    .refer-icon-wrap:last-child::after {
        display: none;
        font-family: Font Awesome\ 5 Free;
        float: right;
        color: #000;
        font-size: 30px;
        text-align: center;
        position: absolute;
        right: -60px;
        background: #fff !important;
        font-weight: 900;
    }

.fa-icon {
    font-size: 55px;
    margin-top: -60px;
    background: #d2d2d2;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    position: relative;
    border: 1px solid #fff;
    border: 4px solid #fff;
    width: 140px;
    height: 140px;
    line-height: 130px;
    display: inline-block;
    float: none;
    overflow: hidden;
}

.refer-banner-wrap {
    float: left;
    width: 100%;
    min-height: 180px;
    margin: 0px 0px 40px 0px;
    position: relative;
    background: url(/resources/lefttoright/images/supermeal-referral-header-bg.jpg);
}

    .refer-banner-wrap img {
        float: left;
        width: 100%;
    }

.refer-banner-detail-wrap {
    position: relative;
    color: #fff;
    width: 100%;
    text-align: center;
}

.refer-profile-icon-wrap {
    background: #f2f2f2;
    float: left;
    color: #fff;
    width: 40%;
    position: relative;
    min-height: 80px;
    text-align: center;
    margin: -40px 30% 0px 30%;
    display: inline-block;
    border: 1px solid #ccc;
}

    .refer-profile-icon-wrap i {
        position: relative;
    }

        .refer-profile-icon-wrap i img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            position: absolute;
            top: 0px;
            left: 0px;
        }

.registration-or-social-wrpper {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.referal-social-btn-wrrper {
    float: left;
    width: 45%;
}

    .referal-social-btn-wrrper .sup-login-heading-wrapper {
        margin: 46px auto 0 auto;
        width: 352px;
        display: block;
        overflow: hidden;
        float: none;
    }

.width100p {
    width: 100% !important;
    max-width: 100%;
}

.refer-new-registration-wrapper {
    float: left;
    width: 40%;
}

    .refer-new-registration-wrapper div#dvRegistration {
        width: 100%;
    }

        .refer-new-registration-wrapper div#dvRegistration .registration-form-wrapper {
            width: 100%;
        }

        .refer-new-registration-wrapper div#dvRegistration .registration-form-inner-wrap {
            width: 100%;
        }

.registration-or-social-wrpper .log-or-wrap {
    float: left;
    margin: 20px 40px 0px 40px;
}

.refer-heading {
    font-size: 30px;
    width: 100%;
    text-align: center;
    margin: 30px 0px 0px 0px;
    display: inline-block;
    max-width: 670px;
    padding: 0px 20px;
    font-weight: bold;
    background-size: cover;
    background-repeat: no-repeat;
    color: #000;
}

.refer-join-btn {
    display: inline-block;
    background: #009688;
    background-color: #0080ca;
    color: #FFFFFF;
    padding: 8px 43px;
    text-align: center;
    border: 0px none;
    cursor: pointer;
    font-size: 22px;
    border-radius: 3px;
    margin: 20px 0px;
    text-transform: uppercase;
}

.welcome-refer-label {
    display: inline-block;
    font-size: 40px;
    margin: 40px 0 0px 0;
    text-transform: uppercase;
}

    .welcome-refer-label span {
        color: #ed0000;
        margin-left: 10px;
    }

.refer-paragraph-label {
    font-size: 16px;
    display: block;
    width: 65%;
    margin: 10px auto;
    color: #777;
}

.refer-heading-common {
    font-size: 28px;
    margin: 40px 0 0px 0;
    width: 100%;
    text-transform: uppercase;
}

.refer-video-wrap {
    width: 100%;
    display: inline-block;
}

.thumbnail-refer-video {
    float: left;
    width: 200px;
    position: relative;
    z-index: 100;
    border: 3px solid #fff;
    margin-top: 25px;
    margin-bottom: 25px;
}

.thumbnail-refer-video-wrap {
    display: flex;
    justify-content: center;
    float: left;
    width: 25%;
    margin-bottom: 50px;
}

.refer-video {
    position: relative;
    width: 100%;
    text-align: center;
    float: left;
}

    .refer-video i {
        position: absolute;
        font-size: 20px;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        padding: 10px 10px 10px 15px;
        display: inline-block;
        left: 80px;
        top: 30px;
        border-radius: 50%;
        text-align: center;
        margin: 0px;
    }

.refer-banner-wrap img {
    float: left;
    width: 100%;
}

.refer-icon-inner-wrap {
    background: #000;
    color: #fff;
    padding: 20px 0px;
    min-height: 210px;
}

.refer-icon-wrap span.frst-span {
    position: absolute;
    left: -40px;
    top: 12px;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    font-family: 'open sans', sans-serif;
}

.refer-icon-wrap i span {
    position: absolute;
    left: -40px;
    top: -15px;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    font-family: 'open sans', sans-serif;
}

.refer-video-label {
    float: left;
    color: #fff;
    margin-top: -28px;
    font-size: 16px;
    width: 100%;
    text-align: center;
}
/*Refer a friend css */


/*Referral Summary aspx styling starts here*/

.summary-right-content {
    width: 800px;
    float: right;
}

.summary-ecash-earned-wrap {
    background-color: #fff;
    float: left;
    width: 100%;
}

.summary-ecash-earned-dtl {
    padding: 0px 10px 50px 10px;
    float: left;
    width: 99%;
}

.summary-video-box-wrap {
    margin-top: 5px;
    font-size: 14px;
}

.summary-ecash-earned-dtl-cash {
    float: left;
    background: #50bf24;
    color: #fff;
    padding: 10px 10px;
    width: 100%;
    height: 145px;
    margin-bottom: 5px;
}

.summary-ecash-earned-dtl-cash-wrap {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.social-links-ref {
    float: left;
    width: 70%;
    display: none;
}

.referral-dtls-name {
    font-size: 12px;
    margin-left: 5px;
    width: 147px;
    float: left;
    padding-top: 3px;
}

.summary-ecash-earned-dtl-custom {
    float: left;
    width: 100%;
}

.referral-summary-right-bar-wrap {
    width: 35%;
    float: right;
    padding-bottom: 50px;
}

#referral-vdo-modal .modal-dialog .modal-content .modal-footer button.btn-close {
    display: none;
}

#embed-code .modal-dialog .modal-content .modal-footer button.btn-close {
    display: none;
}

.friends-cnctd-wrap-inner {
    float: left;
    height: 150px;
    overflow-y: scroll;
}

.friends-cnctd-row-img {
    float: left;
    border: 1px solid #d2d2d2;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    outline: none;
}

    .friends-cnctd-row-img img {
        width: 100%;
        overflow: hidden;
    }

.margin-left-0 {
    margin-left: 0px !important;
}

.friends-cnctd-wrap-row {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}

.frnd-since-div {
    width: 83%;
    float: left;
    margin-left: 5px;
}

.friends-cnctd-wrap-row-dtls {
    width: 74%;
    float: left;
}

    .friends-cnctd-wrap-row-dtls span {
        float: left;
        margin-left: 5px;
    }

.friends-cnctd-main-wrap {
    width: 100%;
    float: left;
    font-size: 14px;
    margin-top: 30px;
}

    .friends-cnctd-main-wrap h6 {
        text-align: left;
        font-size: 18px;
        color: #000;
        font-weight: 700;
        padding-bottom: 10px;
    }

        .friends-cnctd-main-wrap h6 i {
            margin-right: 6px;
        }

.friends-cnctd-wrap {
    float: none;
    margin: 0 auto 0px auto;
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 0px;
}

.invite-refer-friends-main-wrap {
    width: 100%;
    float: left;
    font-size: 14px;
}

.invite-refer-friends-wrap {
    float: none;
    margin: 0 auto 25px auto;
    width: 85%;
    display: block;
    overflow: hidden;
    padding: 9px;
    border: 1px solid #d2d2d2;
}

    .invite-refer-friends-wrap i {
        margin-right: 5px;
    }

    .invite-refer-friends-wrap p {
        padding-bottom: 10px;
        font-size: 13px;
    }

.ref-vdo-iframe {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}

    .ref-vdo-iframe iframe {
        margin: 0 auto;
        display: block;
        overflow: hidden;
        float: none;
    }

.play-btn {
    width: 45px;
    position: absolute;
    top: 27%;
    left: 42%;
    cursor: pointer;
}

    .play-btn i {
        color: rgba(255,255,255,0.8);
        font-size: 45px;
    }

.play-btn-ref {
    position: absolute;
    top: 30%;
    left: 42%;
    cursor: pointer;
    background-color: rgba(0,0,0,0.5);
    border-radius: 50%;
    padding: 9px 10px 9px 16px;
}

#referral-vdo-pk-modal .btn-close {
    margin-top: 10px;
    display: none;
}

.referral-terms-conds {
    padding: 0px 10px 10px 20px;
    background: #f2f2f2;
    border: 1px solid #d2d2d2;
}

.play-btn-ref i {
    color: #fff;
    font-size: 25px;
}

.ref-vdo-main {
    display: block;
    width: 85%;
    height: 200px;
    float: none;
    margin: 3px auto 0 auto;
    text-align: center;
    position: relative;
}

    .ref-vdo-main a img {
        width: 100%;
        border: 3px solid #000;
        height: 150px;
    }

.referral-left-menu {
    float: left;
    width: 65%;
}

.referral-faq-content-wrap {
    float: left;
    width: 70%;
}

.referral-vdo-pk {
    width: 30%;
    float: left;
    margin-top: 13px;
    text-align: center;
    font-size: 14px;
}

    .referral-vdo-pk img {
        width: 256px;
        border: 3px solid #000;
        height: 121px;
    }

.referral-vdo-pk-main {
    display: block;
    overflow: hidden;
    width: 300px;
    float: none;
    margin: 3px auto 0 auto;
    text-align: center;
    position: relative;
    height: 136px;
}

.conv-link {
    float: left;
    margin: 10px 0px;
    text-decoration: underline;
}

.social-lnks-vertical-wrap {
    width: 100%;
    font-size: 12px;
    display: block;
    margin: 15px auto 0 auto;
    float: none;
    clear: both;
}

    .social-lnks-vertical-wrap img {
        width: 95%;
    }

.social-lnks-vertical-head {
    text-align: center;
    color: #000;
    padding: 5px 10px;
    border-radius: 3px;
    display: none;
    overflow: hidden;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 600;
}

.conv-link:hover {
    text-decoration: none;
}

.referral-stats {
    font-size: 14px;
    float: left;
}

.stats-span {
    float: left;
    margin: 3px 0px 0 0;
    width: auto;
}

.total-referral {
    background: #000;
    color: #f2f2f2;
    padding: 5px 5px;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 12px;
    margin: 0px 10px;
}

.active-referral {
    background: #0BC113;
    color: #f2f2f2;
    padding: 5px 5px;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 12px;
    margin: 0px 6px;
}

.inactive-referral {
    background: #ff7603;
    color: #f2f2f2;
    padding: 5px 5px;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 12px;
    margin: 0px 10px;
}

.referral-dtl-head {
    width: 100%;
}

.symbol-amount {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 40px;
    line-height: 67px;
}

.referral-dtl-head th {
    background: #f2f2f2;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    padding: 13px 10px;
    float: left;
    width: 25%;
    border-bottom: 1px solid #d2d2d2;
}

.more-width {
    width: 35% !important;
}

.less-width {
    width: 15% !important;
}

.referral-dtl-head tr {
    margin: 5px 0px;
}

.referral-dtl-head td img {
    margin: 5px 0px;
}

.referral-dtl-head td {
    font-weight: bold;
    font-size: 14px;
}

.send-reminder-popup {
    background: none repeat scroll 0 0 #F2F2F2;
    box-shadow: 0 0 5px 1px #D2D2D2;
    height: 400px;
    left: 273.5px;
    padding: 20px;
    position: fixed;
    top: 80px;
    width: 750px;
    z-index: 2000;
    color: #000;
}

.reminder-txt-area {
    border: 1px solid #D2D2D2;
    border-radius: 10px;
    color: #000;
    font-family: arial;
    height: 129px;
    margin-top: 10px;
    max-height: 252px;
    max-width: 700px;
    min-height: 252px;
    min-width: 700px;
    padding: 10px;
    width: 447px;
}

.loud-spkr {
    float: right;
    margin: 0px 0px 0px 10px;
    color: #fff;
    padding: 6px 10px;
    border-radius: 3px;
    background-color: #000;
    margin-left: 10px;
}

    .loud-spkr i {
        margin-right: 3px;
    }

.summary-ecash-dtl-amount span:nth-child(1) {
    font-size: 54px;
    line-height: 71px;
    margin-left: -10px;
}

.summary-ecash-dtl-amount span:nth-child(2) {
    font-size: 44px;
    font-weight: bold;
    float: left;
    text-align: center;
    width: 100%;
    font-weight: 300;
    line-height: 62px;
}

.summary-ecash-dtl-amount-1 {
    font-size: 16px;
    text-align: center;
    float: left;
    width: 100%;
    font-weight: 300;
}

.summary-ecash-dtl-custom-lbl {
    color: #000;
    margin: 20px 0px 10px 30px;
}

    .summary-ecash-dtl-custom-lbl span {
        font-size: 20px;
    }

.summary-ecash-dtl-custom-date-from {
    float: left;
}

.lbl-from, .lbl-to {
    float: left;
    margin: 8px 5px 0 0;
    font-size: 11px;
}

.summary-select-box {
    float: right;
}

    .summary-select-box select {
  
        padding: 5px;
        font-size: 12px;
    }

.summary-ecash-dtl-custom-date {
    float: left;
    color: #000;
    width: auto;
    margin-left: 10px;
}

.summary-ecash-dtl-custom-date-box {
    float: right;
    margin-top: 0px;
}

.summary-date-box-btns {
    float: right;
    margin: 20px 40px 0px 0px;
}

    .summary-date-box-btns span a {
        color: #FF7603;
        margin-left: 10px;
    }

.summary-btns {
    background-color: #0BC113;
    padding: 5px 10px 5px 10px;
    border: none;
    color: #FFF;
    border-radius: 5px;
}

.referral-activity {
    margin-top: 10px;
}

.summary-referral-activity-cons-dtl {
    color: #000;
    width: 70%;
    float: left;
    margin-left: 10px;
}

.summary-referral-main-wrap {
    width: 100px;
}

.summary-referral-dtl {
    line-height: 3.4;
    font-size: 13px;
}

.summary-referral-lnk-rest {
    color: #000;
    text-decoration: none;
    font-size: 12px;
}

    .summary-referral-lnk-rest:hover {
        text-decoration: underline;
    }


.clas span {
    font-size: 18px;
    color: #000;
    margin-left: 10px;
    font-weight: bold;
}

/*Referral Summary styling ends here*/


/* Invite-Referral-Friends : CSS starts here */


.ref-invite-left-menu {
    float: left;
    float: left;
    width: 25%;
    height: 100%;
    margin: 20px 0px 0px 0px;
}

.right-content {
    float: right;
    width: 800px;
    float: right;
    width: 800px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 20px;
    min-height: 240px;
    margin-top: 20px;
}

.right-side-content-wrap {
    width: 96%;
    margin: 0px auto;
}

.ref-invite-share-html-code span {
    color: #000;
    font-size: 20px;
    font-weight: lighter;
}

.ref-invite-share-html-code-box textarea {
    overflow: hidden;
    resize: none;
    width: 94%;
    margin: 0px auto;
    border: none;
    height: 75px;
    background-color: #f2f2f2;
    padding: 23px;
}

.ref-invite-left-menu > .account-common-left-panel-wrapper .ref-invite-acceptd-cons-wrap {
    margin: 10px 0px 35px 0px;
    width: 100%;
    float: left;
}

.callout {
    position: absolute;
    margin: -20px 0px 0px 235px;
}

.ref-invite-ecash-dtl-wrap {
    width: 100%;
    margin-bottom: 20px;
}

.ref-invite-ecash-dtl {
    padding: 10px;
    float: left;
    box-shadow: 0px 10px 20px 0px #f2f2f2;
    margin-bottom: 30px;
}

.ref-invite-ecash-dtl-wrap h2 {
    color: #0BC113;
    margin-bottom: 10px;
}

.right-content h1 {
    color: #000;
    margin: 10px 10px 30px 10px;
    font-size: 30px;
}

.ref-invite-dtl-left-side-content {
    font-size: 17px;
    color: #000;
    width: 50%;
    float: left;
    padding: 0px;
    margin-top: 15px;
}

.ref-invite-dtl-right-side-content {
    width: 45%;
    float: right;
}

    .ref-invite-dtl-right-side-content span {
        font-size: 32px;
        color: #000;
    }

.ref-invite-ecash-dtl-content-wrap {
    float: left;
    width: 98%;
    padding: 10px;
}

.ref-invite-acceptd-cons-dtl {
    float: left;
    width: 100%;
    margin: 15px 5px;
    font-weight: bold;
}

    .ref-invite-acceptd-cons-dtl img {
        float: left;
    }

.ref-invite-cons-nam-mail-wrap {
    float: left;
    width: 70%;
    margin-left: 5px;
    margin-top: 20px;
}

.cons-dtl-title, .cons-dtl-email {
    float: left;
    width: 100%;
}

.cons-dtl-title {
    margin-bottom: 3px;
}

.ref-invite-acceptd-invitation {
    font-size: 30px;
    color: #000;
    margin: 10px 0px 10px 10px;
}

.ref-invite-share-section-wrap {
    float: left;
    width: 100%;
}

.summary-date-box-btns {
    float: right;
    margin: 20px 40px 0px 0px;
}

    .summary-date-box-btns span a {
        color: #FF7603;
        margin-left: 10px;
    }

.summary-btns {
    background-color: #0BC113;
    padding: 5px 10px 5px 10px;
    border: none;
    color: #FFF;
    border-radius: 5px;
}

.referral-activity {
    width: 100%;
    float: left;
    border: 1px solid #d2d2d2;
    min-height: 200px;
}

.summary-referral-activity-cons-dtl {
    color: #000;
    width: 70%;
    float: left;
    margin-left: 10px;
}

.summary-referral-activity-cons-dtl-wrap {
    float: left;
    margin: 5px 30px 15px 40px;
}

.summary-referral-activity-specific-cons-wrap {
    float: left;
}

    .summary-referral-activity-specific-cons-wrap img {
        float: left;
        height: 56px;
        width: 76px;
        border: 1px solid #d2d2d2;
    }

.summary-referral-activity-cons-dtl > span {
    font-style: italic;
}

.summary-referral-activity-cons-order-dtl {
    margin-top: 5px;
}

    .summary-referral-activity-cons-order-dtl span:nth-child(1) {
        font-weight: bold;
        font-size: 15px;
    }

    .summary-referral-activity-cons-order-dtl span:nth-child(2) {
        color: #d10101;
        font-weight: bold;
        font-size: 15px;
    }

    .summary-referral-activity-cons-order-dtl span:nth-child(4) {
        color: #0BC113;
        font-size: 15px;
    }

    .summary-referral-activity-cons-order-dtl a {
        color: #0BC113;
        font-size: 15px;
    }


.clas span {
    font-size: 18px;
    color: #000;
    margin-left: 10px;
    font-weight: bold;
}

/*Referral Summary styling ends here*/


/* Invite-Referral-Friends : CSS starts here */


.ref-invite-left-menu {
    float: left;
}

.right-content {
    float: right;
    width: 800px;
    float: right;
    width: 800px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 20px;
    min-height: 240px;
}

.right-side-content-wrap {
    width: 96%;
    margin: 0px auto;
}

.ref-invite-share-html-code {
    margin: 0px 0px 10px -5px;
    float: left;
    width: 100%;
    padding: 7px 0px 7px 7px;
}

    .ref-invite-share-html-code span {
        color: #000;
        font-weight: 600;
        font-size: 16px;
        float: left;
        width: 96%;
        line-height: 22px;
    }

        .ref-invite-share-html-code span img {
            float: left;
            margin-right: 5px;
            width: 35px;
        }

.ref-invite-share-html-code-box {
    margin: 5px 5px 5px 0px;
    float: left;
    width: 99.2%;
}

    .ref-invite-share-html-code-box table#tblCodeBox {
        width: 100%;
    }

        .ref-invite-share-html-code-box table#tblCodeBox tr {
            width: 25%;
            float: left;
            padding: 20px 0;
        }

            .ref-invite-share-html-code-box table#tblCodeBox tr td {
                width: 125px;
                display: block;
                overflow: hidden;
                float: none;
                margin: 0 auto;
            }

                .ref-invite-share-html-code-box table#tblCodeBox tr td a img {
                    width: 125px;
                }

    .ref-invite-share-html-code-box textarea {
        overflow: hidden;
        resize: none;
        width: 94%;
        margin: 0px auto;
        border: none;
        height: 75px;
        background-color: #f2f2f2;
        padding: 23px;
    }

.ref-invite-left-menu > .account-common-left-panel-wrapper .ref-invite-acceptd-cons-wrap {
    margin: 10px 0px 35px 0px;
    width: 100%;
    float: left;
}

#loud-spkr {
    float: left;
}

.ref-invite-share-html-code-box table#tblCodeBox tr td span {
    padding: 5px 10px;
    border-radius: 3px;
    color: #000;
    font-size: 14px;
    background-color: #f2f2f2;
    margin-top: 5px;
    display: inline-block;
    cursor: pointer;
    line-height: 21px;
}

.callout {
    position: absolute;
    margin: -20px 0px 0px 235px;
}

.ref-invite-ecash-dtl-wrap {
    width: 100%;
    margin-bottom: 20px;
}

.ref-invite-ecash-dtl {
    padding: 10px;
    float: left;
    box-shadow: 0px 10px 20px 0px #f2f2f2;
    margin-bottom: 30px;
}

.ref-invite-ecash-dtl-wrap h2 {
    color: #0BC113;
    margin-bottom: 10px;
}

.right-content h1 {
    color: #000;
    font-size: 28px;
    padding: 10px 0 10px 8px;
}

.right-content h5.aclp-h-h5 a:visited {
    color: #000;
}

.ref-invite-dtl-left-side-content {
    font-size: 17px;
    color: #000;
    width: 50%;
    float: left;
    padding: 0px;
    margin-top: 15px;
}

.ref-invite-dtl-right-side-content {
    width: 45%;
    float: right;
}

    .ref-invite-dtl-right-side-content span {
        font-size: 32px;
        color: #000;
    }

.ref-invite-ecash-dtl-content-wrap {
    float: left;
    width: 98%;
    padding: 10px;
}

.ref-invite-acceptd-cons-dtl {
    float: left;
    width: 350px;
    margin: 15px 5px;
    font-weight: bold;
    background-color: #f2f2f2;
    border: 1px solid #d2d2d2;
    padding: 10px 10px;
}

    .ref-invite-acceptd-cons-dtl img {
        float: left;
        text-align: center;
        font-size: 11px;
        font-weight: 300;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 75px;
        width: 100%;
        height: 100%;
    }

.ref-invite-cons-nam-mail-wrap {
    float: left;
    width: 70%;
    margin-left: 5px;
    margin-top: 0px;
    font-weight: 300;
}

.cons-dtl-title, .cons-dtl-email {
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 14px;
}

.cons-dtl-title {
    margin-bottom: 3px;
    font-weight: 600;
    font-size: 16px;
}

.ref-invite-acceptd-invitation {
    font-size: 30px;
    color: #000;
    margin: 10px 0px 10px 10px;
}

.ref-invite-share-section-wrap {
    float: left;
    width: 100%;
}

    .ref-invite-share-section-wrap h6 {
        font-size: 22px;
        padding-bottom: 10px;
    }

.ref-invite-acceptd-cons-head {
    padding-bottom: 30px;
}

.social-lnks-wrap {
    float: left;
    margin: 15px 0px;
}

    .social-lnks-wrap a {
        width: 33.33%;
    }

.lnk-fbook {
    background: url(/resources/lefttoright/images/fbook.png);
}

.ref-invite-share-ico {
    font-size: 14px;
    color: #000;
    width: 98%;
    float: left;
    margin-bottom: 10px;
}

    .ref-invite-share-ico span {
        color: #000;
        font-size: 16px;
        margin-bottom: 10px;
        float: left;
        width: 95%;
        margin-right: 5px;
    }

        .ref-invite-share-ico span i {
        }

        .ref-invite-share-ico span img {
            width: 30px;
            float: left;
            margin: 0 10px 0px 0;
        }

tr.no-records-row {
    padding: 10px 0px;
    text-align: center;
    display: block;
    width: 100%;
}

    tr.no-records-row td {
        float: left;
        width: 100%;
        font-weight: normal;
    }

.ref-invite-share-url-address {
    display: flex;
    font-size: 18px;
    color: #000;
    font-weight: lighter;
    padding: 10px 25px;
    margin: 0px auto;
    text-align: center;
    border-radius: 3px;
    align-items: center;
    position: relative;
    font-size: 22px;
    font-weight: bold;
    flex: 1;
    background: #ffdd33;
    justify-content: center;
    display: block;
}

    .ref-invite-share-url-address input {
        float: left;
        background: none;
        border: none;
        font-size: 18px;
        max-width: 400px;
        width: 100%;
    }

.invite-options-anchor {
    font-size: 16px;
    text-decoration: underline;
    color: #000;
}

.registration-form-review-sec {
    position: relative;
}

    .registration-form-review-sec .no-display-resp-icon {
        display: none;
    }

.close-pop-reg i {
    font-size: 18px;
}

.restuarant-status-popup {
    position: relative;
}

.registration-form-review-sec .close-pop-reg {
    position: absolute;
    right: 10px;
    top: 10px;
}

.social-invite-btn {
    width: 250px;
    height: 45px;
    float: left;
    margin-right: 15px;
    text-align: left;
    line-height: 43px;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding-left: 60px;
    position: relative;
}

    .social-invite-btn i {
        color: #fff;
        text-align: center;
        font-size: 24px;
        line-height: 45px;
        display: block;
        padding: 0px 10px;
        float: left;
        width: 50px;
        position: absolute;
        left: 0px;
    }

.addthis_toolbox a {
    float: left;
}

.fb-invite-btn {
    background-color: #3b5999 !important;
}

.twitter-invite-btn {
    background-color: #1da1f2 !important;
}

.google-invite-btn {
    background-color: #dd4c39 !important;
}

.fb-invite-btn i {
    background-color: #30467b !important;
}

.twitter-invite-btn i {
    background-color: #3993cb !important;
}

.google-invite-btn i {
    background-color: #b13b2d !important;
}

.social-lnks-wrap-invite-friends a img {
    width: 170px;
}

.ref-invite-share-url-address span.copy-clipboard-span {
    cursor: pointer;
    float: left;
    font-size: 22px;
    width: auto;
    position: absolute;
    right: 15px;
}

    .ref-invite-share-url-address span.copy-clipboard-span i {
        float: right;
        color: #836565;
    }

.ref-invite-share-url {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin-bottom: 30px;
    width: 100%;
    display: flex;
}

.callout-share-html-codebox-wrap {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.ref-invite-acceptd-cons-dtl-wrap td {
    width: 100%;
    display: inline-block;
}

/*Login Page Video PoPUP Ends*/

.fd-share-hover:after {
    content: "";
    border-bottom: 20px solid #000;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    float: right;
    margin-right: -20px;
    margin-top: -27px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mag-glass {
    position: absolute;
    left: 10px;
    top: 8px;
}

/* Invite-Referral-Friends : CSS ends here */

#divEditExtrasItem div span select {
    width: 100%;
    padding: 8px;
    border: 1px solid #d2d2d2;
    margin: 10px 0px;
}

/* TipTip CSS - Version 1.2 Starts Here */

#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

    #tiptip_holder.tip_top {
        padding-bottom: 5px;
    }

    #tiptip_holder.tip_bottom {
        padding-top: 5px;
    }

    #tiptip_holder.tip_right {
        padding-left: 5px;
    }

    #tiptip_holder.tip_left {
        padding-right: 5px;
    }

#tiptip_content {
    font-size: 11px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    padding: 4px 8px;
    border: 1px solid #d2d2d2;
    background-color: rgb(25,25,25);
    background-color: rgba(25,25,25,0.92);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#f2f2f2));
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 3px #555;
    -webkit-box-shadow: 0 0 3px #555;
    -moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #fff;
    border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #fff;
    border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: rgb(25,25,25);
    border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: rgb(25,25,25);
    border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: rgb(25,25,25);
    border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: rgb(25,25,25);
    border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #tiptip_content {
        padding: 4px 8px 5px 8px;
        background-color: rgba(45,45,45,0.88);
    }

    #tiptip_holder.tip_bottom #tiptip_arrow_inner {
        border-bottom-color: rgba(45,45,45,0.88);
    }

    #tiptip_holder.tip_top #tiptip_arrow_inner {
        border-top-color: rgba(20,20,20,0.92);
    }
}


/* SITE-MASTER RAMADAN DEALS SECTION Starts here */


.ramadan-offers-wrap {
    float: right;
}

.ramadan-offer {
    cursor: pointer;
    float: left;
    background: #d10101;
    margin: 5px 0px 0px 5px;
    text-align: right;
    font-size: 25px;
    height: 90px;
    width: 198px;
}

.ramadan-offer-content-wrap {
    float: left;
    margin: 23px 5px 0px 0px;
}

    .ramadan-offer-content-wrap a {
        color: #fff;
    }

        .ramadan-offer-content-wrap a:hover {
            text-decoration: underline;
        }


/* SITE-MASTER RAMADAN DEALS SECTION Ends here */
.round {
    background: #ffdd33;
    float: left;
    border-radius: 10px;
    color: #000;
    font-size: 10px;
    margin: -10px 0px 0px 4px;
    position: absolute;
    padding: 1px 1px;
    width: 14px;
    display: none;
}

.lbl-validation {
    margin-left: 170px;
}

/* Referral System CSS */

.referral-faq-heading {
    font-size: 24px;
    color: #000;
    margin: 5px 0;
}

.referral-faq-headingh1 {
    color: #000;
    font-weight: 700;
    float: left;
    margin-top: 10px;
    font-size: 24px;
    clear: both;
    text-transform: uppercase;
}

.referral-faq-wrap {
    background: #fff;
    float: none;
    font-size: 14px;
    font-weight: 300;
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 50px;
}

    .referral-faq-wrap iframe {
        float: left;
        width: 100%;
        height: 310px;
    }

#referral-vdo-pk-modal .modal-dialog .modal-content {
    height: 420px;
}

.referral-faq-que {
    color: #000;
    font-weight: normal;
    float: left;
    margin-top: 10px;
    font-size: 24px;
    clear: both;
    text-transform: uppercase;
}

.referral-faq-que1 {
    font-weight: 700;
    float: left;
    margin-top: 10px;
    font-size: 24px;
    clear: both;
    color: #ed0000;
    text-transform: uppercase;
}

.referral-faq-table {
    margin-top: 10px;
}

.referral-faq-ans {
    color: #777;
    float: left;
    list-style-type: decimal;
    margin: 10px 40px;
    font-size: 16px;
    clear: both;
    font-weight: normal;
    width: 78%;
    text-align: justify;
}

    .referral-faq-ans p {
        margin-bottom: 5px;
    }

.referral-faq-table tr td {
    border: 1px solid #d2d2d2;
    padding: 10px 30px;
}

.cell1, .cell2 {
    border: 2px solid #000;
    width: 300px;
    background: #f2f2f2;
    font-weight: bold;
}

.cell1 {
    width: 150px;
}

.ref-faq-link {
    color: #0BC113;
    text-decoration: none;
}

    .ref-faq-link:hover {
        text-decoration: underline;
    }

.btn-refer-friend {
    background: #000;
    font-size: 16px;
    text-align: center;
    padding: 12px 0px;
    margin: 0px auto;
    width: 100%;
    float: left;
    color: #fff;
    border-radius: 50px;
}

.btn-send-mail {
    background: #000;
    margin: 10px 0 10px 30px;
    padding: 5px 10px;
    float: left;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
}

.btn-cancel-mail {
    color: #ed0000;
    float: left;
    margin: 19px 25px;
    text-decoration: none;
}

    .btn-cancel-mail:hover {
        text-decoration: underline;
    }


.sr-map-view-wrap {
    position: fixed;
    top: 75px;
    bottom: 40px;
    background: #fff;
    border: 1px solid #d2d2d2;
    box-shadow: 0px 0px 10px #000;
    z-index: 100;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    padding: 10px 30px;
    border-radius: 10px;
    width: 1000px;
}

.sr-order-type-wrap {
    float: left;
    margin-left: 18px;
}

.sr-order-type-wrap-right {
    float: right;
    margin: 0px 0 15px 18px;
}

.sr-resturent-name-wrap {
    float: left;
}

.sr-map-rest-popup-cashback {
    background: #d10101;
    padding: 5px 0px;
    text-align: center;
    font-size: 14px !important;
    color: #f2f2f2;
    float: left;
    width: 90px;
    margin-top: 10px;
}

    .sr-map-rest-popup-cashback span {
        font-weight: bold !important;
        font-size: 16px !important;
    }

@media only screen and (min-width: 100px) and (max-width:1315px) {
    .right-box1 {
        margin: 140px 0 4px 0;
    }

    .master-page-random-bg {
        height: 710px;
    }

    .sr-map-view-wrap {
        left: 0;
        right: 0;
        width: 90%;
        margin: 0 auto;
    }

    .privacy-message-wrap {
        width: 80%;
    }

    .privacy-policy-header-wrap {
        padding: 15px 10px 75px;
    }

    .btn-hide-msg {
        margin-top: 15px;
    }
}

@media only screen and (max-width:1315px) {
    .sr-map-view-wrap {
        left: 0px;
        right: 0px;
        width: 970px;
        margin: 0px auto;
    }
}

.t20-100-points-txt, .t20-200-points-txt {
    font-size: 80px;
    font-weight: bold;
    margin: 125px 10px 0px 0px;
    float: right;
    color: #fff;
}

.t20-400-points-txt {
    font-size: 60px;
    font-weight: bold;
    margin: 135px 22px 0px 0px;
    float: right;
    color: #fff;
}

.t20-100-points-wrap {
    background: url("/resources/banner-images/t20-banner-50.png") no-repeat left;
    width: 245px;
    height: 350px;
    margin-left: 30px;
}

.t20-200-points-wrap {
    background: url("/resources/banner-images/t20-banner-100.png") no-repeat left;
    width: 260px;
    height: 350px;
    margin-left: 15px;
}

.t20-400-points-wrap {
    background: url("/resources/banner-images/t20-banner-400.png") no-repeat left;
    width: 280px;
    height: 350px;
    margin-left: -5px;
}
/* Referral System CSS ends here */


.change-city-list, .usr-dtls-txt-wrap {
    border: 1px solid #d2d2d2;
    background: #f2f2f2;
    padding: 10px;
    margin: 30px 0px;
    width: 610px;
    float: left;
}

.change-city-list {
    width: 435px;
    margin: 5px 0px 20px;
    overflow: auto;
    height: 215px;
}

.verification-popup-btn-wrap {
    padding: 10px;
    width: 346px;
    margin: 10px auto;
    display: block;
    overflow: hidden;
}

.margin-left-5 {
    margin-left: 5px;
}

.verification-popup-txt, .verification-popup-lbl {
    font-size: 20px;
    color: #000;
    margin: 5px 0px;
    width: 100%;
}

.verification-popup-txt {
}

.cnfrm-blue-btn {
    font-size: 22px;
    color: #fff;
    background: #0080ca;
    padding: 10px 15px;
    border-radius: 3px;
}

.edit-btn-simple {
    font-size: 18px;
    color: #000;
    padding: 10px 15px;
}

.change-city-popup-wrap, .common-dbl-border-popup-wrap, .verification-popup {
    width: 700px;
    background: #d2d2d2;
    padding: 8px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -230px;
    z-index: 1000;
}

.card-payment-popup {
    width: 450px;
    background: #d2d2d2;
    padding: 8px;
    position: absolute;
    z-index: 1000;
    left: 35%;
}

    .card-payment-popup .popup-inner-layer {
        width: 92%;
        padding: 10px;
    }

.change-city-popup-wrap {
    padding: 8px;
    background: #d2d2d2;
    margin-top: -150px;
    margin-left: -250px;
    width: 500px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 101;
}

.common-dbl-border-popup-wrap {
    margin-top: -70px;
}

.verified-heading {
    font-size: 26px;
    margin: 10px auto;
}

.verification-txt-highlighting-width {
    width: 350px;
}

.verification-page-txtbox-center, .verification-page-txt-highlighting {
    padding: 10px 5px;
    font-size: 18px;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    margin: 10px auto 10px 4px;
    width: 300px;
    border: 1px solid #d2d2d2;
}

.verification-page-txtbox-center {
    width: 195px;
    margin: 10px auto 10px 55px;
}

.verification-page-heading-stp-2 {
    padding: 10px 25px;
    background: #f2f2f2;
    border-radius: 3px;
    text-align: left;
    margin: 10px auto;
    width: 340px;
    border: 1px solid #d2d2d2;
}

.verification-page-txt-highlighting-stp-2 {
    padding: 10px 5px;
    font-size: 18px;
    background: #f2f2f2;
    border-radius: 3px;
    text-align: center;
    margin: 10px auto;
    width: 250px;
    border: 1px solid #d2d2d2;
}

.change-city-popup-inner-layer, .popup-inner-layer {
    border: 8px solid #f2f2f2;
    background: #fff;
    width: 683px;
    float: left;
}

.change-city-popup-inner-layer {
    width: 483px;
}

.change-city-content, .verification-popup-content {
    background: #fff;
    padding: 28px 26px 33px 25px;
    float: left;
}

.change-city-content {
    padding: 15px 0px;
    width: 95%;
    margin: 0px auto;
    float: none;
}

.verification-usr-dtl-wrap {
    margin-left: 20px;
    width: 360px;
}

/* Area Page CSS Starts Here */

.change-city-link {
    color: #000;
    font-size: 14px;
    font-style: italic;
    margin: 5px 10px 0px;
    float: left;
    text-transform: lowercase;
}

    .change-city-link:hover {
        text-decoration: underline;
    }

.landmarks-list-section-wrap, .town-list-section-wrap {
    background: #f2f2f2;
    border: 1px solid #d2d2d2;
    float: left;
    width: 450px;
    min-height: 500px;
}

.landmarks-list-section-wrap {
    float: right;
    overflow: auto;
}

.list-content-wrap {
    width: 400px;
    margin: 20px auto 0;
    font-weight: normal;
}

.town-name-list {
    list-style: none;
    margin-top: 5px;
    float: left;
}

    .uk-town-name-list li, .town-name-list li {
        margin: 13px 0px;
        font-size: 14px;
        color: #000;
        font-weight: normal;
    }

        .uk-town-name-list li a, .uk-sub-nested-town-list li a, .town-name-list li a, .sub-nested- town-list li a {
            color: #000;
        }

.sub-nested-town-list {
    column-count: 2;
    column-gap: 20px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    float: left;
    width: 92%;
    margin: 0px 0px 10px 15px;
}

    .sub-nested-town-list li {
        margin: 5px 10px 5px 15px;
        font-size: 14px;
        color: #000;
        float: left;
        width: auto;
        clear: both;
    }

        .uk-town-name-list li a:hover, .uk-sub-nested-town-list li a:hover, .town-name-list li a:hover, .sub-nested-town-list li a:hover {
            text-decoration: underline;
        }

        .uk-sub-nested-town-list li:before, .sub-nested-town-list li:before {
            content: " - ";
        }

.payment-close-popup, .img-close-popup {
    background-position: -2px -205px;
    cursor: pointer;
    float: right;
    height: 13px;
    margin-top: 3px;
    width: 13px;
}

.map-popup-close-img {
    background-position: 2px -201px;
    cursor: pointer;
    height: 13px;
    width: 13px;
    position: absolute;
    right: -14px;
    z-index: 101;
    top: -15px;
    background-color: #f2f2f2;
    padding: 4px;
    border-radius: 25px;
    border: 3px solid #000;
}

.map-popup-close-txt {
    background: #000;
    color: #fff;
    padding: 5px 10px;
    margin: 3px 5px;
    border-radius: 3px;
}

.payment-close-popup {
    margin-right: 8px;
}

.city-name-listing {
    float: left;
    font-size: 14px;
    color: #000;
    width: 185px;
    margin: 10px;
    font-weight: normal;
}
/* Area Page CSS Ends Here */

/* CSS of New Popup Layout for all Pages Starts Here */

.common-popup-upper-layer {
    background: #fff;
    margin: 30px auto 0;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -350px;
    margin-top: -90px;
    z-index: 1000;
}

.common-popup-inner-layer {
    border: 8px solid #f2f2f2;
    background: #fff;
    float: left;
    padding: 15px;
}

/* CSS of New Popup Layout for all Pages Ends Here */

.credit-card-popup-pleasewait-txt {
    text-align: center;
    width: 100%;
    float: left;
    color: #000;
}

.order-basket-area-txtbox {
    width: 85%;
    padding: 4px 1px 4px 5px;
    border: none;
    color: #000;
    resize: none;
    font-family: arial;
    max-height: 60px;
    height: 13px;
    overflow: hidden;
}

.order-basket-go-btn {
    padding: 5px 5px;
    background: #000;
    color: #f2f2f2;
    font-size: 14px;
    cursor: pointer;
    border: none;
}

.order-dv-map-pin {
    background-position: -178px -62px;
    float: left;
    margin-top: 0px;
    height: 23px;
    width: 20px;
    padding: 0px 0px 0px 2px;
    border-right: 2px solid #000;
}

.master-page-random-bg {
    position: fixed;
    z-index: -1;
    width: 100%;
    min-width: 100%;
    border-bottom: 3px solid #ed0000;
}


.txt-area-multi-line {
    background: #f2f2f2;
    width: 91%;
}

.txt-area-multi-line-guest, .txt-area-multi-line {
    width: 73%;
    height: 18px;
    padding: 4px 15px 4px 5px;
    color: #000;
    resize: initial;
    border: 1px solid #d2d2d2;
    overflow: hidden;
    font-size: 14px;
    font-family: 'open sans';
}

.txt-area-multi-line-guest {
    width: 80%;
    padding: 4px 6px 4px 5px;
    border: 1px solid #d2d2d2;
    margin-left: 0px;
}

.txt-area-multi-line-takeaway {
    width: 93%;
}

.basket-dlvry-area-link {
    color: #fff;
    font-size: 12px;
    text-decoration: underline;
}

.consumer-search-main-wrapper-new, .search-find-restaurants-name-wrap {
    font-size: 14px;
    font-weight: normal;
}

.item-crousel-wrpr {
    position: absolute;
    width: 980px;
    margin: 65px 10px 0px;
}

.filter-close-io {
    background-position: -12px -35px;
    position: relative;
    right: -7%;
    width: 20px;
    height: 18px;
}

.label-style .registration-gndr-wrapper {
    font-size: 14px;
}

.couldnt-find-page {
    display: block;
    overflow: hidden;
    margin: 0px 0px 20px 0px;
    font-size: 18px;
    font-weight: 300;
    clear: both;
}

.rdw-center-wrapper {
    width: 100%;
}

.page-not-found-main-wrap {
    display: block;
    overflow: hidden;
    width: 100%;
}

.page-not-found-inner-wrap {
    margin: 0 auto;
    width: 390px;
    display: block;
    overflow: hidden;
    text-align: center;
}

    .page-not-found-inner-wrap h1 {
        font-size: 168px;
        color: #000;
        font-weight: 300;
        float: left;
        padding: 0px 15px;
    }

    .page-not-found-inner-wrap span {
        border-radius: 50%;
        width: 130px;
        padding: 0px 0px 0px 0px;
        height: 130px;
        float: left;
        background-color: #000;
        margin-top: 57px;
    }

    .page-not-found-inner-wrap a {
        color: #fff;
        font-weight: normal;
        padding: 7px 19px;
        background-color: #ed0000;
        border-radius: 20px;
        margin: 0 auto 20px auto;
        font-size: 16px;
        display: block;
        overflow: hidden;
        width: 130px;
    }

.guest-checkout-form-heading {
    text-align: center;
    width: 100%;
    margin: 10px 0 0 0;
}

.search-icon-slide {
    display: block;
    float: left;
    margin: 12px 0px 0px 0px;
}

.no-display-web {
    display: none;
}

.area-on-header-wrap {
    display: none;
}

.no-display-resp {
    display: block;
}

.margin-top-26 {
    margin-top: 26px !important;
}

.margin-top-70 {
    margin-top: 70px !important;
}

.guest-checkou-order-type-btn-label {
    margin: 20px 0px 10px 15px;
    float: left;
    width: 92%;
}

.order-time-change {
    font-size: 12px;
    color: #39b3d7;
    padding: 3px 6px;
    text-decoration: underline;
}

.checkout-form-label-collection, .guest-checkout-form-label {
    margin-left: 8px;
    width: 26%;
}

.checkout-form-label-collection {
    width: 135px;
}

.guest-checkout-phone-main-wrp {
    margin-top: 10px;
}

.guest-checkout-fileds-left-marg {
    margin: 0 8px;
    width: 93%;
}

.checkout-phoneno-io {
    float: left;
    width: 20px;
    background-repeat: no-repeat;
    margin-top: 3px;
}

.guest-checkout-reg-msg {
    width: 74px;
    margin-top: 0px;
}

.guest-checkout-help-message {
    margin: -6px 0 0 0;
}

    .guest-checkout-help-message:after {
        right: -22%;
        top: 0px;
    }

#Span1 {
    float: left;
    margin: 8px 4px 0 8px;
    clear: both;
}

.guest-checkout-phone-main-wrp .rbc-form-input-field-mobile {
    width: 84%;
}

.Guest-checkout-dilivery-setup {
    width: 95%;
    float: left;
    margin: 0 8px;
}

    .Guest-checkout-dilivery-setup .a-common-orc-checkout-addresses {
        margin-left: 0;
        width: 98%;
    }

.fd-sortby-drpdown-wrap {
    width: 200px;
}

.fd-serving-drpdown {
    font-size: 12px;
}

.fd-sortby-drpdown, .fd-serving-drpdown {
    float: right;
    border-radius: 3px;
    width: 100px;
    padding: 7px 0 7px 0px;
    border: 1px solid #d2d2d2;
}

.fd-sortby-drpdown {
    color: #000;
    border: 1px solid #d2d2d2;
    padding: 3px 3px;
    font-size: 12px;
    font-weight: normal;
    min-width: 110px;
    max-width: 180px;
}

.webding-font {
    font-family: webdings;
}

    .webding-font:before {
        content: "0x2b";
    }

.fd-sortby-drpdown option span {
    color: #ed0000;
    font-weight: bold;
    font-size: 16px;
}


.list-wrap .item-main-row {
    padding: 0px 0px 10px 0px;
}

.main-basket-wrapper {
    width: 430px;
    border: 1px solid #d2d2d2;
    margin: 60px auto;
    padding-top: 10px;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.item-main-row {
    padding: 0px 10px 10px 10px;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.item-row, .row-wrap {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-right: 90px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row-wrap {
    margin-bottom: 0px;
}

.item-name-label {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.item-price-label {
    position: absolute;
    right: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.item-row-inner {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .item-row-inner span {
        color: #777;
    }

.item-heading {
    float: left;
    width: 100%;
    margin-bottom: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.menu-item-common {
    width: 100%;
    float: left;
    margin-top: 5px;
    color: #03A9F4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .menu-item-common i {
        margin-right: 3px;
        font-size: 14px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.item-repeat-btn, .item-remove-btn {
    display: inline-block;
    padding: 0px;
    margin-bottom: 0;
    width: auto;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
    color: #03a9f4;
    border: none !important;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 20px;
    margin-left: 0px;
}

    .item-repeat-btn i, .item-remove-btn i {
        font-size: 14px;
        margin-right: 5px;
    }

.qctx-items-dtl-wrap span.topping-extra-price {
    width: auto !important;
    float: right !important;
}

.btn-repeat-remove-padding {
    padding: 0px 0px 0px 15px !important;
}

.item-remove-btn span i {
    font-size: 14px;
}
/* -- Range Slider CSS Starts Here -- */

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-widget-header {
    font-weight: normal;
    color: #555555;
    border-radius: 40px;
    background: -webkit-linear-gradient(#3a71aa, #4984be) !important;
    background: -o-linear-gradient(#3a71aa, #4984be) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3a71aa, #4984be) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3a71aa, #4984be) !important; /* Standard syntax (must be last) */
}



    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border-radius: 40px;
        background: -webkit-linear-gradient(#f2f2f2, #d2d2d2) !important;
        background: -o-linear-gradient(#f2f2f2, #d2d2d2) !important; /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#f2f2f2, #d2d2d2) !important; /* For Firefox 3.6 to 15 */
        background: linear-gradient(#f2f2f2, #d2d2d2) !important; /* Standard syntax (must be last) 

*/
    }

/**/

/* -- Range Slider CSS Ends Here -- */
/*bilal lightbox starts here*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #000;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

    .fancybox-opened .fancybox-skin {
        -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    }

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #000;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

.agent-gallery-previous, .agent-gallery-next {
    display: none;
}

.agent-gallery-next, .agent-gallery-previous {
    background: url(../images/slider-arrow.png) -18px 3px #000;
    width: 25px;
    height: 25px;
    float: right;
    background-repeat: no-repeat;
    background-size: 40px 20px;
    position: absolute;
    top: 44%;
    right: -7%;
}

.agent-gallery-previous {
    background-position: 3px 3px;
    float: left;
    left: -7%;
}

.fancybox-title.fancybox-title-float-wrap {
    display: none;
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

    #fancybox-loading div {
        width: 44px;
        height: 44px;
        background: url('../../resources/lefttoright/images/fancybox_loading.gif') center center no-repeat;
    }

.fancybox-close {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-item.fancybox-close {
    background: url('../images/bg-error-sucess.png') white;
    background-position: -5px -2px;
    border-radius: 10px;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}




.fancybox-nav:hover span {
    visibility: visible;
    display: block;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

    .fancybox-lock body {
        overflow: hidden !important;
    }

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: #000;
    opacity: 0.9;
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        background: transparent; /* Fallback for web browsers that doesn't support RGBa */
        background: rgba(0, 0, 0, 0.8);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-shadow: 0 1px 2px #222;
        color: #FFF;
        font-weight: bold;
        line-height: 24px;
        white-space: nowrap;
    }

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}
/*bilal homepage css starts here*/

.search-find-restaurants-area-inner-btn:hover {
    text-decoration: underline;
}

.consumer-search-main-wrapper-new, .search-find-restaurants-name-wrap {
    width: 96%;
    background: #f2f2f2;
    padding: 3% 2%;
    border-radius: 3px;
    font-weight: normal;
    margin: 10px 0px;
}

.search-find-restaurants-name-wrap {
    background: white;
    padding: 0% 2%;
}

.search-find-restaurants-name-heading {
    width: 100%;
    color: #ed0000;
    font-size: 20px;
    margin: 10px 0px;
}

.search-find-restaurants-name-inner-wrap {
    width: 100%;
    position: relative;
    font-size: 16px;
}

.search-find-restaurants-area-inner-btn {
    padding: 5px;
    color: #ed0000;
    border-radius: 2px;
    position: absolute;
    bottom: 2px;
    margin-left: 1px;
    text-transform: lowercase;
    font-size: 13px;
    width: 94px;
}

.consumer-search-main-wrapper-new {
    box-shadow: rgb(170, 170, 170) 1px 2px 5px;
}

.search-find-restaurants-area-inner-wrap li a {
    color: #000;
}

    .search-find-restaurants-area-inner-wrap li a:hover {
        text-decoration: underline;
    }

.search-find-restaurants-area-inner-wrap {
    width: 90%;
}

    .search-find-restaurants-area-inner-wrap li {
        float: left;
        width: 30%;
        padding: 5px 0px;
    }

.top-main-center-transparent-bg-wrap-new {
    background: rgba(255,255,255, 0.7);
    border: 1px solid #d2d2d2;
    padding: 20px 20px;
    width: 94%;
    margin: 40px auto 0px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: normal;
}

.search-eat-dropdown-wrap {
    position: relative;
    float: left;
    width: 99%;
}

.sr-eat-wrp {
    width: 96%;
}

.arrow-con-new {
    width: 26px;
    height: 17px;
    display: block;
    background-position: -60px -158px;
    position: absolute;
    top: 32%;
    top: 35%;
    right: 3px;
    cursor: pointer;
}

    .arrow-con-new.arrow-for-btn {
        background-position: -35px -155px;
    }

.search-eat-dropdown-wrap .form-control-hotel-location {
    border: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-radius: 4px;
}

.headline-home-eat {
    color: #000;
    font-size: 22px;
    float: left;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
}

.hotel-location-search-eat {
    font-size: 14px;
    font-weight: normal;
    width: 18%;
    margin-left: 25px;
}

.search-eat-dropdown {
    position: absolute;
    top: 98%;
    left: 0;
    right: 0;
    list-style: none;
    font-weight: normal;
    background: #ed0000;
    border-radius: 0px 0px 2px 2px;
    border-top: none;
    cursor: pointer;
    z-index: 90;
}

    .search-eat-dropdown li a {
        display: inline-table;
        float: left;
        background: #ed0000;
        border-top: 1px solid #b50101;
        width: 100%;
        padding: 10px 0px;
        border-radius: 0 0 5px 5px;
    }

.selectcity {
    border-radius: 4px 0px 0px 4px;
    margin: 0px 0px 0px 0px;
    background-color: #d1d1d1;
    border: 1px solid #d2d2d2;
    font-size: 16px;
    color: #000;
    padding: 14px 9px;
    float: left;
    width: 23%;
    border: none;
    border-right: 1px solid #d2d2d2;
}

.hotel-location-search-location-form-control {
    float: left;
    width: 100%;
    border-radius: 4px;
    position: relative;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    margin: 0px 0px 0px 0px;
}

.form-control-hotel-location {
    display: block;
    width: 100%;
    padding: 15px 0px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    text-indent: 10px;
}

.hotel-location-search-location {
    width: 51%;
    margin: 0px 0px 0px 0px;
}

.hotel-location-search-find-restaurants {
    position: relative;
    float: left;
    width: 25%;
    padding: 42px 0px 0px 0px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: normal;
    color: #f2f2f2;
    margin-left: 25px;
    text-transform: uppercase;
}

.restuarent-category-img {
    display: inline-block;
    float: left;
    margin: 3px 6px 0;
    width: 60px;
}

.search-find-restaurants-dropdown-wrap {
    position: relative;
    float: left;
    width: 100%;
    padding: 0px 0px;
    background: #ed0000;
    border-radius: 4px;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    box-shadow: 1px 2px 1px #999;
    text-align: center;
    cursor: pointer;
}

.hotel-location-search-location-form-control .form-control-hotel-location {
    text-indent: 17px;
}

.search-find-restaurants-dropdown-wrap a {
    color: #f2f2f2;
}

.search-find-restaurants-dropdown-wrap span.search-eat-arrow:after, span.search-eat-arrow:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: '';
    border-top: 12px solid #FCF1F1;
    position: absolute;
    top: 3px;
}

.search-find-restaurants-dropdown-wrap .search-eat-arrow:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: '';
    border-top: 12px solid #E71313 !important;
    top: 0px !important;
    z-index: 100;
}

.consumer-search-main-wrapper-new-inner {
    width: 100%;
    float: left;
}

.consumer-search-main-wrapper-new {
    border: 1px solid #d2d2d2;
    padding: 3% 2% 0% 2%;
}

.search-find-restaurants-dropdown-wrap a:hover {
    text-decoration: underline;
}

.consumer-search-main-wrapper-new, .search-find-restaurants-name-wrap {
    width: 93%;
    margin: 10px 1.4%;
}

.consumer-search-main-wrapper-new {
    margin: 10px 1.4% 20px 1.4%;
}

.search-find-restaurants-name-wrap {
    min-height: 140px;
}

.search-location-error-field {
    float: left;
    width: 100%;
    height: 31px;
    line-height: 31px;
    margin-top: 0px;
}

.search-find-restaurants-dropdown-main-wrap {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    text-shadow: 1px 1px #000;
}

    .search-find-restaurants-dropdown-main-wrap a {
        color: #f2f2f2;
    }

        .search-find-restaurants-dropdown-main-wrap a:hover {
            text-decoration: underline;
        }

/*bilal homepage css Ends Here*/

/*restuarant page css here*/
.sr-radius-or-sort-by {
    float: left;
    width: 311px;
}

    .sr-radius-or-sort-by span {
        color: #000;
        font-size: 11px;
    }

.sr-radius-inner {
    float: left;
}

.sr-inner-sort-by {
    margin-left: 10px;
}

    .sr-inner-sort-by.mar-left {
        margin-left: 15px;
    }

.sr-radius-inner select {
    padding: 6px 0px 6px 0px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    text-indent: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("../../lefttoright/images/bg-consumer-fixed-group.png") no-repeat #fff;
    background-position: 45px -88px;
    background-size: 460px 160px;
    width: 67px;
    font-size: 11px;
}

    .sr-radius-inner select::-ms-expand, .sr-inner-sort-by select::-ms-expand {
        display: none;
    }

    .sr-inner-sort-by select option, .sr-radius-inner select option {
        width: auto;
        padding: 0px;
    }

.sr-inner-sort-by select {
    padding: 6px 0px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    text-indent: 5px;
    width: 152px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("../../lefttoright/images/bg-consumer-fixed-group.png") no-repeat;
    background-position: 130px -88px;
    background-size: 460px 160px;
    font-size: 11px;
}

.change-resturant {
    margin: 12px 0px 10px 0px;
    padding: 1px 6px;
    background: #f2f2f2;
    color: #000;
    font-size: 12px;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    float: left;
}

.sr-count-records {
    font-size: 24px;
}

.breadcrumb > li + li:before {
    content: ">";
    padding: 0px 10px;
}

ol.nav.breadcrumb li {
    float: left;
}

    ol.nav.breadcrumb li a {
        color: #777;
    }

        ol.nav.breadcrumb li a:hover {
            text-decoration: underline;
            color: #ed0000;
        }

ol.nav.breadcrumb {
    width: auto;
    float: left;
    font-size: 11px;
    color: #000;
    padding: 0px 8px;
    text-transform: uppercase;
}

.sr-count-records {
    font-size: 24px;
    margin: 5px 12px 0px 4px;
    color: #000;
}

.hotel-location-search-eat-res {
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    margin: 0px 0px 20px 0px;
}

    .hotel-location-search-eat-res .form-control-hotel-location {
        border-radius: 4px;
        width: 86%;
        padding: 10px 14% 10px 0px;
    }

    .hotel-location-search-eat-res .arrow-con-new {
        background-position: -9px -157px;
    }

.sr-content-box-sponsored-wrap {
    float: left;
    width: 100%;
    font-size: 14px;
}

span.sr-content-box-sponsored {
    background-color: #f2f2f2;
    padding: 6px 8px;
    font-size: 11px;
}

.sr-content-box-inner-span {
    float: left;
    margin: 5px 15px;
    font-size: 13px;
}

.current-active {
    margin-left: -4px;
}

li.current-active i {
    padding: 0px 7px 0px 12px;
    font-size: 16px;
    color: #777;
    margin-top: -7px;
}


.sr-offers-ribbon-inner-wrap {
    font-size: 12px;
    color: #fff;
    float: right;
    background-color: #ed0000;
    padding: 0px 5px;
    border-radius: 3px;
    margin: 5px 10px 5px 0px;
}

.search-deals-records-wrap {
    float: left;
    width: 98%;
    padding: 0px 4px;
}

.search-deals-wrap-m {
    float: right;
    border: 1px solid #d2d2d2;
    width: 771px;
    background: #f2f2f2;
    padding: 1px 0px 5px 0px;
}

.sr-radius-deals-inner select {
    padding: 6px 0px 6px 0px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    text-indent: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("../../lefttoright/images/bg-consumer-fixed-group.png") no-repeat #fff;
    background-position: 38px -86px;
    background-size: 460px 160px;
    width: 60px;
    font-size: 11px;
}

.sr-radius-deals-inner {
    float: left;
}

.header-res-search-field {
    border: 1px solid #d2d2d2;
    border-radius: 15px;
    padding: 5px 0px;
    color: #000;
    font-size: 14px;
    background: #f2f2f2;
    margin: 0px;
    float: right;
    text-indent: 0px;
    width: 81%;
    padding: 5px 10px 5px 28px;
}

.header-res-search-field-icon {
    width: 36px;
    height: 29px;
    display: block;
    background-position: -114px -65px;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.arrow-con-new-search {
    width: 36px;
    height: 29px;
    display: block;
    background-position: -114px -64px;
    position: absolute;
    top: 10px;
    right: 0px;
    cursor: pointer;
}

.sr-search-btn-wrap {
    width: 35px;
    float: right;
    margin-right: 4px;
}

.sr-serach-icon-2nd {
    width: 35px;
    height: 25px;
    display: block;
    background-position: -114px -64px;
    top: 25%;
    left: 0px;
    cursor: pointer;
    padding: 2px 0px;
}

.breadcrumb-main-wrap {
    display: block;
    margin: 0px 1%;
    width: 98%;
}

.restaurant-info-working-working-hours-days-bold {
    width: 100%;
    float: left;
    padding: 0px 0px 5px 0px;
    font-size: 14px;

}

.common-order-type-slc-wrap span {
    border-left: 2px solid #000;
    display: inline-block;
    line-height: 20px;
    padding: 0px 8px 0px 8px;
}

.common-order-type-slc-wrap a {
    border-left: 2px solid #000;
    display: inline-block;
    line-height: 20px;
    padding: 0px 8px 0px 8px;
    color: #000;
}

.sr-content-box-wrapper-inner-wr {
    float: left;
    width: 100%;
    position: relative;
}

.sr-diplay-search-box-restaurant-wrap {
    float: left;
    width: 100%;
}

.no-area-found-wrap {
    background: #fbe550;
    text-align: center;
    margin-top: 5px;
    float: left;
    width: 100%;
}

div#divAreaMessage {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
}

.not-a-delivery-area-wrap {
    width: auto;
    margin: 0px auto;
    display: inline-block;
    text-align: center;
}

.no-area-found-wrap a {
    color: #000;
    font-size: 14px;
    float: left;
    margin: 0px auto;
}

#divAreaMessage a {
    float: none;
}

.not-a-delivery-area-wrap a {
    float: left !important;
}

.area-found-wrap-inner-not-a-delivery.mar-d {
    margin: 0px 0px 0px 10px;
}

.no-area-found-wrap a:hover {
    text-decoration: underline;
}

.sr-search-count-wrap {
    float: left;
    width: 100%;
    padding: 0px 0px 0px 2px;
    height: 50px;
    line-height: 65px;
    background: white;
    margin: 0px 0px 10px -1px;
    font-size: 18px;
    color: #000;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    text-transform: uppercase;
}

.sr-count-records-main-wrap {
    font-size: 24px;
    width: 100%;
    margin: 0px 0px 12px 0px;
    float: left;
}

.sr-not-found-wrap {
    background-color: #fff;
    border: 1px solid #D2D2D2;
    margin: 10px 0% 10px 0%;
    width: 100%;
    float: left;
    padding: 0px 20px;
    text-align: center;
    font-size: 24px;
}

.sr-not-found-wrap-inner {
    padding: 15px;
}

.sr-not-found-no-matched, .sr-results-matched {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
    text-align: center;
    font-weight: 700;
}

.sr-not-found-no-matched {
    display: none !important;
}

.sr-results-matched {
    margin: 30px 0px 10px 0px;
}

.sr-not-found-wrap-no-result {
    font-size: 14px;
    margin: 0px 0px 10px 0px;
}

.sr-not-found-wrap-search-cusines {
    width: 100%;
    float: left;
    margin: 20px 0px 10px 0px;
    text-align: center;
}

    .sr-not-found-wrap-search-cusines a {
        padding: 10px 20px;
        background: #000;
        float: none;
        font-size: 16px;
        display: inline-block;
        color: #fff;
        border-radius: 3px;
        font-weight: 300;
    }

.sr-not-found-area {
    width: 100%;
    float: left;
    font-size: 14px;
    margin: 10px 0px 10px 0px;
}

.sr-not-found-latest-update {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin: 10px 0px;
}

.sr-not-font-social-icons {
    float: left;
    width: 100%;
    margin: 10px 0px;
    text-align: center;
}

.sr-not-fonud-facebook-icons, .sr-not-fonud-twitter-icons, .sr-not-fonud-google-plus-icons {
    width: 31px;
    height: 30px;
    float: left;
}

.sr-not-font-social-icons-inner a {
    margin: 0px 3px;
}

.sr-not-font-social-icons-inner {
    display: inline-block;
    width: 112px;
}

.sr-not-found-area a:hover {
    text-decoration: underline;
}

.search-change-location-wrap a {
    float: left;
}

.area-found-wrap {
    display: flex;
    width: 100%;
    font-size: 16px;
    padding: 10px 15px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.change-area {
    cursor: pointer;
    text-decoration: underline;
    margin-left: 5px;
}

.area-found-wrap-inner-change-location {
    float: left;
}

    .area-found-wrap-inner-change-location a {
        padding: 0px;
        font-style: italic;
        text-decoration: underline;
    }

.area-found-wrap-inner-not-a-delivery {
    float: right;
    width: auto;
    display: none !important;
}

.area-found-not-a-delivery {
    float: left;
    margin-left: 10px;
    font-size: 14px;
}

.area-found-link {
    float: right;
    margin-right: 6%;
    margin: 0px 0px 0px 0px;
}

    .area-found-link a {
        padding: 4x;
        background: black;
        color: white;
        width: 100%;
        margin-left: 10px;
        border-radius: 3px;
        font-size: 16px !important;
    }

.area-found-wrap-inner-change-location a:hover {
    text-decoration: underline;
}

.sr-search-map-wrap span {
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0px;
    float: left;
    color: #000;
    width: 100%;
}

.sr-search-map-wrap {
    margin: 20px 0px;
    float: left;
}

.fd-filter-price-range {
    float: left;
    border-radius: 3px;
    width: 48%;
    margin: 0px 0px 10px 0px;
    font-size: 12px;
    padding: 7px 0 7px 0px;
    border: 1px solid #d2d2d2;
}

.address-map-wrap-main {
    width: 400px;
    float: left;
    overflow: hidden;
}

.sr-map-imgs {
    width: 80px;
    height: 80px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
}

.address-map-wrap-inner {
    float: left;
    width: 263px;
    padding: 0px 0px 0px 10px;
}

.address-map-heading {
    float: left;
    width: 100%;
    margin: 0px 0px 5px 0px;
    color: #ed0000;
    font-size: 14px;
    font-weight: normal;
}

.map-full-address {
    float: left;
    color: #000;
}

.sr-map-imgs img {
    width: 100%;
}

.popular-rest-wrap {
    float: left;
    background: rgba(255,255,255, 0.8);
    margin: 0px 0px 20px 0px;
    width: 100%;
    border-radius: 5px;
}

.header-res-search-wrap {
    position: relative;
    width: 160px;
    transition: all 0.5s ease-in-out;
    float: left;
}

.arrow_box {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #d2d2d2;
}

    .arrow_box:after, .arrow_box:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(136, 183, 213, 0);
        border-width: 7px;
        margin-left: 75px;
    }

    .arrow_box:before {
        border-color: rgba(210, 210, 210, 0);
        border-bottom-color: #000;
        border-width: 8px;
        margin-left: 74px;
        top: -16px;
    }

.sr-search-btn-wrap-inner {
    width: 197px;
    float: left;
    margin-left: -162px;
    margin-top: 13px;
    border-radius: 3px;
    z-index: 90;
}

    .sr-search-btn-wrap-inner input {
        float: left;
        border: none;
        padding: 5px 0px;
        text-indent: 10px;
        color: #d2d2d2;
    }

.autocomplete-group {
    color: #ed0000;
    padding: 10px 5px 0px 6px;
    font-size: 18px;
}

.header-res-search-warp-li {
    padding: 0px 1px;
    float: left;
    margin: -1px 0px 0px 0px;
}

.header-res-wrap {
    margin-top: 15px;
    margin-left: 15px;
}

.search-icon-slide i {
    font-size: 16px;
    padding: 5px 7px;
    border: none;
    border-radius: 10px;
    background: none;
    color: #fff;
    color: #000;
}

#dvMessageTagAddress, #spAreaValidationError, #dvMessageCity, #dvMessageTown, #dvMessageStreet,
#dvDisplayName, #dvDisplayFirstName, #dvDisplaySurName, #dvDisplayMobileCountryCode,
#dvDisplayMobileNumber, #dvDisplayLandlineCountryCode, #dvDisplayMessage {
    padding-left: 200px;
    padding-bottom: 15px;
}

.filter-price-detail-price-range {
    float: left;
    border-radius: 3px;
    padding: 7px 0 7px 0px;
    width: 48%;
    margin: 0px 0px 0px 0px;
    font-size: 11px;
    text-transform: capitalize;
    border: 1px solid #d2d2d2;
}

.filter-price-margin {
    margin: 0px 6px 0px 0px;
}

.fd-filter-price-range.fd-margin {
    margin: 0px 8px 0px 0px;
}


.back-top-text {
    float: left;
    background: none !important;
    width: 80px !important;
    margin: 4px 0px 0px -12px;
}


.riw-rows {
    float: left;
    width: 100%;
}

.deault-background {
    float: left;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: 50% 0;
    margin-top: 5px;
}

.clearable {
    display: none;
}

    .clearable.x {
        background: url("../../lefttoright/images/bg-consumer-common-fixed-group.png") no-repeat;
        width: 17px;
        float: left;
        height: 30px;
        background-position: -95px -55px;
        width: 17px;
        height: 16px;
        cursor: pointer;
        position: absolute;
        top: 0;
        top: 40%;
        right: 9px;
        cursor: pointer;
        display: block;
    }

.cleartext.xr {
    background: url("../../lefttoright/images/bg-consumer-common-fixed-group.png") no-repeat;
    width: 17px;
    float: left;
    height: 30px;
    background-position: -95px -55px;
    width: 17px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    top: 0;
    top: 40%;
    right: 9px;
    cursor: pointer;
    display: block;
}

.clearable.onX {
    cursor: pointer;
}

.cleartext.onXr {
    cursor: pointer;
}

.cleartext {
    top: 30% !important;
    display: none;
}

.watermark {
    color: #777 !important;
}

.search-count {
    color: #d2d2d2;
    font-size: 12px;
    position: absolute;
    right: 16%;
    top: 25%;
}

.show-full-menu-btn {
    background: #ffdd33;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 3px;
    color: #000;
    text-align: center;
    border: 1px solid #e1af00;
    font-weight: bold;
}
/* press info page css starts here */

.press-info-main-wrap {
    display: block;
    overflow: hidden;
}

.press-info-upper-sec {
    display: block;
    overflow: hidden;
    background-color: #f2f2e8;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 20px 0px;
}

    .press-info-upper-sec .press-info-btns-wrap a {
        background-color: #988f8f;
        color: #fff;
        padding: 8px 10px;
        float: left;
        border-radius: 3px;
        margin: 0px 15px;
        font-size: 14px;
    }

        .press-info-upper-sec .press-info-btns-wrap a i {
            margin-right: 10px;
        }

.press-info-btns-wrap {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 507px;
    float: none;
}

.press-info-btm-sec {
    display: block;
    overflow: hidden;
    padding: 0px 0px 20px 0px;
    margin-top: 20px;
}

.press-info-main-wrap h3 {
    font-size: 20px;
    font-weight: 300;
    color: #000;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.press-info-main-wrap p {
    font-size: 14px;
    text-align: justify;
    color: #000;
    padding-bottom: 10px;
}

.press-info-main-wrap span {
    width: 100%;
    float: left;
    font-size: 14px;
}

    .press-info-main-wrap span a {
        color: #000;
    }

    .press-info-main-wrap span i {
        font-size: 16px;
        margin-right: 15px;
    }

.press-info-dwnld-wrap {
    display: block;
    overflow: hidden;
    margin: 20px 0px;
}

    .press-info-dwnld-wrap h3 {
        font-size: 16px;
        color: #000;
        padding-bottom: 10px;
    }

    .press-info-dwnld-wrap a {
        color: #000;
        font-size: 14px;
        text-decoration: underline;
    }
/* press info page css ends here */
.show-full-menu {
    background: #ffdd33;
    font-size: 16px;
    padding: 10px 0px;
    border-radius: 3px;
    color: #000;
    float: left;
    border: 1px solid #e1af00;
    width: 100%;
    margin: 10px 0%;
    text-align: center;
    font-weight: bold;
}

.term-conditions {
    color: #ed0000;
    font-size: 14px;
    text-align: left;
    display: inherit;
}

    .term-conditions:hover {
        text-decoration: underline;
    }

.sr-serach-icon-2nd-wrap {
    float: left;
    background: white;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
}

.sr-serach-icon-2nd-wrap-active {
    background: #000;
}

.sr-not-fonud-facebook-icons {
    background-position: -78px -72px;
}

.sr-not-fonud-twitter-icons {
    background-position: -114px -72px;
}

.sr-not-fonud-google-plus-icons {
    background-position: -150px -72px;
}
/*resturants pages  css Ends Here*/

/*order view checkout css starts here*/
.order-guest-checkout-wraper {
    float: left;
    width: 60%;
    border: 1px solid #d2d2d2;
}

.order-guest-checkout-cashback-warper {
    float: left;
    width: 100%;
    color: #fff;
    background-color: #39b3d7;
    border-color: #269abc;
}

    .order-guest-checkout-cashback-warper .common-help {
        background: #fff;
        color: #000;
    }

.order-guest-checkout-cashback-inner {
    padding: 6px 16px 6px 11px;
    letter-spacing: 1px;
    font-size: 16px;
}

.checkout-wrap-padding-5 {
    padding: 0px 5% !important;
}

.order-guest-c-item-list-wraper {
    float: left;
    background: white;
    width: 96%;
    padding: 10px 2% 10px 2%;
}

.order-item-wrapper {
    width: 100%;
    font-size: 16px;
}

.order-item-total, .order-item-name, .order-item-inner-wrp-price {
    font-weight: bold;
    color: #000;
}

.order-item-total {
    margin: 0px 0px 0px 0px;
}

.order-item-name-inner {
    font-weight: bold;
    color: #000;
}

.order-item-extra {
    float: left;
    width: 100%;
    margin: 0px 0px 5px 0px;
    font-size: 16px;
    padding-right: 0px;
    color: #777;
}

.order-item-extra-inner {
    padding: 0px 0px 0px 15px;
    width: 59%;
    color: #777;
}

.order-item-inner-wrp-price {
    font-size: 16px;
}

.order-item-extra-inner a {
    color: #7a7a7a;
    text-decoration: underline;
}

.order-item-extra-deal-item {
    float: left;
    width: 100%;
    margin: 0px 0px 10px 0px;
    font-size: 16px;
    color: #777;
}

.order-guest-add-more-item-btn-wrap {
    width: 100%;
    padding: 0px;
    margin-bottom: 5px;
}

.order-guest-add-more-item-btn {
    font-size: 14px;
    color: #000;
    padding: 3px 6px;
    float: left;
    border-radius: 3px;
    height: 23px;
    position: relative;
}

    .order-guest-add-more-item-btn i {
        color: #00bcd4;
        font-size: 18px;
        margin-right: 5px;
    }

.order-item-charges-wrap {
    float: left;
    background: #f2f2f2;
    margin-top: 15px;
    width: 100%;
    padding: 15px 2% 15px 2%;
}

.order-guest-promotion-code-wrap {
    float: left;
    width: 240px;
    margin-bottom: 15px;
}

.order-promotion-code-headline {
    font-size: 16px;
    margin-bottom: 3px;
    float: left;
}

.order-enter-code {
    float: left;
    margin-bottom: 3px;
    font-size: 14px;
}

.order-order-code-captcha-wrap {
    width: 160px;
    float: left;
    clear: both;
}

.order-promotion-code-form-control {
    font-size: 25px;
    width: 160px;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    color: #ed0000;
    margin-bottom: 3px;
    float: left;
    text-indent: 13px;
    padding: 5px 0px;
}

.order-promotion-code-apply-btn {
    font-size: 14px;
    float: right;
    background: #0080ca;
    padding: 0px 12px;
    color: #ffffff;
    border-radius: 3px;
    height: 24px;
    line-height: 24px;
    margin-top: 5px;
    text-transform: capitalize;
}

.order-item-deliver-charges-total-wrap {
    float: right;
    width: 100%;
}

.order-item-d-c-inner {
    float: right;
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px;
    clear: both;
    padding-right: 0px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    padding-right: 109px;
    min-height: 20px;
}
.order-item-extra .order-item-extra-inner.float-left {
    width: 100%;
    font-size: 14px;
}

.order-item-ch {
    padding: 0px 5px 0px 0px;
    text-align: left;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: right;
    width: 100%;
}

.order-item-prc {
    text-align: right;
    float: right;
    position: absolute;
    right: 0px;
}

.order-total-payable-wrap {
    font-size: 20px;
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    padding-right: 130px;
}

.order-pay-rs-name {
    width: 100%;
    padding: 0px 5px 0px 0px;
    text-align: right;
    float: left;
    color: #000;
}

.total-pay-rs {
    color: #000;
    text-align: right;
    float: right;
    position: absolute;
    right: 0px;
}

.checkout-right-penal-wrap {
    width: 40%;
    float: right;
    text-align: center;
    padding: 0px 0px 0px 50px;
}

.checkout-res-wrap {
    width: 100%;
    float: left;
    padding: 10px 15px;
    text-align: left;
}

.checkout-res-wrap-headline {
    font-size: 26px;
    margin-bottom: 15px;
}

.checkout-res-wrap .checkout-res-payment-option-radio-btn-inner .checkbox label::after {
    top: 4px;
}

.blink {
    animation: blinker 0.5s cubic-bezier(.5, 0, 1, 1) alternate;
    animation-iteration-count: 3;
    color: #f2f2f2;
    background-color: #000;
}

@keyframes blinker {
    to {
        opacity: 0.3;
    }
}

.checkout-res-input-wrap, .reg-form-field-wrap, .login-form-field-wrap {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
    position: relative;
}

.radio-btn-color-set #rdoDelivery[type="radio"] {
    background-color: #d2d2d2;
}

.checkout-res-input-form-control {
    height: 57px;
    border-radius: 3px;
    float: left;
    border: 1px solid #d2d2d2;
    width: 100%;
    font-size: 14px;
    color: #000;
    text-indent: 15px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 40px;
    font-weight: bold;
}

    .checkout-res-input-form-control:focus {
        border: 1px solid #777;
    }

.thank-you-regis-field {
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    float: left;
    border: 1px solid #d2d2d2;
    width: 100%;
    font-size: 18px;
    color: #000;
    text-indent: 15px;
}

    .thank-you-regis-field:focus {
        border: 1px solid #777;
    }

.checkout-res-radio-btn-wrap {
    float: left;
    width: 110px;
}

.checkout-res-radio-btn-text {
    font-size: 14px;
    float: left;
}

.checkout-res-radio-btn {
    margin: 4px 5px 0px 10px;
}

.common-area-txt-wrap {
    float: left;
    position: relative;
    width: 90%;
    box-sizing: border-box;
    padding-right: 75px;
}

.common-area-search-find-btn {
    font-size: 13px;
    background: #000;
    color: #d2d2d2;
    padding: 3px 8px;
    border-radius: 3px;
    position: absolute;
    right: 3px;
    top: 15%;
    cursor: pointer;
}

.common-area-search-find-btn-close {
    height: 16px;
    position: absolute;
    right: 85px;
    width: 16px;
    top: 5px;
    background-position: -96px -55px;
    cursor: pointer;
    font-size: 16px;
}

.checkout-res-payment-option-wrap {
    float: left;
    width: 100%;
}

.checkout-res-payment-option-heading {
    font-size: 18px;
    margin: 10px 0px 5px 0px;
    float: left;
}

.checkout-res-payment-option-heading1 {
    font-size: 18px;
    margin: 10px 0px 5px 0px;
    float: left;
    display: none;
}

.checkout-res-payment-option-heading2 {
    font-size: 18px;
    margin: 10px 0px 5px 0px;
    float: left;
    display: none;
}

.checkout-res-payment-option-radio-btn-wrap {
    width: 100%;
    float: left;
    font-size: 14px;
}

.checkout-res-payment-option-radio-btn-inner {
    float: left;
    margin: 5px 0px 5px 10px;
    display: flex;
    align-items: center;
}

label.checkout-res-payment-option-radio-text {
    cursor: pointer;
}

.checkout-res-payment-option-radio-btn {
    padding: 3px 2px 0px 0px;
    float: left;
    margin: 0px 0px 0px 0px;
}

.checkout-res-alert-box {
    font-size: 14px;
    float: left;
    text-align: center;
    width: 100%;
    margin: 10px 0px 10px 0px;
}

.checkout-res-alert-box-checkbox {
    margin: 4px 3px 0px 0px;
    float: left;
}

.checkout-res-terms-cond {
    float: left;
    font-size: 16px;
}

.checkout-res-alert-box-inner {
    text-align: center;
    margin: 0px auto;
    display: inline-block;
}

.checkout-res-checkout-btn-wrap {
    float: left;
    width: 100%;
}

.checkout-res-checkout-btn-wrap-inner {
    float: left;
    width: 100%;
    position: relative;
}

.checkout-res-btn-text {
    color: #000;
    background-color: #fd3;
    border-radius: 5px;
    float: left;
    padding: 13px 0px 13px 0px;
    width: 100%;
    font-size: 24px;
    text-align: center;
    background-position: 5% 50%;
}

.ch-your-order-wrap {
    display: none;
}

.checkout-restaurant-title-wrap {
    float: left;
    width: 100%;
    background: #f2f2f2;
    font-size: 18px;
    padding: 20px 120px 20px 15px;
    position: relative;
    margin-bottom: 10px;
}

.checkout-main-heading {
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: bold;
    font-size: 24px;
    color: #000;
}

.checkout-title-heading {
    float: left;
    width: 80%;
}

.checkout-restaurant-logo-wrap {
    float: right;
    position: absolute;
    right: 10px;
    height: 100%;
    top: 0;
}

    .checkout-restaurant-logo-wrap img {
        position: relative;
        left: 0;
        border: 1px solid #d2d2d2;
        border-radius: 50%;
        vertical-align: top;
        height: 60px;
        width: 60px;
        background: #fff;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.checkout-back-login-btn-wrap {
    width: 100%;
    text-align: center;
    color: #ed0000;
    margin: 10px 0px 5px 0px;
    float: left;
}

    .checkout-back-login-btn-wrap a {
        color: #ed0000;
        font-size: 14px;
        padding-top: 10px;
        float: left;
        width: 100%;
    }

        .checkout-back-login-btn-wrap a:hover {
            text-decoration: underline;
        }

.checkout-res-terms-cond a {
    color: #d10101;
}

    .checkout-res-terms-cond a:hover {
        text-decoration: underline;
    }

.ricw-mi-item-name a:hover {
    text-decoration: underline;
}

.ch-or-addres-wrap {
    position: relative;
    float: left;
    min-height: 52px;
    width: 100%;
    border: 1px solid #d2d2d2;
    border-radius: 3px 3px 3px 3px;
    font-size: 14px;
    color: #000;
    text-indent: 15px;
}

.arrow-for-checkout {
    background-position: -8px -154px;
    right: 8px;
}

.ch-or-addres-wrap-inner {
    float: left;
    width: 85%;
    margin: 18px 0px 10px 13px;
    max-height: 200px;
    overflow: auto;
}

#dvSelectedAddress, #dvConsumerSelectedAddress {
    cursor: pointer;
}

#dvConsumerSelectedAddress {
    width: 84%;
    margin: 0px;
    padding: 25px 13% 10px 3%;
    min-height: 24px;
    box-sizing: border-box;
    padding-left: 40px;
    color: #777;
}

#dvSelectedAddress {
    width: 84%;
    margin: 0px;
    padding: 18px 13% 10px 3%;
    color: #000;
}

.ch-or-addres-wrap-inner-2nd {
    width: 100%;
    margin: 0px 0px 0px 0px;
}

.ch-or-addres-name-heading {
    float: left;
    margin: 0px -13px 0px -13px;
    text-align: left;
    color: #000;
}

.ch-or-addres-more-wrap, .basket-addres-more-wrap {
    float: left;
    background: #fff;
    position: absolute;
    top: 100%;
    z-index: 90;
    border: 1px solid #d2d2d2;
    border-top: none;
    width: 100%;
    margin: 0px 0px 0px 0px;
    border-radius: 0px 0px 4px 4px;
    border-top: 1px solid #d2d2d2;
}

.ch-deliver-addres-btn-wrp {
    float: left;
    width: 100%;
    text-align: center;
}

.ch-deliver-addres-btn {
    color: #d2d2d2;
    background: #000;
    margin: 0px 0px 20px 0px;
    text-align: left;
    padding: 10px;
    border-radius: 3px;
    display: inline-block;
    text-indent: 0px;
}

.tooltip-order-basket-bottom-wrap {
    float: left;
    left: 20%;
    z-index: 90;
    position: absolute;
    top: -144%;
    left: 20%;
    z-index: 90;
    min-height: 60px;
}

.tooltip-order-basket-bottom-inner-wrap {
    background: #000;
    line-height: 20px;
    top: 0;
    right: 0;
    color: #fff;
    width: 230px;
    padding: 10px 15px;
    width: 190px;
    position: relative;
    border-radius: 5px;
    min-height: 40px;
}

    .tooltip-order-basket-bottom-inner-wrap:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
        bottom: -20px;
        left: 45%;
    }

.tooltip-terms-and-condition-main-wrap-wrap {
    position: absolute;
    z-index: 90;
    display: block;
}

.tooltip-terms-and-condition-bottom-wrap {
    top: 10px;
    padding: 10px 15px;
    width: 190px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    line-height: 20px;
    height: auto;
    color: #000;
    left: 0%;
    font-style: normal;
    font-size: 14px;
    text-align: left;
    box-shadow: 0px 1px 3px #aaa;
}

    .tooltip-terms-and-condition-bottom-wrap:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #000 transparent;
        top: -18px;
        left: 10%;
    }

.terms-menu-position-set {
    position: absolute;
    z-index: 90;
    display: none;
    left: -114px;
    top: 18px;
}

.menu-tl-mar:after {
    left: 46%;
}

.menu-baskit-tooltip {
    top: 0;
    right: 0;
    padding: 10px 15px;
    width: 190px;
    position: relative;
}
/* Basket Areas Dropdown CSS Starts Here */

.basket-address-input-wrap {
    float: left;
    width: 100%;
    margin: 0px;
    position: relative;
}

.basket-address-wrap {
    position: relative;
    float: left;
    min-height: 52px;
    width: 100%;
    border: 1px solid #d2d2d2;
    border-radius: 3px 3px 3px 3px;
    font-size: 12px;
    color: #000;
    padding: 0px 2px;
    text-indent: 15px;
    margin: 0px 0px;
}

.basket-address-more-wrap {
    top: 70px;
}

.arrow-for-basket-area {
    background-position: -7px -155px;
    right: 0px;
}

.basket-addres-more-wrap-inner {
    float: left;
    width: 83%;
    margin: 18px 0px 10px 10px;
    max-height: 200px;
    text-align: left;
}

#dvAddresses {
    overflow-y: auto;
    overflow-x: hidden;
    float: left;
    width: 100%;
}

.basket-addres-only-width {
    width: 95%;
}
/* Basket Areas Dropdown CSS Ends Here */


/*css facebook btn starts here now*/


.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-social-wrap {
    height: 47px;
    line-height: 43px;
    font-size: 16px;
    text-align: left;
    width: 100%;
    color: #fff;
    display: inline-block;
    text-indent: 10px;
    margin: 10px 0px -5px 0px;
    border-radius: 3px;
    padding: 2px;
    padding-left: 46px;
    text-shadow: 0px 1px 0px #000;
    box-sizing: border-box;
}

.social-checkout-link {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
}

.facebook {
    background-color: #3b5998;
}

.facebool-icon-ch {
    background-position: -71px -74px;
    width: 35px;
    height: 25px;
    margin: 8px 0px 0px 10px;
}

.googleplus-icon-ch {
    background-position: -146px -72px;
    width: 30px;
    height: 25px;
    margin: 8px 0px 0px 12px;
}

.guestcheckout-icon-ch {
    background-position: -60px -75px;
    width: 38px;
    height: 35px;
    margin: 3px 0px 0px 14px;
    background: url("../../lefttoright/images/guest-checkout-btn-icon.png")no-repeat left #000;
    background-size: 35px;
}

.guest-order {
    background-color: #000;
}

.googleplus {
    background-color: #4285F4
}
/*facebook Ends here*/
.placeholder-show-inner:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #000 transparent;
    top: -18px;
    left: 7%;
}

.placeholder-show-inner {
    top: 8px;
}

.checkout-res-input-wrap .tooltip-wrapper-bottom {
    position: absolute;
    top: 101%;
}

.registration-foortal-slider img {
    width: 100%;
}

.checkout-res-btn-disable {
    color: #FFFFFF;
    background-color: #d2d2d2;
    border-radius: 5px;
    float: left;
    padding: 13px 0px 13px 0px;
    width: 100%;
    font-size: 24px;
    text-align: center;
    background-position: 5% 50%;
    cursor:not-allowed;
}

label.sticky-placeholder-label {
    line-height: 50px;
    float: left;
    font-weight: normal !important;
    font-size: 18px !important;
    color: #000 !important;
    text-indent: 15px;
}

.placeholder-show {
    z-index: 90;
}

.transition-in-scrollbar {
    -moz-transition: margin .2s;
    -webkit-transition: margin .2s;
    -ms-transition: margin .2s;
    -o-transition: margin .2s;
    transition: margin .2s;
}

.sr-offers-ribbon-menu-wrap {
    float: left;
    display: block;
    width: 80px;
    height: 57px;
    background: url("/resources/lefttoright/images/offer-ribbon-img.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    top: -18px;
    left: -3px;
}

.restaurant-cover-photo-image-wrap {
    height: 120px;
    overflow: hidden;
    display: block;
}

.email-subscription-wrap {
    float: right;
}

.ch-addres-wrap-link {
    color: #000;
}

    .ch-addres-wrap-link:hover {
        background-color: #fff;
    }

.ch-addres-wrap-link {
    float: left;
    width: 92%;
    padding: 4% 4%;
}

.ch-addres-wrap-link-disable {
    pointer-events: none;
    cursor: default;
}

.search-no-result-found {
    color: #ed0000;
}

#dvSearchItemFound {
    text-align: center;
    font-size: 14px;
}

.checkout-addres-change-wrap {
    float: left;
    position: absolute;
    bottom: 0px;
    margin: 0px 0px 1px 1px;
    width: 99.7%;
    padding: 7px 0px 7px 0px;
    background: #f2f2f2;
    font-size: 14px;
}

.checkout-addres-change-addres {
    float: left;
    margin: 0px 0px 0px 10px;
    width: 78%;
    font-weight: bold;
}

.checkout-addres-change-btn {
    float: right;
    background: #000;
    color: #d2d2d2;
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 12px;
    margin: 0px 10px 0px 0px;
}

.checkout-res-input-txtaddress1 {
    padding: 10px 4% 50px 4%;
    line-height: 25px;
    width: 100%;
    text-indent: 0px;
}

#dvAreaList {
    z-index: 100;
    position: static;
}

.modal-title .icon-l {
    display: none;
}
/*links are underline on hover*/
span.sr-action-delivery-dtls a:hover {
    text-decoration: underline;
}

span.sr-reviews-right.font-mobile-10 a:hover {
    text-decoration: underline;
}

.search-no-result-found:hover {
    text-decoration: underline;
}

.back-login-btn:hover {
    text-decoration: underline;
}

.dl-clr-filters, .clr-filters span:hover {
    text-decoration: underline;
}

.odd-details-res-offer span:hover {
    text-decoration: underline;
}

.a-riw-reviews:hover {
    text-decoration: underline;
}

#hlkReviews:hover {
    text-decoration: underline;
}
/*links are underline on hover Ends Here*/

.CheckoutPanel-wrap {
    margin: 0px 0px 20px 0px;
    display: inline-block;
    width: 100%;
}

#divOrderCart {
    max-height: 450px;
    overflow-y: auto;
}

.external-login-content-wrap {
    float: none;
    width: 580px;
    margin: 50px auto 0px auto;
}

.external-login-fb-main-wrap {
    width: 390px;
    color: #000;
    float: left;
}

.external-login-fb-wrap {
    float: left;
    width: 92%;
    padding: 4% 4% 0% 4%;
    border-radius: 3px;
}

.external-login-heading {
    float: left;
    width: 96%;
    font-size: 28px;
    margin: 10px 0px 10px 4%;
    font-weight: bold;
    color: #000;
}

.external-login-heading-facebook {
    float: left;
    width: 96%;
    font-size: 16px;
    margin: 0px 0px 0px 4%;
}

.external-login-fields-wrap {
    float: left;
    width: 100%;
}

.external-login-fields-inner-wrap {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
    position: relative;
}

.external-login-control-form {
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    float: left;
    border: 1px solid #d2d2d2;
    width: 100%;
    font-size: 18px;
    color: #000;
    text-indent: 15px;
}

.external-login-continue-btn-wrap {
    float: left;
    width: 100%;
    width: 92%;
    padding: 4% 4% 0% 4%;
}

.external-login-continue-btn {
    color: #FFFFFF;
    background-color: #0BC113;
    border-radius: 5px;
    float: left;
    padding: 8px 0px 8px 0px;
    width: 100%;
    font-size: 28px;
    text-align: center;
    cursor: pointer;
    font-weight: lighter;
}

.external-cancel-btn-wrap {
    float: left;
    width: 100%;
    width: 92%;
    padding: 0% 4% 0% 4%;
    text-align: center;
    margin: 20px 0px 0px 0px;
}

.external-cancel-btn {
    font-size: 16px;
    border: 1px solid #777777;
    padding: 7px 15px 8px 15px;
    border-radius: 3px;
    height: 20px;
    color: #000;
}

    .external-cancel-btn:hover {
        text-decoration: underline;
    }

.external-login-heading-main-wrap {
    width: 100%;
    float: left;
}

.external-circle-mask-wrap {
    display: block;
    height: 80px;
    width: 80px;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    z-index: 100;
    background-size: 80px;
    background-repeat: no-repeat;
    background-image: url(https://ssl.gstatic.com/accounts/ui/avatar_2x.png);
    -webkit-transition: opacity 0.075s;
    -moz-transition: opacity 0.075s;
    -ms-transition: opacity 0.075s;
    -o-transition: opacity 0.075s;
    transition: opacity 0.075s;
    margin-bottom: 10px;
}

    .external-circle-mask-wrap img {
        width: 100%;
    }

.external-main-wrap {
    float: left;
    width: 500px;
    margin: 0px 0px 48px 0px;
}

.btn-social-wrap button {
    background: transparent;
    border: none;
    width: 100%;
    padding: 14px 0px;
    float: left;
    cursor: pointer;
    position: absolute;
    left: 0;
}

.external-login-fields-user-email-wrap {
    float: left;
    font-size: 16px;
    margin: 0px 0px 10px 0px;
}

.external-forget-password-wrap {
    position: absolute;
    right: 10px;
    top: 22%;
    color: #ed0000;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
}

    .external-forget-password-wrap:hover {
        text-decoration: underline;
    }
/*external login css starts End here*/
/*search results page css starts here*/
.search-cuisine-main-wrap {
    font-size: 16px;
    font-weight: normal;
    width: 100%;
    margin: 0px 0px 10px 0px;
}

.search-cuisine-main-inner-wrap {
    position: relative;
    background: -webkit-linear-gradient(#f2f2f2, #d2d2d2);
    background: -o-linear-gradient(#f2f2f2, #d2d2d2);
    background: -moz-linear-gradient(#f2f2f2,#d2d2d2);
    background: linear-gradient(#f2f2f2, #d2d2d2);
    border-radius: 3px;
    color: #000;
    padding: 13px 0px;
    font-weight: normal;
    border: 1px solid #d2d2d2;
    width: 96%;
    text-indent: 10px;
    cursor: pointer;
}

.icon-search-cuisines {
    width: 16px;
    height: 16px;
    background-position: -28px -126px;
    float: right;
    margin: 3px 6px 0px 0px;
    background-color: #000;
    border-radius: 85px;
    background-size: 190px 305px;
    cursor: pointer;
    position: absolute;
    right: 0;
}

.search-cuisine-main-toggle-wrap {
    position: absolute;
    float: left;
    width: 100%;
    border: 1px solid #d2d2d2;
    border-top: none;
    margin: 0px 0px 0px -1px;
    background: #fff;
    z-index: 99;
    top: 100%;
    padding: 10px 0px 10px 0px;
    border-radius: 0px 0px 3px 3px;
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.cuisine-toggle-inner-wrap {
    margin: 0px 0px 5px 0px;
    position: relative;
}

.welcome-back-login-name-wrap {
    display: none;
}

.search-cuisine-remove-icon {
    cursor: pointer;
    color: white;
    border-radius: 30px;
    background: #ed0000;
    font-size: 12px;
    font-weight: bold;
    display: block;
    padding: 0px 5px;
    position: absolute;
    height: 14px;
    top: 2px;
    right: 7px;
    width: 5px;
}

    .search-cuisine-remove-icon:before {
        content: "×";
        margin: -2px 0px 0px -16px;
        float: left;
    }
/*drop down cuisines render start*/
.cuisines-sepertor-wrap {
    width: 70%;
    height: 2px;
    background-color: #d2d2d2;
    border: none;
    float: left;
    margin: 15px 30px;
}

.search-cuisine-main-toggle-wrap ul li div {
    width: 100%;
    margin-bottom: 3px;
    text-indent: 10px;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    float: left;
}

.search-cuisine-main-toggle-wrap ul li a {
    width: 100%;
    margin-bottom: 3px;
    text-indent: 10px;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    float: left;
}

    .search-cuisine-main-toggle-wrap ul li a:hover {
        background: rgb(242, 242, 242);
        cursor: pointer;
    }

#ulAppliedCuisines li a {
    font-weight: bold;
}

.search-cuisine-main-toggle-wrap ul li div:hover {
    background: rgb(242, 242, 242);
    cursor: pointer;
}

ul#ulAppliedCuisines {
    float: left;
    width: 100%;
}

    ul#ulAppliedCuisines li {
        float: left;
        width: 100%;
    }

a#lnkBtnClearCuisnies span {
    margin: 0px 10px 0px 0px;
}

a#lnkBtnClearCuisnies {
    width: 99%;
    float: left;
    margin-bottom: 20px;
}

.sr-applied-filter-remove-icon {
    margin: 2px 0px 0px 3px;
    background-position: -95px -55px;
    width: 17px;
    float: right;
    height: 16px;
}

ul#ulAppliedCuisines li div {
    font-weight: bold;
}

.email-addres-veri-wrap {
    width: 100%;
    max-width: 600px;
    float: none;
    padding: 30px 16px;
    margin: 0px auto 0% auto;
}

.vr-save-wrap {
    width: 100%;
    position: relative;
    margin: 10px 0px 0px 0px;
}
/*restraurant review css strats here*/
.review-you-page-success-main-wrap {
    width: 450px;
    margin: 0px auto;
}

.review-you-page-success-wrap {
    width: 400px;
    display: block;
    margin: 60px auto 0px auto;
    text-align: center;
}

.review-icon-border {
    display: inline-block;
    border: 2px solid #e5e5e5;
    border-radius: 100px;
    padding: 5px 5px 1px 5px;
}

.review-success-icon {
    background: url("../images/success-icon.png") no-repeat;
    background-color: #17cc0e;
    padding: 50px;
    border-radius: 100px;
    background-position: 20px 26px;
    display: inline-block;
    box-sizing: content-box;
}

.review-page-congrats-text {
    color: #000;
    float: left;
    font-size: 28px;
    padding: 15px 0 0 0;
    width: 100%;
    text-align: center;
    margin: 0px 0px 10px 0px;
}

.review-page-points-txt {
    float: left;
    font-size: 18px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    text-align: justify;
}

.review-content-main-wrap {
    width: 100%;
    padding-top: 20px;
    margin-bottom: 10px;
}

.review-content-area-wrap {
    width: 700px;
    margin: 0 auto;
}

.order-item-deliver-charges-total-inner-wrp {
    float: right;
    width: 308px;
    color: #777;
}

.review-content-area-left-wrap {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
    border: 1px solid #d2d2d2;
    padding: 20px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.review-content-area-right-wrap {
    float: left;
    width: 96%;
    border: 1px solid #d2d2d2;
    padding: 2%;
    margin: 0px 0px 20px 0px;
}

.reviewForm-content-wrap {
    margin-bottom: 20px;
}

.re-your-order {
    overflow: hidden;
    font-size: 20px;
    color: #000;
    float: left;
}

.review-info-wrap {
    width: 700px;
    margin: 0 auto;
    overflow: hidden;
}

.review-info-heding {
    float: left;
    font-size: 22px;
    margin: 20px 0;
    width: 100%;
}

    .review-info-heding span {
        font-size: 18px !important;
    }

.review-requestedDeliveryTime .re-restaurantName, .re-restaurantAddress, .re-restaurantPostcode {
    color: #777;
    font-size: 13px;
    padding: 2px 0px;
}

.re-order-ordetail {
    font-size: 20px;
    color: #000;
    float: left;
    width: 100%;
    margin-top: 40px;
}

.re-restaurantName {
    font-size: 24px;
    color: #000;
}

.review-rating-lable {
    font-weight: bold;
    font-size: 13px;
    float: left;
    width: 26%;
    color: #000;
}

.review-rating-actions-wrapper, .review-commet-holding-wrap {
    float: left;
    width: 50%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.review-rating-actions-wrapper {
    float: left;
    width: 100%;
}

.review-action-rating-save {
    float: left;
    width: 92%;
    font-size: 20px;
    font-family: 'open sans';
    background-color: #0BC113;
    text-align: center;
    margin: 5px 4%;
    color: #fff;
    padding: 10px 0px;
    border-radius: 3px;
}

.review-textarea-wrap {
    width: 87%;
    margin: 0px 4%;
    border-radius: 3px;
    font-size: 16px;
    line-height: 17px;
    min-height: 65px;
    border: 1px solid #d2d2d2;
    padding: 10px 2% 10px 2%;
}

.review-rating-input-wrapper {
    float: left;
    margin: 0px 4% 6px 4%;
    width: 92%;
}

.review-stars-area-wrapper {
    float: left;
    width: 50%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.review-main-area-rate-wrap {
    float: left;
    width: 100%;
}

.tp-bder {
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #d2d2d2;
}

.review-order-item-deliver-charges-total-wrap {
    float: left;
    width: 100%;
}

.review-rate-your-meal {
    float: left;
    margin: 10px 0px;
    width: 100%;
    font-size: 20px;
    color: #000;
    border-bottom: 1px solid #d2d2d2;
    padding: 0px 0px 10px 0px;
}

.review-requestedDeliveryTime {
    float: left;
    width: 100%;
    margin: 2px 0px 0px 0px;
}

.review-deliver-time-wrap {
    font-size: 13px;
}

.review-info-address-wrap {
    width: 100%;
    float: left;
    margin: 6px 0px 0px 0px;
}

.review-restaurant-logo-area {
    float: left;
    padding: 10px 10px 0px 0px;
}

.re-view-cash {
    padding: 5px 10px;
    margin: 0px -10px 10px -10px;
}

.order-item-extra-inner-review {
    margin: 3px 0px 0px 0px;
    width: 96%;
    color: #777;
}

.reviewInfo {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 10px;
    min-height: 100px;
    padding-left: 100px;
    position: relative;
}

.review-date-wrap {
    float: left;
    padding-bottom: 10px;
    width: 100%;
    text-align: right;
}
/*restraurant review css Ends here*/
.font-size-24 {
    font-size: 24px;
}

.table-book-success {
    width: 84px;
    height: 84px;
    display: block;
    overflow: hidden;
    float: none;
    margin: 0 auto 20px auto;
    background-color: #17cc0e;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #5aa457;
}

    .table-book-success i {
        font-size: 50px;
        color: #fff;
        line-height: 83px;
    }

.book-table-thankyou-wrap h1 {
    text-align: center;
    font-size: 22px;
    color: #000;
}

.book-table-thankyou-wrap h3 {
    text-align: center;
    font-size: 16px;
    color: #777;
    font-weight: 300;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #777;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #777;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #777;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #777;
}

div#ctl00_cphContentBody_dvRecommendation {
    float: right;
    width: 100%;
    margin: 0px auto;
}

div#spVoucherDiscountMessage {
    float: left;
    margin: 10px 0px 5px 0px;
    width: 100%;
}

/*top take aways suggested wrap starts here*/
.top-recent-area-name-wrap:nth-of-type(2n+0) {
    clear: both;
}

.top-takeaways-suggested-wrap {
    float: left;
    color: #000;
    width: 100%;
    margin: 0px auto 20px auto;
    border-radius: 5px;
}

.top-takeaways-suggested-inner-wrap {
    width: 93%;
    margin: 0px 1.4% 30px 1.4%;
    padding: 0% 2% 0% 2%;
    float: left;
    background-color: #fff;
}

.top-takeaways-to-area-wrap {
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
}

.top-takeaway-count-records {
    float: left;
    font-size: 22px;
    font-weight: normal;
}

.top-sh-all-btn {
    font-size: 14px;
    margin: 10px 0px 0px 0px;
    color: #000;
}

    .top-sh-all-btn:hover {
        text-decoration: underline;
    }

.top-takeaway-suggested-area-warp {
    float: left;
    width: 100%;
    margin: 20px 0px 0px 0px;
}

.top-takeaway-suggested-area-name-wrap {
    float: left;
    width: 400px;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
}





.top-takeaway-img {
    width: 80px;
    float: left;
    margin: 0px 10px 0px 0px;
}

    .top-takeaway-img img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }

.top-takeaway-sr-name-wrap {
    width: 205px;
    float: left;
    margin: -5px 0px 0px 0px;
}

.top-takeaway-rs-name {
    font-size: 16px;
    font-weight: bold;
}

.top-takeaway-rs-name-dt {
    float: left;
    font-size: 13px;
    margin: 0px 0px 5px 0px;
}

.top-takeaway-rs-name-link {
    color: #000;
    margin: 0px 0px 5px 0px;
    float: left;
}



.top-takeaway-rs-reviews-wrap {
    color: #000;
    display: inline-block;
    float: left;
    min-width: 70px;
    max-width: 100px;
    font-size: 12px;
    text-align: right;
}

    .top-takeaway-rs-reviews-wrap a:hover {
        text-decoration: underline;
    }

.top-takeaway-sp-cash-wrap {
    float: right;
    width: 80px;
}

    .top-takeaway-sp-cash-wrap .fa-thumb-tack {
        font-size: 17px;
        color: #fff !important;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        line-height: 17px;
    }

.top-takeaway-sp-cash {
    font-size: 14px;
    color: #ed0000;
    float: right;
}

.top-takeaway-sp-cash-back {
    font-size: 14px;
    color: #000;
}

.offer-default {
    font-size: 11px;
    color: #fff;
    margin-left: 3px;
}

.top-takeaway-sponsored {
    font-size: 12px;
    padding: 5px;
    margin: 0px 0px 0px;
    height: 25px;
    width: 25px;
    position: absolute;
    top: -75px;
    right: 22px;
    border-radius: 3px;
    background-color: #00BCD4;
}

.top-takeaway-discount {
    font-size: 12px;
    margin: 0px 0px 0px;
    height: 21px;
    line-height: 21px;
    width: 100%;
    position: relative;
    display: none;
}

.panel-cashback-main {
    width: 100%;
    position: relative;
}

.cashback-discount-wrap {
    width: 100%;
    position: absolute;
    padding: 1px 5px;
    bottom: -30px;
    left: 4px;
}

.top-takeaway-discount-inner {
    background-color: #ed0000;
    color: #fff;
    display: block;
    overflow: hidden;
    width: 75px;
    float: none;
    margin: 0 auto;
    font-weight: 600;
    padding: 0px 5px;
}

.top-takeaway-discount a {
    color: #fff;
    width: 100%;
}
/*top take aways suggested wrap starts Ends here*/

/*top recent restaurant starts here*/
.home-page-loader {
    display: block;
    margin: 0px auto;
    float: none;
    width: 130px;
    position: absolute;
    top: 40%;
    left: 45%;
}

.top-recent-area-tooltip-wrap {
    width: 200px;
    float: left;
    padding: 7px 5px 10px 5px;
    background-color: #f2f2f2;
    position: relative;
    border-radius: 5px;
    -webkit-filter: drop-shadow(rgba(0,0,0,0.5) 0 2px 6px);
    -moz-filter: drop-shadow(rgba(0,0,0,0.5) 0 2px 6px);
    position: absolute;
    top: -123%;
    z-index: 100;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    display: none !important; /*this is done so that the wrapper does not appears when the dots are clicked*/
}

    .top-recent-area-tooltip-wrap:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-width: 13px;
        border-style: solid;
        border-color: transparent transparent #f2f2f2 transparent;
        top: 190px;
        left: 44%;
        -ms-transform: rotate(179deg); /* IE 9 */
        -webkit-transform: rotate(179deg); /* Safari */
        transform: rotate(179deg);
    }

.top-recent-eating-food-tooltip-wrap {
    float: left;
    margin: 4px 0px 0px 0px;
    font-size: 12px;
    color: #000;
}

.top-recent-main-wrap {
    float: left;
    color: #000;
    padding: 0px 0px 0px 0px;
    width: 100%;
    margin: 0px auto 0px;
    border-radius: 5px;
}

.top-recent-inner-wrap {
    width: 93%;
    margin: 0px 1.4% 20px 1.4%;
    padding: 0% 2% 0% 2%;
    float: left;
    background-color: #fff;
}

.top-recent-area-wrap {
    float: left;
    font-size: 22px;
    margin-bottom: 20px;
}

.top-recent-eating-area-wrap {
    float: left;
    width: 100%;
    margin: 20px 0px 0px 0px;
    min-height: 185px;
    position: relative;
}

.top-recent-area-name-wrap {
    width: 420px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    box-sizing: border-box;
}

.top-recent-rs-name-link {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 0px 10px 0px 0px;
    width: 240px;
}

    .top-recent-rs-name-link:hover {
        text-decoration: underline;
    }

.dots {
    cursor: pointer;
    color: #ed0000;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 2px;
    display: inline-block;
    height: 10px;
    text-indent: 3px;
    line-height: 10px;
}

.hover-eating-food-wrap:hover {
    cursor: pointer;
}

.top-recent-rs-name-time-wrap {
    color: #777;
    font-size: 12px;
    margin: 2px 0px 0px 0px;
}

.top-recent-eating-food-wrap {
    font-size: 14px;
    color: #000;
    margin: 0px 0px 5px 0px;
    width: 100%;
    float: left;
    min-height: 0px;
    position: relative;
    text-align: center;
    padding: 0px 5px;
}

.top-recent-eating-area-wrap .top-recent-area-name-wrap:nth-of-type(even) {
    float: left;
}

.top-recent-eating-area-wrap .top-recent-area-name-wrap:nth-of-type(odd) {
    float: right;
}

.top-recent-eating-btn {
    background: #f2f2f2;
    font-size: 14px;
    color: #000;
    width: 95px;
    float: right;
    text-align: center;
    padding: 8px 5px;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 1px #d2d2d2;
    border: 1px solid #d2d2d2;
}

    .top-recent-eating-btn:hover {
        background: #ed0000;
        color: #fff;
    }

.top-recent-link-wrap {
    margin: 0px 0px 5px 0px;
    position: relative;
}

.top-recent-orders-btn-basket-spn {
    background: url('/resources/lefttoright/images/order-basket.png') no-repeat center #000;
    background-size: 14px;
    padding: 2px 11px;
    border-radius: 10px;
    margin: 0px 10px 0px 0px;
}

.recent-order-price-filter {
    margin: 0px 0px 0px 10px;
    font-size: 16px;
    font-size: 14px;
}

    .recent-order-price-filter select {
        padding: 3px 5px;
        border-radius: 3px;
        margin: 3px 0px 0px 0px;
        background-color: #fff;
        box-shadow: 0px 0px 1px 1px #d2d2d2;
        font-size: 14px;
    }

    .recent-order-price-filter span {
        margin: 8px 10px 0px 0px;
    }
/*top recent restraunt ends here*/

/*unsubscribe starts here*/
.unsubscribe-wrap {
    width: 500px;
    margin: 50px auto 0px auto;
}

.unsubscribe-inner-wrap {
    float: left;
    width: 100%;
    margin: 0px 0px 10px 0px;
}

.un-sub-heading {
    float: left;
    font-size: 48px;
    color: #ed0000;
    width: 100%;
    margin: 0px 0px 0px 0px;
    font-weight: lighter;
}

.un-sub-heading-inner {
    font-size: 18px;
    color: #000;
    width: 100%;
    margin: 0px 0px 20px 0px;
    float: left;
}

.un-sub-email-wrap, .un-sub-email-hd {
    font-size: 14px;
    color: #000;
    width: 100%;
    margin: 0px 0px 7px 0px;
    float: left;
}

.un-sub-help-warp textarea {
    float: left;
    width: 90%;
    border-radius: 3px;
    padding: 5% 5%;
    font-size: 18px;
}

.un-sub-btn {
    float: left;
    background-color: #0BC113;
    color: white;
    padding: 8px 20px;
    font-size: 24px;
    border-radius: 3px;
    margin: 10px 0px 0px 0px;
    font-weight: lighter;
}

.un-sub-help-warp {
    float: left;
    width: 320px;
}

.un-sub-rdio {
    float: left;
    margin: 4px 10px 0px 0px;
}

.un-sub-rdio-text {
    float: left;
    width: 90%;
    font-size: 14px;
}

.un-sub-commit-wrp {
    float: left;
    width: 100%;
}

.un-sub-m-wrap {
    float: left;
    margin: 0px 0px 10px 0px;
    width: 100%;
}

.un-sub-radio-btn-wrap {
    float: left;
    margin: 15px 0px 10px 0px;
    width: 100%;
}
/*unsubscribe Ends here*/
.counter {
    float: left;
    position: absolute;
    font-size: 11px;
    background: #fd3;
    right: -10px;
    height: 18px;
    line-height: 18px;
    top: -16px;
    text-align: center;
    color: #000;
    width: 18px;
    border-radius: 50%;
    font-weight: bold;
    z-index: 1;
    border: 2px solid #fff;
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('../../resources/lefttoright/images/fancybox_sprite@2x.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res 

image*/
    }

        #fancybox-loading div {
            background-image: url('fancybox_loading@2x.gif');
            background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res 

image*/
        }
}

.restaurant-info-about-gallery img {
    width: 100%;
}

.event-detail {
    margin: 0;
    padding: 12px 0 12px 0;
    border-bottom: solid 1px rgb(175,175,175);
}

.bio_more_less {
    font-size: 14px;
    font-weight: normal;
    color: #00bcd4;
    cursor: pointer;
}

.bio_more.bio_0 {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    width: 650px;
    overflow: hidden;
}

/*bilal lightbox Ends here*/

/*Namo scroll css starts here*/
/** initial setup **/
.nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .nano > .nano-content {
        position: absolute;
        overflow: scroll;
        overflow-x: hidden;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

        .nano > .nano-content:focus {
            outline: thin dotted;
        }

        .nano > .nano-content::-webkit-scrollbar {
            display: none;
        }

.has-scrollbar > .nano-content::-webkit-scrollbar {
    display: block;
}

.nano > .nano-pane {
    background: rgba(0,0,0,.25);
    position: absolute;
    width: 6px;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden; /* Target only IE7 and IE8 with this hack */
    opacity: .01;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .nano > .nano-pane > .nano-slider {
        background: #000;
        background: rgba(0,0,0,.5);
        position: relative;
        margin: 0 1px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
    visibility: visible; /* Target only IE7 and IE8 with this hack */
    opacity: 0.99;
}

.nano {
    max-height: 565px;
}



.white_content {
    display: none;
}

/*menu-page-popup up for discount offer starts here*/
@keyframes fade-menu-page {
    from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.8);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes fade-menu-addres {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.menu-confirm-discount-pop {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    min-width: 280px;
    max-width: 500px;
    height: auto;
    background: #E2E2E2;
    border-radius: 10px;
    padding: 0;
    margin: 0;
    border-top: 1px solid white;
    animation: fade-menu-page 1s ease 1 forwards;
    z-index: 150;
    text-align: center;
}

    .menu-confirm-discount-pop .menu-discount-pop-heading {
        text-align: center;
        font-size: 24px;
        margin: 10px 0px 0px 0px;
        display: inline-block;
        color: #ed0000;
    }

    .menu-confirm-discount-pop p {
        text-align: center;
        font-size: 14px;
        margin: 0 2rem 4.5rem;
    }

    .menu-confirm-discount-pop a {
        background: transparent;
        border: none;
        color: #000;
        height: 3rem;
        line-height: 3rem;
        font-size: 16px;
        width: 50%;
        position: absolute;
        bottom: 0;
        cursor: pointer;
        text-align: center;
    }

        .menu-confirm-discount-pop a:nth-of-type(1) {
            border-top: 1px solid #B4B4B4;
            border-right: 1px solid #B4B4B4;
            left: 0;
            border-radius: 0 0 0 10px;
        }

        .menu-confirm-discount-pop a:nth-of-type(2) {
            border-top: 1px solid #B4B4B4;
            right: 0;
            border-radius: 0 0 10px 0;
        }

        .menu-confirm-discount-pop a:focus,
        .menu-confirm-discount-pop a:hover {
            font-weight: bold;
            background: #EFEFEF;
        }

        .menu-confirm-discount-pop a:active {
            background: #D6D6D6;
        }
/*menu-page-popup up for discount offer Ends here*/

.a-rciw-varity-price-non-matrix a {
    width: 23px;
    float: left;
    height: 22px;
    border: none;
}

.btn-cal {
    font-size: 16px;
    border: 1px solid #777777;
    padding: 7px 0px 8px 0px;
    border-radius: 3px;
    text-align: center;
    color: #000;
    margin: 10px 0px 0px 0px;
    width: 100%;
}

    .btn-cal:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.fcbtn:focus {
    border: 1px solid #d2d2d2;
}

.easy-paisa-link-wrap {
    float: left;
    width: 225px;
    margin: 0px 0px 0px 0px;
}

    .easy-paisa-link-wrap img {
        width: 100px;
        height: auto;
        margin: 0px 0px 0px 10px;
    }

.easy-paisa-text {
    color: #afafaf;
    font-weight: bold;
    margin: 0px 0px 10px 10px;
    font-size: 18px;
    float: left;
}
/*home page input fields starts here*/
.fm-control-loc {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    width: 95%;
    padding: 15px 5% 15px 0%;
}

.fm-control-eat {
    width: 86%;
    padding: 15px 14% 15px 0px;
}

/*home page input fields ends here*/
#dvOfferNoDelivery {
    margin: 10px 0px 0px 0px;
    float: left;
}

#spNotDelivery {
    margin: 30px 0px 10px 0%;
    float: left;
    width: 270px;
}

#ddlTakeAwayCity {
    margin: 0px 0px 10px 0px;
}

#back-top {
    display: none;
}

.menu-term-toltip {
    width: 300px;
    left: 6%;
    min-height: 50px;
    font-size: 12px;
    top: 133px;
    padding: 27px 15px 27px 15px;
    font-weight: lighter;
}

    .menu-term-toltip:after {
        border: none;
    }

.deal-content-box-wrap {
    float: left;
    min-height: 160px;
    padding-bottom: 0px;
    width: 756px;
    border: 1px solid #D2D2D2;
    margin: 0px 0px 15px 6px;
    background: #FFF none repeat scroll 0% 0%;
    position: relative;
}

.scroll-show {
    overflow: hidden;
}

input::-ms-clear {
    display: none;
}
/*search consumer css starts here*/
.consumer-support-inner-wrap {
    width: 410px;
    margin: 0px auto;
    display: block;
}

.consumer-support-wrap {
    float: left;
    width: 100%;
    margin: 20px 0px;
}

.consumer-support-field-wrap {
    float: left;
    position: relative;
    width: 280px;
}

.consumer-support-search-field-btn {
    float: right;
    background-color: #000;
    color: #fff;
    padding: 10px 7%;
    font-size: 14px;
    border-radius: 5px;
}

.consumer-search-new-field-input {
    display: block;
    width: 87%;
    padding: 10px 0% 10px 13%;
    font-size: 14px;
    color: #000;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.consumer-search-icon {
    width: 36px;
    height: 29px;
    display: block;
    background-position: -114px -65px;
    position: absolute;
    top: 20%;
    left: 0%;
    cursor: pointer;
}

.consumer-search-details-wrap {
    float: left;
    width: 96%;
    margin: 0px 0px 20px 0px;
    font-size: 14px;
    background-color: #f2f2f2;
    padding: 2% 2%;
    border-radius: 3px;
}

.consumer-search-customer-details-wrap {
    float: left;
    width: 250px;
    margin: 0px 20px 0px 0px;
}

.consumer-search-customer-img-wrap {
    float: left;
    width: 90px;
}

.profile-image {
    border: 4px double rgba(0,0,0,0.2);
}

.rounded-image {
    -webkit-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden;
    display: inline-block;
}

    .rounded-image img {
        width: 100%;
        vertical-align: middle;
        height: 80px;
    }

.consumer-search-customer-info-wrap {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 10px;
}

.con-sr-name, .con-sr-mobile, .con-sr-phone, .con-sr-address {
    float: left;
    width: 100%;
    margin: 0px 0px 5px 0px;
}

.con-sr-name {
    width: 80%;
    margin: 10px 0px 0px 10px;
    font-size: 28px;
}

.consumer-search-cus-order-details-wrap {
    float: left;
    width: 260px;
    margin: 10px 10px 0px 0px;
}

.consumer-search-cus-order-wrap {
    float: left;
    width: 100%;
    margin: 0px 0px 5px 0px;
}

.consumer-search-cus-common-detail:nth-of-type(odd) {
    float: left;
    width: 60%;
    text-align: left;
}

.consumer-search-cus-common-detail:nth-of-type(even) {
    float: right;
    width: 40%;
    text-align: right;
}

.consumer-search-cus-order-place-wrap {
    float: right;
    width: 240px;
    margin: 10px 0px 0px 0px;
}

.consumer-search-place-order-address-wrap {
    position: relative;
    float: left;
    width: 98%;
    padding: 0px 0px;
    background: #ed0000;
    border-radius: 4px;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    box-shadow: 1px 2px 1px #999;
    color: #f2f2f2;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
}

.PlaceSelectedAddress {
    width: 100%;
    margin: 0px;
    padding: 18px 0% 10px 0%;
}

    .PlaceSelectedAddress:hover {
        text-decoration: underline;
    }

.consumer-search-place-order-addres-more-wrap {
    float: left;
    position: absolute;
    background: #ed0000;
    top: 98%;
    z-index: 90;
    border-radius: 0px 0px 2px 2px;
    width: 100%;
    margin: 0px 0px 0px 0px;
}

.ConOrderAddresses {
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 14px;
    color: #f2f2f2;
}

.consumer-search-addres-wrap-link {
    float: left;
    width: 92%;
    padding: 4% 4%;
    border-top: 1px solid #b50101;
}

    .consumer-search-addres-wrap-link:hover {
        text-decoration: underline;
    }

.consumer-search-table {
    width: 100%;
    float: left;
}

    .consumer-search-table > thead > tr > th, .consumer-search-table > tbody > tr > th, .consumer- search-table > tfoot > tr > th, .consumer-search-table > thead > tr > td, .consumer-search-table > tbody > tr > td, .consumer-search-table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

.consumer-search-order-history-heading {
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

.consumer-search-table td {
    padding: 0;
    text-align: left;
    padding: 0px 15px;
}

.consumer-search-table th {
    padding: 0;
    text-align: left;
    padding: 0px 15px;
}

.consumer-search-table th {
    background-color: #f2f2f2;
}

.consumer-search-table tr:nth-of-type(odd) {
    background-color: #fff;
}

.consumer-search-table tr:nth-of-type(even) {
    background-color: #f2f2f2;
}

.consumer-search-table td:first-child(1n) {
    width: 20%;
}

.consumer-search-table td:nth-child(2) {
    width: 10%;
}

.consumer-search-table td:nth-child(3) {
    width: 10%;
}

.consumer-search-table td:nth-child(4) {
    width: 25%;
}

.consumer-search-table td:nth-child(5) {
    width: 15%;
}

.consumer-search-table td:nth-child(6) {
    width: 20%;
}

.consumer-search-order-btn {
    float: right;
    padding: 2px 15px;
    border-radius: 3px;
    margin: 5px 0px 0px 0px;
    background-color: #0BC113;
    color: #FFFFFF;
    font-size: 14px;
}

.consumer-search-duration-wrap {
    float: left;
    margin: 5px 0px 0px 10px;
    font-size: 14px;
}

.duration-label {
    float: left;
    margin: 0px 10px 0px 0px;
}
/*search consumer css ends here*/

/*Faqs css starts here*/
.faq li {
    padding: 15px 40px 14px 20px;
}

    .faq li.q {
        -webkit-transition: box-shadow 0.2s;
        -moz-transition: box-shadow 0.2s;
        transition: box-shadow 0.2s;
        position: relative;
        color: #000;
        cursor: pointer;
        border: 1px solid #f2f2f2;
        border-bottom: 0;
        font-size: 20px;
        font-size: 20px;
    }

    .faq li.a {
        background: #f2f2f2;
        display: none;
        color: #000;
        border: 1px solid #f2f2f2;
        border-bottom: 0;
        font-size: 16px;
        text-align: justify;
        border-top: 0;
    }

        .faq li.a p {
            margin-bottom: 10px;
            text-align: justify;
        }

    .faq li:last-child {
        border: 1px solid #f2f2f2 !important;
        border-top: none !important;
    }

.right-fas-icon {
    font-size: 25px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.rotate {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.faqs-left-wrap {
    float: left;
    width: 68%;
    padding: 0px 15px;
}

.faqs-right-wrap {
    float: right;
    width: 30%;
    padding: 0px 0px;
    margin-top: 59px;
}

.faqs-list-wrap {
    float: left;
    width: 100%;
    margin: 40px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.faq-contact-us {
    padding: 0px 20px;
    margin-bottom: 25px;
    font-size: 16px;
}

.faqs-time-day {
    margin-left: 28px;
    font-size: 13px;
}

.faq-icon-label {
    margin-right: 10px;
    color: #777;
}

.contact-us-inner-wrap, .fa-address-wrap {
    margin-bottom: 10px;
    color: #777;
}

.live-chat-wrap {
    margin: 0px 0px 10px 0px;
    width: 100%;
    float: left;
}

.subscribe-newsletter-wrap, .faqs-bussiness-wrap {
    padding: 20px 20px;
    margin-bottom: 25px;
}

.btn-faqs {
    margin-top: 5px;
    float: left;
    color: #ed0000;
    text-decoration: underline;
}

.faqs-newslatter-wrap {
    float: left;
    width: 100%;
    margin: 10px 0px;
}

.faqs-sub-btn {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    width: 100%;
}

.faqs-email-form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.faqs-heading {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.mar-bootom-0 {
    margin: 0px;
}

.faq-main-heading {
    font-size: 24px;
    font-weight: 300;
    color: #000;
    text-transform: uppercase;
    padding-bottom: 20px;
}
/*Faqs css ends here*/
.clear-both {
    clear: both;
}

.width-auto {
    width: auto;
}

.margin-top-0 {
    margin-top: 0px !important;
}

.exc-deals-head-wrap {
    width: 68.35%;
    background-color: #000;
    padding: 0px;
    height: 129px;
    position: relative;
    overflow: hidden;
}

    .exc-deals-head-wrap img {
        width: 100%;
    }

    .exc-deals-head-wrap .riw-restaurant-name {
        width: 100%;
    }

        .exc-deals-head-wrap .riw-restaurant-name span {
            float: left;
            font-size: 30px;
            font-weight: 300;
            color: #fff;
            text-shadow: 0px 1px 0px #000;
        }

        .exc-deals-head-wrap .riw-restaurant-name p {
            float: left;
            font-size: 16px;
            font-weight: 300;
            color: #fff;
            text-shadow: 0px 1px 0px #000;
            clear: both;
        }

    .exc-deals-head-wrap .riw-restaurant-name-dtl {
        top: 6px;
        transform: translateY(-50%);
        position: relative;
    }

        .exc-deals-head-wrap .riw-restaurant-name-dtl span {
            float: left;
            font-size: 44px;
            font-weight: 300;
            color: #fff;
            text-shadow: 0px 1px 0px #000;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            width: 100%;
        }

        .exc-deals-head-wrap .riw-restaurant-name-dtl p {
            float: left;
            font-size: 16px;
            font-weight: 300;
            color: #fff;
            text-shadow: 0px 1px 0px #000;
            clear: both;
        }

    .exc-deals-head-wrap .rm-slcted-menu-dtl {
        text-shadow: 0px 1px 0px #000;
        color: #fff;
    }

.light-green-color {
    background-color: #dbffa8;
}
/* Slick.js Slider */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

button.slick-prev.slick-arrow, .slick-next {
    display: none !important;
}

ul.slick-dots {
    width: auto;
    float: right;
    margin: 0px 10px 0px 0px;
}

    ul.slick-dots li {
        float: left;
        padding: 0px 0px 0px 5px;
    }

        ul.slick-dots li button {
            background-color: transparent;
            border: none;
        }

li.slick-active {
    font-weight: bold;
}

.slick-slide[style*="width: 0px"] {
    width: 100% !important;
}

.slick-track[style*="width: 0px"] {
    width: 100% !important;
}

/*dropdown for home page css starts here*/

/* DEMO 2 */
section.main {
    width: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}

.wrapper-dropdown-2 {
    position: relative;
    width: auto;
    margin: 0 auto;
    padding: 15px 0px 15px 15px;
    background: #fff;
    border-right: 1px solid #d2d2d2;
    color: #000;
    cursor: pointer;
    outline: none;
    font-size: 16px;
    border-radius: 4px 0px 0px 4px;
    float: left;
}

.your-town-area-wrap {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    width: auto;
    -webkit-appearance: none;
    height: 52px;
    zoom: 1;
}

.wrapper-dropdown-2 .dropdown {
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    background: white;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    border: 1px solid #d2d2d2;
    transition: all 0.3s ease-out;
    list-style: none;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    border-radius: 0px 0px 4px 4px;
    z-index: 10000;
}

    .wrapper-dropdown-2 .dropdown li a {
        display: block;
        text-decoration: none;
        color: #000;
        padding: 5px 0px 5px 10px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

.book-table-form-wrap {
    width: 70%;
    margin: 0 auto;
}

.book-table-flds {
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    float: left;
}

    .book-table-flds i {
        position: absolute;
        left: 1px;
        width: 45px;
        height: 32px;
        text-align: center;
        background-color: #f2f2f2;
        color: #777;
        font-size: 16px;
        line-height: 37px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        top: 1px;
    }

    .book-table-flds input[type="text"] {
        padding: 7px 5px 7px 53px;
        width: 100%;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid #ccc;
    }

    .book-table-flds input[type="number"] {
        padding: 7px 5px 7px 53px;
        width: 100%;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid #ccc;
    }

    .book-table-flds input[type="email"] {
        padding: 7px 5px 7px 53px;
        width: 100%;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid #ccc;
    }

    .book-table-flds select {
        padding: 7px 5px 7px 53px;
        width: 100%;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid #ccc;
    }

.dtpicker-header .dtpicker-close:hover, .dtpicker-header .dtpicker-close {
    color: #39b3d7 !important;
}

.dtpicker-components .dtpicker-comp > :hover, .dtpicker-components .dtpicker-comp > * {
    color: #39b3d7 !important;
}

.dtpicker-header .dtpicker-value, .dtpicker-header .dtpicker-title, .dtpicker-components .dtpicker-compButton {
    color: #39b3d7 !important;
}

.dtpicker-value {
    color: #2980B9 !important;
}

.dtpicker-buttonCont .dtpicker-button {
    background-color: #2980B9 !important;
}

.book-a-btn {
    color: #fff;
    background-color: #39b3d7;
    border-color: #269abc;
    margin-bottom: 10px;
    font-size: 18px;
}

    .book-a-btn i {
        margin-right: 5px;
    }

.wrapper-dropdown-2 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown-2 .dropdown li:hover a {
    color: #fff;
    text-shadow: none;
    background-color: rgba(0, 0, 0, 0.6);
}

/* Active state */

.wrapper-dropdown-2.active:after {
    border-width: 0 6px 6px 6px;
}

.wrapper-dropdown-2.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

/* No CSS3 support */

.no-opacity .wrapper-dropdown-2 .dropdown,
.no-pointerevents .wrapper-dropdown-2 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity .wrapper-dropdown-2.active .dropdown,
.no-pointerevents .wrapper-dropdown-2.active .dropdown {
    display: block;
}

.select-city-icon {
    content: "";
    width: 0;
    height: 0;
    position: relative;
    right: 0px;
    top: 0%;
    margin: 8px 8px 0px 5px;
    border-width: 6px 5px 0 5px;
    border-style: solid;
    border-color: #000 transparent;
    float: right;
}

#LoaderRes {
    margin: 0px auto;
    display: block;
    width: 130px;
    margin-top: 6%;
}

.res-header-area-wrap {
    color: #ed0000;
    font-weight: normal;
    position: relative;
    padding: 0px 10px;
    cursor: pointer;
    line-height: 22px;
    margin-top: 9px;
    float: left;
}

    .res-header-area-wrap a {
        text-decoration: underline;
        margin-left: 5px;
    }

.restaurant-asap-select-filter select {
    background: #fff;
    border-radius: 3px;
}

.slideDown-basket {
    top: -8px;
    position: fixed !important;
    right: 15px;
    z-index: 349;
    background: none;
    margin: 0px;
    padding: 0px 0px 15px 0px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
    -ms-transition: transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
}

.slideDown {
    top: -74px;
    position: fixed !important;
    left: 0;
    right: 0;
    z-index: 99;
    background: #fff;
    margin: 0px;
    padding: 15px 0px 15px 40px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
    -ms-transition: transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    box-shadow: 0px 1px 5px #777;
}
/*back to top css starts here*/

.cd-top {
    border: 1px solid #999;
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
        right: 15px;
    bottom: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    white-space: nowrap;
    background: #000;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    font-size: 35px;
    text-align: center;
    border-radius: 50%;
    z-index: 11;
}

    .cd-top i {
        color: #fff;
        font-size:16px;
    }

    .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;
    }

    .cd-top.cd-is-visible {
        visibility: visible;
        opacity: 1;
    }

    .cd-top.cd-fade-out {
        /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
        /*opacity: .5;*/
    }

.no-touch .cd-top:hover {
    background-color: #000;
    opacity: 1;
}

.cd-top {
    height: 40px;
    line-height: 30px;
    width: 40px;
    right: 15px;
    bottom: 15px;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: lighter;
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 70px;
    }

}



/*back to top css ends here*/

/*radio button css for menu basket */
#radio-btn ul li {
    display: block;
    position: relative;
    width: 33%;
    display: inline-block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    #radio-btn ul li input[type=radio] {
        position: absolute;
        visibility: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #radio-btn ul li label {
        position: relative;
        font-size: 1.35em;
        padding: 0px 10px 0px 20px;
        margin: 1px 0px 0px 15px;
        z-index: 9;
        cursor: pointer;
        font-size: 13px;
        -webkit-transition: all 0.25s linear;
        float: left;
        min-width: 100px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
    }

    #radio-btn ul li:hover label {
        color: #000;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #radio-btn ul li .check {
        display: block;
        position: absolute;
        border-radius: 100%;
        height: 20px;
        width: 20px;
        top: 0px;
        left: 8px;
        z-index: 5;
        transition: border .25s linear;
        -webkit-transition: border .25s linear;
        background-color: #fff;
        border: 2px solid #d2d2d2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #radio-btn ul li:hover .check {
        border: 1px solid #000;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #radio-btn ul li .check::before {
        display: block;
        position: absolute;
        content: '';
        border-radius: 100%;
        height: 10px;
        width: 10px;
        top: 3px;
        left: 3px;
        margin: auto;
        transition: background 0.25s linear;
        -webkit-transition: background 0.25s linear;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

#radio-btn input[type=radio]:checked ~ .check {
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffdd33;
}

    #radio-btn input[type=radio]:checked ~ .check::before {
        background: #ffdd33;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

#radio-btn input[type=radio]:checked ~ label {
    color: #000;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#radio-btn .alert {
    box-sizing: border-box;
    background-color: #0DFF92;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 300;
    padding: 20px 40px;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    #radio-btn .alert h2 {
        font-size: 22px;
        color: #232323;
        margin-top: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #radio-btn .alert p {
        line-height: 1.6em;
        font-size: 18px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #radio-btn .alert a {
        color: #232323;
        font-weight: bold;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


/*topping popup css starts here*/
.topping-wrap {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.add-topping-wrap {
    width: 48%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    margin-bottom: 10px;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
}

    .add-topping-wrap label {
        cursor: pointer;
        display: inline-block;
        width: 100%;
        padding: 7px 80px 7px 60px;
        box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .add-topping-wrap label span.bold {
            position: absolute;
            right: 0px;
        }

.add-topping-catag-label {
    font-size: 16px;
    font-weight: bold;
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #999;
    padding-bottom: 8px;
}

.margin-left-15 {
    margin-left: 15px;
}

.add-topping-wrap input {
    margin: 4px 8px 0px 0px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

modal-body {
    position: relative;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.topping-cost-wrap {
    float: none;
    width: 100%;
    display: inline-block;
    box-shadow: 0 0 black;
    border-top: 1px solid #d2d2d2;
    background: #f2f2f2;
    padding: 10px 20px 10px 0px;
    margin-bottom: -5px;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.message-warring-wrap {
    color: #000;
    position: relative;
    background: #fcf2bf;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid #fcbf06;
    margin: 0px 2%;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.total-price-wrap {
    float: right;
    width: 40%;
    padding: 10px 0px 0px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


    .total-price-wrap span {
        float: right;
        width: 35%;
        padding: 0px 0px 0px 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: right;
    }

/*topping popup css ends here*/


/*bootstarp modal css starts here*/

[role="button"] {
    cursor: pointer;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .fade.in {
        opacity: 1;
    }

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px !important;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 20px;
    display: inline-block;
    width: 100%
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

.btn-success {
    background-color: #0BC113 !important;
    color: #FFFFFF;
}

.btn-close {
    border: 1px solid #d2d2d2 !important;
    background: none;
}

    .btn-close:hover {
        color: #fff !important;
        background-color: #000 !important;
    }

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm-normal {
        width: 400px;
    }

    .modal-sm {
        width: 300px;
    }

    .modal-middle {
        width: 450px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

[role="button"] {
    cursor: pointer;
}

.clearfix:before,
.clearfix:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after,
.modal-footer:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.moty-tiia-remove[style*="display: inline;"] {
    display: block !important;
}

/* PROFILE PAGE NEW CSS STARTS HERE */
.ref-invite-left-menu-main-wrap {
    position: absolute;
    border-right: 1px solid #e5e5e5;
    background-color: #fff;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    max-width: 20%;
    z-index: 10;
}

.profile-full-width-wrap {
    width: 100%;
    max-width: 100%;
    min-height: auto;
}

.profile-lft-menu {
    position: relative;
    background-color: #fff;
    margin-top: -109px;
    padding-top: 140px;
    width: 100%;
}

.profile-common-content {
    height: 100%;
}

.referral-common-content {
    width: 79%;
    float: left;
    border: none;
    margin-left: 21%;
    margin-top: 15px;
}

    .referral-common-content h1 {
        margin-bottom: 0px !important;
    }

.ref-invite-acceptd-cons-wrap {
    width: 98%;
}

.ref-system-a img {
    margin: 0 auto;
    float: none;
    display: block;
    overflow: hidden;
}

.margin-btm-0 {
    margin-bottom: 0;
}

.ref-system-div {
    margin: 0 auto;
    display: block;
    overflow: hidden;
    float: none;
    width: 194px;
}

.acc-info-wrap-lft {
    display: block;
    overflow: hidden;
}

.wallet-dtls-lft {
    float: left;
    width: auto;
    margin: 10px 0px;
}

    .wallet-dtls-lft i.fa-money {
        float: left;
        font-size: 54px;
        color: #fff;
        padding: 5px 10px;
        background-color: #50bf24;
    }

.wallet-dtls-right {
    float: right;
}

.exchange-cash-btn {
    display: inline-block;
    overflow: hidden;
    margin-left: 10px;
}

.wallet-dtls-main {
    display: block;
    overflow: hidden;
}
/* PROFILE PAGE NEW CSS ENDS HERE */

/* PAYMENT METHODS CSS STARTS HERE */

.payment-methods-main-wrap {
    float: left;
    width: 40%;
    padding-left: 8px;
    margin-top: 15px;
}

    .payment-methods-main-wrap ul {
        display: block;
        overflow: hidden;
    }

        .payment-methods-main-wrap ul li {
            float: left;
            width: 100%;
            margin-bottom: 10px;
        }

            .payment-methods-main-wrap ul li i {
                color: #ed0000;
                font-size: 16px;
                float: right;
                cursor: pointer;
            }

            .payment-methods-main-wrap ul li h5 {
                float: left;
                font-size: 16px;
                font-weight: 500;
            }

                .payment-methods-main-wrap ul li h5 i {
                    float: left;
                    color: #000;
                    margin: 4px 7px 0 0;
                    font-size: 15px;
                }

            .payment-methods-main-wrap ul li div {
                clear: both;
                float: left;
                font-size: 12px;
                color: #a7a0a0;
            }

/* PAYMENT METHODS CSS ENDS HERE */

/*checkbox common css starts here*/
.checkbox {
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 15px;
}

    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 8px;
        box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        cursor: pointer;
        text-align: left;
        width: 90% !important;
        font-size: 16px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 18px;
            height: 18px;
            left: 0;
            margin-left: -15px;
            border: 1px solid #000;
            border-radius: 3px;
            background-color: #fd3;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            margin-top: 0px;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 4px;
            top: 0px;
            margin-left: -18px;
            padding-left: 3px;
            padding-top: 0px;
            font-size: 10px;
            color: #000;
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

    .checkbox input[type="checkbox"] {
        opacity: 0;
        box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .checkbox input[type="checkbox"]:focus + label::before {

            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        .checkbox input[type="checkbox"]:checked + label::after {
            font-family: 'Font Awesome 5 Free';
            content: "\f00c";
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            font-weight: 900;
        }

        .checkbox input[type="checkbox"]:disabled + label {
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

            .checkbox input[type="checkbox"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
                box-sizing: border-box;
                -o-box-sizing: border-box;
                -ms-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -khtml-box-sizing: border-box;
                -webkit-box-sizing: border-box;
            }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
        box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
        box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff;
}

/*radio button css starts here*/
.radio {
    padding-left: 20px;
}

    .radio label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
    }

        .radio label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out;
            transition: border 0.15s ease-in-out;
        }

        .radio label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 11px;
            height: 11px;
            left: 3px;
            top: 3px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: #555555;
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        }

    .radio input[type="radio"] {
        opacity: 0;
    }

        .radio input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .radio input[type="radio"]:checked + label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .radio input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .radio input[type="radio"]:disabled + label::before {
                cursor: not-allowed;
            }

    .radio.radio-inline {
        margin-top: 0;
    }

.radio-primary input[type="radio"] + label::after {
    background-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}

/*radio button css starts here*/
/* The container */
.radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .radio-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
    .radio-container .checkmark {
        position: absolute;
        top: 1px;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #fff;
        border-radius: 50%;
        border: 2px solid #d2d2d2;
    }

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {
    background-color: #fd3;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark {
    background: #fd3;
}
.radio-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000;
}
/*popup admin for croppie css starts here*/
.popup-web-wrap {
    background: #fff;
    padding: 30px 20px 10px 20px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    display: none;
    max-width: 96%;
    width: 96%;
    max-height: 90%;
    z-index: 1000;
    top: 2% !important;
    overflow: hidden;
}

.popup-web-body-wrap {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.upload-step-wrap {
    width: 22%;
    float: left;
    margin: 0 3% 0 0;
}

.upload-step-text {
    float: left;
    width: 100%;
    margin: 0 0 10px;
}

.file-upload-btn-wrap {
    width: 100px;
    float: left;
    margin: 0 0 20px;
    position: relative;
}

.fileUpload {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #ed0000;
    border-color: #d10101;
    box-shadow: none !important;
    line-height: 1.44;
    outline: 0 !important;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0px;
        right: -9px;
        margin: 0;
        padding: 0;
        font-size: 23px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .fileUpload input[type="file"] {
        display: block;
    }

    .fileUpload span {
        color: #fff;
    }

.upload-image-wrap {
    position: relative;
    float: left;
    padding: 0 !important;
    width: 75% !important;
}

.upload-dragdrop-wrap {
    float: left;
    width: 100%;
    margin: 0;
    text-align: center;
    position: absolute;
    top: 0px;
}

.dragdrop-icon-text-wrap {
    font-size: 24px;
    color: #9b9b9b;
}

.dragdrop-icon-wrap {
    font-size: 120px;
    color: #9b9b9b;
    display: inline-block;
    margin: 0;
}

.title-upload {
    padding: 0px 0px;
    margin-bottom: 10px;
    font-size: 16px;
}

.cancel-popup {
    position: absolute;
    top: 5px;
    right: 10px;
    border-radius: 50%;
    color: #999;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    filter: alpha(opacity=20);
}

.modal-footer-custom {
    padding: 13px 10px 0px;
    margin-top: 0px;
    text-align: right;
    border-top: 1px solid #d2d2d2;
    float: left;
    width: 100%;
}

.btn-cancel-wrap {
    background: none;
    border: 1px solid #d2d2d2;
    padding: 9px 10px;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
}

.btn-save-wrap {
    background: #ed0000;
    border: none;
    padding: 9px 10px;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #ed0000;
}

    .btn-save-wrap:hover {
        background: #ed0000;
        cursor: pointer;
        color: #fff;
    }

.btn-cancel-wrap:hover {
    background: #000;
    color: #fff;
}

.main-search-form-wrapper .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999;
}

.main-search-form-wrapper .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}

.main-search-form-wrapper .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #999;
}

.main-search-form-wrapper .form-control:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}


.toast-title {
    font-weight: bold;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .toast-message a,
    .toast-message label {
        color: #FFFFFF;
    }

        .toast-message a:hover {
            color: #CCCCCC;
            text-decoration: none;
        }

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1;
}

    .toast-close-button:hover,
    .toast-close-button:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
    }

.rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
}

    #toast-container * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #toast-container > div {
        position: relative;
        pointer-events: auto;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background-position: 15px center;
        background-repeat: no-repeat;
        -moz-box-shadow: 0 0 12px #999999;
        -webkit-box-shadow: 0 0 12px #999999;
        box-shadow: 0 0 12px #999999;
        color: #FFFFFF;
        opacity: 0.8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80);
    }

        #toast-container > div.rtl {
            direction: rtl;
            padding: 15px 50px 15px 15px;
            background-position: right 15px center;
        }

        #toast-container > div:hover {
            -moz-box-shadow: 0 0 12px #000000;
            -webkit-box-shadow: 0 0 12px #000000;
            box-shadow: 0 0 12px #000000;
            opacity: 1;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            filter: alpha(opacity=100);
            cursor: pointer;
        }

    #toast-container > .toast-info {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
    }

    #toast-container > .toast-error {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
    }

    #toast-container > .toast-success {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
    }

    #toast-container > .toast-warning {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
    }

    #toast-container.toast-top-center > div,
    #toast-container.toast-bottom-center > div {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    #toast-container.toast-top-full-width > div,
    #toast-container.toast-bottom-full-width > div {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51A351;
}

.toast-error {
    background-color: #BD362F;
}

.toast-info {
    background-color: #2F96B4;
}

.toast-warning {
    background-color: #F89406;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

        #toast-container > div.rtl {
            padding: 8px 50px 8px 8px;
        }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

        #toast-container > div.rtl {
            padding: 8px 50px 8px 8px;
        }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }

        #toast-container > div.rtl {
            padding: 15px 50px 15px 15px;
        }
}

.loader-only-btn {
    height: 38px;
    width: 73px;
    background: #00BA0E;
    position: absolute;
    left: 0px;
    border-radius: 0px;
}

.login-loader {
    position: absolute;
    top: 11px;
    right: 22px;
    z-index: 1;
}

.add-more-btn-loader {
    position: absolute;
    top: 4px;
    right: 32px;
    z-index: 1;
}

    .login-loader .sk-child, .register-loader .sk-child, .add-more-btn-loader .sk-child {
        width: 8px !important;
        height: 8px !important;
        background-color: #fff !important;
    }

.register-loader {
    position: absolute;
    top: 31px;
    right: 47%;
    z-index: 1;
}

    .register-loader .sk-child {
        width: 12px !important;
        height: 12px !important;
        background-color: #fff !important;
    }

.area-home-search-loader, .item-searchloader {
    position: absolute;
    top: 26px;
    right: 30px;
    z-index: 100;
}



    .area-home-search-loader .sk-child, .item-searchloader .sk-child {
        width: 8px !important;
        height: 8px !important;
        background-color: #000 !important;
    }

.item-searchloader {
    right: 45px;
}

.restaurant-home-search-loader {
    position: absolute;
    top: 7px;
    right: 10px;
    z-index: 100;
}

    .restaurant-home-search-loader .sk-child {
        width: 6px !important;
        height: 6px !important;
        background-color: #000 !important;
    }

.home-delivery-btn-loader {
    position: relative;
    top: 0px;
    right: 0px;
    z-index: 100;
    height: 30px;
    width: 30px;
}

    .home-delivery-btn-loader .sk-circle:before {
        background-color: #fff !important;
    }


.search-cuisine-loader {
    position: absolute;
    top: 50px;
    right: 45%;
    z-index: 100;
    height: 50px;
    width: 50px;
    margin: 0px !important;
}



.area-modal-search-loader {
    position: absolute;
    top: 4px;
    margin: 0px;
    color: #fff;
    right: 34px;
    z-index: 100;
    width: 25px;
    height: 25px;
}

    .area-modal-search-loader .sk-circle:before {
        background: #000 !important;
    }

.forgot-loader {
    position: relative;
    top: 6px;
}

    .forgot-loader .sk-child {
        background: #fff !important;
        width: 7px !important;
        height: 7px !important;
    }

.for-got-btn-height {
    height: 38px;
    padding: 0px;
    width: 100%;
    text-align: center;
}

.verify-btn-new {
    background: #0080ca;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    padding: 0px;
    margin-left: 0px;
    border-radius: 3px;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    padding: 8px 16px;
    box-sizing: border-box;
}

.forgot-username-loader {
    position: relative
}

    .forgot-username-loader .sk-child {
        background: #fff !important;
        width: 7px !important;
        height: 7px !important;
    }

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

    .sk-fading-circle .sk-circle:before {
        content: '';
        display: block;
        margin: 0 auto;
        width: 15%;
        height: 15%;
        background-color: #000;
        border-radius: 100%;
        -webkit-animation: sk-circleFadeDelay 1.25s infinite ease-in-out both;
        animation: sk-circleFadeDelay 1.25s infinite ease-in-out both;
    }

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}



/*css loader 2*/


.sk-three-bounce .sk-child {
    width: 20px;
    height: 20px;
    background-color: #000;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}

.sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}

.sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.10s;
    animation-delay: -0.10s;
}

@-webkit-keyframes sk-three-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-three-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*css loader 3*/


.spinner {
    margin: 100px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

    .spinner > div {
        background-color: #ffdd33;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out;
        margin-right: 3px;
    }

    .spinner .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinner .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .spinner .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .spinner .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}



.voucher-btn .spinner {
    margin: 0px auto;
    width: 50px;
    height: auto;
    text-align: center;
    font-size: 16px;
}
.restaurant-searchloader {
    position: absolute;
    top: 7px;
    right: 10px;
    border: 3px solid #fff;
    border-radius: 50%;
    border-top: 3px solid #3b311d;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.area-modal-searchloader {
    position: absolute;
    top: 6px;
    right: 71px;
    border: 3px solid #000;
    border-radius: 50%;
    border-top: 3px solid #fff;
    width: 24px;
    height: 24px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*customer review css starts here*/
.review-customer-new-wrap {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 15px;
}

.rating-review-text-wrap {
    max-width: 500px;
    width: 100%;
    display: inline-block;
    line-height: 28px;
    font-size: 18px;
}

    .rating-review-text-wrap span {
        font-size: 22px;
        color: #ed0000;
    }

.rating-review-star-wrap {
    width: 100%;
    font-size: 14px;
    float: left;
}

.rating-container .filled-stars {
    color: #febf01 !important;
}

.review-rating-star-ranking-wrap {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.review-rat-common-label {
    font-size: 16px;
    font-weight: bold;
}

.star-rank-wrap {
    float: left;
    width: 50%;
    position: relative;
    padding-left: 110px;
}

    .star-rank-wrap .review-rat-common-label {
        position: absolute;
        left: 0px;
        top: 0px;
    }

.star-size {
    font-size: 6px;
}

.pre-define-comment-wrap {
    margin-top: 15px;
    width: 100%;
    float: left;
}

.pre-define-label {
    float: left;
    position: relative;
    padding: 5px 30px 5px 10px;
    background-color: #d2d2d2;
    color: #000;
    font-size: 14px;
    border-radius: 2px;
    margin: 0px 15px 10px 0px;
    cursor: pointer;
}

.add-pre-define .pre-define-label {
    background-color: #00aedb;
    color: #fff;
    cursor: auto;
}

.pre-define-label span {
    position: absolute;
    top: 7px;
    font-size: 12px;
    right: 10px;
    cursor: pointer;
}

.hr-review {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    border-color: #d2d2d2;
}

.review-text-area-wrap {
    width: 100%;
    float: left;
    margin-top: 30px;
}

    .review-text-area-wrap .review-rat-common-label {
        margin-bottom: 5px;
    }
/*review rating review saved css */
.review-save-wrap {
    width: 100%;
    text-align: center;
    display: inline-block;
}

.review-save-icon-wrap {
    background: #0BC113;
    color: #fff;
    font-size: 50px;
    padding: 10px 20px;
    display: inline-block;
    margin: 10px 0px 10px 0px;
    border-radius: 50%;
}

.review-save-heading {
    font-size: 20px;
    font-weight: bold;
}

.share-review-message-wrap {
    width: 100%;
    max-width: 470px;
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 18px;
}

.review-rat-price-size {
    font-size: 22px;
    color: #ed0000;
    font-weight: bold;
}

.fb-review-rat-btn {
    background: #4460b6;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 10px;
    line-height: 25px;
    position: relative;
    padding-left: 40px;
    text-decoration: none;
    cursor: pointer !important;
}

    .fb-review-rat-btn:hover {
        color: #fff;
        background-color: #2d4373;
        border-color: rgba(0,0,0,0.2);
        text-decoration: none;
    }

    .fb-review-rat-btn span {
        font-size: 24px;
        position: absolute;
        left: 10px;
        top: 5px;
    }

::selection {
    background: #ffdd33;
    color: #000;
    text-shadow: none;
}

.ref-invite-share-url-address ::selection {
    background: #fff;
    color: #000;
    text-shadow: none;
}

#pDiscountErrorMessage span {
    font-weight: bold;
}



/*floating labels*/
.placeholder-label {
    position: relative;
}

    .placeholder-label .fa {
        color: #777;
        position: absolute;
        left: 12px;
        top: 20px;
        font-size: 18px;
    }

.placeholder-label {
    position: relative;
}

    .placeholder-label .checkout-res-input-form-control {
        text-indent: 0px;
    }

    .placeholder-label label {
        position: absolute;
        top: 20px;
        left: 40px;
        color: #999;
        font-size: 14px;
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        transition: all 0.2s ease-in-out;
    }

    .placeholder-label input[data-empty="false"], .placeholder-label input:focus {
        padding: 22px 8px 10px 35px !important;
    }

    .placeholder-label input:focus {
        outline: 0;
        background: white;
    }

        .placeholder-label input[data-empty="false"] + label,
        .placeholder-label input:focus + label {
            color: #999;
            font-weight: normal;
            font-size: 12px;
            -moz-transform: translate3d(0, -15px, 0);
            -ms-transform: translate3d(0, -15px, 0);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
        }

    .placeholder-label input[data-empty="false"], .placeholder-label input:focus {
        padding: 22px 8px 10px 40px !important;
    }

    .placeholder-label input:focus {
        outline: 0;
        background: white;
    }

        .placeholder-label input[data-empty="false"] + label,
        .placeholder-label input:focus + label {
            color: #999;
            font-weight: normal;
            font-size: 12px;
            -moz-transform: translate3d(0, -15px, 0);
            -ms-transform: translate3d(0, -15px, 0);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
        }

    .placeholder-label input:-webkit-autofill {
        padding: 22px 8px 10px 40px !important;
    }

        .placeholder-label input:-webkit-autofill + label {
            color: #999;
            font-weight: normal;
            font-size: 12px;
            -moz-transform: translate3d(0, -15px, 0);
            -ms-transform: translate3d(0, -15px, 0);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
        }

    .placeholder-label input[data-empty="true"]:-webkit-autofill + label {
        -moz-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

.eye-show-wrap {
    position: absolute !important;
    left: auto !important;
    right: 20px;
    cursor: pointer;
    top: 0px !important;
    font-size: 18px;
    padding: 20px 15px;
    right: 0px;
    box-sizing: content-box;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
    -webkit-text-fill-color: #000 !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}

.lds-ring-res-info {
    width: 100%;
    min-height: 200px;
    top: 5px;
    right: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .lds-ring-res-info div:nth-child(1) {
        animation-delay: -.45s;
    }

    .lds-ring-res-info div:nth-child(2) {
        animation-delay: -.3s;
    }

    .lds-ring-res-info div:nth-child(3) {
        animation-delay: -.15s;
    }

    .lds-ring-res-info div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 40px;
        height: 40px;
        margin: 6px;
        border: 6px solid #777;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
        border-color: #777 transparent transparent transparent;
    }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.checkout-addres-change-btn-new {
    font-size: 12px;
    color: #39b3d7;
    padding: 3px 6px;
    text-decoration: underline;
}

.DVhidden {
    float: left;
    width: 122px;
}

.selectTimeNote {
    display: flex;
    align-items: center;
}

    .selectTimeNote p {
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 0
    }

.checkbox-main-div {
    position: relative;
    margin-top: 5px;
    float: left;
    padding-left: 25px;
    display: flex;
    align-items: center;
    padding-right: 27px;
}

.checkbox-open-rest {
    width: 20px;
    height: 20px;
    left: 0px;
    position: absolute;
}

    .checkbox-open-rest input {
        display: none;
    }

        .checkbox-open-rest input:checked + .box {
            background-color: #ffdd33;
            border: 3px solid #ffdd33;
        }

            .checkbox-open-rest input:checked + .box:after {
                border-color: #000;
                top: -1px;
            }

    .checkbox-open-rest .box {
        width: 100%;
        height: 100%;
        transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
        border: 2px solid transparent;
        background-color: white;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        border-radius: 3px;
        border: 2px solid #d2d2d2;
    }

        .checkbox-open-rest .box:after {
            width: 69%;
            height: 32%;
            content: '';
            position: absolute;
            border-left: 3px solid;
            border-bottom: 3px solid;
            border-color: #D54E21;
            transform: rotate(-45deg) translate3d(0, 0, 0);
            transform-origin: center center;
            transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
            left: 0px;
            right: 0;
            top: 200%;
            bottom: 6%;
            margin: auto;
        }

.show-rest-text {
    float: left;
    color: #000;
    font-size: 14px;
    padding-left: 5px;
    cursor: pointer;
}

.padding-t-25 {
    padding-top: 25px;
}

.just-center {
    justify-content: space-between;
    align-items: center;
}

.reorder-icon-span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    color: #0080ca;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    cursor: pointer;
    font-size: 20px;
}

.reorderbtn-main-span {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    width: 130px;
}



    .reorderbtn-main-span:hover .my-order-re-order-link {
        color: #777;
        text-decoration: underline;
    }

.my-order-re-order-link {
    cursor: pointer;
    text-decoration: none;
    font-weight: 500;
    color: #777;
}

.res-cusines-wrap-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 25px 0px 15px;
}

.new-margin {
    margin: 30px 0px 20px !important
}

.flex-2:hover {
    text-decoration: underline;
    cursor: pointer;
}

.m-l-20 {
    margin-left: 20px
}

.rest-looking-found-wrap {
    width: 80%;
    padding: 0px 15px 50px 15px;
    text-align: center;
    margin: 0px auto;
    clear: both;
}

.common-building-icon {
    font-size: 45px;
    margin-bottom: 5px;
    color: #000;
    background: #ffdd33;
    padding: 17px;
}

.res-looking-heading {
    font-size: 30px;
    font-weight: bold;
    color: #000;
    margin-bottom: 30px;
}

.res-looking-p1 {
    margin-bottom: 10px;
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    display: inline-block;
    width: 60%;
}

.res-looking-p {
    font-size: 16px;
    margin-bottom: 10px;
    color: #777;
    display: inline-block;
    width: 100%;
}

.res-looking-link {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    display: inline-block;
}

    .res-looking-link a {
        color: #00BCD4;
        font-size: 16px;
    }

.res-looking-btn {
    text-align: center;
    width: 100%;
    margin-top: 0px;
    display: inline-block;
}

    .res-looking-btn a {
        background-color: #0BC113;
        color: #FFFFFF;
        padding: 10px 30px;
        text-align: center;
        border: 0px none;
        cursor: pointer;
        font-size: 16px;
        border-radius: 3px;
    }

.res-looking-link a:hover {
    text-decoration: underline;
}

#TermsConditionPopup .modal-content li {
    font-size: 14px;
    margin-bottom: 15px;
}

.res-list-fooditem-result {
    cursor: pointer;
}


.google-facebook-btn-left-icon {
    height: 43px;
    width: 45px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 2px;
}

    .google-facebook-btn-left-icon img {
        width: 20px;
    }

.fb-i {
    background-color: rgba(0, 0, 0, 0.2);
    font-size: 20px;
}

    .fb-i i {
        margin-left: -10px;
    }

.checkout-error-message {
    color: #ed0000;
    font-size: 12px;
}

.search-postcode-title {
    margin-bottom: 10px;
    font-size: 16px;
}

.search-postcode-field-wrap {
    margin-bottom: 5px;
}

.area-search-btn {
    width: 100%;
    margin: 20px 0% 0px 0%;
    font-size: 16px !important;
    background: #00BCD4;
}

.recent-address-wrap {
    margin-top: 20px;
    font-size: 14px;
}

.add-wrp-h {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

.add-wrp {
    margin-bottom: 15px;
}

    .add-wrp a {
        color: #777;
    }

.icon-l {
    margin-right: 10px;
}

.icon-l {
    font-size: 18px;
}

.text-label {
    color: #777;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.icon-l i, .text-label {
    color: #000;
}

.change-order-type-section {
    padding: 10px 20px;
}

.change-type-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 20px;
    margin-bottom: 0px;
    cursor: pointer;
    padding-top: 20px;
    position: relative;
}

    .change-type-row i, .sr-order-type-label {
        color: #777;
    }

    .change-type-row i {
        margin-right: 10px;
        margin-left: 10px;
    }

.type-selected .left-type-row i, .type-selected .sr-order-type-label {
    color: #000;
}

.type-selected .sr-order-type-label {
    font-weight: bold;
}

.change-type-row:last-child {
    border: none;
}

.left-type-row {
    font-size: 16px;
}

    .left-type-row i {
        font-size: 20px;
    }

.cusi-or-autocomplete-wrap {
    width: 100%;
    position: absolute;
}
/*radio checkbox css*/
/* end only demo styles */

.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #d2d2d2;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    background: rebeccapurple;
    color: #fff;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    color: #000;
    font-weight: 900;
    background: #ffdd33;
    border: 2px solid #ffdd33;
}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
    outline: 1px solid #ddd; /* focus style */
}

.show-res-search-page {
    display: none;
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
}

.slide-menu-in-mobile .nav-ul-list {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
}

    .slide-menu-in-mobile .nav-ul-list li {
        background: #fff !important;
        float: left;
        width: 100%;
        color: #000;
        box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .slide-menu-in-mobile .nav-ul-list li a {
            padding: 10px 20px;
            float: left;
            width: 100%;
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            color: #000 !important;
        }

.slide-menu-in-mobile .header-links-top-border {
    border-top: 1px solid #d2d2d2;
    width: 70% !important;
    margin: 15px 15%;
}

.slide-menu-in-mobile .nav-ul-list li a i {
    margin-right: 10px;
    font-size: 16px;
}
a#actionVisitorLogin {
    background: #00BA0E;
    padding: 7px 20px;
    font-size: 14px;
    border-radius: 0px;
    color: #fff;
}
    a#actionVisitorLogin .login-head-user-icon {
        display: none;
    }

.menu-line-wrap {
    background: #fff;
    width: 55px;
    align-items: center;
    text-align: center;
    font-size: 25px;
    float: left;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    margin-top: 10px;
    cursor: pointer;
}

.card-holder-p {
    font-size: 16px;
    margin-bottom: 10px;
}

.card-holder-main-wrap .res-enter-pin-wrap .reg-enter-pin-field {
    font-size: 16px;
}

.card-holder-main-wrap .res-enter-pin-wrap .reg-pin-btn {
    padding: 8px 0px;
    width: 150px;
    font-size: 16px;
}

.card-holder-main-wrap .res-enter-pin-wrap .common-new-verification-btn {
    font-size: 16px;
    padding: 8px 0px;
}

.dont-receive-code-wrap {
    text-align: center;
    margin-top: 30px;
}

.card-holder-main-wrap .res-enter-pin-wrap {
    display: flex;
    width: 320px;
    margin: auto;
}

.refine-search-results-wrap .form-control {
    padding-right: 50px !important;
}

.cross-s-page {
    position: absolute;
    left: auto !important;
    width: 10px;
    right: 5px;
    font-size: 20px;
    padding: 10px 28px 4px 10px;
    text-align: center;
    display: flex;
    top: 2px !important;
    cursor: pointer;
}

.refine-search-results-wrap .cross-s-page i {
    font-size: 20px;
    color: #000;
}

.refine-search-results-wrap .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.ref-row-wrap {
    width: 100%;
    display: flex;
    max-width: 800px;
    clear: both;
    margin: auto;
}

.referal-blocks-wrap {
    text-align: left;
    margin-top: 30px;
    width: 100%;
    float: left;
}

.referal-col4 {
    padding: 15px;
}

.ref-heading-common {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
}

    .ref-heading-common span {
        background: #000;
        border-radius: 40px;
        color: #fff;
        padding: 5px 25px;
    }

.referal-col4 p {
    text-align: left;
    line-height: 30px;
    font-size: 16px;
}

    .referal-col4 p i {
        color: #00bcd4;
        margin-right: 5px;
        font-size: 16px;
    }

.appstore-buttons-referal {
    margin-top: 20px;
    margin-bottom: 50px;
    margin-left: 7px;
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
}

    .appstore-buttons-referal .btn-store {
        width: 135px;
        height: 40px;
        margin-bottom: 5px;
        display: inline-block;
        text-indent: -9999px;
        background-image: url(../images/app-icon-svg.svg);
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 15px;
    }

        .appstore-buttons-referal .btn-store.btn-appstore {
            background-position: 0 0px;
        }

        .appstore-buttons-referal .btn-store.btn-googleplay {
            background-position: -135px 0px;
        }

.ref-apps-button-banner-wrap {
    margin-top: 30px;
    margin-bottom: 30px;
}

.refer-signup {
    background: #00bcd4;
    border-radius: 40px;
    color: #fff;
    padding: 10px 50px;
    margin-top: 0px;
    font-size: 22px;
    margin-bottom: 30px;
    display: inline-block;
}

.download-app-referal-text {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 40px;
}

.carousel-wrap {
    float: left;
    width: 100%;
    overflow: hidden;
}

.overlay-disabled .show-overlay-g {
    height: 100%;
    width: 100%;
    position: absolute;
    cursor: not-allowed;
    display: block;
    z-index: 111;
}


/*redeem voucher css*/
.redeem-modal-main-wrap {
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 20px 10px;
}

.redeem-v-img-wrap {
    width: 220px;
}

    .redeem-v-img-wrap img {
        width: 100%;
    }

.redeem-title {
    font-size: 24px;
    text-align: center;
    max-width: 300px;
    font-weight: bold;
    display: flex;
    margin: auto;
    text-transform: uppercase;
    justify-content: center;
    margin-bottom: 10px;
}

.redeem-strip {
    display: flex;
    max-width: 240px;
    width: 100%;
    margin: auto;
    font-size: 21px;
    text-align: right;
    justify-content: center;
    background: #0dac4b;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 6px 0px;
    margin-bottom: 30px;
    font-weight: bold;
}

.redeem-apps-btn-wrap {
    display: flex;
    justify-content: center;
}

    .redeem-apps-btn-wrap .download-app-wrapper {
        margin-left: 0px;
    }

.redeem-right-modal-wrap .download-app-wrapper .appstore-buttons {
    margin-top: 10px;
    margin-bottom: 0px;
}

.available-label-modal {
    font-size: 16px;
}

.redeem-home-btn {
    width: 310px !important;
    text-align: left;
    margin-top: 0px;
    min-height: 40px;
    padding-top: 5px;
    border-color: transparent;
    background-color: #ffdd33;
    color: #000;
    padding-bottom: 5px;
    position: relative;
    font-size: 18px;
    text-shadow: none;
    padding: 0px 0px 0px 20px;
    float: left;
    margin-left: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-bottom: 15px; */
    font-weight: bold;
    border-radius: 0px;
    height: 60px;
    margin:0px;
}
.button.redeem-home-btn div {
    background: #000;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}
.scanbar-wrap-home {
    /*padding: 1px 7px;
    border: 1px solid;
    position: relative;
    width: 40px;
    margin: auto;
    height: 35px;
    position: absolute;
    right: 15px;
    top: 8px;*/
    padding: 1px 10px;
    border: 1px solid;
    position: relative;
    width: 40px;
    margin: auto;
    height: 31px;
    position: absolute;
    right: 15px;
    top: 5px;
}



    .scanbar-wrap-home::before, .scanbar-wrap-home::after {
        content: '';
        display: block;
        position: absolute;
        background: #0BC113;
        width: 24px;
    }

.redeem-home-btn.activated .scanbar-wrap-home::before, .redeem-home-btn.activated .scanbar-wrap-home::after {
    background: #36770a;
}

.scanbar-wrap-home::before {
    /*top: -0.3em;
    bottom: -7px;
    left: 7px;
    right: 1em;*/
    top: -0.3em;
    bottom: -3px;
    left: 7px;
    right: 1em;
}

.scanbar-wrap-home::after {
    left: -0.3em;
    right: -120px;
    top: 6px;
    bottom: 6px;
    width: 50px !important;
}

.scanbar-wrap-home .heading {
    position: relative;
    z-index: 1;
    font-size: 20px;
    margin-top: 4px;
    float: left;
    margin-left: 1px;
}

.logout-left-new {
    color: #000;
    margin-bottom: 15px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    background: #fff;
    margin: auto;
    width: 100px;
    margin-bottom: 20px;
    padding: 5px 0px;
    border-radius: 4px;
}

    .logout-left-new i {
        color: #000;
        margin-right: 5px;
        font-size: 16px;
    }

.resp-nav-slider-wrap {
    flex: 1;
}

.Search-filter-show-wraper {
    font-size: 22px;
    margin: 0px 0px 0px 10px;
    cursor: pointer;
    background: #fff;
    padding: 0px 10px;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
}

    .Search-filter-show-wraper.active {
        background-color: #ffdd33;
    }

.topping-scroll-modal {
    overflow-y: auto;
    max-height: 450px;
}

.margin-in-f {
    margin-bottom: 20px !important;
}

.clear-filter-link {
    color: #00bcd4;
    font-size: 16px;
    float: left;
    margin-top: 10px;
}

.available-price {
    background: #0bc113;
    color: #fff;
    padding: 3px 7px;
    border-radius: 30px;
    font-weight: bold;
}

.wallet-h-bg-color-wrap {
    background: #0BC113;
    color: #fff !important;
    padding: 2px 12px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 30px;
    
}

    .wallet-h-bg-color-wrap span {
        color: #fff !important;
    }

    .wallet-h-bg-color-wrap i {
        color: #fff !important;
        margin-right: 5px;
    }

.mar-l-sr {
    font-size: 14px;
    margin-left: 5px;
}

#pSaveCardDetail {
    margin-left: 15px;
    margin-top: 15px;
    float: left;
}

#ulRestaurants li a {
    padding-left: 50px;
    position: relative;
    min-height: 40px;
}

    #ulRestaurants li a img {
        position: absolute;
        left: 0px;
        top: -8px;
    }

.popular-cuisines-wraper .owl-dots {
    display: none !important;
}

.search-loader-c-wrap {
    position: relative;
    height: 120px;
    text-align: center;
}

.loader-text {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
}

.no-r-match-wrap {
    text-align: center;
    padding-right: 20px;
    margin-top: 20px;
}

.checkout-sidebar-filter-wrap {
    float: left;
    width: 100%;
    padding: 0px 15px;
    margin-top: 30px;
}

.common-page-title-wrap {
    font-weight: bold;
    font-size: 24px;
    color: #000;
    text-align: left;
}

.common-page-para-wrap {
    text-align: left;
    margin-top: 5px;
    color: #777;
    font-size: 14px;
}

.area-pop-msg-wrap {
    width: 100%;
    display: flex;
}

.area-order-type {
    font-size: 13px;
    margin-right: 5px;
    text-align: center;
    line-height: 20px;
}

    .area-order-type span + span {
        float: right;
        margin-left: 10px;
    }

#dvOfferDeliveryInArea span {
    font-size: 14px;
}

#dvTryOtherRestaurant span {
    font-weight: normal;
}

.order-item-extra .order-item-inner-wrp-price {
    padding-right: 25px;
}

.order-item-extra-deal-item .order-item-inner-wrp-price {
    padding-right: 23px;
}

.cuisine-label {
    color: #000;
    margin-left: 5px;
    font-size: 14px;
    background-color: #ffdd33;
    padding: 0px 5px;
    border-radius: 30px;
}

.menu-checkout-loader {
    width: 70px;
    height: 16px;
    text-align: center;
    font-size: 10px;
    margin: 0px auto;
    margin-top: 5px;
}

    .menu-checkout-loader > div {
        background-color: #fff;
        height: 100%;
        width: 4px;
        display: inline-block;
        margin-right: 1px;
    }

.menu-checkout-full-btn-loader {
    margin: 0px auto;
    width: 100px;
    margin-top: 11px;
}

    .menu-checkout-full-btn-loader > div {
        background-color: #fff;
        margin-right: 1px;
    }

.login-btn-loader-wrp {
    margin: 0px auto;
    position: absolute;
    z-index: 1;
    margin-top: 10px;
    width: 70px !important;
    height: 20px;
    opacity: 1 !important;
    display: block !important;
}

    .login-btn-loader-wrp > div {
        margin-right: 1px;
        background-color: #fff;
    }


.search-page-carousel-loader {
    width: 100px;
    margin: 0px auto;
    position: absolute;
    width: 100%;
    margin-top: 40px;
}

.carousel-height-loader {
    min-height: 175px;
    float: left;
}

#dvRecentOrders .owl-dots {
    display: none;
}

.left-ul-links li a:hover, .res-list-autocomplete-wrap li a:hover {
    text-decoration: underline;
}

.select-time-error-field {
    color: #d10101;
    float: left !important;
    margin: -5px 0px 0px 0px;
    font-size: 14px !important;
    font-weight: normal !important;
}

.close-deliver-label, .restaurant-close-label {
    font-size: 12px;
    background: #ed0000;
    color: #fff;
    border-radius: 3px;
    padding: 3px 6px;
    margin-left: 10px;
    font-weight: bold;
}

input[type=submit] {
    -webkit-appearance: button;
}

.error-common-new {
    color: #d10101;
    float: left;
    margin: 10px 0px 0px 0px;
    font-size: 14px;
}

.verify-title {
    font-weight: bold;
    font-size: 24px;
    color: #000;
}

.btn-h-signup {
    font-size: 16px;
    background-color: #ffdd33;
    border-color: #0BC113;
    color: #000 !important;
    padding: 8px 20px !important;
    font-weight: normal;
    float: left;
}


.download-app-page-login-wrapper {
    float: left;
    width: 100%;
    margin: 0px;
    margin-top: 0px;
    text-align: left;
    margin-bottom: 30px;
}

    .download-app-page-login-wrapper h2 {
        color: #000;
        text-shadow: none;
        font-size: 20px;
        font-weight: normal;
        margin-bottom: 10px;
    }

    .download-app-page-login-wrapper .appstore-buttons {
        margin-top: 10px;
        display: flex;
    }

    .download-app-page-login-wrapper .btn-store {
        margin-right: 15px;
    }

    .download-app-page-login-wrapper .appstore-buttons .btn-store {
        width: 135px;
        height: 40px;
        margin-bottom: 5px;
        display: inline-block;
        text-indent: -9999px;
        background-image: url('/resources/lefttoright/images/app-icon-svg.svg');
        background-size: cover;
        background-repeat: no-repeat;
    }

        .download-app-page-login-wrapper .appstore-buttons .btn-store.btn-appstore {
            background-position: 0 0;
        }

        .download-app-page-login-wrapper .appstore-buttons .btn-store.btn-googleplay {
            background-position: -135px 0px;
        }

@media (max-width: 480px) {
    .download-app-page-login-wrapper .btn-store {
        margin-right: 10px;
        margin-left: 0px;
    }

    .download-app-page-login-wrapper .appstore-buttons .btn-store {
        height: 35px;
        margin-bottom: 5px;
        display: inline-block;
        text-indent: -9999px;
        background-size: cover;
        background-repeat: no-repeat;
        width: 118px;
    }

    .download-app-page-login-wrapper .appstore-buttons {
        margin-bottom: 10px;
        text-align: center;
    }

    .download-app-page-login-wrapper .download-app-wrapper h2 {
        font-size: 16px;
        text-align: center;
    }

    .download-app-page-login-wrapper .download-app-wrapper {
        width: 100%;
        margin: 0px 0%;
        margin-top: 15px;
    }

    .download-app-page-login-wrapper .appstore-buttons .btn-store.btn-googleplay {
        background-position: -118px 0px;
    }
}

.verification-resend {
    text-align: center;
    position: relative;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 0;
    margin-bottom: 20px;
    margin-top: 20px;
}

.list.verification-resend span {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}

.verification-resend a {
    font-size: 16px;
    color: #00bcd4;
    text-decoration: underline;
}

.verify-p-text {
    font-size: 16px;
    margin-bottom: 10px;
}

.reg-label-block {
    text-align: left;
    margin-top: 7px;
    float: left;
    width: 100%;
    font-size: 14px;
    padding-left: 11px;
    color: #777;
    position: relative;
}

    .reg-label-block i {
        background: #00BCD4;
        color: #fff !important;
        padding: 3px 7px;
        margin-right: 5px;
        font-size: 10px !important;
        border-radius: 3px;
        position: relative !important;
        left: auto !important;
        top: -1px !important;
    }

.referal-account-msg-strip {
    text-align: center !important;
    font-size: 24px !important;
    background: #ffdd33;
    padding: 15px 10px;
    border-radius: 6px;
    margin-top: -20px;
    width: 100%;
    float: left;
    color: #000;
}

.verify-code {
    font-size: 16px;
    color: #00bcd4;
    text-decoration: underline;
}

.mar-50 {
    margin-top: 50px;
}

.alert-wrap {
    border-left-width: 7px;
    border-left-style: solid;
    position: relative;
    padding: 5px;
    padding-left: 15px;
    padding-right: 5px;
    display: flex;
    cursor: pointer;
}

.alert-icon {
    display: flex;
    align-items: center;
    margin-right: 15px;
    font-size: 18px;
}

.alertWarning {
    border-color: #fdb81e;
    background-color: #fff1d2;
}

    .alertWarning .alert-icon {
        color: #fdb81e;
    }

.alertSuccess {
    border-color: #0BC113;
    background-color: #e7f4e4;
}

    .alertSuccess .alert-icon {
        color: #0BC113;
    }

.alertNext {
    border-color: #00BCD4;
    background-color: #e1f3f8;
}

    .alertNext .alert-icon {
        color: #00BCD4;
    }

.alertDisable {
    border-color: #d2d2d2;
    background-color: #f2f2f2;
}

    .alertDisable .alert-icon {
        color: #d2d2d2;
    }


.alertExperied {
    border-color: #ed0000;
    background-color: #f9dede;
}

.alertWarning {
    border-color: #fdb81e;
    background-color: #fff1d2;
}

    .alertWarning .alert-icon {
        color: #fdb81e;
    }

.alertExperied .alert-icon {
    color: #ed0000;
}

.alert-t {
    font-weight: bold;
    font-size: 16px;
}

.alert-p {
    font-size: 14px;
}

.voucher-alert-main-wrap {
    margin-bottom: 10px;
    padding-left: 20px;
}

.alert-text {
    padding-left: 34px;
    font-size: 14px;
}

.voucher-alert-wrap {
    display: flex;
    align-items: center;
}

    .voucher-alert-wrap span {
        margin-right: 15px;
        font-size: 14px;
    }

.alert-small-text {
    color: #777;
}

.alert-value {
    color: #777;
    font-size: 18px !important;
}

.common-alert-badge {
    padding: 2px 10px;
    color: #fff;
    min-width: 180px;
    border-radius: 30px;
}

.experied {
    background: #ed0000;
}

.available {
    background: #0BC113;
}

.next-alert {
    background: #00BCD4;
}

.used {
    background: #d2d2d2;
    color: #000;
}

.experied {
    background: #ed0000;
}

.redeem-voucher-wrap {
    margin-top: 10px;
    padding: 0px 15px;
    float: left;
    width: 100%;
}

.redeem-voucher-titile {
    font-size: 20px;
    font-weight: bold;
}

.redeem-voucher-inner-wrap {
    margin-bottom: 40px;
}

.active-bold {
    font-weight: bold;
    color: #000;
}

#pDiscountErrorMessage p {
    margin-bottom: 10px;
}

.expiry-not-fond {
    padding: 0px 15px;
    margin-top: 5px;
    float: left;
    width: 100%;
    color: #777;
    font-size: 18px;
}

#dvClearFilter {
    background: none;
    border: none;
    border-radius: 20px;
    padding: 0px 30px 3px 0px;
    /* font-size: 14px; */
    color: #00539f;
}

    #dvClearFilter span {
        color: #000;
        top: 0px;
        font-size: 18px;
        display:none;
    }

/*closed modal css*/
.res-closed-wraper {
    text-align: center;
    padding: 15px 0px 15px 0px;
}

.res-closed-img-wrap {
    width: 70px;
    display: inline-block;
    margin-bottom: 10px;
}

    .res-closed-img-wrap img {
        width: 100%;
        border-radius: 50%;
        border: 1px solid #d2d2d2;
    }

.res-closed-label {
    font-size: 20px;
    font-weight: bold;
}
.close-p {
    font-size: 16px;
    color: #777;
    margin-bottom: 40px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


.closed-info {
    font-size: 15px;
    text-align: left;
    display: flex;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    margin-bottom: 40px;
    padding: 3px 10px;
    border: 1px solid transparent;
    border-radius: .25rem;
    line-height: 25px;
    position: relative;
    padding-left: 60px;
    align-items: center;
}

    .closed-info i {
        margin-right: 14px;
        font-size: 20px;
        position: absolute;
        left: 18px;
    }

.btn-c {
    width: 90%;
    margin-bottom: 20px;
    box-sizing: border-box;
}


/*pre order modal css starts here*/
.pre-order-modal-wraper {
    position: relative;
    padding: 20px;
    display: inline-block;
    width: 100%;
}
.pre-order-rest-image img {
    border: 1px solid #d2d2d2;
    border-radius: 50%;
    vertical-align: middle;
    height: 80px;
    background: #f2f2f2;
}
.pre-order-modal-body {
    margin-top: 20px;
    float: left;
    width: 100%;
}
    .pre-order-modal-body .change-type-row {
        margin-top: 0px;
        padding: 15px 0px;
        border: none;
    }
.common-note-p {
    color: #777;
    font-size: 14px;
}
.left-type-row label{cursor:pointer;}
.collection-only {
    background: #fff!important;
}
    .collection-only span {
        color: #000;
    }
    .collection-only .pre-order-text-label {
        font-size: 13px;
        text-transform: uppercase;
    }
.open-for-collection {
    padding: 2px 7px;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    background-color: #00BA0E;
}
    .open-for-collection span {
        color: #fff;
  
        font-weight:normal;
    }
.pac-item {
    padding: 7px 16px;
    text-align: left;
    position: relative;
    padding-left: 40px;
    line-height: 18px;
    cursor:pointer;
}
.pac-item-query {
    font-size: 14px;
    padding-right: 3px;
    color: #000;
    display: block;
}
.pac-icon-search, .pac-icon.pac-icon-marker {
    position: absolute;
    left: 10px;
    top: 9px;
}
.pac-container:after {
    margin: 10px;
}
.pac-container {
    border-radius: 10px;
    margin-top: 2px;
    z-index: 111111 !important;
}
.search-m-wrap {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 20px;
    padding: 0px 20px;
    box-sizing: border-box;
}
.map-search-field {
    position: relative;
    z-index: 1;
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
}
    .map-search-field input {
        display: block;
        width: 100%;
        height: 50px;
        padding: 6px 12px;
        font-size: 16px;
        line-height: 1.42857143;
        color: #000;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 7px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        box-sizing: border-box;
        padding-right: 40px;
    }

    .map-search-field input:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    }
    .map-search-field i {
        position: absolute;
        top: 17px;
        font-size: 18px;
        left: 12px;
    }
.disable-btn-map {
    cursor: not-allowed !important;
    background: #d2d2d2 !important;
}
    .disable-btn-map .save-p {
        color: #a94442;
        background-color: #f8d7da;
        border-color: #f5c6cb;
        padding: 0px 7px;
        border-radius: 40px;
    }
    .disable-btn-map .save-icon {
        background: #999;
    }
.search-area-map-modal {
    position: relative;
    float: left;
    width: 100%;
}
.save-address-title {
    /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); */
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    /* background: #fff; */
    color: #000;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 3px;
}
.save-address-carousel {
    display: flex;
}
.save-address-div {
    background: #fff;
    padding: 2px 10px;
    border-radius: 30px;
    margin-right: 15px;
    position: relative;
    padding-left: 40px;
    display: flex;
    align-items: center;
    line-height: 15px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.save-icon {
    background: #00BCD4;
    padding: 4px 7px;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    left: 8px;
}
    span.save-icon i {
        color: #fff;
    }
.save-text {
    width: 100%;
    float: left;
}
.save-h {
    font-weight: bold;
    color: #000;
    font-size: 12px;
    float: left;
    width: 100%;
}
.save-p {
    color: #777;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    float: left;
    padding-right: 10px;
}
.save-address-carousel .active, .save-address-carousel .accordion:hover {
    background:none;
    cursor:pointer;
}
 .save-address-carousel .owl-item {
    width: 230px !important;
}
.save-address-carousel .owl-next {
    top: 3px;
    right: -20px;
    position: absolute;
    right: -20px;
    border: 1px solid #999;
    background: #fff !important;
    color: #000;
    border: 1px solid #d2d2d2 !important;
    width: 30px;
    height: 30px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.save-address-carousel .owl-prev {
    top: 3px;
    right: -20px;
    position: absolute;
    left: -20px;
    border: 1px solid #999;
    background: #fff !important;
    color: #000;
    border: 1px solid #d2d2d2 !important;
    width: 30px;
    height: 30px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.save-address-carousel .carouselCommon {
    color: #00BCD4 !important;
    padding: 0px !important;
}
 .save-address-carousel .owl-dots {
    display: none;
}
.map-close {
    position: absolute;
    right: 5px;
    padding: 10px !important;
    top: 0px;
    opacity: 1 !important;
    z-index: 1;
}
    .map-close span {
        font-size: 30px;
        color: #777;
    }
.recent-address-wrap-new {
    margin-top: 0px;
    font-size: 14px;
    text-align: center;
    color: #00BCD4;
    text-decoration: underline;
    background: #fff;
    padding: 0px 20px 15px 20px;
    float: left;
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 1;
}
.login-to-see {
    top: 50px;
    width: 70%;
    left: 15%;
    font-size: 18px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 0px;
    height: 45px;
    line-height: 45px;
    margin-top: 15px;
    text-decoration: underline;
    position: absolute;
    z-index: 1;
    background: #fff;
    text-align: center;
    color: #000;
}
    .login-to-see b {
        color: #00BCD4;
    }
    .login-to-see:hover {
        color: #009fb3;
    }
.padding-alert-wrap {
    padding: 15px;
}
.no-delivery-alert-wrap {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: 14px;
    line-height: 22px;
}
div#dvTryOtherRestaurant {
    font-size: 14px;
}
    div#dvTryOtherRestaurant .common-font-16 {
        font-size: 14px!important;
    }


.map-input-field-wrap input {
    font-size: 18px;
    margin-top: 5px;
    height: 50px;
    line-height: 50px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: block;
    width: 100%;
    padding: 6px 12px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.map-input-cross {
    margin: 0px 0 0 15px;
    height: 30px;
    width: 30px !important;
    line-height: 30px;
    position: absolute;
    cursor: pointer;
    background: none;
    text-align: center;
    font-size: 16px;
    color: #777;
    right: 10px !important;
    left: auto !important;
    top: 10px !important;
    
}
#dvSelectArea .icon-l {
    font-size: 18px;
}
.travel-image {
    text-align: center;
    margin: 15px 0px 20px 0px;
}
p.country-modal-text {
    font-size: 16px;
    text-align: center;
}
.travel-image img {
    width: 110px;
}
.btn-success span{color:#fff;}
.hide-all-pages {
    display: none!important;
}
.text-center-responsive {
    display: none !important;
}


.number-field {
    position: absolute;
    left: 2px;
    top: 1px;
    background: #fff;
    width: 73px;
}
    .number-field select {
        border: none;
        border-right: 1px solid #d2d2d2;
        height: 55px;
        width: 100%;
        padding: 0px 5px;
        outline: none;
        font-size: 14px;
        color: #999;
        border-radius:0px;
    }
    .number-field + input {
        padding-left: 85px;
    }
    .number-field + input + label{
        left: 85px;
    }
        .number-field + input[data-empty="false"], .number-field + input:focus {
            padding: 22px 8px 10px 85px !important;
        }

.select-box-n  select{
    height: 34px;
    border-radius: 0px;
    padding: 0px;
    color: #000;
}

.appstore-buttons {
    margin-bottom: 0px;
    margin-left: 20px;
    display: flex;
    align-items: center;
    float:left;
}

.get-app-text {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0px 20px;
    font-size: 16px;
    font-weight: bold;
}

.appstore-buttons a {
    width: 55px;
    height: 50px;
    background: #f2f2f2;
    margin-left: 5px;
    align-items: center;
    display: flex;
    justify-content: center;
}
    .appstore-buttons a img {
        width: 30px;
    }
    .appstore-buttons a .huawei-img {
        width: 35px;
    }

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
}

.appstore-buttons .btn-store {
    width: 108px;
    height: 32px;
    display: inline-block;
    text-indent: -9999px;
    background-image: url(../images/app-icon-svg.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

    .appstore-buttons .btn-store.btn-appstore {
        background-position: 0 0;
    }

    .appstore-buttons .btn-store.btn-googleplay {
        background-position: -108px 0px;
    }
#spAreaLabel {
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
    /*grocery css starts here*/
.grocery-wrap .rdw-logo-wrapper {
    margin-left: 0px;
}
.grocery-wrap .menu-header-wrap {
    color: #000;
    text-shadow: none;
    margin-left: 170px;
}
.grocery-wrap .menu-title {
    color: #000;
}
.grocery-wrap .menu-address-label {
    text-shadow: none;
    color: #777;
}
.grocery-wrap .menu-address-label i {
    color: #777;
    text-shadow: none;
}
.grocery-wrap .breadcrumb-main-wrap {
    margin-bottom: 30px;
    float: left;
}
.gro-rating-wrap span {
    font-size: 20px;
    font-weight: bold;
}
.gro-rating-wrap .gro-rat-text {
    font-size: 12px;
    font-weight: normal;
    color:#777;
}

.grocery-con-wrap .menu-star-label {
    float: left;
    margin-top: 5px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.grocery-wrap .menu-list-fooditem-order-distance {
    color: #777;
}
.gro-b-wrap {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
    .gro-b-wrap .menu-line-wrap {
        width: auto;
        font-size: 20px;
        line-height: 40px;
        margin-left: 0px;
        font-weight: bold;
    }
    .gro-b-wrap .menu-line-wrap i {
        margin-right: 15px;
    }

.place-order-btn-disable {
    color: #8c8f91;
    background-color: #f2f2f2;
    display: inline-block;
    font-size: 28px;
    -moz-border-radius-: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    height: 58px;
    line-height: 58px;
    margin-top: 15px;
}
.place-order-btn {
    background-color: #fd3;
    color: #000;
    display: inline-block;
    font-size: 28px;
    -moz-border-radius-: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    height: 58px;
    line-height: 58px;
    margin-top: 15px;
}
.search-w-300{
    width:300px;
}
.gro-cat-item-wrap {
    width: 100%;
    margin-top: 15px;
    float: left;
}
.gro-item {
    float: left;
    width: 23%;
    padding: 15px 1%;
    text-align: center;
    cursor: pointer;
}
    .gro-item img {
        width: 100%;
        margin-bottom: 5px;
    }
    .gro-item h3 {
        font-size: 16px;
    }

/*dropdown css starts here*/
.dropdown {
    width: auto;
    margin: 0px;
    margin-bottom: 0px;
    position: relative;
}
.dropdown-menu {
    background: #fff;
    width: 60%;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    padding: 15px 15px 10px;
    display: none;
    top: 49px;
    box-sizing: border-box;

    margin: 0px 0px 0px 0px;
    border: 1px solid #d2d2d2;

    border-radius: 0px;
}
.groc-filters-wrap .dropdown.open .btn-select-drop {
    padding-bottom: 15px;
}
    .dropdown.open .dropdown-menu {
        display: block;
    }
.dropdown.open .btn-select-drop {
    position: relative;
    z-index: 11;
    border-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: 0px 0px 0px 0px;
}
.dropdown-menu-country {
    background: #fff;
    width: 100%;
    border: 1px solid #d2d2d2;
    /* border-radius: 4px; */
    position: absolute;
    z-index: 1;
    padding: 0px;
    display: none;
    top: 57px;
    left: 0px;
    box-sizing: border-box;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    border-top: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-bottom: 20px;
}
.dropdown.open .dropdown-menu-country {
    display: block;
}

.btn-select-drop {
    display: inline-block;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    padding: 7px 7px;
    background-color: #fff;
    color: #000;
    transition: height .2s,box-shadow .3s;
    margin-bottom: -1px;
    transition-property: box-shadow;
    transition-duration: .3s;
    cursor: pointer;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    outline: none;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 6px dashed #000;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    padding: 0px !important;
}
.filter-drowdown .checkbox {
    display: inline-block;
}
.filter-drowdown .checkbox {
    display: inline-block;
}

.filter-drowdown .checkbox  input{
    position: absolute;
    top: 0;
}
    .filter-drowdown .checkbox label {
        width: 100% !important;
        font-size: 14px;
    }
    .filter-drowdown .checkbox input[type="checkbox"]:focus + label::before {
        outline: none;
    }
.filter-drowdown li {
    width: 25%;
    margin-top: 6px;
    margin-bottom: 10px;
    display: inline-block;
}
.checkbox label::after {
    top: 0px;
}
.gro-fix-wrap {
    float: left;
    width: 100%;
}
.grocery-con-wrap .restaurant-header-detail-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.groc-filters-wrap .checkbox label::after {
    top: 3px;
}
.groc-filters-wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
    min-height: 42px;
    flex-wrap: wrap;
}
    .groc-filters-wrap .dropdown.open {
        height: 41px;
    }
        .groc-filters-wrap .dropdown.open .dropdown-menu {
            top: 40px;
        }
.groc-left {
    display: flex;
}
    .groc-left span, .groc-right span {
        font-weight: bold;
        display: flex;
        padding-top: 7px;
    }
.groc-right {
    display: flex;
    position: relative;
}
    .groc-right span {
        font-weight: bold;

    }
.groc-left .dropdown {
    position: initial;
    width: 160px;
    margin-left: 15px;
 
}
.groc-right .dropdown {
    position: initial;
    width: 160px;
    margin-left: 15px;

}
.groc-right .dropdown-menu {
    background: #fff;
    width: 160px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    display: none;
    top: 38px!important;
    right: 0px;
    left: auto;
    padding:0px;
}
    .groc-right .dropdown-menu a {
        width: 100%;
        padding: 8px 7px;
        display: block;
        box-sizing: border-box;
        font-size: 14px;
    }
    .groc-right .dropdown-menu a:hover {
        background: #0080ca;
        color: #fff;
        cursor: pointer;

    }
.gro-remove-filters a {
    color: #03A9F4;
    margin-right: 20px;
    cursor: pointer;
}
    .gro-remove-filters a span {
        margin-right: 5px;
    }

a.clear-all-link {
    color: #00539f;
}
.items-count__filter-caption {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}
.gro-item-detail-wrap {
    float: left;
    width: 100%;
    display: flex;
    margin-top: 15px;
}
.gro-item-left-wrap {
    padding-right: 15px;
    width: 190px;
    overflow-y: auto;
}
.gro-item-right-wrap {
    background: #fff;
    padding: 0px;
    box-sizing: border-box;
    flex: 1;
    min-height: 700px;
}

.gro-single-item {
    width: 25%;
    float: left;
    padding: 8px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.gro-single-item-pad {
    background: #fff;
}

.gro-single-item img {
    width: 135px;
    margin: auto;
    display: block;
}
  
.gro-single-item-inner-wrap {
    padding: 10px;
}
    .gro-single-item-inner-wrap h3 a{
        color:#000;
    }
    .gro-single-item-inner-wrap p {
        color: #777;
        margin-bottom: 25px;
    }
.gro-item-btn-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 5px;
}
    .gro-item-left-wrap ul li {
        display: inline-block;
        width: 100%;
        position: relative;
        color: #777;
    }
        .gro-item-left-wrap ul li a {
            padding: 6px 0px;
            width: 100%;
            float: left;
        }
        .gro-item-left-wrap ul li a:hover {
color:#000;
        }
        .gro-item-left-wrap ul li .restuarent-category-name {
            padding: 0px;
            font-size:14px;
        }
.gro-item-left-wrap ul li a.lnk-selected {
    font-weight: bold;
    cursor: pointer;
    padding: 6px 0px !important;
    width: 100%;
    color: #000;
}
.gro-search{
    position:relative;
}
    .gro-search .cusi-or-autocomplete-wrap {
        top: 60px;
        width: 400px;
        left: -252px;
    }
    .gro-search .res-list-autocomplete-wrap li a {
        color: #000;
        width: 100%;
    }
.gro-cat-n {
    color:#777;
    font-size:12px;
}
.gro-search .search-res-autocomplete-wrap {
    float: left;
    width: 100%;
}
.gro-b-wrap.affix {
    z-index: 1;
    background: #fff;
    display: flex;
    padding-bottom: 15px;
    top: 0px;
}
.gro-item-left-wrap.affix {
    background: #fff;
    height: 100%;
    z-index: 1;
    top: 71px;
}
    .gro-item-left-wrap.affix + .gro-item-right-wrap {
        padding-left:206px;
    }
.gro-accordion-wrap  a {
    color: #000;
    font-size: 16px;
    font-weight: normal;
    padding: 0px;
    float: left;
    width: 100%;
    padding: 10px 10px 10px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}
    .gro-accordion-wrap a i{
        color:#777;
        font-size:18px;
    }
.gro-accordion-wrap{
    float:left;
    width:100%;
}



.gro-accordion-wrap{
    display:none;
}
.gro-sort-by h3 {
    margin-bottom: 10px;
    font-size: 14px;
    text-transform: uppercase;
}
.gro-sort-by {
    margin-bottom: 30px;
}
.gro-filter-by h3 {
    margin-bottom: 10px;
    font-size: 14px;
    text-transform: uppercase;
}
.gro-filter-by ul {
    margin-top:15px
}
.gro-filter-by .checkbox label::after {
    top: 1px;
    font-size: 14px;
    left: 2px;
}
.gro-filter-by .checkbox label::before {
    width: 23px;
    height: 23px;
    left: 0;
    margin-left: -15px;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    background-color: #fff;
    margin-left: -18px;
    top: -2px;
}
.gro-filter-by.round-check .checkbox label::before {
    border-radius:50%;
}
.gro-filter-by.round-check .checkbox label::after {
    top: 2px;
    font-size: 13px;
    left: 2px;
}
    .gro-filter-by .checkbox label {
        padding-left: 15px;
        font-size:14px;
    }
.gro-filter-by li {
    margin-bottom: 15px;
}
.gro-filter-by .checkbox {
    box-sizing: border-box;
    margin-bottom: 20px;
}
    .gro-filter-by .checkbox input[type="checkbox"]:checked + label::before {
        background-color: #fd3;
    }
.fewer-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    position: relative;
}
    .fewer-brand a {
        border: 1px solid #d2d2d2;
        border-radius: 3px;
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 10px 0px;
        font-size: 14px;
        font-weight: bold;  
        cursor: pointer;
    }
    .fewer-brand span {
        position: absolute;
        right: 15px;
        top: 16px;
    }
.fewer-brands-wrap h3 {
    margin-bottom: 10px;
    font-size: 14px;
    text-transform: uppercase;
}
.fewer-brands-wrap p {
    margin-bottom: 10px;
    font-size: 14px;
    color:#777;
}
.d-flex{
    display:flex;
}
/*phone dropdown css*/
.col-form-two {
    float: left;
    justify-content: space-between;
    display: flex;
    width: 100%;
}
    .col-form-two .placeholder-label {
        width: 48%;
    }
.phone-main-wrap input {
    padding-left: 105px;
}
.phone-main-wrap label{
    left: 120px;
}
.phone-main-wrap input {
    padding-left: 120px;
}
    .phone-main-wrap input[data-empty="false"], .phone-main-wrap input:focus {
        padding: 22px 8px 10px 120px !important;
    }
.phone-wrap {
    position: absolute;
    z-index: 1;
    top: 1px;
    width: 110px!important;
    left: 1px;
}
    .phone-wrap .dropdown-toggle {
        margin-top: 0px;
        height: 55px;
        border-radius: 0px;
        border-left: 0px;
        padding-left: 10px;
        background: none;
        font-weight: normal;
        font-size: 14px;
        border:none;
    }
.flag-wrap {
    position: relative;
    padding-left: 30px;
    height: 40px;
    display: flex;
    align-items: center;
    padding-right: 10px;
}
    .flag-wrap img {
        position: absolute;
        left: 0;
        width: 25px;
        border: 1px solid #d2d2d2;
        border-radius: 50%;
    }
span.flag-img {
    margin-right: 10px;
    display: flex;
}
.filter-drowdown-new li {
    width: 100%;
    display: flex;
    padding: 8px 11px;
    cursor: pointer;
    align-items: center;
    color: #000;
    font-weight: normal;
    font-size: 14px;
}
.filter-drowdown-new li:hover {
    background-color:#f2f2f2;
}
    .flag-img img {
    width: 25px;
    border: 1px solid #d2d2d2;
}

.left-item-img {
    width: 170px;
    margin-top: 0px;
    padding-right: 10px;
    box-sizing: border-box;
}
    .left-item-img img {
        width: 100%;
        border: 1px solid #d2d2d2;
        padding: 2px;
        cursor: pointer;
        box-sizing: border-box;
    }
.rciw-category-un-varityprice-wrapper {
    flex: 1;
}
.rciw-oneline-wrap {
    width: 100%;
    float: left;
    flex: 1;
    box-sizing: border-box;
}
.item-img-btn-wrap {
    display: flex;
    float: left;
    width: 100%;
    flex-direction: column;
    flex: 1;
    padding-bottom:10px;
}
    .item-img-btn-wrap + .rciw-menu-item-row {
        padding-bottom: 0px;
    }
    .checkout-full-btn-loader {
        width: 60px !important;
        opacity: 1 !important;
        margin: 0px auto;
        height: 20px;
    }
.checkout-full-btn-loader > div {
    background-color: #000;
    margin-right: 1px;
}

div#countryModal {
    z-index: 1111;
}
/*after registration looks good modal*/
.verification-popup {
    background: none !important;
    width:auto!important;
}
    .verification-popup .popup-inner-layer {
        border: none !important;
        width: 96% !important;
        border-radius: 6px;
        max-width: 600px;
    }
    .verification-popup .verification-popup-content {
        background: #fff !important;
        padding: 20px 50px !important;
        float: left;
    }
    .verification-popup .cnfrm-heading {
        font-size: 24px !important;
        color: #000 !important;
        font-weight: bold !important;
    }
    .verification-popup .usr-dtls-txt-wrap {
        display: flex !important;
        text-align: left !important;
        padding: 20px 0px 20px 0px !important;
        margin: 10px 0px !important;
        width: 100% !important;
        float: left !important;
        background: none !important;
        border: none !important;
    }
    .verification-popup .usr-dtls-txt-wrap {
        background: none !important;
        border: none !important;
    }
    .verification-popup .text-right.usr-dtls-inner {
        width: 130px !important;
        text-align: left !important;
    }
    .verification-popup .verification-usr-dtl-wrap {
        margin-left: 10px !important;
        width: auto !important;
        flex: 1 !important;
    }
    .verification-popup .verification-popup-txt, .verification-popup .verification-popup-lbl {
        font-size: 16px !important;
        color: #777 !important;
        margin: 5px 0px !important;
        width: 100% !important;
    }
    .verification-popup .verification-popup-btn-wrap {
        padding: 0px !important;
        width: 100% !important;
        margin: 0px auto !important;
        display: block !important;
        overflow: hidden !important;
    }
        .verification-popup .verification-popup-btn-wrap a {
            display: inline-block !important;
            width: 250px !important;
            margin: 10px auto !important;
            text-align: center !important;
        }
    .verification-popup .cnfrm-blue-btn {
        font-size: 18px;
        color: #000 !important;
        background: #fd3 !important;
        padding: 10px 15px;
        border-radius: 3px;
        width: 100%;
    }
    .verification-popup .edit-btn-simple.float-left {
        color: #0080ca;
    }
    .verification-popup .edit-btn-simple {
        font-size: 16px;
        color: #000;
        padding: 10px 15px;
        float: none;
    }

    .verification-popup .verification-popup-txt {
        color: #000!important;
    }

    /*looks modal css ends here*/
    /*basket n css starts here*/
.b-item-row {
    float: left;
    width: 100%;
    padding-right: 90px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.b-item-name-label {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.b-item-price-label {
    position: absolute;
    right: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
}
    /*basket n css ands here*/

.row-reviewmain .right-reviewmain {
    display: block;
    width: 60%;
    float: left;
}
.left-rviewmain .foraffix {
    max-width: 530px;
}

.row-reviewmain .left-rviewmain {
    width: 40%;
    float: left;
    background: #f2f2f2;
}
.basket-empty {
    z-index: 10;
    display: none;
    position: absolute;
    left: auto;
    right: 0px;
    top: 25px;
    min-width: 200px;
    line-height: 40px;
    background: #fff;
    color:#777;
    margin-top: 7px;
    box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.25), inset 0 0 1px rgba(0, 0, 0, 0.35);
    text-align: center;
    font-weight: bold;
}


.row-reviewmain span.rr-rb-owner {
    float: left;
    display: contents;
}

.row-reviewmain div#dvfakeStarsOff {
    float: right;
}

.rr-r-box.rsinglebox {
    border: 0;
    background: #fff;
    padding: 4px 5px;
    margin-bottom:0px;
}

.rsinglebox span.rr-rb-owner {
    font-size: 18px;
}

.right-reviewmain div#dvReview hr {
    width: 83.2% !important;
}

.right-reviewmain span.rr-rb-time {
    font-style: initial;
    font-size: 13px;
    color: #848080;
    margin-left: 10px;
}

.right-reviewmain .rr-likes-wrapper {
    display: none;
}
.right-reviewmain .review-box-wrapper
{
    width:100%;
}

.left-rviewmain .rr-review-rate-chart-wrapper {
    background: #fff;
    border: 0;
    float: left;
    padding: 20px 20px 15px 20px;
    margin: 0px 10% 0px 10%;
    width: 80%;
    box-sizing: border-box;
}

.left-rviewmain .rr-rrc-rate-bar-box {
    width: 100% !important;
    padding-left: 0px;
}
.left-rviewmain div#dvAvgRating {
    border: 0;
    width: 70%;
    margin: 0px 15%;
    padding: 20px 15px 0px 15px;
    margin: 30px 10% 0px 10%;
    width: 80%;
    box-sizing: border-box;
}


.left-rviewmain .rr-rrc-rate-bar-box .rrc-label {
    font-size: 14px;
    width: 65px;
    float: left;
    text-align: right;
    color: #777;
    text-transform: uppercase;
}

.right-reviewmain span.rr-rb-message p {
    font-size: 15px;
    color: #848080;
    margin: 6px 0 0 0;
}

.right-reviewmain .r-c-w-comments-header {
    display: none;
}



.right-reviewmain div#dvRatingRepliesArea-0 {
    border: 0;
    background: #dddddd38;
}

.right-reviewmain .c-r-comments-row.c-r-comment-bg-new-comment, c-r-comments-row c-r-comment-bg-new-comment {
    background: #f2f2f2;
    border: 0;
    padding: 10px;
}

.right-reviewmain span.c-r-comments-time {
    font-style: normal;
    font-size: 12px;
}

.right-reviewmain span.c-r-comments-time {
    font-style: normal;
    font-size: 12px;
}
.right-reviewmain .review-comments-wrapper {
    border:0 !important;
}
.right-reviewmain .c-r-comment-bg-new-comment {
    background-color: transparent;
    border: 0;
}
    .right-reviewmain span.c-r-comment-likes-wrapper {
    display: none !important;
}

.right-reviewmain .c-r-comment-box p b {
    font-size: 14px;
    font-weight: normal;
}

p.ownercomment {
    font-size: 14px;
    margin-top: 24px;
    color:#777;
}

.avgtime-row {
    width: 50%;
    float: left;
    margin-bottom: 20px;
}

.r-rate-bar-off.r-r-b-mid {
    width: 50%;
    float: left;
}

.foraffix.affix {
    width: 40%;
    top: 0px;
}




.row-reviewmain {
    display:flex;
}

.rr-likes-img-wrapper {
    display: none;
}
.right-reviewmain span.rr-rb-owner {
    display: block !important;
    margin-bottom:5px;
}

.right-reviewmain div#dvfakeStarsOff {
    float: left;
}
.left-rviewmain.affix {
    right: 98px;
    top: 0;
    transition: 0.5s all;
    max-width: 439px;
}

.uvpw-row-inner {
    display: flex;
    align-items: center;
    height: auto !important;
    min-height: 45px;
}
#divEditExtrasItem .checkbox label {
    width: 100% !important;
    font-size: 14px;
    padding-right: 120px;
}
#divEditExtrasItem .vew-cw-extras-item-row .checkbox {
    padding-right: 0px!important;
}
#divEditExtrasItem .checkbox label .extras-price-label {
    right: 10px!important;
}
    #divEditExtrasItem .checkbox label .extras-price-label + span {
        position: absolute;
        top: 0px!important;
        right: 30px!important;
    }
    #divEditExtrasItem .checkbox label .extras-price-label .margin-left-15 {
        color: #ed0000;
    }
.about-modal-text {
    font-size: 16px!important;
    font-weight: normal!important;
    text-transform: initial;
    text-align: left;
    margin: auto;
    width: 290px;
}
#aboutUsModal {
    z-index: 1111;
}
.space-around{
    justify-content:space-around;
}

.aclp-content-wrapper ul li a {
    color: #777;
}
.fb-mr span {
    font-size: 14px;
    margin-left: 5px;
}
#dvVatInclusive {
    font-size: 12px;
    text-align: right;
    width: 100%;
    padding: 0px 15px;
    box-sizing: border-box;
    margin: 5px 0px;
}
.gender-wrap {
    display: flex;
    /* height: 20px; */
}
    .gender-wrap  .rbc-form-field-label {
        width: auto;
        margin-bottom: 0px;
    }
    .gender-wrap .registration-gndr-wrapper {
        display: flex;
        align-items: center;
        flex: 1;
    }
    .gender-wrap .flb-gender-wrapper {
        border: 1px solid #d2d2d2;
        padding: 6px;
        border-radius: 4px;
        margin-left: 20px;
        flex: 1;
    }

label.flb-gender-wrapper {
    cursor: pointer;
}
    label.flb-gender-wrapper:hover{
        background:#f2f2f2;
    }
    span.flb-gender-value {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }
   .flb-gender-value label {
        margin-left: 5px;
    }
.flb-gender-value input, .flb-gender-value label{
    cursor:pointer;
}
.order-item-extra .order-item-inner-wrp-price, .order-item-extra-deal-item .order-item-inner-wrp-price {
    display: none;
}
fb-mr {
    float: left;
    margin-right: 0px;
    margin-top: 10px;
    cursor: pointer;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
}
.fb-mr > div {
    margin: 0px;
    margin-right: 10px;
    font-size: 14px;
}

#dvThresholdMessage {
    font-size: 14px;
}
.resp-nav-slider-wrap {
    overflow-x: hidden;
}
.ulResturantCategory-main-wrap {
    /* margin-bottom: 15px; */
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 11;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 15px 0px;
}

    .ulResturantCategory-main-wrap #dropdownMenuButton {
        background: none;
        padding: 0px;
    }
.ulResturantCategory {
    /*width: 100%!important;*/
    box-sizing: border-box;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-right: 0px;
}
#dropdownMenuButton span.active-slide {
    font-weight: bold;
    color: #000;
    background: #fd3;
    padding: 4px 20px;
    text-align: center;
    border-radius: 20px;
    border:none;
}
#ulResturantCategory a.slide.active-slide h2 {
    font-weight: bold;
    color: #000;
    background: #fd3;
    padding: 4px 20px;
    text-align: center;
    border-radius: 20px;
}
/*#receiver .active-slide {
    font-weight: bold;
    color: #000;
}*/
#receiver .active-slide h2 {
    font-weight: bold;
    color: #000;
}
.retaurant-categeory-wrapper .menu-category-image-wraper .restuarent-category-name {
    font-size: 26px;
    font-weight: bold;
}
.retaurant-categeory-wrapper .menu-category-image-wraper .bg-image + .menu-heading-desc-wrapper .restuarent-category-name {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 0px #000;
}

.ulResturantCategory .retaurant-categeory-wrapper {
    white-space: nowrap;
    margin-right: 35px;
    /*width: 100px;*/
}
    .ulResturantCategory.owl-carousel .owl-stage {
        display: flex;
        align-items: center;
    }
    .ulResturantCategory.owl-carousel .owl-nav {
        display: none;
    }
.dropdown.contact-person-field {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
}
.contact-p-name {
    display: flex;
    padding: 25px 0px 5px 25px;
    line-height: 18px;
    flex-wrap: wrap;
}
    .contact-p-name span {
     
        font-weight: bold;
    }
.contact-p-inner-name span {
    color: #777;
}
        .contact-p-name span + span{
            font-weight: bold;
            color: #000;
            font-size: 14px;
            text-indent: 5px;
        }
.contact-p-inner-name span + span {
    font-weight: bold;
    color: #000;
    font-size: 16px;
    text-indent: 5px;
    margin-top:5px;
}
    .contact-p-name + .caret {
    position: absolute;
    top: 50%;
    right: 15px;
}
.contact-person-field{
    cursor:pointer;
}
    .contact-person-field .dropdown-menu {
        width: 100%;
        top: 50px;
        padding: 0px;
        box-shadow: 0px 3px 5px #aaa;
    }
.contact-p-inner-name {
    display: flex;
    flex-direction: column;
    padding: 8px 40px;
    line-height: 18px;
}
.contact-p-inner-name:hover{
    background:#f2f2f2;
}
.add-field-btn {
    color: #03a9f4;
    padding: 15px 0px 15px 0px;
    display: inline-block;
}
a.save-contact {
    color: #03a9f4;
}
.add-field-btn:hover, .save-contact:hover {
    text-decoration: underline;
}
.save-contact-wrap {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
    margin-top: -10px;
}
    .extras-w-new {
        width: 70%;
        display: inline-block;
    }
.not-availabel-card {
    color: #999;
}
.not-availabel-card span{
    display:inline-block;
}
.map-delivery-type-wrap .change-order-type-section {
    padding: 10px 0px;
    display: flex;
    justify-content: space-around;
}

    .map-delivery-type-wrap .change-order-type-section .change-type-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
border:none;
        flex-direction: row-reverse;
    }
        .map-delivery-type-wrap .change-order-type-section .change-type-row i {
            margin-right: 5px;
            margin-left: 0px;
        }

.get-app-reg-thanks-wrap{
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    margin: 40px 0px 0px 0px;
}
.not-included-n-offer {
    background: #fcf2bf;
    padding: 5px 10px;
    line-height: 25px;
}
.disable-menu-text-inner span {
    display: block;
   
    box-sizing: border-box;
}
.live-chat {
    color: #777 !important;
    font-size: 14px;
    min-width: 106px;
    flex-direction: column;
    display: flex;
    align-items: center;
    align-items: center;
    text-decoration: none !important;
}
    .live-chat i {
        margin-right: 5px;
        font-size: 22px;
        margin-bottom: 10px;
        color: #000;
    }
.order-link-m-wrap {
    display: flex;
    width: 100%;
}
.my-order-link-wrap{
    flex:1;
}
.chat-cancel-btn-wrap {
    display: flex;
    padding: 0px 5px;
    justify-content: space-between;
    align-items: flex-start;
}

a.btn.cancel-btn {
    border: 1px solid #ed0000;
    width: 130px;
    color: #777;
    padding: 6px 5px;
    align-items: center;
    justify-content: center;
    margin: 15px 0px 0px 15px;
}

.btn.cancel-btn i {
    color: #ed0000;
    margin-right: 8px;
    font-size: 16px;
}
.rs-slcted-menu-item-price-vrities .modal-footer, .rciw-menu-item-row .modal-footer {
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
    align-items: center;
}
.scroll-extras, .scroll-extras-new{
    max-height:500px;
    overflow:auto;
}
.order-paid-checkout {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    box-sizing: border-box;
    justify-content: space-around;
    float: left;
    font-size: 18px;
    width: 100%;
    text-align: center;
}

.check-order-activity-time-wrap {
    align-items: center;
    float: none;
    text-align: center;
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    max-width: 291px;
    margin: auto;
}
    .check-order-activity-time-wrap span {
        flex: 1;
        font-size: 16px;
        color: #777;
        text-align: left;
    }
        .check-order-activity-time-wrap span + span {
            font-size: 22px;
            font-weight: bold;
            color:#000;
            text-align: right;
        }
.track-btn {
    padding: 8px 10px;
    border: 1px solid #00bcd4;
    color: #fff!important;
    font-size: 16px;
    border-radius: 4px;
    margin: 10px 0px;
    width: 100%;
    max-width: 291px;
    display: inline-block;
    background: #00BCD4;
    text-decoration: none!important;
}
.track-btn i {
    margin-right:5px;
}
.live-chat-btn {
    /* padding: 10px; */
    background: #00bcd4;
    border-radius: 50%;
    position: fixed;
    bottom: 120px;
    right: 0px;
    height: 40px;
    line-height: 30px;
    width: 40px;
    right: 20px;
    bottom: 125px;
    color: #fff;
    border-radius: 30px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-weight: lighter; */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    z-index: 11;
    cursor: pointer;
}




/*live chat css*/
.chat-wrap body {
    margin: 0;
    padding: 0;
    font-family: "Lato", sans-serif;
    background-color: #f6f7f9;
}

.chat-wrap h1 {
    margin: 0;
    font-size: 16px;
    line-height: 1;
}

.chat-wrap button {
    color: inherit;
    background-color: transparent;
    border: 0;
    outline: 0 !important;
    cursor: pointer;
}

    .chat-wrap button.chatbox-open {
        position: fixed;
        position: fixed;
        bottom: 0;
        right: 0;
        width: 210px;
        color: #fd3;
        background-color: #000;
        background-position: center center;
        background-repeat: no-repeat;
        border: 0;
        border-radius: 0px;
        cursor: pointer;
        margin: 0px;
        display: flex;
        font-size: 16px;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 12px 15px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        right: 16px;
        z-index: 111;
    }
    .chat-wrap button.chatbox-open span{
        margin-left: 15px;
        flex: 1;
        text-align: left;
    }
.chat-bubble {
    background: #fd3;
    width: 32px;
    height: 18px;
    border-radius: 6px;
    top: 14px;
    position: absolute;
    right: 9px;
    font-size: 10px;
    color: #000 !important;
    line-height: 18px;
    font-weight: bold;
}
        .chat-wrap button.chatbox-close {
            position: fixed;
            bottom: 0;
            right: 0;
            width: 52px;
            height: 52px;
            color: #fff;
            background-color: #0360a5;
            background-position: center center;
            background-repeat: no-repeat;
            box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, 0.15);
            border: 0;
            border-radius: 50%;
            cursor: pointer;
            display: none;
            margin: 16px calc(2 * 16px + 52px) 16px 16px;
        }

.chat-wrap textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    height: auto;
    padding: 0 calc(16px / 2);
    font-family: inherit;
    font-size: 14px;
    line-height: initial;
    color: #000;
    border: 0;
    outline: 0 !important;
    resize: none;
    overflow: hidden;
}

    .chat-wrap textarea::placeholder {
        color: #aaa;
    }

.chat-wrap .chatbox-popup {
    display: flex;
    position: fixed;
    box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
    flex-direction: column;
    bottom: 5px;
    right: 16px;
    width: 377px;
    z-index: 1111;
    height: auto;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease;
    transform: translateY(150%);
}
.chat-wrap {
    position: relative;
    float: left;
    width: 100%;
}

    .chat-wrap .chatbox-popup .chatbox-popup__header {
        box-sizing: border-box;
        display: flex;
        width: 100%;
        padding: 16px 30px;
        color: #000;
        justify-content: space-between;
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
        position: relative;
        display: flex;
        padding: 25px 32px;
        -webkit-box-pack: end;
        justify-content: flex-end;
        flex-direction: column;
        min-height: 150px;
    }

        .chat-wrap .chatbox-popup .chatbox-popup__header .chatbox-popup__avatar {
            margin-top: -32px;
            background-color: #0360a5;
            border: 5px solid rgba(0, 0, 0, 0.1);
            border-radius: 50%;
        }

    .chat-wrap .chatbox-popup .chatbox-popup__main {
        box-sizing: border-box;
        width: 100%;
        padding: calc(2 * 16px) 16px;
        line-height: calc(16px + 16px / 2);
        color: #888;
        text-align: center;
    }

    .chat-wrap .chatbox-popup .chatbox-popup__footer {
        box-sizing: border-box;
        display: flex;
        width: 100%;
        padding: 16px 16px 0px 16px;
        border-top: 1px solid #ddd;
        align-items: flex-start;
        justify-content: flex-end;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
    }
        .chat-wrap .chatbox-popup .chatbox-popup__footer-hide{
            display:none;
        }
        .chat-wrap .chatbox-panel {
            display: flex;
            position: fixed;
            box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
            flex-direction: column;
            display: none;
            bottom: 50px;
            right: 16px;
            width: 377px;
            z-index: 11;
            height: auto;
            background-color: #fff;
            border-radius: 16px;
        }

        .chat-wrap .chatbox-panel .chatbox-panel__header {
            box-sizing: border-box;
            display: flex;
            width: 100%;
            padding: 16px 30px;
            color: #000;
   
            justify-content: space-between;
            border-top-right-radius: 12px;
            border-top-left-radius: 12px;
            position: relative;
            display: flex;
            padding: 25px 32px;

            -webkit-box-pack: end;
            justify-content: flex-end;
            flex-direction: column;
            min-height: 150px;
        }
    

    .chat-wrap .chatbox-panel .chatbox-panel__main {
        box-sizing: border-box;
        width: 100%;
        padding: calc(2 * 16px) 16px;
        line-height: calc(16px + 16px / 2);
        color: #888;
        text-align: center;
        flex: 1 1 auto;
    }

    .chat-wrap .chatbox-panel .chatbox-panel__footer {
        box-sizing: border-box;
        display: flex;
        width: 100%;
        padding: 16px;
        border-top: 1px solid #ddd;
        align-items: center;
        justify-content: space-around;
        flex: 0 0 auto;
    }

.chat-history-wrap {
    padding: 20px;
    float: left;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    max-height: 435px;
    padding-top:0px;
}
.new-chat-btn {
    width: 80%;
    float: left;
    margin-bottom: 15px;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    font-size: 14px;
    line-height: 22px;

    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    min-height: 40px;
    padding: 8px 16px;
    text-align: center;
    border: 1px solid #d2d2d2;
    border-radius: 6px;
    color: #fd3;
    background: #000;
    transition: background 0.25s ease-out 0s;
    margin: 0px 10% 20px 10%;
}
.chat-history-wrap h3 {
    float: left;
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: normal;
}
.chat-list {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
    .chat-list li:nth-child(odd) {
        background: #FFF;
    }
    .chat-list li:nth-child(even) {
        background: #f2f2f2;
    }
    .chat-list li a {
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding: 10px;
        font-size: 14px;
        text-align: inherit;
        cursor: pointer;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        outline: none;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 0px 16px;
        border: 1px solid rgb(209, 214, 222);
        border-radius: 4px;
        transition: box-shadow 0.16s ease-out 0s;
        flex: 0 0 auto;
        width: 100%;
        padding: 10px 15px;
        margin-bottom: 10px;
        background-color: rgb(255, 255, 255);
    }
        .chat-list li a:hover {
            background: #f2f2f2;
        }
    .chat-list li a span {
        color: #000;
    }
        .chat-list li a span + span {
            color: #777;
            font-weight: normal;
        }
.chat-full-btn {
    float: left;
    width: 100%;
}
.chatbox-close-new.close-top {
    position: absolute;
    top: 4px;
    right: 0px;
    padding: 15px;
    font-size: 16px;
}
.end-chat {
    background: #ed0000;
    color: #fff;
    border-radius: 3px;
    padding: 4px 9px;
    font-size: 14px;
    cursor: pointer;
}

.footer-reopen-wrap {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    padding: 15px 0px;
    border-top: 1px solid #ddd;
    align-items: center;
    justify-content: center;
}
.footer-reopen-wrap-hide {
    box-sizing: border-box;
    display: none;
    width: 100%;
    padding: 15px 0px;
    border-top: 1px solid #ddd;
    align-items: center;
    justify-content: center;
}

.chat-wrap * {
    box-sizing: border-box;
}
.chatbox-open * {
    color: #fd3 !important;
}
.chat-bg {
    background: url(/resources/lefttoright/images/side-menu-bg.jpg);
    background-size: cover;
}
header.chat-bg .s-c-h2 {
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 700;
}
    header.chat-bg .s-c-h2 .fa-arrow-left {
        font-size: 18px;
        margin-right: 20px;
    }
    header.chat-bg p {
        font-size: 14px;
        line-height: 24px;
    }
.animate__animated {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}
.c-main-2 {
    position: absolute;
    top: 0;
    z-index: 1;
    background: #fff;
    height: 100%;
    border-radius: 16px;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease;
}
.c-main-3 {
    z-index: 3;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    width:100%;

}
.c-main-3.back-r {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}
    .c-main-2.back-r {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
.chat-wrap .chatbox-popup.back-p {
    transform: translateY(0%);
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease;
}
.chat-wrap .chatbox-popup.back-d {
    transform: translateY(150%);
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease;
    transform: translateY(150%);
    animation-name: test;
}
p.new-c-l {
    float: left;
    width: 100%;
}
    p.new-c-l a {
        padding: 15px 0px;
        width: 100%;
        float: left;
        color: #03A9F4;
        font-size: 16px;
    }
.new-c-l a i {
    color: #03A9F4;
}
.orders-div {
    float: left;
    width: 100%;
    padding-left: 15px;
}
    .orders-div p {
        color: #777;
        margin-bottom: 10px;
    }

    .orders-div .chat-list li a {
        padding: 5px 0px;
        border: none;
        justify-content: flex-start;
    }
        .orders-div .chat-list li a span + span {
            color: #777;
            font-weight: normal;
            margin-left: 15px;
        }

.c-main-2 .chatbox-popup__header {
    min-height: 60px!important;
    padding: 0px 32px!important;
    justify-content: center!important;
}
.c-main-2  h2 {
    font-size: 20px!important;
    margin: 0px!important;
}
.fa-chevron-down:before {
    content: "\f078" !important;
}

.c-main-3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.direct-chat-msg {
    margin-bottom: 10px;
}

.direct-chat-msg, .direct-chat-text {
    display: block;
}
.pop-up-chat .direct-chat-text {
    max-width: 100%;
    margin: 5px 0px 0px 70px;
    color: #000;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 0px;
}
.direct-chat-text {
    border-radius: 20px;
    position: relative;
    padding: .5rem 1rem;
    background: #f5f5f5;
    margin: 5px 0 0 70px;
    color: #7488a1;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    max-width: 250px;
    word-wrap: break-word;
}
.right .direct-chat-text {
    margin-left: 0px;
    margin-right: 70px;
    background: #fd3;
    color: #000;
    border-top-left-radius: 0px;
    border-top-right-radius: 20px;
}

.direct-chat-info {
    color: #777;
    text-align:right;
}
.right .direct-chat-info {
    color: #ed0000;
}
.c-main-1 {
    min-height: 585px;
}
.last-seprator {
    background: #e1f3fb;
    display: flex;
    width: 95px;
    margin: auto;
    text-align: center;
    padding: 3px 5px;
    border-radius: 6px;
    font-size: 12px;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.chat-timestamp {
    font-size: 10px;
}

/*charity home css starts here*/
.charity-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin: 10px 0px 10px 0px;
}
.charity-logo {
    width: 160px;
}
    .charity-logo img {
        width: 100%;
    }
.charity-header-btns-wrap {
    display: flex;
    align-items: center;
}
    .charity-header-btns-wrap span {
        font-size: 16px;
     
    }
.charity-header-btns-wrap a{
    margin-left:30px;
}
a.charity-header-btn {
    background: #000;
    color: #ffdd33;
    padding: 10px 30px;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 30px;
    cursor: pointer;
    min-width: 200px;
    text-align:center;
}
.charity-home {
    background: #fff;
    padding: 30px;
}
.slider-home-wrap {
    display: flex;
    margin-bottom: 20px;
}
.chairity-slider {
    flex: 1;
    border: 1px solid #d2d2d2;
    margin-bottom: 0px !important;
}
.single-slider-1 {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: 100%;
    border: 1px solid #d2d2d2;
    background-repeat: no-repeat;
}
    .chairity-slider img {
        width: 100%;
    }
.charity-slider-right {
    display: flex;
    width: 30%;
    flex-direction: column;
    align-items: center;
    margin-left: 30px;
}
.charity-r-col {
    width: 100%;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 7px 15px;
    /* box-sizing: border-box; */
    flex: 1;
}
.charity-r-col-bg{
    background: #ffdd33;
    margin-bottom: 0px;
}
.ch-supporter-btn-wrap .charity-r-col-bg-gren {
    background: #00BA0E;
    margin-bottom: 0px;
    color: #fff;
}
    .ch-supporter-btn-wrap .charity-r-col-bg-gren:hover {
        background: #ed0000;
    }

/*.btn-support-right-side:hover h2, .btn-support-right-side:hover p {
    color: #000 !important;
}*/
    .charity-r-col img {
        /* flex: 1; */
        margin-right: 30px;
        width: 60px;
    }
.charity-r-col-d {
    display: flex;
    width: 100%;
    flex-direction: column;
}
    .charity-r-col-d h2 {
        color: #000;
    }
.charity-r-col-d span {
    font-size: 20px;
}
.charity-r-col a {
    flex: 1;
    display: flex;
    align-items: center;
    width: 100%;
    background: none !important;
}

.charity-r-col-d p {
    font-size: 14px;
    display: flex;
    width: 100%;
}
.charity-section-wrap {
    display: flex;
}
.ch-l-section {
    flex: 1;
}
.ch-supporter-wrap {
    display: flex;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
}
.ch-sec-s-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0px 15px;
}

.ch-top-section {
    display: flex;
    width: 30%;
    flex-direction: column;
    margin-left: 30px;
    padding: 0px 15px;
}
.ch-img-title-wrap {
    display: flex;
    align-items: center;
}
.ch-img-title-inner-wrap span {
    color: #777;
}
.ch-img-title-inner-wrap h4{
    font-size: 14px;
}
    .ch-img-title-wrap img {
        width: 50px;
        margin-right: 30px;
        border-radius: 50%;
    }
.ch-list-repeat {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.ch-supporter-list-wrap {
    margin-top: 20px;
}

.top-s-image {
    width: 45px;
    height: 45px;
    background-size: cover;
    background-position: 50%;
    border-radius: 50%;
    margin-right: 20px;
    background-repeat: no-repeat;
}
.ch-supporter-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
    .ch-supporter-btn-wrap a {
        background: #000;
        color: #fff;
        padding: 10px 20px;
        font-size: 20px;
        text-transform: uppercase;
        border-radius: 30px;
        cursor: pointer;
        font-weight: bold;
        min-width: 200px;
        text-align: center;
    }
.ch-latest-news-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.latest-col-1 {
    flex: 1;
}
    .latest-col-1 img {
        width: 100%;
        border-radius: 6px;
    }
.latest-badge-span {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: #9cd650;
    padding: 0px 10px;
    border-radius: 4px;
    color: #fff;
}
.latest-mr-1{
    margin:0px 40px;
}
.charity-home h3 {
    font-size: 18px;
    margin-bottom: 10px;
}
.latest-col-1 h3{
    margin-top:10px;
}
.latest-n-d {
    color: #777;
}
.charity-home p {
    font-size: 14px;
}
.latest-n-d {
    color: #777;
    margin-bottom: 10px;
}
.latest-n-d span {
    font-size: 12px;
}
.n-d-label-2 {
    margin: 0px 10px;
}
.n-d-label-3 {
    color: #9cd650;
}
.chairity-slide {
    overflow: hidden;
    flex: 1;
}
.latest-n-d span {
    font-size: 10px;
}
.ch-footer-donation {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: 24px;
    background: #000;
    color: #fff;
    padding: 0px 15px;
    font-weight: bold;
    margin-top: 50px;
    min-height: 100px;
}
    .ch-footer-donation a {
        background: #fd3;
        color: #000;
        padding: 10px 20px;
        font-size: 20px;
        text-transform: uppercase;
        border-radius: 30px;
        cursor: pointer;
        font-weight: bold;
        min-width: 200px;
        text-align: center;
    }
.ch-top-s-price-label {
    font-weight: bold;
}
a.charity-r-col-bg-gren {
    background: #00BA0E;
    margin-bottom: 0px;
    color: #fff;
}
.charity-r-col-bg-gren {
    background: #00BA0E;
    margin-bottom: 0px;
    color: #fff;
}
.charity-r-col-bg-gren:hover {
    background: #ed0000;
}

.charity-r-col-bg-gren h2, .charity-r-col-bg-gren p {
    color: #fff !important;
}
.charity-icon {
    font-size: 35px;
    color: #fff;
    width: 60px;
    margin-right: 30px;
    width: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
}
/*charity list css starts here*/
.aclp-h-h5-new {
    padding: 10px 0 0px 0px!important;
}
.aclp-h-h5-new + p {
    max-width: 600px;
    color: #777;
    margin-bottom:40px;
}
.charity-list-main-wrap {
    display: flex;
    border-radius: 10px;
    border: 1px solid #d2d2d2;
    background: #f2f2f2;
    padding: 20px 40px 20px 20px;
    margin-top: 10px;
    margin-bottom: 30px;
    align-items: center;
}
.charity-list-logo-desc-wrap {
    flex: 1;
    display: flex;
    align-items: center;
}
    .charity-list-logo-desc-wrap img {
        width: 140px;
        margin-right: 20px;
    }
.charity-list-desc {
    max-width: 450px;
}
.charity-list-desc h2{
    color:#000;
    margin-bottom:5px;

}
.charity-list-desc p {
    color: #777;
}
.charity-list-amount-detailp-wrap {
    display: flex;
    width: 280px;
    flex-direction: column;
    margin-left: 20px;
}
    .charity-list-amount-detailp-wrap a {
        width: 100%;
        background: #0bc113;
        text-align: center;
        color: #fff;
        cursor: pointer;
        border-radius: 40px;
        font-size: 18px;
        padding: 7px 15px;
        margin-bottom: 15px;
    }
.charity-list-amount-inner-wrap {
    display: flex;
    justify-content: space-between;
}
.charity-list-amount-wrap {
    display: flex;
    align-items: center;
}
    .charity-list-amount-wrap img {
        width: 40px;
        margin-right: 10px;
    }
    .charity-list-amount-wrap h4 {
        font-size: 14px;
    }
    .charity-list-amount-wrap span {
        font-size: 10px;
    }
.other-charity-wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.other-charity-list-wrap {
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    padding: 15px;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 10px;
    flex-basis: 245px;
}
.other-charity-list-wrap a {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .other-charity-list-wrap a.btn-disable{
        display:none;
    }
    .other-charity-list-wrap h2 {
        color: #000;
    }
    .other-charity-list-wrap .img-round {
        width: 50px;
        border-radius: 50%;
        height: 50px;
        border: 1px solid #d2d2d2;
        margin-bottom: 10px;
        background-size: cover;
    }
    .other-charity-list-wrap p {
        max-width: 220px;
        text-align: center;
        color: #777;
        margin-bottom: 10px;
    }
.social-links-charity {
    display: flex;
    align-items: center;
    justify-content: center;
}
    .social-links-charity a {
        background: #f2f2f2;
        /* padding: 10px; */
        margin: 10px 0px 20px 10px;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        border: 1px solid #d2d2d2;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

a.ch-btn-support {
    background: #000;
    color: #fff;
    padding: 7px 50px;
    border-radius: 30px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.other-charity-amount-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex: 1;
}
.other-ch-a-wrap h5 {
    font-size: 14px;
}
.other-ch-a-wrap p {
    font-size: 12px;
    text-align: left;
    margin-bottom: 0px;
}
div#spVoucherCodeError {
    margin-bottom: 20px;
}
.as-referral-wrap {
    display: flex;
    background: #fd3;
    align-items: center;
    padding: 15px;
    border-radius: 4px;
    position: relative;
    padding-right: 35px;
}
.ref-img-wrp {
    margin-right: 15px;
}

.ref-img-wrp i {
    font-size: 22px;
    margin-top: 0px;
    background: #d2d2d2;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    position: relative;
    border: 1px solid #fff;
    border: 3px solid #fff;
    width: 50px;
    height: 50px;
    line-height: 43px;
    display: inline-block;
    float: none;
    overflow: hidden;
}
.ref-img-wrp img{
    background: #d2d2d2;
    border-radius: 50%;
    width: 50px;
    border: 1px solid #d2d2d2;
}
.ref-label {
    font-size: 14px;
    text-align: left;
}

span.ref-cross {
    position: absolute;
    right: 1px;
    top: 1px;
    font-size: 14px;
    padding: 10px;
    cursor: pointer;
}
.apply-link {
    font-size: 14px;
    color: #0283b8;
    font-weight: bold;
}