.bw{
    filter:         grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
}
.bw50{
    filter:         grayscale(50%);
    -webkit-filter: grayscale(50%);
    -moz-filter:    grayscale(50%);
    -ms-filter:     grayscale(50%);
    -o-filter:      grayscale(50%);
}
html{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none; 
}
#heading,#headingMobile{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    max-width:960px;
    height:60px;
    overflow:hidden;
    background:#000;
}
#headingMobile{height:50px;}
#headingMobile img{
    float:right;
    margin:3px 5px 0 0;
    height:34px;
    padding:1px 0;
}
#logo2{
    float:left;
    margin:5px 0 0 5px;
    height:40px;
}
#footer{
    position:absolute;
    bottom:0;
    left:0;
    padding:5px 5px;
    background:#fff;
    color:#000;
    z-index:9;
    width:100%;
}
#oProducts,#oRewards,#oMails,#oOrders,#oCodes,#moProducts,#moRewards,#moMails,#moOrders,#moCodes{
    z-index:1;
    display:inline-block;
    position:absolute;
    top:7px;
    margin-left:5px;
    color:#fff;
    font-size:0.9rem;
    text-align:center;
    width:20px;
    height:20px;
    background:red;
    border-radius:50%;
    border:1px solid black;
    padding-top:2px;
    box-sizing:border-box;
}
#moProducts,#moRewards,#moMails,#moOrders,#moCodes{
    z-index:99;
    top:-10px;
    margin:0;
    right:5px;
}
.shortcut{
    width:60px;
    background:#f2f2f2;
    border:1px solid black;
    box-sizing:border-box;
    float:left;
    -webkit-border-radius:5px;
    border-radius:5px;
    text-align:left;
    max-width:60px;
}
.shortcut a{
    text-align:center;
    font-size:0.7rem;
    display:block;
    position:relative;
    overflow:hidden;
}

#heading a{
    float:right;
    margin:22px 0 0 0;
    color:#fff;
}
#heading a:link{
    text-decoration:none;
    color:#000;
}
#heading a:visited{color:#000;}
#heading img{
    float:right;
    margin:10px 10px 0 10px;
    height:40px;
}
#pageRestaurantsHeaderImage{
    width:87%;
    max-width:375px;
}
#mmStore{
    background-size:cover;
    height:40px;
    width:135px;
    margin:20px 0 10px 10px;
    display:block;
}
#restName{
    color:#000;
    float:left;
    display:inline-block;
    white-space:normal;
    font-size:1.7rem;
    text-transform:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    
    
    z-index:10;
    position:relative;
    background:#fff;
    padding:2px 0 0 0;
    box-sizing:border-box;
    margin:0 5px;
}
#btnIdentification,#btnAddress{display:none;}
#SE1{
    width:calc(100% - 40px);
    display:block;
    margin:10px 0;
    font-size:1.5rem;
    overflow:hidden;
    font-weight:700;
}
.foodType,.city{
    display:inline;
    float:left;
    margin-right:5px;
    line-height:14px;
    text-align:center;
    border:1px solid #000;
    border-radius:5px;
    padding:12px 5px 5px 5px;
    font-size:14px;
    background:#f2f2f2;
    box-sizing:border-box;
    height:40px;
}
.city{
    background:#fff;
    padding-top:10px;
    height:34px;
}
.foodType{
    padding:5px;
    height:70px;
    max-width:56px;
    width:56px;
    overflow:hidden;
}
.foodType img{
    width:45px;
    box-sizing:border-box;
    font-size:14px;
}
.foodType p,.city p{
    font-size:14px;
    margin:0;
}
#pageRestaurants,#pageAccount,#pageAccountAddress,#pageAddress,#pageCash,#pageActivate,#pageGift,#loginOptions,#areaCodes,#pageSuggest,
#pageChooseCity,#pageSettings,#pageNotifications,#pageCodes,#pageSearch{
    position:absolute;
    width:100%;
    height:100%;
    z-index:9998;
}
#loginOptions,#pageAccount,#pageAccountAddress,#pageAddress,#pageCash,#areaCodes,#pageSettings,#pageHistory,#pageNotifications,#pageRewards{z-index:9999;}
#pageActivate,#pageAccountAddress,#pageAddress,#pageLegal,#pageHelpAddress,#pageCodes{
    top:0;
    z-index:9999;
    position:absolute;
}
#pageLegal{z-index:99999;}
#pageRestaurants li{
    padding: 3px 5px;
    box-sizing: border-box;
    list-style:none;
}
#areaCodes{
    background:url("../img/bg_black2.png");
    z-index:99999;
}
#pageAccount,#pageAccountAddress,#pageAddress,#pageHistOrder,#pageCash,#pageActivate,#loginOptions,#areaCodes,#pageGift,#pageNotifications,#pageCodes,#pageSuggest,
#pageChooseCity,#pageSettings,#pageSearch{
    display:none;
    text-align:center;
}
#pageChooseCity{background:none;}
#pageSettings,#pageAccount,#pageAccountAddress,#pageCash,#loginOptions{
    background:url(../img/bg_black2.png);
    text-align:center;
    z-index:10000;
}
#pageHelpAddress{z-index:10000;}
.btnAccount{
    display:inline-block;
    font-size:1.2rem;
    border-radius:5px;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    margin-right:3px;
    padding:5px 10px;
    border:1px solid #ccc;
    background:#fff;
    color:#000;
    animation-name:blinkingCat;
    -webkit-animation-duration:1s;
    -o-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
    animation-iteration-count:infinite;
}
.btnAccount:last-of-type{margin-right:0;}
.activeAccount{
    color:#000;
    background:#ccc;
    border-color:#ccc;
    animation:none;
}

