/*--------------------------------*/

/*           1.Default

/*--------------------------------*/

/*@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,400i,500,600,700,800,900');*/
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Anton|Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i|Oswald:200,300,400,500,600,700|Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap" rel="stylesheet');

/*
font-family: 'Lato', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Ubuntu', sans-serif;
font-family: 'Anton', sans-serif;
font-family: 'Josefin Sans', sans-serif;
*/

html {scroll-behavior: smooth;}
body{
    background-color: #f3f3f3;
    font-size: 14px;
}
p{
    font-size: 14px;
}
header,footer{
    background-color: #fff;
}
h1,h2,h3,h4,h5{
    font-family: 'Josefin Sans', sans-serif;
}
.search-sec{
	background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.alignleft {float: left; margin-right: 15px;}

.alignright {float: right; margin-left: 15px;}

.aligncenter {display: block; margin: 0 auto 15px;}

a:hover{text-decoration: none}

a:focus{outline: 0 solid; text-decoration: none}

img {max-width: 100%; height: auto;}

input:focus, button:focus, textarea:focus, a:focus {outline: none}

p{line-height:26px; font-size:14px;}



.nocontainer {overflow:hidden;}

.no-padding {padding: 0px;}

.btn-default{background:#f41616; color:#fff; font-weight:500; text-transform:uppercase; border:1px solid #f41616; font-size:14px;}

.btn-default:hover{color:#f41616; background:none; border:1px solid #f41616;}



.btn-primary{background:#f41616; color:#fff; font-weight:500; text-transform:uppercase; border:1px solid #f41616; border-radius:0px;}

.btn-primary:hover{color:#f41616; background:none; border:1px solid #f41616;}



.btn-md{padding:10px 25px;}

h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0 0 15px;

}

body{font-family: 'Poppins', sans-serif;}



.btn-login-signup{padding:5px 15px !important; text-transform:uppercase; background:transparent; color:#ed1c24!important; border:1px solid #ed1c24; border-radius:2px; margin:5px; font-size:14px;}

.btn-login-signup:hover{background:#ed1c24 !important; color:#fff !important; }

.left-margin-25{margin-left:25px !important;}



.navbar-toggler-icon {

	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(237, 28, 36, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

}

.navbar-1{padding: 5px 0;}

.navbar-2{padding:0; box-shadow: 0px 17px 35px rgba(74, 74, 115, 0.1), 0px 5px 15px rgba(0, 0, 0, 0.07);}

.navbar-2 .collapse ul > li:hover > a{background:none;}

.navbar-2 ul li {margin: 0 15px;}

.navbar-2 ul > li > a {color: #000; font-weight: 500; font-size: 12px; padding-bottom: 30px; padding-top: 22px;}

.navbar-2 ul ul > li > a{padding-bottom:5px;}

.navbar-2 ul > li:hover > a {	background: none; color: #ed1c24;}

.navbar-2 ul ul.dropdown-menu{border-top:2px solid #ed1c24;}

.navbar-2 ul ul > li:hover > a{background:transparent;}

.navbar-2 .collapse ul ul > li:hover > a{background:none;}

.dropdown-item{padding:5px;}

.navbar-brand{margin:15px;}

.cart-number{top: 6px;
right: -17px;text-align:center;background: #ed1c24; padding: 7px; height: 25px; color: #fff; border-radius: 50%; width: 25px; position: absolute; font-size: 9px; margin: -12px 0 0 15px;}

.nocartimg{
        display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 25px 0;
}
.nocarttext{
    text-align: center;
}
.nocarttext h6{
    font-size: 22px;
    margin-bottom: 5px;
}
.tab-pane .thumbnail{
    height: 200px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0 0px 0;
}
.tab-pane .thumbnail img{
    height: 270px;
    object-fit: contain;
}

/*search box css start here*/

.search-sec{

    padding: 180px 2rem 8rem ;

}
.nav-link{
    color: #000;
}
.btco-hover-menu .collapse ul ul > li > a{
    padding-left: 25px;
    position: relative;
}
a.dropdown-item i.location-img{
    position: absolute;
    left: -14px;
    top: -22%;
}
.navbar-cart-brand,
.navbar-cart-brand:hover{
    height: 42px;
    margin: 0 0 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: transparent;
    color: #000;
}
.search-sec h1{color:#ed1c24; font-weight: 700; margin-bottom: 35px;font-family: 'Josefin Sans', sans-serif;}

.form-cont{background:#fff; padding:3px 1px 4px 4px; box-shadow: 0px 17px 35px rgba(74, 74, 115, 0.1), 0px 5px 15px rgba(0, 0, 0, 0.07); margin-bottom: 10%}

.search-slt{

    display: block;

    width: 100%;

    font-size: 12px;

    line-height: 1.5;

    color: #55595c;

    background-color: #fff;

    background-image: none;

	border:none;

    height: calc(3rem + 2px) !important;

    border-radius:0;

}

.search-slt::placeholder {

  color: #333333;

  font-weight:600;

  opacity:0.8;

  margin:0 0 0 15px; 

}

.location{width:91% !important; float:right; border-right: 1px solid #ccc !important; position:relative; padding-left:30px; outline: none;box-shadow: none;}
.location:focus,
.location:hover{
    outline: none;
    box-shadow: none;
}
.location-img{position: absolute; margin: 16px 16px 16px 22px; z-index: 2;}

.restaurents-img{position: absolute; margin: 16px 16px 16px 12px; z-index: 2;}

.restaurents,
.restaurents:focus,
.restaurents:hover{ padding-left:40px;outline: none;
    box-shadow: none;}

.wrn-btn{

    width: 91%;

    font-size: 14px;

    font-weight: 400;

    text-transform: uppercase;

	background-color: #ed1c24;

	letter-spacing:2px;

    border-color: #ed1c24;

    height: calc(3rem + 2px) !important;

    border-radius:0;

}



.home-section-1{padding:0 0 60px 0;}

.home-section-1 .section-title{margin:50px 0 100px 0;}

.home-section-1 .section-title h2{font-weight:400; font-size: 28px; letter-spacing: 2px;}

.home-section-1 .item img{min-height:63px;}







.home-section-2{background:#f3f3f3; padding:35px 0 60px 0;}



.home-section-2-text{padding:100px 0 0 0;}

.home-section-2-text h2{margin:50px 0 20px 0; font-weight:400; font-size:30px;}



footer{padding:65px 0 0 0;}

.footer-item{overflow:hidden;}

.footer-item img{margin:30px 0 0 0;}

footer ul{list-style-type:none; padding:0px;}

footer ul li{margin:3px 0;}

footer ul li a{color:#000; font-size:14px; font-weight:500;}

footer ul li a:hover{color:#ed1c24;}

footer ul li.social{float:left;}

footer ul li.social a img{margin:0 5px 0 0;}



.footer-top{overflow:hidden; border-bottom:1px solid #d6d6d6; padding-bottom: 45px;}



.footer-bottom{padding:20px 0 0;}

.footer-bottom p{font-size:10px;}

.home-newsletter{ background:#f3f3f3; padding:65px 0 25px;}

.home-newsletter h2{font-size:30px; font-weight:500; margin-bottom:30px;}





.home-section-3{background:#e5d2d3; overflow:hidden;}

.home-section-3 .left-colum {

    background: #fff;

    padding: 200px 100px;
    height: 100%;

}


.retsec{
	color:#f41616;
	font-size: 12px;
	margin: 0 0 10px 0;
}
.home-section-3 .left-colum h2{font-size:42px; font-weight:400; margin-bottom:50px;}

.home-section-3 .right-colum{margin:50px 0 0 -137px;}

.home-section-3 .right-colum:after{

	content: "";

    background: url(../../../alfoodo/storage/images/chilli.png) right top/contain no-repeat local;

    width: 700px;

    height: 500px;

    position: absolute;

    right: 45px;

    top: 50px;

}

.home-section-3 .right-colum img{width:60%;}



.home-section-4{background:#fff; overflow:hidden;}

.home-section-4 .left-colum{background: #fcf5dd; padding: 30px 0px 0px 0px;height: 100%;}

.home-section-4 .right-colum{ padding:150px 0 0 116px}

.home-section-4 .right-colum h3{font-size:30px; line-height:40px; font-weight:500;}

.home-section-4 .right-colum h3 span{color:#5c960e;}

.home-section-4 .right-colum h5{font-size:18px; font-weight:400; line-height:25px;}

.home-section-4 .right-colum h5 span{font-weight:500;}



.home-section-4 .right-colum h6{color:#3c3c3c;     margin: 30px 0;}

.home-section-4 .right-colum h6 i{ color:#f41616; font-size: 12px; margin: 0 10px;}









.section-search{ background:#f3f3f3; padding:72px 0 30px;}

.section-search .searchbox{box-shadow: 0px 17px 35px rgba(74, 74, 115, 0.1), 0px 5px 15px rgba(0, 0, 0, 0.07);}

.has-search .form-control {

    padding-left: 2.375rem;

    border-radius: 0px;

    padding: 20px 65px;

	color:#000;

	border:none;

}



.has-search .form-control-feedback {

    position: absolute;

    z-index: 2;

    display: block;

    width: 2.375rem;

    height: 2.375rem;

    line-height: 4rem;

    text-align: center;

    pointer-events: none;

    padding: 0 0 0 30px;

    color: #000;

}





.section-search-list{

	background: #f3f3f3;

    padding: 10px 0 35px 0;

	overflow:hidden;

}



.nav-tabs{margin-bottom: 30px;}

.nav-tabs .nav-link{font-weight: 500; color: #333;}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border-radius: 0px; border: none; border-bottom:0px;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color:#ed1c24; background-color:transparent; border:none; border-bottom:1px solid #ed1c24;}

.tab-pane [class^="col-"]{
    margin-bottom: 45px;
}
.input-number,
.input-number:hover,
.input-number:focus{
    background-color: #fff;
    outline: none;
    box-shadow: none;
    text-align: center;
}
.dish-img-wrapper{
display: flex;
    justify-content: center;
    align-items: center;
    height: 240px;
    overflow: hidden;
    margin: 0 0 15px 0;
}
.dish-img-wrapper img{
    height: 265px;
}
.dish-description{
}
.dish-description h6{
    margin-bottom: 0px!important;
}
.dish-description p{
    margin-bottom: 3px;
}
.btn,
.btn:hover,
.btn:focus{
    outline: none;
    box-shadow: none;
}
.food-dishes-heading{
    display: flex;
    justify-content:left;
    overflow: hidden;
    margin: 0 0 0px 0;
}
.food-dishes-heading span{
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: left;
    align-items: center;
}
.item-1-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.item-1-footer p{
    padding: 0;
    margin:0 10px 0 0;
}
.item-1-footer .red-price{
    color:#ed1c24;
}
.item-1-footer .input-group{
    background-color: #fff;
}
.item-1-footer .form-control, .item-1-footer .input-number{
    background-color: #fff;
}
.item-1-footer .form-control:hover,
.item-1-footer .form-control:focus,
.item-1-footer .input-number:hover,
.item-1-footer .input-number:focus{
    background-color: #fff;
}
.item-1-footer .btn-green {
    color: #fff;
    background: #63aa1f;
    border: 1px solid #63aa1f;
    font-size: 13px;
    padding: 5px 25px;
}
.item-1-footer .btn-green:hover {
    color: #63aa1f;
    background: none;
    border: 1px solid #63aa1f;
}
.tab-content .item{margin:15px auto; overflow:hidden; background:#fff; border:1px solid #ccc; border-radius:3px; height: 100%;}

.tab-content .item .img-cont{    margin: 10px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 235px;
    overflow: hidden;
}
    .item .img-cont img{
        height: 250px;
        object-fit: contain;
    }

.tab-content .item .text{padding: 5px 12px 2px 12px; border-bottom: 1px solid #ccc; overflow: hidden;}

.tab-content .item .text h5{margin-bottom:5px;}

.tab-content .item .text h5 a{color:#ed1c24; font-size:16px; font-weight:500;}

.tab-content .item .text h6{font-size:14px; font-weight:500; margin-bottom:3px;}

.tab-content .item .text p{font-size:13px; font-weight:400; margin: 0 0 2px 0;}

.tab-content .item .text .rating a{color:#000;}

.tab-content .item .text .rating a:hover{color:#ed1c24;}

.tab-content .item .text .rating i{color:#ed1c24;}

.tab-content .item .text .price, .tab-content .item .text .time{font-size:13px; margin:10px 0 8px 0;}



.item-footer{padding:10px 12px; display: flex; justify-content: space-between;align-items: center;}

.item-footer .green{color:#15840d; font-weight:500;padding-right: 10px;}

.item-footer .red{color:#ed1c24; font-weight:600;padding-left: 0px;}







.breadcrumb-cont{background:#f3f3f3; overflow:hidden;}

.breadcrumb{background:none; margin:15px 0px 0px 0px; padding:0px;}

.breadcrumb li a, .breadcrumb-item.active{color:#000;}

.breadcrumb-item{font-size:12px;}

.breadcrumb li a:hover{color:#ed1c24;}



.listing-section-1{background:#f3f3f3; overflow:hidden; padding:0 0 30px;}

.listing-section-1 img{margin:15px 0;}

.listing-section-2{background:#f3f3f3; overflow:hidden; padding:15px 0 30px;}

.listing-section-2 .listing{overflow:hidden; margin:0 0 50px 0;}

.listing h3{font-weight:400; font-size:26px; margin-bottom:2px;}

.listing .item{margin:15px auto; overflow:hidden; background:#fff; border:1px solid #ccc; border-radius:3px;}

.listing .item .img-cont{margin:0 10px;}

.listing .item .text{padding: 12px; border-bottom: 1px solid #ccc; overflow: hidden;}

.listing .item .text h5{margin-bottom:5px;}

.listing .item .text h5 a{color:#ed1c24; font-size:16px; font-weight:500;}

.listing .item .text h6{font-size:14px; font-weight:500; margin-bottom:3px;}

.listing .item .text p{font-size:13px; font-weight:500;}

.listing .item .text .rating a{color:#000;}

.listing .item .text .rating a:hover{color:#ed1c24;}

.listing .item .text .rating i{color:#ed1c24;}

.listing .item .text .price, .listing .item .text .time{font-size:13px; margin:10px 0 15px 0; font-weight:500;}







.listing-section-2 .leftbar{background:#fff;}

.listing-section-2 .leftbar ul{list-style-type:none; padding:0px;}

.listing-section-2 .leftbar ul li{overflow:hidden;}
.listing-section-2 .leftbar ul li a{overflow:hidden; display: block ;padding:20px 20px;}

.listing-section-2 .leftbar ul li a span img{margin-right:15px;}

.listing-section-2 .leftbar ul li a span h6{margin-bottom:0px; color:#000; font-size:16px;}

.listing-section-2 .leftbar ul li a span h6 small{font-size:12px; color:#666666;}

.listing-section-2 .leftbar ul li:hover a{background:#fcdfe0;}
.listing-section-2 .leftbar ul li a.is-active{background:#fcdfe0;}

.listing-section-2 .leftbar ul li:hover a span h6{color:#ed1c24;}

.btn-listing{background: #63aa1f; color: #fff; font-weight: 500; text-transform:capitalize; border: 1px solid #63aa1f; width: 100%; font-size:14px;}

.btn-listing:hover{background:none; color:#63aa1f;}	

.left-scroll{position:fixed; top: 15px; width: 19%; z-index:2;}




.custom-form-group{
    display: flex;
    justify-content: left;
    align-items: center;
}
.custom-form-group label{
    margin: 0 10px 0 0!important;
    width: 150px;
    text-align: right;
}


.user-dashboard-1{background:#f3f3f3; overflow:hidden; padding:30px 0 38px; }

.user-dashboard-1-cont{box-shadow: 0px 17px 35px rgba(74, 74, 115, 0.1), 0px 5px 15px rgba(0, 0, 0, 0.07); background:#fff;padding: 0 25px;}

.user-dashboard-1-cont .img-cont{ width:20%; margin:50px 30px 50px 50px;}

.user-dashboard-1-cont .name-contact{float:left; margin:70px 50px 50px 0;}

.user-dashboard-1-cont .name-contact h4{font-size:24px;}

.user-dashboard-1-cont .name-contact h6{font-size:16px;}

.user-dashboard-1-cont .name-contact h6 i{margin:0 7px 0 0;}

.user-dashboard-1-cont .edit-cont{margin:88px 50px 50px 50px;}

.user-dashboard-1-cont .edit-cont .btn-primary{ text-transform:capitalize; font-weight:400; padding:7px 25px;}



.user-dashboard-2{background:#f3f3f3; overflow:hidden;  padding:30px 0 38px 0;}

.user-dashboard-2 .leftbar{background:#fff; margin:0 auto 30px; overflow:hidden;}

.user-dashboard-2 .leftbar ul{ list-style-type:none; padding:0;}

.user-dashboard-2 .leftbar ul li{padding: 0;}

.user-dashboard-2 .leftbar ul li a{color:#000; font-size:14px; font-weight:500;padding:15px;display: block;} 

.user-dashboard-2 .leftbar ul li:hover a{ background:#fcdfe0;} 
.user-dashboard-2 .leftbar ul li a.router-link-active{ background:#fcdfe0;} 
.numeric-btn-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 32px;
}
.more-loader-panel{
    height: 34px;
}
.numeric-btn-wrapper span{
    width: 20%;
}
.numeric-btn-wrapper input{
    width: 60%;
}

.loadmore-sec{
    display: flex;
    justify-content: center;
    align-items: center;
}
.loadmore-sec button{
        background: #f41616;
        width: 160px;
        height: 45px;
        text-align: center;
        border-radius: 6px;
        color: #fff;
        border: none;
        margin:25px 0 15px 0;
        cursor: pointer;

        -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.48);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.48);
}



.rightbar h2{font-size:18px; font-weight:500; letter-spacing:1px;}

.search-sort-bar{border:1px solid #d3dbde; padding:15px; border-bottom: none;}

.search-sort-bar form .form-group{margin-bottom:0px;}

.search-sort-bar form .form-group label{float:left; margin:8px; font-weight:500; font-size:14px;}

.search-sort-bar form .form-group .form-control{width:60%; float:left; border-radius:0px; padding:7px 15px 10px 15px; font-size:14px;}

.search-sort-bar form .form-group #search{width:90%;}

.order{overflow:hidden; margin-bottom:30px;}

.order .title{border:1px solid #d3dbde; padding:15px;}

.order .title h3{font-size:18px; letter-spacing:1px; font-weight:500; margin-bottom:0px;}

.order .body{border:1px solid #d3dbde; border-top:none; border-bottom:none; background:#fff; overflow:hidden; padding:30px 30px 60px 30px;}

.order .body .alignleft h6{font-size:14px; font-weight:400; color:#000; margin-bottom:20px;}

.order .body .alignleft h6 img{margin:0 5px 0 0; font-weight:500;}

.order .body .alignleft h5{font-size:16px; font-weight:600; color:#000; margin-bottom:20px;}

.order .body .alignleft h5 small{font-size:12px; color:#666;}



.order .body .middle{text-align:left; margin: 0px 0 0 0;}

.order .body .middle h6{font-size:12px; font-weight:500; color:#000; margin-bottom:10px;}

.order .body .middle h6 span{font-size:12px; font-weight:400; color:#000; margin-bottom:10px;}

.order .body .alignright h6{color:#129424; font-size:14px; margin:50px 0 0 0; font-weight: 600;}

.order .body .alignright h6.canceled{color:#ed1c24;}

.delivered{
text-align: right;
color:#129424;
text-transform: capitalize;
}
.pending{
text-align: right;
color:#f69f00;
text-transform: capitalize;
}
.canceled{
    text-align: right;
    color:#f6001a;
    text-transform: capitalize;
}

.accepted{
text-align: right;
color:#ffba00;
text-transform: capitalize;
}

.prepared{
text-align: right;
color:#ff5a00;
text-transform: capitalize;
}
.listcal .out,
.listcal .delivery{
text-align: right;
color:#0060ff;
text-transform: capitalize;
}
.out-for-delivery{
text-align: right;
color:#0060ff;
text-transform: capitalize;
}
.delivered,.accepted,.prepared, .listcal .out, .out-for-delivery, .listcal .delivery{
    text-transform: capitalize;
}






.order .bottom{background:#f8f8f8; padding:15px 30px; overflow:hidden; border:1px solid #d3dbde; border-top:none;}

.order .bottom h6{margin-bottom:5px;} 





.btn-order{background:#fff; color:#000; font-size:14px; font-weight:500; border:1px solid #d3dbde; border-radius:0px;}

.btn-order:hover{ color:#f41616;}





.loyalty-point-1{background:#fff; border:1px solid #d3dbde;}

.loyalty-point-1 h3{font-size:20px; color:#43800a; margin:50px auto; font-weight:400; line-height: 28px;}

.loyalty-point-1-btn-cont{padding:15px; overflow:hidden;}

.loyalty-point-btn-green{ background:#55a806; color:#fff; border:1px solid #393636; font-size:12px; width:100%; font-weight:500;}

.loyalty-point-btn-green:hover{background:#fff; color:#393636;}

.loyalty-point-btn-white{ background:#fff; color:#393636; border:1px solid #393636; font-size:12px; width:100%; font-weight:500;}

.loyalty-point-btn-white:hover{background:#55a806; color:#fff;}







.rightbar{overflow:hidden; margin-bottom:15px;}

.rightbar .redeem-free-items{overflow:hidden;}

.rightbar .redeem-free-items .title{border: 1px solid #d3dbde; padding: 7px 15px; overflow:hidden;}

.rightbar .redeem-free-items .title h3{margin:5px 0; color:#333333; font-weight:500; font-size:19px;}

.rightbar .redeem-free-items .title .view-all-btn{background:#ed1c24; border:1px solid #ed1c24; font-size:12px; font-weight:500; color:#fff; text-transform:uppercase;}

.rightbar .redeem-free-items .title .view-all-btn:hover{border:1px solid #ed1c24; color:#ed1c24; background:none;}

.rightbar .redeem-free-items .body{background:#fff; border:1px solid #d3dbde; padding:15px; border-top:none;}



.rightbar .redeem-free-items .body .owl-theme .owl-nav{position:relative;}

.rightbar .redeem-free-items .body .owl-theme .owl-nav i{font-size:45px; color:#000;}

.rightbar .redeem-free-items .body .owl-theme .owl-nav .owl-prev{float:left; margin:-330px 0 0 -10px;}

.rightbar .redeem-free-items .body .owl-theme .owl-nav .owl-next{float:right; margin:-330px -10px 0 0; }

.rightbar .redeem-free-items .body .owl-theme .owl-nav [class*=owl-]{padding:0px; background: #fff; display: inline-block; opacity: 0.8;}

.rightbar .redeem-free-items .body .owl-theme .owl-dots{display:none;}



.user-dashboard-2 .alert{border-radius:0px;}

.user-dashboard-2 .alert-danger{ color:#bc2e1b; font-weight:500; font-size:16px; text-align:center;}





.details-page{ background:#f3f3f3; overflow:hidden;}

.details-sec-1{background:#fff; padding:15px 0; overflow:hidden; margin: 15px 0;}

.details-sec-1 img{margin:15px 15px 15px 0px;}

.details-sec-1 .details-sec-1-text{margin:15px 0;}

.details-sec-1 .details-sec-1-text h4{color:#ed1c24; font-size:22px; margin-bottom:10px; font-weight:600;}

.details-sec-1 .details-sec-1-text h5{font-size:13px; line-height:26px; margin-bottom:5px;}

.details-sec-1 .details-sec-1-text h5 strong{font-weight:700;}

.details-sec-1 .details-sec-1-text h5 span{color:#417d09;}

.details-sec-1 .details-sec-1-text .rating i{font-size:13px; color:#ed1c24;}

.details-sec-1 .details-sec-1-text ul{ list-style-type:none; overflow:hidden; padding:0px;}

.details-sec-1 .details-sec-1-text ul li{float:left; margin:0 30px 0 0;}

.details-sec-1 .details-sec-1-text ul li img{margin:5px 5px 5px 0;}



.halal-certified{color:#137c3e; font-weight:500; font-size:12px;}

.halal-certified img{margin:0px 5px 0px 0px;}







.veg-review{margin:15px 0; overflow:hidden;}

.button-checkbox button{background:#fff; font-weight:500; border:none; color:#000; text-transform:capitalize; cursor:pointer; font-size:14px; padding:7px 5px 7px 15px;}

.button-checkbox button:hover{border:none; color:#000;}

.button-checkbox{background:#fff; border:1px solid #b1c2f5; cursor:pointer; padding:0px 2px 0px 2px; margin:15px 15px 15px 0; box-shadow:0px 3px 11px rgba(74, 74, 115, 0.1), 0px 5px 15px rgba(0, 0, 0, 0.07);}

.button-checkbox img{margin:0 10px 0 0;}





.details-sec-2{overflow:hidden; margin:0 0 50px 0;}

.details-sec-2 .rightbar{overflow:hidden; border:1px solid #e1e1e1;} 

.details-sec-2 .rightbar .title{background:#f6f6f6; padding:15px;}

.details-sec-2 .rightbar .title h3{font-weight:500; color:#000; font-size:24px; margin-bottom:0px;}

.details-sec-2 .rightbar .body{background:#fff; padding:15px; overflow:hidden;}

.details-sec-2 .rightbar .body h4{font-size:18px; font-weight:500;}







.details-sec-2 .rightbar .body label{ float:left; font-size:13px; margin:15px 0px 15px 0;}

.details-sec-2 .rightbar .body .input-group{width: 57%; height:40px; border: 1px solid #ccc; padding: 5px; float: left; margin-bottom:15px; border-radius: 5px;}
.details-sec-2  .rightbar .body .input-group button{
    padding-left: 5px;
    padding-right: 5px;
}

.details-sec-2 .rightbar .body .input-group input{border:none; height: 28px;}

.details-sec-2 .rightbar .body .input-group button{background:none; border:none; color:#63aa1f;}

.details-sec-2 .rightbar .body .price{float:right; font-size:13px; margin:15px 0 0 15px;}







.details-sec-2 .nav-tabs .nav-link.active{ background:#ed1c24; color:#fff; border-radius:5px 5px 0 0;}

.details-sec-2 .nav-tabs{border-bottom:2px solid #ed1c24;}

.details-sec-2 .nav-tabs .nav-item{width:25%;}

.details-sec-2 .nav-tabs .nav-link{text-align:center;}





.details-sec-2 .tab-content{background:#fff; border:1px solid #e1e1e1;}

.details-sec-2 .nav-tabs{ margin-bottom:10px;}



.inner-tab-border{border-right:1px solid #ccc;}

.popular-foods h3{font-size:24px; font-weight:500; margin-top:15px; margin-bottom: 5px;}

.popular-foods .item-1{overflow:hidden; margin:15px auto;}

.popular-foods .item-1 img{ margin-bottom:30px;}

.popular-foods .item-1 h6{margin-bottom:5px; font-size:14px; font-weight: 600;}

.popular-foods .item-1 h6 img{ margin-bottom:3px;}

.popular-foods .item-1 p{ font-size:13px; line-height: 20px;}

.popular-foods .item-1 .red-price{color:#ed1c24; font-size:13px; display:inline-block; margin:8px 0 8px 0;}

.popular-foods .item-1 .btn-green{color:#fff; background:#63aa1f; border:1px solid #63aa1f; font-size:13px; padding:5px 25px;}

.popular-foods .item-1 .btn-green:hover{color:#63aa1f; background:none; border:1px solid #63aa1f;}





.special-offer{ overflow:hidden;}

.special-offer h3{font-size:24px; font-weight:500; margin-top:15px; margin-bottom: 5px;}

.special-offer .item-2{/*border-top:1px solid #ccc;*/ /*margin: 30px auto;*/ padding: 15px 0;}

.special-offer .item-2 .item-2-element{border-bottom:1px solid #ccc; margin: 10px 0; padding: 10px 0;}

.item-2-element .red-price{color:#ed1c24; font-size:13px; display:inline-block;}

.item-2-element .btn-green{color:#fff; background:#63aa1f; border:1px solid #63aa1f; font-size:13px; padding:5px 25px;}

.item-2-element .btn-green:hover{color:#63aa1f; background:none; border:1px solid #63aa1f;}



.details-tab-left{padding:30px;     height: 100%;}

.details-tab-left h5{font-size:14px; font-weight:600; color:#000; text-align:right;}

.details-tab-left ul{list-style-type:none; padding:0px;}

.details-tab-left ul li{margin:2px 0; text-align: right;}

.details-tab-left ul li a{font-size:13px; color:#000; text-align:right;}

.details-tab-left ul li a.active, .details-tab-left ul li a:hover{color:#ed1c24; position:relative;}



.details-tab-left ul li a.active:after{content: "\f111"; font-family: FontAwesome; position: absolute; margin: 4px 0 0 26px;}





.eooror-msg{
    font-size: 13px;
    color: #f41616;
    margin: 10px 0 0 0;
    font-weight: 700;
}

 .notaval{
    background-color: #f1f1f1;
    padding: 15px 0 0 0;
}
 .notaval .form-control.input-number,
  .notaval .form-control.input-number:hover,
   .notaval .form-control.input-number:focus{
    background-color: transparent;
 }

.item-1 .input-group{width: 42%; border: 1px solid #ccc; padding: 0px 5px; float:right; border-radius: 5px;position: relative;}

.item-1 .input-group input{border:none;}

.item-1 .input-group button{background:none; border:none; color:#63aa1f; padding: 7px 3px;}



.btn-red{background:#ed1c24; color:#fff; width:100%; text-transform:uppercase; font-size:14px;border:1px solid #ed1c24; }

.btn-red:hover{border:1px solid #ed1c24; background:transparent; color:#ed1c24;}



.subtotal{font-weight:600; font-size:14px; color:#000; margin:15px 0 15px 0;}



.details-sec-2 .nav-tabs .nav-link {font-weight: 500; margin: 1px; color: #333; background: #fff; border-radius: 5px 5px 0 0; border: 1px solid #ccc; border-bottom: none; }

.details-sec-2 .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border-radius: 5px 5px 0 0; border: 1px solid #ccc; border-bottom:0px;}

.details-sec-2 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color:#ed1c24; background-color:transparent; border:none; border-bottom:1px solid #ed1c24;}









.cart-sec{margin:50px auto; overflow:hidden;}

.cart-sec .rightbar{overflow:hidden; border:1px solid #e1e1e1;} 

.cart-sec .rightbar .title{background:#f6f6f6; padding:20px 15px;}

.cart-sec .rightbar .title p{margin-bottom:0px; font-size:13px;}

.cart-sec .rightbar .title h4{font-weight:500; color:#000; font-size:18px; margin-bottom:0px;}

.cart-sec .rightbar .body{background:#fff; padding:15px; overflow:hidden;}

.cart-sec .rightbar .body h4{font-size:18px; font-weight:500;}







.cart-sec .rightbar .body label{ float:left; font-size:13px; margin:0px 0 10px 0;}

.cart-sec .rightbar .body .input-group{width: 57%; height:45px; border: 1px solid #ccc; padding: 5px; float: left; margin-bottom:15px; border-radius: 5px;}
.cart-sec .rightbar .body .input-group button{
    padding-left: 5px;
    padding-right: 5px;
}

.cart-sec .rightbar .body .input-group input{border:none;}

.cart-sec .rightbar .body .input-group button{background:none; border:none; color:#63aa1f;}

.cart-sec .rightbar .body .price{float:left; font-size:13px; margin:15px 0 0 15px;}



.input-wrapper{
       position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 0 0 auto;
}

.delivery-take-dine-cont{overflow:hidden; margin:15px auto;}

.delivery-take-dine-cont .delivery{
    justify-content: left;
    align-items: center;
    display:flex;border:1px solid #e1e2e8; 
    border-radius:3px; background:#fff; 
    padding:5px 15px; margin:10px 0; 
    font-size:14px; font-weight:500; 
    box-shadow: 0px 2px 2px rgba(74, 74, 115, 0.1), 
    0px 5px 15px rgba(0, 0, 0, 0.07);} 
    .delivery-take-dine-cont .conten.active{
    display:flex;border:1px solid #3eb74f; 
    border-radius:3px; background:#e5f8e7; 
}

.delivery-take-dine-cont .right-tick{float:right; margin:5px 0 0 0;}

.delivery-take-dine-cont .take-away{
    display: flex;
    justify-content: left;
    align-items:center;
}
.delivery-take-dine-cont .dine{
    justify-content: left;
    align-items: center;
    display:flex;}

.delivery-take-dine-cont .take-away, .delivery-take-dine-cont .dine{border:1px solid #e1e2e8; border-radius:3px;  padding:5px 15px; margin:10px 0; font-size:14px; font-weight:500; box-shadow: 0px 2px 2px rgba(74, 74, 115, 0.1), 0px 5px 15px rgba(0, 0, 0, 0.07);} 

.delivery-take-dine-cont .take-away img, .delivery-take-dine-cont .dine img, .delivery-take-dine-cont .delivery img{ margin:0 15px 0 0;}



.cart-sec .rightbar .body .bill-details h6{ font-size:14px; font-weight:500;}

.cart-sec .rightbar .body .bill-details p{margin-bottom:5px; color:#666666; font-size:13px;}

.cart-sec .rightbar .body .bill-details hr.bold{border-bottom:1px solid #9fa4a8;}







.delivery-time-cont{ padding:30px; background:#fff; margin:0 0 30px;}

.delivery-time-cont h5{font-size:20px; color:#000; font-weight:500;}

.delivery-time-cont .delivery-time{margin:5px 0 0 15px; color:#000; font-size:14px; letter-spacing: 1px;} 

.delivery-time-cont .delivery-time img{margin-right:10px; display:inline-block;}

.delivery-time-cont .delivery-time .time{display:inline-block; padding:2px 15px; margin:0 0 0 15px; border-radius:5px; background:#3eb74f; color:#fff; font-size:14px;}







.delivery-address-cont{ padding:30px 0; background:#fff; margin:0 0 30px; overflow:hidden;}

.delivery-address-cont h5{font-size:16px; color:#000; font-weight:500;}

.delivery-address-cont h5 a{color:#ed1c24; text-transform:uppercase; font-size:14px; margin:0 0 0 15px;}

.delivery-address-cont .delivery-address{margin:5px 0 40px 0; color:#000; font-size:14px; letter-spacing: 1px;} 

.delivery-address-cont .delivery-address img{margin-right:10px; display:inline-block;}



.delivery-address-cont .saved-address h6{ color:#000; font-size:14px; font-weight:400; margin-left:0px; margin-bottom: 5px;}

.delivery-address-cont .saved-address .address-box{width:35%; float:left; margin:15px; padding:20px; font-size:14px; border:1px solid #d9d9d9;}





.location-cont{padding:15px; background:#fff; margin:0 0 30px; overflow:hidden;}

.location-cont p{ text-align:center; color:#3d9a2e;}

.location-cont p span{font-size:18px;}

.location-cont p a{ color:#3d9a2e;}

.location-cont p a:hover{text-decoration:underline;}

.location-cont .btn-location{ background:#3eb74f; border:1px solid #3eb74f; color:#fff; font-size:14px; padding:15px 35px;}

.location-cont .btn-location:hover{ background:none; border:1px solid #3eb74f; color:#3eb74f;}



.location-cont .cont{padding:30px 0;}

.location-cont .cont .item{background:#f9f9f9; border:1px solid #d7d7d7; padding:16px 25px; width:80%; margin:15px 0; border-radius:5px;}

.location-cont .cont .item h6{ color:#333333; font-size:12px; font-weight:500; margin-bottom:5px;}

.location-cont .cont .item p{ color:#666666; font-size:12px; text-align:left; margin-bottom:0px;}



.btn-save-deliver{background:#ed1c24; border:1px solid #ed1c24; color:#fff; font-size:14px; padding:15px 35px; text-transform:uppercase;}

.btn-save-deliver:hover{background:none; border:1px solid #ed1c24; color:#ed1c24;}

.address-inline-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #d1d1d1;
    padding: 0 0 15px 0;
}

.address-inline-wrapper .addressedit{
    width: 120px;
    background-color: #006cff;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    height: 35px;
    border: none;
    border-radius: 2px;
    margin: 0 0 0 25px;
    cursor: pointer;
}
.address-inline-wrapper .addressedit i{
    padding: 0 6px 0 0;
}
.address-btn-wrapper{
    height: 50px;
    justify-content: flex-end;
    display: flex;
}
.address-btn-wrapper a{
    width: 240px;
    background-color: #f41616;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    height: 45px;
    border: none;
    border-radius: 2px;
    margin: 0 0 0 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
}
.custom-form-input-wrapper{
    display: block;
}
.custom-form-input-wrapper .location{
    padding: 10px 15px!important;
    border-radius: 3px!important;
    background: #f3f2f2!important;
    color: #000!important;
    width: 100%!important;
    margin: 0 0 25px 0!important;
}
.custom-form-input-wrapper .form-cal{
    padding: 10px 15px!important;
    border-radius: 3px!important;
    background: #f3f2f2!important;
    color: #000!important;
    width: 100%!important;
    margin: 0 0 0px 0!important;
    border: none;
}
.custom-form-input-wrapper .form-cal::-webkit-input-placeholder { 
  color: #000;
}
.mt-10{
    margin-top: 10px;
}
.custom-form-input-wrapper .form-cal:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}



.custom-form-input-wrapper .form-cal::placeholder {
  color: #000;
}
.user-update .btnsub {
    background: #f41616;
    border: 1px solid #f41616;
    color: #fff;
    font-size: 14px;
    padding: 9px 35px;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 3px;
    width: 160px;
}
.signin-page-wrapper{
    display: block;
}
.signin-page-wrapper form{
    width: 40%;
    margin: 0 auto 35px auto;
    background-color: #fff;
    padding: 25px;
    border-radius: 6px;
}
.signup-page-wrapper form{
    width: 65%;
    margin: 0 auto 35px auto;
    background-color: #fff;
    padding: 25px;
    border-radius: 6px;
}
.loadmore-loader{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px 0;
}

.payment-cont{padding:30px; background:#fff; margin:15px 0 0; overflow:hidden;}

.payment-cont h5{font-size:16px; color:#000; font-weight:500;}

.payment-cont p{color:#000; margin:21px; letter-spacing:1px;}

.payment-cont form{margin:21px; width:80%;}



.payment-cont form .form-control{padding:10px 15px; border-radius:3px; background:#f3f2f2; color:#000;}

.payment-cont form .form-control::placeholder{letter-spacing:1px; font-size:12px; color:#000;}

.payment-cont form .expiary{margin-bottom:15px;}

.payment-cont form .expiary-text{ color:#999999; font-size:12px; padding:16px 15px 15px; border-radius:3px 0 0 3px; background:#f3f2f2; border:1px solid #ced4da; float:left; width:30%;}

.payment-cont form .month{padding: 15px 20px; font-size: 12px; background: #f3f2f2; border: 1px solid #ced4da; border-left: none; border-right: none; color:#000; width:30%;}

	

.payment-cont form .year{padding: 15px 20px; font-size: 12px; background: #f3f2f2; border: 1px solid #ced4da; border-radius:0 3px 3px 0; margin:0 0 0 -5px; color:#000; width:30%;}

.payment-cont form .cvv{position:relative;}

.payment-cont form .cvv i{position: absolute; z-index: 2; top: 15px; right: 12px; color:#666;}



.payment-cont form .form-check label{font-size:12px;}

.payment-cont form .form-check label input{margin-top:2px;}



.btn-placeorder {background: #3eb74f; border: 1px solid #3eb74f; color: #fff; font-size: 14px; padding: 15px 35px; margin-top:20px; text-transform:uppercase;

	letter-spacing:1px;}

.btn-placeorder:hover{ background:none; border:1px solid #3eb74f; color:#3eb74f;}



.payment-option{background:#fff; padding:10px 30px; margin:1px 0 0 0; font-size:14px;}

.payment-option input{margin:15px 15px 0 0;}





.dine-cont{padding:30px; background:#fff; margin:15px 0 0; overflow:hidden;}

.dine-cont form{ margin:0 20px 0 20px;}

.dine-cont h5{font-size:16px; color:#000; font-weight:500; margin:0 0 20px 0;}

.dine-cont label{color:#000; font-size:12px; font-weight:500; letter-spacing: 1px;}

.dine-cont .form-control{padding:8px 42px; border-radius:3px; background:#f3f2f2; border:none; color:#656565; font-size:12px; letter-spacing:1px;}



.no-of-guest{position:relative;}

.no-of-guest i{position: absolute; z-index: 2; top: 42px; left: 15px; color:#656565;}

.dine-cont h6{font-size:14px; margin:10px 0 25px;}

/*.dine-cont input[type=text]{padding:11px 45px !important;}*/



.no-of-guest-bottom{position:relative;}

.no-of-guest-bottom i{position: absolute; z-index: 2; top: 13px; left: 15px; color:#656565;}







.dine-cont .radioBox {

	position:relative;

	overflow:hidden;

	}

.dine-cont input[type=radio] {

	position:absolute;

	left:0;

	right:0;

	width:100%;

	height:100%;

	top:0;

	overflow:hidden;

	visibility:hidden;

}

.dine-cont input[type=radio] + label {

	background:none; padding:15px 29px; color:#656565; border:1px solid #999;} 

.dine-cont input[type=radio]:checked + label {

  	background:#3d9a2e; border:1px solid #3d9a2e; color:#fff;

} 





.dine-cont ul{list-style-type:none; padding:0px; overflow:hidden;}

.dine-cont ul li{float:left; margin:10px 10px 10px 0;}

.loader {

    border: 16px solid #f3f3f3;

    border-radius: 50%;

    border-top: 16px solid #ed1c24;

    width: 50px;

    height: 50px;

    -webkit-animation: spin 2s linear infinite; /* Safari */

    animation: spin 2s linear infinite;

  }
.useraccfrm .form-control {
    padding: 10px 15px;
    border-radius: 3px;
    background: #f3f2f2;
    color: #000;
}
.btnsub {background: #f41616; border: 1px solid #f41616; color: #fff; font-size: 14px; padding: 15px 35px; margin-top:20px; text-transform:uppercase;

    letter-spacing:1px; border-radius: 3px;}

    #sigformid label{
        font-size: 14px;
        font-weight: 300!important;
    }
    .login-form{
        padding: 20px 0 0 0;
        position: relative;
    }
    .login-form .title-sec{
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
        border-bottom: 1px solid #f1f1f1;
        padding-bottom: 6px;
        margin-bottom: 25px;
    }
    .login-form .btnsub {
    background: #f41616;
    border: 1px solid #f41616;
    color: #fff;
    font-size: 14px;
    padding: 9px 35px;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 3px;
    width: 100%;
    cursor: pointer;
}
.cloasemodcal{
    position: absolute;
    right: 0;
    top: 22px;
}
 .login-form .sign-up-btn {
    width: 135px;
    margin: 0 auto;
    cursor: pointer;
}

.fb-login-wrapper{
        display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 10px 0;
}
.fb-login-wrapper i{
    color: #fff;
}
.signup-page-wrapper button{
    margin: 0 auto;
}

    .vegnonimg{
        display: flex;
        justify-content: left;
        align-items: top;
    }
    .vegnonimg .left{
        width: 25px;
        margin-right: 5px;
    }
    .vegnonimg .right{
        width: 95%;
        min-height: 38px;
    }


/* The container */
.conten {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.conten input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.conten .checkmark {
  position: absolute;
  top: -13px;
  right: 0;
  height: 25px;
  width: 25px;
  background-color: transparent;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.conten:hover input ~ .checkmark {
  background-color: transparent;
}

/* When the radio button is checked, add a blue background */
.conten input:checked ~ .checkmark {
  background-color: transparent;
}
.delivery .conten input:checked ~ .checkmark {
    background-color: transparent;
    }
    .take-away .conten input:checked ~ .checkmark {
    background-color: transparent;
    }
    .dine .conten input:checked ~ .checkmark {
    background-color: transparent;
    }

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.conten input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.conten .checkmark:after {
     left: 9px;
  top: 5px;
  width: 7px;
  height: 12px;
  border: solid #3eb74f;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.delivery-take-dine-cont label{
    width: 100%;
}
.btnsub:hover{ background:none; border:1px solid #f41616; color:#f41616;}
.rightbar input.input-number,
.rightbar input.input-number:hover,
.rightbar input.input-number:focus{
    text-align: center;
    background-color: #fff;
    outline: none;
    box-shadow: none;
}

.restro-description-wrapper{
    padding: 15px 0 0 0;
}
.customer-review-wrapper{
    padding: 15px 0 0 0;
}
.customer-review-wrapper ul{
    list-style: none;
    padding: 0;
    margin:0;
}
.customer-review-wrapper ul li{
    display: block;
    margin-bottom: 15px;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #f1f1f1;
}
.customer-review-wrapper ul li:last-child{
    display: block;
    margin-bottom: 0;
    padding: 0 0 15px 0;
    border-bottom: none;
}
.client-name-wrappwr{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main-review-panel h3{
    font-size: 18px;
    margin-bottom: 5px;
}
.main-review-panel p{
    font-size: 14px;
    margin-bottom: 15px;
}
.vue-star-rating-rating-text[data-v-34cbeed1] {
    margin-top: 0px!important;
    margin-left: 7px;
}
.btn-red a{
    color: #fff;
}
.btn-red:hover a{
    color: #ed1c24;
}
.vegonly {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* Hide the browser's default checkbox */
.vegonly input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.vegonly .checkmark {
      position: absolute;
    top: -3px;
    left: 8px;
    height: 18px;
    width: 18px;
    background-color: #ccc;
    border-radius: 2px;
}

/* On mouse-over, add a grey background color */
.vegonly:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.vegonly input:checked ~ .checkmark {
  background-color: #63aa1f;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.v--modal-box{
    height: 500px!important;
    top: 100px!important;
}
.forgot-pass-wrapper{
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 5px 0 0px 0;
}
.signupbtncal{
    display: flex;
    justify-content: center;
    margin: 0 0 15px 0;
}

.forgot-pass-wrapper a{
    color: #0078ff;
}
.new-account-wrapper{
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 0px 0 0px 0;
}
.new-account-wrapper a{
    color: #0078ff;
}

.SignupForm #sigformid{
    height: 470px;
    overflow-y: auto;
    overflow-x: hidden;
}
.have-an-account{
    display: block;
    text-align: center;
}
.have-an-account a{
     color: #0078ff;
}
.home-section-1{
    background-color: #fff;
}
/* Show the checkmark when checked */
.vegonly input:checked ~ .checkmark:after {
  display: block;
}
.checkout-login{
    width: 135px!important;
}
/* Style the checkmark/indicator */
.vegonly .checkmark:after {
      left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.veg-btn-group{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
  /* Safari */

  @-webkit-keyframes spin {

    0% { -webkit-transform: rotate(0deg); }

    100% { -webkit-transform: rotate(360deg); }

  }

  

  @keyframes spin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

  }
.v--modal-box .modal-body{
    height: 432px;
    overflow-y: auto;
}
.cartbtnsec {
    position: relative;
}
#reviewformid{
    width:100%;
}
#reviewformid textarea{
    width: 100%;
    border: none;
    background-color: #f1f1f1;
    border-radius: 5px;
    height: 80px;
    padding: 15px;
    margin: 15px 0 0 0;
}
  .y9uHb {
  width: 20px;
  height: 2px;
  background-color: red;
  position: absolute;
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0%   {left:0px; right:0px;}
  25%  {left:100%; right:0px;}
  50%  {left:0px; right:0px;}
  75%  {left:100%; right:0px;}
  100% {left:0px; right:0px;}
}

/* Standard syntax */
@keyframes example {
   0%   {left:0px; right:0px;}
  25%  {left:100%; right:0px;}
  50%  {left:0px; right:0px;}
  75%  {left:100%; right:0px;}
  100% {left:0px; right:0px;}
}

.modal-body .title p{
    margin: 0 0 5px 0;
}
.product-collection{
    border-bottom: 1px solid #d1d1d1;
    padding: 10px 0;
}
.sub-product-payment{
    border-bottom: 2px solid #d1d1d1;
    padding: 10px 0;
}
.product-total{
    padding:10px 0 0 0;
    font-weight: 700;
}
.main-product-names{
    border-bottom: 1px solid #d1d1d1;
    padding: 10px 0;
    margin: 0 0 15px 0;
}
.rating-heading h5{
    font-size: 17px;
    font-weight: 500;
}
.addressline{
    width: 80%;
}
.modal-body .price{
    text-align: right;
    display: block;
}
.customcalfordesign{
    margin: 45px 0;
}
.w3-panel{
        display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    height: 45px;
}
.w3-panel p{
    margin: 0;
}
.w3-panel.w3-red{
    background-color: #fb2f44;
}
.w3-panel.w3-red p,
.w3-panel.w3-red span{
    color: #fff;
}
.w3-panel.w3-green{
    background-color: #28a745!important;
}
.w3-panel.w3-green p,
.w3-panel.w3-green span{
    color: #fff!important;
}
.w3-panel.w3-red span{
    font-size:22px;
}
.add-user-address{
    background-color: #fff;
    padding-top: 20px;
}
.accountsect-rightbar{
    padding:15px;
    background-color: #fff;
}
.accountsect-rightbar section.user-dashboard-1{
    background-color: #fff;
}
#sigformid .form-group input{
    background-color: #fff;
}
#sigformid .form-group input:disabled{
    background-color: #e9ecef;
    opacity: 1;
    cursor: not-allowed;
}
.delivery-sub-wrapper{
    display: flex;
    justify-content: space-between;
}
.delivery-sub-wrapper .left{
    width: 80%;
}
/* 23 July 19 */
.locpickmod .v--modal-box {
   height: 240px!important;
    top: 200px!important;
    border: 3px solid #495057;
}
.locpickmod .v--modal-box .title-sec{
    font-size: 22px;
    font-weight: 700;
    padding: 10px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #d1d1d1;
}
.sub-title-sec{
    font-size: 15px;
    color: green;
    margin: 0 0 10px 0;
}
.custom-location-share-input{
    border:1px solid #ccc;
    border-right: none;
    margin: 10px 0;
}
.loader-wrapper{
    position: absolute;
width: 58px;
left: 16px;
right: 0;
bottom: 2px;
}
.numeric-btn-wrapper .loader-wrapper {
    position: absolute;
    width: 51px;
    left: 1px;
    right: 0;
    bottom: 2px;
}
.R4-yb{
    padding: 25px;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px solid #333;
    position: relative;
}
.zmgWM{
    position: relative;
}
.zmgWM .cloasemodcal{
    position: absolute;
    top: 32px;
    right: 25px;
}
.cartoverride .v--modal-box {
    height: 330px!important;
    top: 100px!important;
}
.VzKYj{
    padding: 25px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
._3G9po{
    display: flex;
    padding: 0 25px;
    justify-content: space-around;
}
._3G9po .b0G1m{
    width: 150px;
    background-color: #ed1c24;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    border-radius: 3px;
}
._3G9po ._2-MHS{
    width: 150px;
    background-color: #ed1c24;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    border-radius: 3px;
}
.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #63aa1f; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 23px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
.edit-ph-for-otp{
    position: relative;
}
.editphonecal{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 15px;
    border-left: 1px solid #d1d1d1;
    background-color: #6c757d;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
}
.editphonecal i{
    color: #fff;
}
.otpsec{
    margin: 10px 0 0 0;
    display: flex;justify-content: left;align-items: center;
}
.otpsec .getbtnsub{
        background-color: #ff8207;
    width: 120px;
    height: 38px;
    margin: 0px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}
.otpsecthird{
    margin: 10px 0px 0 0;
    display: flex;
    justify-content: left;
    align-items: center;
}
.otpsecthird .otp-input{
    width: 120px;
    margin: 0 15px 0 0;
}
.otpsecthird .verifybtnsub{
        background-color: green;
    width: 120px;
    height: 38px;
    margin: 0px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}
.otpsecthird .resendbtnsub{
    padding: 15px;
    color: #ff8300;
    font-weight: 500;
    cursor: pointer;
}
.unameid{
    display: block;
    margin: 0 0 15px 0;
}
.details-img{
    margin: 25px 0;
}
.cms-main-content .details-img h1{
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 25px 0 15px 0;    
    position: relative;
    color: #ed1c24;
}
.cms-main-content .details-img h1::before{
    position: absolute;
    content: '';
    width: 80px;
    height: 2px;
    background-color: #55595c;
    bottom: -10px;
    left: 0;
}
.cms-main-content .content-event{
    margin: 0 0 35px 0;
    font-size: 15px;
}
.custom-location-share-input i:after{
    position: absolute;
    width: 1px;
    height: 20px;
    background-color: #333;
    right: -10px;
    top: 0;
    content: '';
}
.item-footer .alignleft{
    width: auto;
}
.item-footer .alignright{
    width: auto;
}
.item-footer .alignleft p{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 2px 0;
}

.scrollactive-item{
    display: flex!important;
    justify-content: left;
    align-items: center;
}
.scrollactive-item span img.img-fluid{
    width: 35px;
    margin: 0 10px 0 0;
}
.has-search{
    position: relative;
}
.has-search .clear-form-btn{
    position: absolute;
    right: 0;
    top: 0;
    height: 64px;
    width: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
#forgotpassid .form-control,
#forgotpassid .form-control:hover,
#forgotpassid .form-control:focus{
    box-shadow: none;
}
#sigformid .form-control,
#sigformid .form-control:hover,
#sigformid .form-control:focus{
    box-shadow: none;
}
.toast,
.toast:hover,
.toast:focus{
    background-color: rgba(133,162,18,1)!important;
}
.toast-success,
.toast-success:hover,
.toast-success:focus{
    background-color: rgba(133,162,18,1)!important;
}
.toast-message{
    background-color: rgba(133,162,18,1)!important;
}
.toast-message:hover,
.toast-message:focus{
      background-color: rgba(133,162,18,1)!important;
}
.cashondelivery p{
    margin: 21px 0;
}
.form-control,
.form-control:hover,
.form-control:focus{
    outline: none;
    box-shadow: none;
}
/* .loyaltyimgsec {
    background-image: url('../../../alfoodo/storage/images/loyalty-point-1.png');
    height: 503px;
    width: 791px;
} */
.canvascal {
    left: 217px;
    position: absolute;
    top: 49px;
}
.cancas-sec {
    position: relative;
}
/* 10-16-19 */
.offer-side-toggle{
    position: fixed;
    right: -265px;
    top: 32%;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 330px;
    height: 65px;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 35px 0 0 35px;
    z-index: 999;

    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.34);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.34);

  
}
.offer-side-toggle:hover{
    right: -45px;
   
}
.offer-inner-hot-deal{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.offer-inner-hot-deal .left-hot-deal{
    width: 18%;
    position: relative;
    margin:0 15px 0 0
}
.offer-inner-hot-deal .right-hot-deal{
    width: 88%;
}
.left-hot-deal img{
    width: 50px;
}
.right-hot-deal h4{
    color: #000;
    font-size: 13px;
    margin: 0;
    padding: 0;
}
.right-hot-deal h4 a,
.right-hot-deal h4 a:hover,
.right-hot-deal h4 a:focus{
    text-decoration: none;
    color: #292b33;
}
.right-hot-deal h4 a span.deal-off-heading{
    color: red;
    font-weight: 700;                
    font-size: 16px;
    display: block;
    margin: 0 0 5px 0;
}
.right-hot-deal h4 a span.deal-of-price{
    color: green;
    font-weight: 700;
    font-size: 15px;
}
.customiseopt{
    background-color: #f1f1f1;
    width: 90px;
    font-size: 10px;
    display: block;
    text-align: right;
    padding: 0 5px 0 0;
    color: #696969;
    position: absolute;
    right: 0;
    top: 38px;
}
.modheaddata{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.foodtitsec{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.foodtitsec span{
    margin: 0 10px 0 0;
}
.foodpricesec{
    display: block;
}
.foodpricesec p{
    margin: 0 0 0 25px;
    font-weight: 700;
}
.addbodyhead{
    background-color: #f1f1f1;
    padding: 15px 10px;
    border-radius: 3px;
}
.food-addonloop{
    display: flex;
    margin: 0 0 10px 0;
    justify-content: space-between;
}
.food-addonloop .checkbox{
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    margin: 0;
}
.food-addonloop .checkbox input{
    margin: 6px 0 0 0;
}
.food-addonloop .food-vegnonveg{
    margin: 0 15px 0 10px;
    width: 30px;
}
.food-addonloop .title{
    width: 60%;
}
.food-addonloop .price{
    width: 30%;
}
.addoncol{
    min-height: 230px;
    max-height: 320px;
    overflow: auto;
    margin: 0 0 25px 0;
}
.totalsec{
    display: flex;
    justify-content: space-between;
    padding: 15px;
    background-color: green;
    margin: 0 15px;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
}
.vegnonimg .right{
    position: relative;
}
.vegnonimg .right .addonmenu{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    list-style: none;
    padding: 0;
    margin: 11px 0 0 0;
    border: 1px solid #d1d1d1;
    border-radius: 4px;

}
.vegnonimg .right .addonmenu li{
    padding: 5px 10px;
}
.vegnonimg .right:hover .addonmenu{
    display: block;
  }
  .aval .col-md-5{
      padding-right: 0;
  }
  .cartpagesec{
      background-color: #fff;
      padding: 25px 15px;
      border:1px solid #e1e1e1;
  }
  .account-sec h5{
    background-color: #f1f1f1;
    padding: 12px 15px;
  }
  .changeadd{
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ed1c24;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
  }
  .changeadd i{
      margin: 0 10px 0 0;
  }
  #dbookformid input[type='number'],
  #dbookformid input[type='email'],
  #dbookformid input[type='text'],
  #dbookformid input[type='tel']{
    padding: 10px 15px 10px 45px;
  }
  .vdp-datepicker input{
      height: auto;
      border:none;
      background-color: transparent;
      padding: 0!important;
      width: 90%;
      margin: 0 0 0 30px;
  }
  .redeem-free-items .dish-img-wrapper{
    height: 164px;
}
  .redeem-free-items .dish-img-wrapper img {
    height: 164px;
    width: auto;
}
.user-dashboard-1 .dish-img-wrapper{
    height: 164px;
}
  .user-dashboard-1 .dish-img-wrapper img {
    height: 164px;
    width: auto;
}
.orderdetails-modal .title{
    background-color: #f1f1f1;
    padding: 15px 20px;
    margin: 0 0 15px 0;
}
.orderdetails-modal .title h4{
    margin: 0 0 5px 0;
    color: #f6001a;
    font-weight: 600;
}
.orderdetails-modal .title small{
    color: #797979;
}
.dinedata-collection{
    border-bottom: 1px solid #d1d1d1;
}
.dinedata-collection h6{
    font-size: 14px;
}
.product-collection .row{
    margin: 0 0 15px 0;
}
.foorqty{
    color: teal;
    font-size: 14px;
    font-weight: 700;
}
.product-collection label{
    width: 100%;
}
.product-collection label ul.addonmenu{
    padding: 10px 0 0 20px;
    margin: 0;
    list-style: none;
}
.product-collection label ul.addonmenu li{
    position: relative;
    padding: 0 0 5px 0;
    font-size: 13px;
}
.product-collection label ul.addonmenu li::before{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: yellowgreen;
    left: -19px;
    top: 4px;

}
.sub-product-payment p{
    margin: 0 0 3px 0;
}
.sale-food-list{
    padding: 55px 0;
}
.sale-food-list .food-dishes-heading {
    display: flex;
    justify-content: left;
    align-items: center;
    overflow: hidden;
    margin: 0 0 0px 0;
    padding: 10px 0;
}
.food-dishes-shopname{
    display: flex;
    flex-direction: column;
}
.food-dishes-shopname .restname{
    color: #ed1c24;
    font-size: 15px;
    margin: 0 0 10px 0;
    height: 25px;
}
.food-dishes-shopname .restadd{
    color: #333;
    font-size: 13px;
    margin: 0 0 10px 0;
}
.aval label{
    width: 100%;
}
.aval label .right{
    position: relative;
    padding: 0 15px 0 0;
    width: 100%;
}
.aval label .right:before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #d1d1d1;
    right: 0;
    top: 8px;
}
.cms-main-content{
    display: block;
}

.popular-foods .item-1 h6 label{
    width: 100%;
}
.numeric-btn-wrapper .form-control:disabled, .numeric-btn-wrapper .form-control[readonly] {
    background-color: #fff!important;
    opacity: 1;
    font-size: 13px;
}
.next-btn16:disabled {
    background: #000 !important;
    border-color: #000 !important;
    opacity: 0.5 !important;
}