#pageRewards,#pageHistory,#pageContact,#pageLegal,#pagePointsHistory,#pageConfirmPaymentsMethods,#pageConfirmTime,#pageGift,#pageOrder,#pageHelpAddress,#pageConfirmCashChange,#pageSuggest{
    display:none;
    background:url('../img/bg_black2.png');
}
#pageLegal{overflow:hidden;}
#pageRewards{
    overflow:hidden;
    z-index: 9999;
    position: relative;
    width:100%;
    text-align:center;
}
#pagePointsHistory,#pageHistory,#pageNotifications,#pageSearch,#pageCodes,#pageOrder{background:#fff;}
#tbHistory,#tbPointsHistory,.tbHistory,.tbPointsHistory,#tbNotifications{
    width:100%;
    /*border:1px solid transparent;*/
    border-collapse:collapse;
}
.tbHistory th,.tbPointsHistory th{
    border:1px solid #333;
    color:#fff;
    padding:5px 0;
    box-sizing:border-box;
}
#tbPointsHistory th{
    border:1px solid #aaa;
    border-spacing:0;
    color:#fff;
    padding:5px 0;
    box-sizing:border-box;
    text-align:center;
}
#tbHistory td,#tbPointsHistory td,.tbHistory td,.tbPointsHistory td,#tbNotifications td,.notifications{
    border:1px solid #333;
    padding:5px;
    box-sizing:border-box;
}
.notifications{
    box-sizing:border-box;
    width:100%;
    background:#fff;
    border:1px solid #555;
    padding:10px;
    margin:10px 0 0 0;
    border-radius:5px;
}
.codes{
    position:relative;
    box-sizing:border-box;
    width:100%;
    margin:5px 0 0 0;
    padding:0;
}
.codes img{
    box-sizing:border-box;
    width:100%;
    border:1px solid #000;
    border-radius:10px;
}
.notifications h3,.notification h3{
    margin:0;
    font-weight:700;
}
.notifications p,.notification p{margin:0;}
.notifications img{
    width:20px;
    padding:0.5rem;
}
#tbHistory td button,.tbHistory td button,#tbPointsHistory td button,.tbPointsHistory td button{
    width:100%;
    height:90%;
    font-size:1rem;
    margin:0;
}
.tbHistory tr,.tbPointsHistory tr{
    cursor:default;
    background:#fff;
}
.line1,.line2{background:#fff;}
.line1:hover,.line2:hover,.hover{background:#ccc;}
#pageAccountContent,#pageAccountAddressContent,#pageAddressContent,#pageHistory,#pagePointsHistory,#pageConfirmContent,#pageHelpAddressContent,#pageSuggs,
#pageRetryPaymentContent,#pageGifts,#pageNotifications,#pageCodes,#pageContactContent,#pageLegalContent,#pageChooseCityContent,#pageSearch,#pageConfirmCashChange,
#pageSettings,#pageConfirmPaymentsMethods,#pageConfirmPaymentsMethodsContent,#pageConfirmTime,#pageConfirmTimeContent,#pageOrder,#pageConfirmCashChangeContent{
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
}
#pageHistory,#pagePointsHistory,#pageOrder{overflow-y:hidden;}
#hOrderL{
    -webkit-overflow-scrolling:touch;
    width:100%;
}
#pageLegalContent,#pageHelpAddressContent{
    box-sizing:border-box;
    padding:1rem;
    background:url(../img/bg_white3.png) repeat;
}
#pageLegal,#pageLegalContent{
    height:100%;
    background:#f2f2f2;
}
#pageGallery,.pageGalleryContent{background:none;}
#pageContact{
    width:100%;
    text-align:center;
    background:none;
}
#pageContact label{text-align:left}
#pageContact label span{
     font-size:0.8rem;
     font-style:italic;
     color:#555;
     margin-left:10px;
}
#pageContact button{float:right;}
#pageFoodItemContent,#pageAccountContent,#pageAccountAddressContent,#pageAddressContent,.pageHistOrderContent,#pageConfirmContent,
#pageCashContent,#pageExtrasContent,#pageContactContent,#pageActivateContent,#pageComboItemsContent,
#pageGiftContent,#pageRetryPaymentContent,#loginOptionsContent,#areaCodesContent1,#pageSuggestContent,
#pageChooseCityContent,#pageSettingsContent,#pageConfirmPaymentsMethodsContent,#pageConfirmTimeContent,#pageConfirmCashChangeContent{
    box-sizing:border-box;
    display:inline-block;
    width:100%;
    max-width:400px;
    padding:1rem;
    color:#000;
    background:#fff;
    border:1px solid #555;
    border-radius:0.4rem;
    -webkit-border-radius:0.4rem;
    box-shadow:0.2rem 0.2rem 0.2rem 0px #242424;
    -webkit-box-shadow:0.2rem 0.2rem 0.2rem 0px #242424;
    -o-box-shadow:0.2rem 0.2rem 0.2rem 0px #242424;
    outline:0;
    margin:0 auto;
}
#pageAccountAddressContent,#pageAddressContent{
    max-width:none;
}
#pageRewardsContent,#pageCodesContent{
    box-sizing:border-box;
    display:inline-block;
    overflow:hidden;
    padding:0;
    outline:0;
    padding-bottom:10px;
    z-index:10000;
}
#pageSettingsContent{
    text-align:center;
    display:block;
}
#pageConfirmPaymentsMethodsContent,#pageConfirmTimeContent,#pageConfirmCashChangeContent{
    padding:0;
    box-shadow:0.1rem 0.1rem 0.2rem 0px #242424;
    -webkit-box-shadow:0.1rem 0.1rem 0.2rem 0px #242424;
    -o-box-shadow:0.1rem 0.1rem 0.2rem 0px #242424;
    text-align:left;
}
#pageChooseCityContent{
    padding:1rem;
    width:100%;
    border:none;
    border-radius:0;
    box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
}
#areaCodesContent1{
    height:90%;
    width:266px;
    overflow:hidden;
    padding:10px;
    margin-top:10%
}
#areaCodesContent2{
    height:100%;
    position:relative;
    overflow:hidden;
    overflow-y:auto;
}
#divRestaurants,#pageFoodItems{
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    cursor:default;
    width:calc(100% - 5px);
}
#pageFoodItems{
    position:absolute;
    display:none;
    z-index:9998;
}
#divRestaurants h3{
    font-size:1rem;
    margin:0 0 0.2rem 0;
    text-align:left;
    text-shadow:none;
}
#divRestaurants a{
    font-size:0.8rem;
    text-shadow:none;
    font-weight:bold;    
}
#divRestaurants h4{
    font-size:0.8rem;
    margin:0;
    padding:2px 3px;
    color:#b40004;
    background:lightgoldenrodyellow;
    border:1px solid #000;
    display:inline-block;
    font-weight:bold;
    text-shadow:none;
    font-style:normal;
}
.divRestaurant{
    padding:0.3rem;
    margin-bottom:0.5rem;
}
.restaurant:first-of-type{
    padding-top:0;
    margin-top:0;
}
.restaurant:last-of-type{
    padding-bottom:0;
}
.divRestaurant:hover{background:#b3d9ff;}
#z5{
    border-bottom:1px solid #000;
    float:left;
    box-sizing:border-box;
}
#pagePointsHistory,#pageHistory,#pageNotifications,#pageSearch,#pagePointsHistoryContent,#pageHistoryContent,#pageNotificationsContent,#pageSearchContent,
#pageCodes,#pageCodesContent,#pageOrder{overflow:hidden;}
#pageSearchContent{
    width:calc(100% + 5px);
}
#pageNotifications,#pageSearch,#pageCodes{color:#000;}

.filterClose{
    display:none;
    position:relative;
    top:-62px;
    right:-13px;
}
.activeBtnFoodTypes{
    background:#ffff0055;
}
.activeBtnCities{
    color:#fff;
    background:#000;
}

.divStatus{
    display:inline-block;
    border:1px solid #555;
    padding:5px 7px 3px 7px;
    box-sizing:border-box;
    height:29px;
    background:#fff;
    color:#000;
}

.tbRest{
    width:100%;
    padding:0.5rem 0;
    border-collapse: collapse;
}
.tbRest td{padding:0 0.5rem;}
#mapCanvas{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
}
#pageAccountContent h1,#pageAccountAddressContent h1,#pageAddressContent h1,.pageHistOrderContent h1,#pageActivateContent h1,#pageContact h1,#pageHelpAddress h1{
    color:darkred;
    text-shadow:1px 1px 0 #aaa;
}
#pageAccountAddress textarea,#pageAddress textarea,#pageContactContent textarea,#pageContactContent2 textarea,#pageAccountAddress textarea,#pageAddress textarea{
    font-size:1rem;
    padding:0.5rem;
    text-align:left;
    resize:none;
    width:calc(100% - 1rem);
    height:3rem;
    outline: none;
}
#orderType,#orderRemarks{
    font-size:1.2rem;
    font-weight:700;
    text-transform:uppercase;
}
#orderRemarks{
    margin-bottom:16px;
    border-color:#000;
    border-radius:5px;
    height:6rem;
}
#pageConfirmContent textarea{
    padding:0.5rem;
    text-align:left;
    resize:none;
    width:calc(100% - 1rem);
    outline: none;
}
#orderType span,#orderTime span,#orderPaymentMethods span,#cashChangeOptions span,#payDeliveryTime span{
    color:#555;
    float:left;
    font-weight:400;
}
#pageAccountAddress textarea,#pageAddress textarea{
    padding:0.1rem;
    margin-bottom:10px;
    box-sizing:border-box;
}
#pageAccountContent button,#pageAccountAddressContent button,#pageAddressContent button,.pageHistOrderContent button,#pageActivateContent button,
#loginOptionsContent button,#pageContactContent button,#pageContactContent2 button,#pageAccountContent button,#pageAccountAddressContent button,#pageAddressContent button{
    margin:0;
    float:right;
}
#pageAccount h1,#pageAccountAddress h1,#pageAddress h1,#pageHistOrder h1,#pageActivate h1,#loginOptionsContent h1,#pageChooseCity h1,#pageHelpAddress h1{
    color:darkred;
    text-shadow:1px 1px 0 #aaa;
    font-size:1.3rem;
    padding:0;
    margin:0.5rem 0 1rem 0;
}
#pageHistOrder h1{margin-top:0;}
#pageHistOrder button{float:right;}
#pageAccount h1,#pageAccountAddress h1,#pageAddress h1,#pageHistOrder h1,#pageChooseCity h1{display:inline-block;}
#pageHistOrder label{
    text-transform:uppercase;
    line-height:1.4rem;
    font-weight:700;
}
#pageHistOrder label span{
    color: #555;
    margin-right: 5px;
    padding-left: 2px;
    padding-top:1px;
    font-weight:400;
}
#pageActivate p,#loginOptionsContent p{
    padding:0;
    margin:0.5rem 0 0 0;
    text-align:left;
}
#loginOptionsContent p{font-size:1.2rem;margin:0.5rem 0;}
#pageAccount input[type="email"],#pageAccount input[type="text"],#pageAccountAddress input[type="text"],#pageAddress input[type="text"],#pageAccount input[type="tel"],
#pageContact input[type="email"],#pageContact input[type="text"],#pageContact input[type="tel"],
#pageAccount select{
    font-size:1rem;
    margin:0 0 0.5rem 0;
    width:calc(100% - 1rem);
}
#pageAccountAddress input[type="text"]:disabled,#pageAddress input[type="text"]:disabled{color:#000;}
#pageAccount input[type="tel"]{
    font-size:1rem;
    margin:0 0 0.5rem 0;
    width:100%;
}
#pageAccount input[type="password"]{
    font-size:1rem;
    margin:0 0 0.5rem 0;
    width:115px;
}
.btnLogin{margin:0.5rem 0 0 0}
.inputUser,.inputPassword,.inputEmail,.inputName{
    border:2px solid #ccc;
    border-radius:5px;
    width:100%;
    height:34px;
    box-sizing:border-box;
    margin-bottom:0.5rem;
    text-align:left;
}
#loginAreaCode,#loginAreaCode2,#loginAreaCode3{
    float:left;
    color:#555;
    background:url(../img/flags.png) no-repeat 0 0;
    background-size:24px 3876px;
    background-position: -1px -1480px;
    height:16px;
    width:82px;
    margin:7px 5px 0px 29px;
    padding-left:27px;
    overflow:hidden;
    box-sizing:border-box;
}
#loginAreaCode3{
    margin:2px 5px 0 3px;
    float:none;
}
.inputArea{
    border:1px solid #ccc;
    height:20px;
}
.inputUser input,.inputEmail input,.inputName input,.inputPassword input{
    height:20px;
    line-height:20px;
    border:none;
    background:transparent;
    margin:6px 5px 5px 29px;
    padding:0;
    width:calc(100% - 34px);
    font-size:1.2rem;
    text-align:left;
}
.inputUser input{
    display:inline-block;
    float:left;
    margin:6px 0 0 0;
    width:calc(100% - 122px);
    box-sizing:border-box;
}
.inputPassword{
    display:inline-block;
    background: url(../img/inputPasswordBkgr.jpg) no-repeat;
}
.inputPassword input{
    float:left;
    margin:6px 5px 5px 28px;
    width:calc(100% - 62px);
}
.inputUser{background: url(../img/inputUserBkgr.jpg) no-repeat;}
.inputEmail{background: url(../img/inputEmailBkgr.jpg) no-repeat;}
.inputName{background: url(../img/inputNameBkgr.jpg) no-repeat;}
#pageOrder{
    font-size:1rem;
    width:100%;
    box-sizing:border-box;
    padding:0 5px 0 10px;
    z-index:9998;
}
#pageOrder2{
    position:relative;
    width:100%;
    height:100%;
    display:block;
    background:#fff;
    z-index:9;
}
#pageOrder22{
    background:#fff;
    overflow-y:auto;
    padding-right:5px;
    -webkit-overflow-scrolling: touch;
}
#pageOrder label{
    display:inline-block;
    margin:0.2rem 0;
    font-weight:bold;
}
#pageOrder label span{
    font-weight:normal;
    color:#555;
    font-size:0.8rem;
    font-style:italic;
}
#pageOrder h1,#pageOrder h2{
    width:100%;
    text-align:center;
    font-size:1.1rem;
    padding:0;
    margin:0;
    background:#c6d7a8;
    color:#000;
    text-shadow:1px 1px 0 #ccc;
}
#pageOrder h1{
    font-size:1.2rem;
    margin:2px 0;
    padding:4px 0 2px 0;
    background:#007f00;
    color:#fff;
    text-shadow:1px 1px 0 #000;
}
#pageOrderBtns{
    width:100%;
    text-align:center;
    display:inline-block;
    display:none;
}
#pageOrder textarea{
    color:#fff;
    background:transparent;
    resize:none;
}
#pageOrder button{
    font-weight:bold;
    margin:5px 10px 10px 10px;
}
#confirmOrder{
    margin-left:20px;
    animation-name:blinkingBtnWhite;
    -webkit-animation-duration:1s;
    -o-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
    animation-iteration-count:infinite;
}
.confirmPaymentMethod,.confirmTime{
    padding:8px 5px 8px 8px;
    border: 1px outset #000;
    border-top:0;
    margin:0;
    background:#fff;
}
.confirmPaymentMethod,.confirmTime,.cashChangeOption{
    padding:10px;
    margin:0;
    background:#fcfcfc;
    border:1px outset #ddd;
    font-weight:700;
}
.activeBtn{
    animation-name:blinkingBtnWhite;
    -webkit-animation-duration:1s;
    -o-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
    animation-iteration-count:infinite;
}
.btnBlue{
    background: #0066cc;
    border: 1px solid #004080;
    color: #fff;
}
.btnRed{
    background: #8b0000;
    border: 1px solid #6f0000;
    color: #fff;
}
.btnBlack{
    background: #000;
    border:1px solid #000;
    color:#fff;
}
.btnYellow{
    background: #ffff33;
    border:1px solid #999900;
}
.btnOrange{
    background:#f57b1c;
    background: linear-gradient(#f57b1c, #fcd4b6);
    border:1px solid #dc6509;
}
.tbOrder,#tbSummary,.tbOrder2{
    width:100%;
    border-collapse:separate;
    border-spacing:0 0.3rem;
}
.tbOrder2{
    border-collapse:collapse;
    border-spacing:0;
    color:#000;
}
#tbSummary{
    display:none;
    width:auto;
    padding:0.7rem 0 0.6rem 0;
    margin:0 auto;
    margin-bottom:0.4rem;
    border-spacing:0;
    color:#fff;
    background:#000;
    border:1px outset #000;
}
.tbOrder{
    font-size:1.2rem;
    margin-top:0;
    border-bottom:1px solid #777;
    padding:5px 0;
}
#tbSummary td{
    font-size:1.2rem;
    font-weight:bold;
    padding:0.1rem 1rem;
    vertical-align:top;
}
#orderDeliveryType{
    padding:0.2rem;
    font-size:1.2rem;
    line-height:1.7rem;
    display:inline-block;
    background:#ddd;
    margin-bottom:0.4rem;
    text-align:left;
    border:1px outset #ddd;
    display:none;
}
#tdSubTotal,#tdDiscountCodeAmount,#tdDelivery,#tdSurcharge,#tdManagement,#tdTaxAmount1,#tdTaxAmount2,#tdTotal,#tdPoints,#tdPayment,#tdSavings{text-align:right;}
.tbOrder tr:hover{cursor:default;}
.tbOrder td,.tbOrder2 td{padding:0.2rem;}
.tbOrder2{
    border:1px solid #555;
    margin:5px 0 10px 0;
    padding:0;
}
.tbOrder2 tr{
    margin:0;
    padding:0;
}
.tbOrder td a,.tbOrder2 a{
    margin:0;
    padding:0.3rem 0 0 0;
    font-size:1rem;
    font-weight:bold;
    color:#555;
}
.tbOrder td span,.tbOrder2 td span{
    font-size:1.2rem;
    font-style:italic;
    line-height:1rem;
    color:#333;
}
.tbOrder2 td a,.tbOrder2 td span{color:#555;}
.tbOrder .qty,.tbOrder2 .qty{
    text-align:right;
    vertical-align:top;
    font-weight:700;
}
.tbOrder .name,.tbOrder2 .name{
    vertical-align:top;
    font-weight:700;
    width:3000px;
}
.tbOrder .amount,.tbOrder2 .amount{
    text-align:right;
    vertical-align:top;
    font-weight:700;
}
.tbOrder .icons{
    text-align:right;
    vertical-align:top;
    width:26px;
}
.tbOrder img{width:20px;}
#tdDiscountCodeAmount,#tdSavings{color:#ffcccc;}

#pageRewards li,#pageHistory li{
    list-style:none;
    margin:0.3rem 0;
    /*padding:0 0.3rem;*/
    cursor:default;
}
.productDiv{
    padding:3px 5px;
    width:100%;
    box-sizing:border-box;
}
.productDiv:first-of-type{
    padding:0 5px 3px 5px;
}
.foodItem,.reward,.foodFamily{
    position:relative;
    box-sizing:border-box;
    border:1px;
    border-radius:5px;
    padding:5px;
    background:#fff;
    color:#000;
}
.foodItemDiv{
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}
.restaurant{
    position:relative;
    box-sizing:border-box;
    margin:0 3px;
    padding:2px 2px 2px 7px;
    /*background:#fff;*/
}
.reward{
    box-sizing:border-box;
    width:100%;
}
#rests{
    /*background:#fff;*/
}

.foodItem h1,.foodFamily h1,.reward h1,.restaurant h1{
    font-size:1.2rem;
    margin:0.2rem 0;
}
.foodFamily h1{
    display:inline-block;
    font-size:1.2rem;
    margin:0;
}
.reward h1{
    text-shadow:none;
    margin:0;
    color:#000;
    padding:0;
}
.reward h2{padding:0;}

.foodItem h3,.foodFamily h3,.reward h3,.foodItem h4,.foodFamily h4,.foodItem h5,.foodFamily h5{
    font-size:3.5rem;
    margin:0;
    font-weight:700;
    position:relative;
    color:#000;
    text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;
    top:10px;
    text-align:right;
    box-sizing:border-box;
    z-index:9;
    display:inline-block;
    float:right;
}
.foodItem h4,.foodFamily h4{
    font-size:2rem;
    padding-right:10px;
}
.foodItem h5{
    font-size:2.5rem;
    padding-left:10px;
    text-align:left;
    float:none;
}
.foodFamily h5,.foodItem h5{
    text-align:center;
    font-size:1rem;
    margin:5px 0 0 0;
    text-shadow:none;
    float:none;
    top:0;
}
.reward h1{display:inline-block;}
.restaurant p{
    font-weight:400;
    font-style:italic;
    font-size:0.8rem;
    margin:0.3rem;
    color:#333;
    line-height:1rem;
}
.reward p{margin:0;}
.divImg{
    float:right;
    margin:0 0 0.5rem 0.5rem;
}
.restaurant img{
    width:100%;
    margin:0;
    border:2px inset;
    border-radius:10px;
    
}
.blankRestaurant{
    position:absolute;
    top:0;
    font-weight:bold;
    font-size:2rem;
    text-align:center;
    text-transform:uppercase;
    margin-top:20%;
    width:100%;
}
.divImg p{
    font-weight:400;
    font-style:italic;
    font-size:0.7rem;
    font-style:italic;
    text-align:center;
}
.reward button{
    float:right;
    margin:5px 20px 0 0;
}
.rewardPoints,.rewardQuantity{
    display:inline-block;
    padding:0.3rem 0.5rem 0.2rem 0.5rem;
    font-weight:bold;
    font-size:1.3rem;
    border-style:outset;
    border-width:1px;
    border-color:#ddd #ccc #ccc #ddd;
    margin:0 0.5rem 0.5rem 0;
    background:#B40004;
    color:#FFF;
    text-shadow:1px 1px 0 #000;
}
.rewardQuantity{
    margin:0.2rem 0 0.5rem 0;
    background:#ffad33;
    color:#000;
    font-style:italic;
    text-shadow:1px 1px 0 #ffe0b3;
}
.tbPrices{
    width:100%;
}
.tbPrices td{
    font-weight:bold;
    box-sizing:border-box;
    vertical-align:top;
    border-spacing:0;
    padding-top:3px;
}
.tbPrices button{
    font-size:1rem;
    padding:0.3rem;
    border:none;
    border-radius:5px;
    color:#fff;
    background:#b40004;
}
.pName{
    text-align:left;
    font-size:1.0rem;
    vertical-align:top;
    padding:0;
}
.pSize{
    text-align:right;
    font-size:1rem;
    vertical-align:top;
    min-width:80px;
    color:#666;
    font-style:normal;
}
.pPrice{
    vertical-align:top;
    text-align:right;
    font-size:1.0rem;
    min-width:50px;
    padding:0;
}
.pImg{
    vertical-align:middle;
    min-width:50px;
    width:50px;
    text-align:right;
}
#pageFoodItem,#pageExtras,#pageComboItems,#pageConfirm,#pageRetryPayment,#pageHistOrder,#pageChooseCity{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url("../img/bg_black2.png");
    z-index:9999;
    text-align:center;
}
#pageHistOrder{z-index:10001;}
#pageConfirm{z-index:9999;}
#pageGift,#pageSuggest{z-index:9999;}
#pageRetryPayment{z-index:9999;}
#pageFoodItemContent,#pageConfirmContent,#pageExtrasContent,#pageComboItemsContent,#pageRetryPaymentContent,#pageChooseCityContent{
    width:100%;
    max-width: 400px;
    padding:1rem;
    color:#111;
    text-align:left;
}
#pageFoodItemContent button,#pageConfirmContent button,#pageCashContent button,#pageExtrasContent button,#pageComboItemsContent button,#pageActivate button,
#pageRetryPaymentContent button,#pageGiftContent button,#pageSuggestContent button{margin:0.5rem 0;}
#btnFIContent button,#btnRemarksContent button,#btnCashContent button,#btnPAContent button,#btnCouponsContent button,#btnHIContent button,#btnPRPContent button{
    float:right;
    margin:1rem 0 0 10px;
}
#btnPRPContent button{margin:0 1rem 0 0;}    
#btnPEContent button,#btnCIContent button,#btnHAContent button,#btnSuggestContent button,#btnGiftContent button{
    float:right;
    margin:0.5rem 0 0 1rem;
}
#pageFoodItemContent,#pageExtrasDivs,#pageComboItemsDivs,#pageSuggestions{
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
}
#pageComboItemsDivs{
    box-sizing:border-box;
    line-height:95%;
}
#pageExtrasDiv,#FITables{
    box-sizing:border-box;
}
#qtyFIContent,#qtyHAContent{padding:10px 0 5px 0;}
#qtyFIContent img,#qtyFIContent input{float:left;}
#pageConfirmContent h1,#pageConfirmContent h2,#pageConfirmContent select,#FIPrice,#FIPrice2,#HAPrice,#FISaving,#pageCashContent h1,#pageExtrasContent h1,
#pageComboItemsContent h1,#pageGiftContent h1,#pageRetryPaymentContent h1,#pageRetryPaymentContent h2,#pageChooseCity h1,#pageSuggestContent h1{
    margin:0 0 0.5rem 0;
    font-size:1.5rem;
    text-shadow:1px 1px 0 #aaa;
}
#FIPrice,#HAPrice{
    margin-top: -3px;
    background: yellow;
    padding: 5px 7px 3px 7px;
    border:1px solid #000;
}
#pageRetryPaymentContent h1{
    font-weight:700;
    color:#b40004;
    margin:1rem 0;
    text-shadow:none;
}
#pageRetryPaymentContent h1 span{
    color:#000;
    font-weight:400;
}
#pageCash p{line-height:1.2rem;}
#pageGifts p{
    margin:5px 0;
}
#pageGift img,#pageSuggest img{
    width:50%;
    float:right;
}
#change{
    width:40px;
    text-align:right;
    font-size:1.2rem;
}
#orderReference{
    width:200px;
    font-size:1.2rem;
}
#pageConfirmContent h1,#pageRetryPaymentContent h1{text-align:center;}
#pageConfirmContent h2,#pageRetryPaymentContent h2{font-size:1.2rem;}
#pageConfirmContent h2 span,#pageRetryPaymentContent h2 span{color:#555;}
#pageConfirmContent select,#pageRetryPaymentContent select,#pageExtrasContent select{font-size:1.2rem;}
#divOrderPaymentMethod,#divPayPaymentMethod,#divTime,#divCashChangeOption,#divPayTime{
    box-sizing:border-box;
    float:left;
    text-transform:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-weight:700;
    font-size:1.2rem;
}
#payDeliveryTime{
    font-size:1.2rem;
    font-weight:400;
    text-align:center;
    margin:10px 0 0 0;
    display:table;
}
/*#payDeliveryTime span{
    font-weight:700;
    color:#b40004;
}*/
.divConfirmNoBorder{
    padding:5px;
    margin:-5px 0 10px 5px;
    border:none;
    background:none;
}
.divPaymentMethods,.divTime,.divCashChangeOptions{
    padding:5px 30px 5px 5px;
    margin:-6px 0 10px 5px;
    background-image:url(../img/openSelect.png),url(../img/black.png);
    background-repeat:no-repeat,no-repeat;
    background-size:25px,25px 100%;
    background-position:100% 50%,100% 50%;
    border:1px solid #000;
}
#pageConfirmPaymentsMethods li,#pageConfirmTime li,#pageConfirmCashChange li{
    list-style:none;
    margin:0;
    cursor:default;
}
#pageConfirmPaymentsMethods li,#pageConfirmTime li,#pageConfirmCashChange li{margin:0;}
#pageConfirmPaymentsMethods,#pageConfirmTime,#pageConfirmCashChange{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(../img/bg_black2.png);;
    z-index:10000;
}
#pageConfirmPaymentsMethods,#pageConfirmTime,#pageConfirmCashChange{background:transparent;}
#pageExtrasHeading,#pageComboItemsHeading{text-transform:uppercase;}
#FIQty{
    font-size:1.5rem;
    font-weight:bold;
    width:40px;
    height:24px;
    text-align:center;
}
#FIPrice,#FIPrice2,#HAPrice{float:right;}
#FISaving{
    display:none;
    color:darkred;
    float:left;
}
#pageConfirmContent p,#pageRetryPaymentContent p{
    font-size:1rem;
    margin:0.5rem 0;
    color:#555;
}
#FII,.FIA,.tbCFIX,.tbHFIX,.tbCFIY,.tbCFIZ,.tbHFIY,.tbHFIZ,.tbHFHX,.tbHFHY,.tbHFHZ{
    font-size:1.2rem;
    width:calc(100% - 5px);
}
#FIIX,.FIAX{display:none;}
.tbCFIY span,.tbHFIY span,.tbHFHY span{
    color:#555;
    font-size:0.8rem;
    width:100%;
}
#FIP{
    margin:0.5rem auto;
    margin-bottom:0;
    font-size:1.4rem;
}
#FIP td,#FII td,.FIA td,.tbCFIX td,.tbHFIX td,.tbCFIY td,.tbCFIZ td,.tbHFIY td,
    .tbHFIZ td,.tbHFHX td,.tbHFHY td,.tbHFHZ td{
    padding:0.3rem;
    cursor:default;
}
.tbCFIX td,.tbHFIX td{padding:0.3rem 0.3rem 0 0.3rem;}
#FIIdiv,.FIAdiv,.CFIAdiv,.CFIIdiv,.HFIAdiv,.HFIIdiv,.HFHAdiv,.HFHIdiv{
    display:none;
    padding:0.3rem;
    color:#fff;
    background:darkred;
}
.CFIIS,.CFIAS,.HFIAS,.HFIIS,.HFHAS,.HFHIS,.CMM{
    padding:0 0 0 2rem;
    display:none;
}
.modDiv{
    display:none;
    padding:0 5px 5px 5px;
    font-size:1.2rem;
    font-weight:bold;
    font-style:italic;
}
.HFHname{
    padding-left:10px;
    font-size:1.2rem;
}
.modDiv span,.CFIname span,.HFHname span,.HFIname span{color:#b40004;}
.btnsDiv,.btnsDivH{
    display:inline-block;
    display:none;
    float:none;
    width:100%;
    text-align:center;
}
.CMM{
    padding-top:10px;
    font-size:1.2rem;
}
.tbCFIX,.tbHFIX,.tbHFHX{display:block;}
.tbCFIZ,.tbHFIZ,.tbHFHZ{display:table;}
.FIAdiv,.CFIAdiv,.HFIAdiv{
    display:block;
    background:darkolivegreen;
}
#divDlg{
    display:none;
    position:absolute;
    background:url('../img/bg_black2.png');
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:1000000;
    text-align:center;
}
#dlgBox{
    box-sizing:border-box;
    display:inline-block;
    width:100%;
    max-width:450px;
    padding:1rem;
    background:#fff;
    color:#000;
    border:1px solid #555;
    border-radius:0.4rem;
    -webkit-border-radius:0.4rem;
    box-shadow:0.2rem 0.2rem 0.2rem 0px #242424;
    -webkit-box-shadow:0.2rem 0.2rem 0.2rem 0px #242424;
    -o-box-shadow:0.2rem 0.2rem 0.2rem 0px #242424;
    outline:0;
    text-align:center;
}
#dlgBox h1{
    font-size:1.5rem;
    margin:0 0 1rem 0;
    padding:0 0.5rem;
    color:darkred;
}
#dlgBox p{
    text-align:left;
    font-size:1rem;
}
#dlgBox button{
    float:right;
    margin:0.5rem 0 0.2rem 10px;
    font-size:1.2rem;
}
#dlgBox input[type="text"]{
    font-size:1rem;
    padding:0.3rem;
    margin:0;
}
.scrollbar-measure{
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}
.highlight{background-color:yellow;}
button,select,input,textarea,image{
    font-family:"Roboto Condensed",sans-serif;
    outline:none;
}
#closeNoti{
    float:right;
    width:25px;
    height:25px;
}
.noty_text p{margin:0 0 0.5rem 0;}
button{
    font-size:1.2rem;
    padding:0.3rem 0.4rem 0.2rem 0.4rem;
    border: 1px solid #555;
    -webkit-border-radius:5px;
    border-radius:5px;
    text-decoration: none;
    background: #f2f2f2;
    margin:10px 10px 10px 5px;
}
#divRedsys{
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    z-index:4;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}
#frameRedsys{
    background:white;
    color:black;
    height:100%;
    width:100%;
    border:none;
}
#pageHistory,#pageNotifications,#pageSearch,#pageCodes{overflow-x:hidden;}
#btnChkOut{
    float:left;
    margin:6px 0 0 0;
    animation-name:blinkingBtnWhite;
    -webkit-animation-duration:1s;
    -o-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
    animation-iteration-count:infinite;
}
#btnRememberPassword:hover,#btnRegister:hover{cursor:pointer;}
input[type="checkbox"][readonly]{pointer-events:none;}
#ordersPaymentMethods label,#payPaymentMethods label{font-size:1rem;}
#ordersPaymentMethods img,#payPaymentMethods img{
    box-sizing:border-box;
    width:30%;
    margin:5px;
    padding:5px;
}
#ordersPaymentMethods input[type=radio],#payPaymentMethods input[type=radio]{display:none;}
@-webkit-keyframes blinkingBtnWhite{
    50%{color:#fff;}
    100%{color:transparent;}
}
@-o-keyframes blinkingBtnWhite{
    50%{color:#fff;}
    100%{color:transparent;}
}
@-moz-keyframes blinkingBtnWhite{
    50%{color:#fff;}
    100%{color:transparent;}
}
@keyframes blinkingBtnWhite{
    50%{color:#fff;}
    100%{color:transparent;}
}

@-webkit-keyframes blinkingBtnBlack{
    50%{color:#000;}
    100%{color:transparent;}
}
@-o-keyframes blinkingBtnBlack{
    50%{color:#000;}
    100%{color:transparent;}
}
@-moz-keyframes blinkingBtnBlack{
    50%{color:#000;}
    100%{color:transparent;}
}
@keyframes blinkingBtnBlack{
    50%{color:#000;}
    100%{color:transparent;}
}

#pageConfirmContent h2{text-shadow:none;}
video{
  width:100% !important;
  height: auto   !important;
}
#legal,#mailings{margin-bottom:1rem;}
#pageChooseCityContent{
    text-align:left;
    box-sizing:border-box;
    padding:20px;
    z-index:9998;
}
#cOrderTypeDiv,#aOrderTypeDiv,#oOrderTypeDiv,#searchTypeDiv{
    padding:0.2rem;
    font-size:1.2rem;
    line-height:2rem;
    display:inline-block;
    margin-bottom:0.4rem;
    text-align:left;
}
#cOrderTypeDiv input[type=radio],#aOrderTypeDiv input[type=radio],#oOrderTypeDiv input[type=radio],#searchTypeDiv input[type=radio]{
    width:17px;
    height:17px;
}

@media(max-width:375px){#legal,#mailings{margin-bottom:2rem;}}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #000 !important;
}
#pageGifts,#pageSuggestions{box-sizing:border-box;text-align:left;}

.ui-autocomplete{z-index:1000000;}
.centerMarker{
    position:absolute;
    background:url(../img/downArrowRed.gif) no-repeat;
    top:50%;left:50%;
    z-index:1;
    margin-left:-13px;
    margin-top:-40px;
    height:40px;
    width:26px;
    cursor:grabbing;
    opacity:1;
}
.btnRevLoc{
    animation-name:blinkingBtnBlack;
    -webkit-animation-duration:1s;
    -o-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
    animation-iteration-count:infinite;
    position:absolute;
    top:10px;
    right:10px;
    z-index:1;
    opacity:1;
    display:none;
    font-size:1rem;
}
@keyframes blinker{
    50%{
      opacity:0.5;
    }
}

input[type="number"] {
  height: 32px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  position: relative;
  text-align: center;
  font-size: 20px;
  width: 80px;
  outline: none;
  /*background-image: url('data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2067%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20stroke-width%3D%222%22%3E%3Cline%20x1%3D%221%22%20x2%3D%2250%22%20y1%3D%2233.5%22%20y2%3D%2233.5%22%20stroke%3D%22%23D8D8D8%22%2F%3E%3Cpolyline%20transform%3D%22translate(25%2020)%20rotate(45)%20translate(-25%20-20)%22%20points%3D%2219%2026%2019%2014%2032%2014%22%20stroke%3D%22%23000%22%2F%3E%3Cpolyline%20transform%3D%22translate(25%2045)%20rotate(225)%20translate(-25%20-45)%22%20points%3D%2219%2052%2019%2039%2032%2039%22%20stroke%3D%22%23000%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');*/
  background-image: url('../img/spinArrows.svg');
  background-position: center right;
  background-size: contain;
  background-repeat: no-repeat;
  caret-color: transparent;
}

input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  opacity: 1 !important;
  background: transparent !important;
  border-width: 0px;
  margin: 0;
  border-left: 1px solid #d8d8d8;
  height: 34px;
  width: 23px;
  cursor: pointer;
}
.productOffer{
    margin: 5px 0 0 0;
    font-size: 1rem;
    font-weight: 400;
    font-style: italic;
    color: #b40004;
}
.soldOut,.doublePoints{
    position:absolute;
    width:calc(100% - 10px);
    height:60px;
    text-align: center;
}
.soldOut{
    top:50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.doublePoints{
    text-align:left;
    height:30px;
    width:auto;
}
.soldOut img,.doublePoints img{
    height: 100%;
    position:absolute;
}
.doublePoints img{
    animation-name:blinkImage;
    -webkit-animation-duration:2s;
    -o-animation-duration:2s;
    -moz-animation-duration:2s;
    animation-duration:2s;
    animation-iteration-count:infinite;
}
@-webkit-keyframes blinkImage{
    60%{opacity:0;}
    100%{opacity:1;}
}
@-o-keyframes blinkImage{
    60%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes blinkImage{
    60%{opacity:0;}
    100%{opacity:1;}
}
@keyframes blinkImage{
    60%{opacity:0;}
    100%{opacity:1;}
}

@media(min-width:570px){
    .restaurant{
        margin:0 2px 0 1px;
        width:calc(50% - 3px);
        display:inline-block;
    }
}
#divShortcuts{display:none;}
#divMenu{display:block;}
@media(max-width:789px){
    #divShortcuts{display:block;}
    #divMenu{display:none;}
    #restInfoContent{top:30px;}
}
@media(min-width:790px){
    #pageFoodItems,#pageHistory,#pageRewards,#pageNotifications,#pageCodes,#pagePointsHistory,#pageCodes{
        width:60%;
    }
    #pageOrder{
        width:40%;
        position:relative;
        left:60%;
        display:block;
    }
    #footer{
        background:#555;
        color:#fff;
    }
    #ftPowered img{content:url('../img/poweredByPideClic_transparentWhite.png');}
    #ftHelp img{content:url('../img/youTubeTransparentWhite.png');}
    #continueAdding{display:none;}
    #pageFoodItemContent,#pageConfirmContent,#pageExtrasContent,#pageComboItemsContent,#pageRetryPaymentContent,#pageChooseCityContent,#pageSettingsContent,#dlgBox,.pageHistOrderContent,#pageAccountContent,
    #pageAccountAddressContent,#pageHistoryContent,#pageRewardsContent,#pageNotificationsContent,#pageCodesContent,#pagePointsHistoryContent,#restInfoContent,#pageContactContent,#pageSuggestContent,
    #pageGiftContent,#pageCashContent{
        position: relative;
        top: 30%;
        -ms-transform: translateY(-30%);
        transform: translateY(-30%);
        margin:0 auto;
    }
    #pageHistory{
        padding:0;
    }
    .codes{
        width:calc(100% - 10px);
        margin:5px 5px 0 5px;
    }
}
@media(min-width:860px){
    .restaurant{
        margin:0 2px 0 1px;
        width:calc(33.3% - 3px);
        display:inline-block;
    }
}
.foodFamilyImage,.doublePoints img,.listFoodItemImage img,.soldOut img{
    pointer-events:none;
    
}
img{}