@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
	color: #434343;
}

#catering-landing {
	text-align: center;
	padding: 30px 0;
	height: 350px;
	width: 100%;
	background-size: cover;
	position: relative;
	line-height: 350px;
}
#catering-landing .container {
	line-height: normal;
	display: flex;
	height: 100%;
}
#catering-landing .container .text-center {
	margin: auto;
}
#catering-landing .banner-bgcolor{
	position: absolute;
	background-color: #000;
	opacity: 0.3;
	width: 100%;
	height: 100%;
}
#catering-landing .banner-title{
	position: relative;
	padding: 0 10px;
}
#catering-landing .text-center h1{
	margin-top: 0px;
	padding-top: 10px;
}
#catering-landing .text-center p{
	padding-bottom: 10px;
	margin-bottom: 0px;
}
.dropdown-menu{
	inset: 45px auto auto auto !important;
}
.datepicker-dropdown.datepicker-orient-bottom:before{
	border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0,0,0,0.2);
    top: -7px;
    left: 7px;
	right: unset !important;
}
.datepicker-dropdown.datepicker-orient-right:after{
	border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px;
	right: unset !important;
}
#main-content > .container:first-child{
	background-color: #fff;
}
.catering-menu-container{
	background-color: #F7F7F7;
	padding: 50px 50px 50px 100px;
	width: 100%;
	margin: 0;
}
.box {
	border: 1px solid #ccc;
	width: 81rem;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 50px 0;
	min-height: 150px;
	border-radius: 10px;
}

.box:hover {
	border: 1px solid #334865;
}

.box-small {
	border: 1px solid #ccc;
	width: 39rem;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 50px 0;
	min-height: 150px;
	border-radius: 10px;
	background-color: #fff;
}

.box-small:hover {
	border: 1px solid #334865;
}

.box-thumb {
	width: 33%;
	text-align: center;
	background-color: #eaeaea;
	height: auto;
	position: relative;
	float: left;
	border-radius: 9px;
}

.box-block {
	display: inline-block;
	vertical-align: top;
	width: 66%;
	padding: 10px;
}
.item-serves {
	padding-left: 18px;
}

/*.item-price {
	position: absolute;
	right: 12px;
	bottom: 12px;
	font-size: 25px;
	font-weight: bold;
	color: #e22536;
}*/

.box-description {
	text-transform: capitalize;
	clear: both;
	padding-top: 5px;
	width: 100%;
}

.box-action {
	position: absolute;
	bottom: 15px;
	right: 10px;
}

.box-button {
	font-size: 12px;
	width: 100px;
	padding: 10px;
	border-radius: 5px!important;
}

.float-box-fixed {
	position: -webkit-sticky;
	position: sticky;
	top: 30px;
	z-index: 1;
}
#float-box3 #view-basket ul#mybasket-ul {
	min-height: fit-content;
	overflow: auto !important;
	max-height: 356px;
}
#float-box3 #view-basket h3 {
	margin: 0;
	padding-bottom: 15px;
	font-weight: 600 !important;
	font-size: 20px !important;
}
.float-cart {
	float: right;
	width: 25%;
	height: auto;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	-webkit-box-shadow: 0px 18px 31px -1px rgba(181, 172, 181, 0.33);
	-moz-box-shadow: 0px 18px 31px -1px rgba(181, 172, 181, 0.33);
	box-shadow: 0px 18px 31px -1px rgba(181, 172, 181, 0.33);
	margin-top: 120px;
}

.float-cart #view-basket ul#mybasket-ul li.parent-item {
    /* text-align: right; */
    vertical-align: text-top;
    width: 100%;
    padding: 5px;
    display: table;
    border-top: 1px dashed #c8c8c8;
}

.float-cart #view-basket ul#mybasket-ul li span.order-item-basket {
    display: table-cell;
    width: 100%;
    font-weight: 500;
    text-align: left;
    font-size: 14px!important;
    color: #2C4363;
}

.float-cart .parent-item .order-item-basket .qty-label {
    font-size: 14px!important;
	padding-right: 2px;
	vertical-align: middle;
}

.float-cart .parent-item .order-item-basket .item-label {
	display: inline-block;
	width: 47%;
	word-break: break-word;
	vertical-align: middle;
    font-size: 14px!important;
}

.float-cart .parent-item .order-item-basket .x-label {
	padding-right: 2px;
    font-size: 14px!important;
	vertical-align: middle;
}

.float-cart #view-basket .item-delivery-fee {
    padding: 12px 0;
    background: #fff;
    color: #5cb85c;
    display: table;
    width: 100%;
    border-top: 1px solid #c8c8c8;
    font-size: 14px;
}

.float-cart ul#mybasket-ul {
    padding: 0;
}

.float-cart #empty-basket-txt{
	margin-left: 14px !important;
}

.item-price-side {
	font-size: 14px!important;
	font-weight: 600;
}


@media screen and (min-width: 1025px) {
	.remove-button {
		position: relative;
		background: url(../img/close.png);
		height: 20px;
		background-repeat: no-repeat;
		width: 20px;
		background-size: 100%;
		z-index: 0;
		margin-right: 5%;
		top: 5px;
	}
}

.item-price-total {
	padding: 12px;
    display: table;
    width: 100%;
    border-top: 1px solid #c8c8c8;
    font-size: 14px;
}


.item-price-total > .total_price {
	color: #e22536;
	font-size: 33px!important;
	float: right;
}

#view-basket {
	margin-bottom: 17px;
}
.float-description {
	text-align: center;
	font-size: 13px;
	margin: auto;
}

.primary-text {
	color: #e22536;
}

.float-action {
	margin-top: 10px;
	text-align: center;
}

.float-action>p {
	font-size: 12px;
	font-weight: 600;
	margin-top: 10px;
}

.float-checkout,
.checkout, #customerDetails .btn {
	width: 90%;
	background-color: #0e790e;
	color: white;
	font-size: 14px!important;
	padding: 6px!important;
	margin: auto;
	outline: none !important;
	box-shadow: none !important;
}

.catering_fieldset {
    min-width: 100px !important;
}

#catering_select_store {
	margin-top:50px;
	text-align:center;
}

.action-person {
	width: 90%;
	background: #f7f7f7;
	height: 41px;
	margin: auto;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}

.action-compute-perperson {
	width: 90%;
	background: #f7f7f7;
	height: 41px;
	margin: auto;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	border: 1px solid #ccc;
	padding: 6px 24px;
}

#pricePerPersonContainer {
	color: #2C4363;
	border-top: 1px solid #c8c8c8;
	padding: 20px 0px;
}

#floatbox_price_per_person{
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.no-person {
	width: 50%;
	background: #dedede;
	height: 41px;
	margin: auto;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}

.stepwizard-container{
	background-color: #fff;
	padding: 50px 50px 0px 100px;
	width: 100%;
	margin: 0;
}

.stepwizard-step p {
	margin-top: 10px;
	color: #AFAFAF;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}

.stepwizard-row {
	display: table-row;
}

.stepwizard {
	display: table;
	width: 50%;
	position: relative;
	margin: auto;
}

.stepwizard .btn.disabled,
.stepwizard .btn[disabled],
.stepwizard fieldset[disabled] .btn {
	opacity: 1 !important;
	color: #fff;
}

.stepwizard-row:before {
	left: 0;
	top: 17px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 100%;
	height: 2px;
	background-color: #C4C4C4;
	z-index: 0;
}

.stepwizard-step {
	display: table-cell;
	text-align: center;
	position: relative;
}

.stepwizard .btn-circle {
	width: 40px;
    height: 40px;
    text-align: center;
    padding: 7px 0;
    font-size: 15px;
    line-height: 1.428571429;
    border-radius: 50% !important;
    border: solid 2px #BDBDBD;
    background: #BDBDBD;
	color: #fff;
	font-weight: 600;
    outline: none;
    box-shadow: none;
    text-shadow: none;
}

.stepwizard .btn-circle:focus,
.stepwizard .btn-circle:hover {
	color: #fff;
}

.stepwizard-active{
	border: solid 2px #2b9959 !important;
	background: #2b9959 !important;
}

.stepwizard-active-text{
	color: #2b9959 !important;
}

#catering-form {
	width: 100rem;
	vertical-align: top;
	margin: 0 0 50px 0;
	min-height: 150px;
	margin: auto;
	border-radius: 10px;
	/* background: #fff; */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 0;	

}

.catering-form-container{
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
}

.catering-form-col{
	float: none;
	display: table-cell;
	vertical-align: top;  
	width: 50%;      
}

.catering-form-holder{
	border-top-left-radius: 10px;              
	border-bottom-left-radius: 10px;
	background-color: #fff;
}

.catering-form-row  {
	padding: 15px !important;	
}

#cateringPrevButton {
	color: #fff; 
	background-color: #eea236; 
	border-radius: 30px!important;
	padding: 10px 50px;
}

#cateringForm{
	background-color: #334865; 
	border-radius: 30px!important;	
	color: white;
	padding: 10px 50px;
}

#cateringSelectStoreForm{
	margin-bottom: 60px; 
	color: #fff; 
	background-color: #334865; 
	border-radius: 30px!important;
	padding: 10px 80px;	
}

.catering_fieldset_ordertype{
	margin-bottom: 30px
}

.catering-input-form {
	-webkit-box-shadow: 5px 5px 15px 3px rgba(181, 172, 181, 0.23)!important;
	-moz-box-shadow: 5px 5px 15px 3px rgba(181, 172, 181, 0.23)!important;
	box-shadow: 5px 5px 15px 3px rgba(181, 172, 181, 0.23)!important;
	border: 1px solid #e4e4e4;
	font-weight: 500;
	border-radius: 5px;
	font-size: 12px;
	width: 100%;
	height: 45px;
}

/*Catering ORder Type Button*/
.catering-order-type-bt {
	top: unset;
	width: 141px;
	position: unset;
	background-color: #d9d9d9;
	box-shadow: unset;
	height: 39px;
	margin-left: 5px;
	border-radius: 5px!important;
}

.catering-order-type-bt.active {
	background-color: #334865!important;
	color: #fff;
	box-shadow: unset;
}

.catering-order-type-bt[disabled] {
	cursor: not-allowed!important;
}


/* Select date */

.form-control[readonly] {
	background-color: #fff;
	cursor: pointer;
}


/* Disabled dates */

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
	color: #eee;
}


/* Select time */

select option:disabled {
	color: #eee;
	font-style: italic;
}

.catering-gray-text {
	color: #9E9E9E;
}

.catering-green-text {
	color: #2E7D32;
}

/* Catering Selection */
#displayDeals #deal_wizard .head {
    padding: 30px 10px !Important;
}
#displayDeals #deal_wizard .deal-cont {
    padding: 30px !Important;	
    border: solid 2px #ddd;
}
#catering_counter_div {
	background: #eee;
	padding: 5px 10px;
	margin-top: -20px;
	text-align: center;
	font-size: 15px;
	border-radius: 5px;	
}
.package_auto_item{
	font-size: 20px;
	color: #3c763d;
}
.package_remaining_selection{
	font-size: 25px !important;
	font-weight: 600;
}
.selection-complete{
	color: #3c763d;
}
.selection-incomplete{
	color: #cc2e3d;
}
/* Catering Package Page */
#displayDeals {
    background: #fff;
}
#displayDeals .row-flex {
	display: flex;
	flex-wrap: wrap;
}
#setpackage_image_div {
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: top !important;
	border-radius: 5px;
	height: 250px;
	min-height: 250px;
	max-height: 250px;
}
#setpackage_description {
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-bottom: 10px !important;
	color: #000 !important;
	font-size: 20px !important;
	font-weight: bold !important;
}
#setpackage_recommended_serving {
	margin-bottom: 10px;
	color: #818181 !important;
	font-weight: 600;
	font-size: 16px;
	line-height: 21px;
}
#setpackage_value {
	color: #e22536;
	font-weight: bold;
	text-align: right;
}
#setpackage_saved_value {
	text-align: right;
	font-weight: 600;
}
#setpackage_price_div{
	position: relative;
}
.setpackage_priceBottom_div{
	position: absolute;
	bottom: 0;
	right: 0;
}
.setpackage_list_ul {
	padding-left: 20px;
	list-style: disc !important;
}

.setpackage_list {
	padding: 2px 0px;
	font-size: 15px;	
	color: #434343;
	line-height: 30px;
}

#setpackage_saved_value_label {
	position: absolute;
	bottom: 15px;
	right: 10px;
	background-color: #d9534f;
}

#setpackage_saved_value_label .label {
	font-size: 13px !important;
}

h4.setpackage_line {
	position: relative;
	margin: 20px 0;
	text-align: center;
}

h4.setpackage_line:before {
	content: " ";
	display: block;
	border-top: solid 1px #c3c3c3;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: 1;
}

h4.setpackage_line span {
	background: #fff;
	color: #334865;
	padding: 0 10px;
	position: relative;
	z-index: 5;
}
/* Catering Pizza Modal */
#add-popup-qty .modal-header {
    background: #fff !important;
}
#menu-items .modal-popup .modal-header {
    background: #fff !important;
}
.catering-modal .modal-header{
	padding: 0px;
}
.catering-item-detail-container{
	padding: 24px 15px 15px;
}
#menu-items .catering-modal .modal-body {
    max-height: 300px;
    min-height: 300px;
}
.catering-modal-banner {
    width: 100% !important;
    text-align: center;
    background-color: transparent !important;
    height: auto !important;
    border-radius: 0px !important;
    margin: 0px;
    vertical-align: top;
}
#catering-modal-cover {
    background-color: white;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 200px;
    position: relative;
}
.modal-open{
	height: 100%;
	touch-action: none;
	-ms-touch-action: none;
}
.modal-open .modal{
	overflow-y: auto !important;
}
.catering-close-popup{
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	top: 10px;
	right: 7px;
	background: #fff;
	border: 0;
	font-weight: bold;
	width: 40px;
	height: 40px;
	padding: 2px;
	transition: .3s ease all;
}
.catering-modal-sizegrp-row{
	padding: 18px 0px;
	border-bottom: 1px solid #eee;	
}
.catering-price{
	font-weight: bold;
}
.catering-item-qty{
	width: 30%;
	text-align: center;
}
#menu-items .modal-popup .modal-footer .qty, 
#menu-items .modal-popup .modal-footer .popup-item-price{
    font-weight: bold;
    color: #d41919 !important;
}
#menu-items .modal-popup .modal-footer .popup-catering-retail-price{
	font-weight: 500; 
	font-size: 18px!important; 
	color:#138e47;
}
.catering-item-dec{
	color: #cc2e3d !important;
    background: transparent;
	cursor: pointer;
	outline: none !important;
	-webkit-box-shadow: none !important;
    box-shadow: none  none !important;
}
.catering-item-inc{
	color: #2ecc71 !important;
    background: transparent;
    cursor: pointer;
	outline: none !important;
	-webkit-box-shadow: none !important;
    box-shadow: none  none !important;
}
#menu-items ul li #item-buttons input[type="button"] {
	background-color: #3498db !important;
	color: #fff;
}
#menu-items ul li #item-buttons input[type="button"]:hover {
	color: #fff;
	background-color: #3071a9 !important;
	border-color: #285e8e;
}
#menu-items ul li #item-buttons input[type="button"]:disabled {
	border: 1px solid #999999 !important;
	background-color: #cccccc !important;
	color: #666666 !important;
  }
/* Catering Menu*/
#menu-items{
	width: 75% !important;
}
#menu_items{
	margin-top: 25px;
}
.menu-item{
    border-bottom: none !important;
}
#menu-items h1{
	color: #334865 !important;
	margin-left: 0px !important;
	padding-left: 18px;
}
#menu-items .catering-subtitle{
    padding: 10px 18px 0px 18px;
	padding-bottom: 10px;
}
#menu-items ul li.group, #menu-items ul li.single {
    border: 1px solid #ccc;
    width: 98% !important;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 24px 2% !important;
    min-height: 100% !important;
	height: auto;
	overflow: auto;
    border-radius: 10px;
	background-color: #fff;
	-webkit-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.1);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    2px 2px 3px 1px rgba(0,0,0,0.1);  /* Firefox 3.5 - 3.6 */
	box-shadow:         2px 2px 3px 1px rgba(0,0,0,0.1);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
#menu-items .group .item-title {
    width: 100% !important;
    height: 100%;
}
#menu-items .item-title {
    width: 100% !important;	
    max-height: 100px !important;
}
.item-block-no-image{
	width: 100%;
	display: block;
	padding: 10px;
	height: auto;
	min-height: 200px;
	padding-bottom: 50px;
}
#catering-packages > li.single:hover {
	border: 1px solid #334865;
	padding-bottom: 0px !important;
}
.menu-item .item-block{
    width: 60%;
}
.package-list-container{
    /*height: 90px;*/
    overflow: hidden;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    transition: height 0.5s;
}
.package-list-container-show{
    height: 150px;
    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    transition: height 1s;
}
.item-thumb {
    width: 30% !important;
    text-align: center;
    background-color: transparent !important;
    height: auto;
    position: relative;
    float: left;
    border-radius: 9px !important;
    height: 250px !important;
    margin: 10px 10px 10px 10px;
    vertical-align: top;
}
.item-thumb > img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 250px !important;
    max-height: 250px !important;
    border-radius: 9px !important;
}
#menu-items .item-title{
    color: #000;
    font-size: 20px;
	line-height: 30px;
    text-transform: uppercase;
    font-weight: 600;
    margin: auto;
    padding-left: 18px;
    min-height: 5px !important;
}
#menu-items .catering_recommended_serving{
	color: #818181;
	font-size: 16px;
	line-height: 21px;
	margin: 16px 0px;
}
#menu-items ul li.single:hover {
    cursor: pointer;
    background-color: #fff !important;
}
.package-list-div {
    text-transform: capitalize;
    clear: both;
    width: 80%;
    margin-left: 35px;
}
.package-list-ul {
    /* -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px; */
    list-style: disc !important;
}
.package-list {
	border-bottom: 0px !important;
	line-height: 30px;
}
.package-hidden{
	display: none;
}
.item-description {
    padding-left: 20px;
    padding-top: 5px !important;
    padding-bottom: 10px !important;
	text-transform: none !important;
	font-weight: 600;
	color: #818181;
	line-height: 1.6;
}
.item-price {
    position: absolute;
    right: 12px;
    bottom: 12px;
    font-size: 30px !important;
    font-weight: bold;
    color: #d41919;
}
.item-more {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
    text-align: center;
    color: #e22536;
}
/*Catering Add On Menu*/
#menu-items ul li.catering_add_on {
	width: 48% !important;
	min-height: 150px;	
	overflow: hidden;
}
.catering_add_on .item-title{
	font-size: 15px !important;
	padding-left: 8px !important;
}
.catering_add_on .item-description {
	padding-left: 8px;
	font-weight: normal !important;
	line-height: 20px !important;
	padding-bottom: 0 !important;
}
.catering_add_on .item-price {
	font-size: 18px !important;
	color: #d41919;
	float: none;
	position: relative;
	text-align: left;
	padding-left: 8px;
	right: unset;
	bottom: unset;
}
.catering_add_on .menu-item-outofstock{
	padding-left: 10px;
}
.catering_add_on .item-thumb {
	width: 40% !important;
	background-color: #eaeaea !important;
	height: 170px !important;
	position: relative;
	float: left;
	margin: 0px !important;
	border-radius: 0 !important;
}
.catering_add_on .item-thumb > img {
	width: 100% !important;
    height: 150% !important;
    max-height: 170px;
	border-radius: 0px !important;
}
.catering_add_on .item-block-no-image {
	width: 100%;
	display: block;
	padding: 10px;
	height: auto;
	min-height: 170px !important;
	max-height: 170px !important;
	padding-bottom: 0px !important;
}
.catering_add_on .item-price-label {
	font-size: 9px;
	color: #9f9f9f !important;
	margin-right: 5px;
}
/* Catering Extras Menu*/
#menu-items ul li.catering_extras {
	width: 48% !important;
	min-height: 150px;	
	overflow: hidden;
	background-color: transparent;
	/* border: none; */
	box-shadow: none!important;
}
.catering_extras .item-title{
	font-size: 15px !important;
	padding-left: 8px !important;
}
.catering_extras .item-description {
	padding-left: 8px;
	font-weight: normal !important;
	line-height: 20px !important;
	font-size: 12px;
	padding-bottom: 0 !important;
}
.catering_extras .item-price {
	font-size: 18px !important;
	color: #d41919;
	float: none;
	position: relative;
	text-align: left;
	padding-left: 8px;
	right: unset;
	bottom: unset;
}
.catering_extras .menu-item-outofstock{
	padding-left: 10px;
}

.catering_extras .item-block {
	width: 70% !important;
}

.catering_extras .item-thumb {
	width: 30% !important;
	background-color: #eaeaea !important;
	height: 170px !important;
	position: relative;
	float: left;
	margin: 0px !important;
	border-radius: 0 !important;
}
.catering_extras .item-thumb > img {
	width: 100% !important;
    height: 100% !important;
    max-height: 170px;
	border-radius: 0px !important;
}
.catering_extras .item-block-no-image {
	width: 100%;
	display: block;
	padding: 10px;
	height: auto;
	min-height: 170px !important;
	max-height: 170px !important;
	padding-bottom: 0px !important;
}

.catering_extras .item-block-no-image .item-description {
	width: 22rem;
}

.catering_extras .item-block .item-description {
	width: 15.5rem;
}

.catering_extras .item-block .catering-action-input {
	width: 100%;
}

@media (min-width: 1420px){
	.catering_extras .item-block-no-image .item-description {
		width: 100%;
	}
	
	.catering_extras .item-block .item-description {
		width: 100%;
	}
}

.catering_extras .item-price-label {
	font-size: 9px;
	color: #9f9f9f !important;
	margin-right: 5px;
}
.catering_extras .item-add-buttons {
	margin-top: 10px;
	text-align: center;
}
.catering_extras .catering-action-input {
    width: 85%;
    margin: 0 auto;
}

.catering_extras .item-add-buttons > .add-button {
	width: 100%;
	background:#0e790e;
	color:white;
	width: 60%;
	border-radius: 5px!important;
	font-size: 13px;
} 
/* Catering Prompt Box */
div.jqi {
	border-radius: 12px;
}
div.jqi .jqimessage {
    padding: 20px 20px 0 20px !important;
    line-height: 21px;
    color: #000;
    text-align: center !important;
	font-size: 15px !important;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.31;
	letter-spacing: normal;
	text-align: center;
}
div.jqi .jqibuttons {
	background-color: #fff !important;
	padding: 10px 0 10px 0;
	border-radius: 12px;
}
div.jqi .jqibuttons button{
	background-color: #2d4260;	
	border-radius: 12px !important;
	text-transform: uppercase !important;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.31;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	outline: none !important;
}
div.jqi button {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 40px;
	outline: none;
}
/* OOA-384 - styling for offline modal */
#storeOffline,
#storeOffline .modal-dialog-popup{
	text-align: center !important;
	font-family: 'Varela Round', sans-serif;
}
#storeOffline .modal-content{
	border-radius: 20px !important;
}
#storeOffline #so-logo img{
	width: 140px;
	margin-bottom: 10px;
}
#storeOffline #so-info{
	color: #2C4363;
	margin-bottom: 15px;
}
#storeOffline #so-info p{
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0px;
}
#storeOffline #so-info span{
	color: #F05C60;
}
#storeOffline #so-hours{
	width: 55%;
	margin: 0 auto;
	font-size: 13px;
	padding-bottom: 10px;
}
#storeOffline #so-hours p{
	color: #F05C60;
	font-size: 18px;
	font-weight: bold;
}
#storeOffline #so-button .btn{
	background: #EF5155;
	border-radius: 30px !important;
	width: 180px;
	padding: 8px 0px !important;
	font-size: 13px !important;
	text-transform: uppercase;
	border: none;
	margin-top: 20px;
}
#storeOffline .modal-header {
    border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 624px){
	#storeOffline #so-hours {
		margin: 0 auto;
		width: 100%;
	}
}
@media only screen and (max-width: 320px){
	#storeOffline #so-info p {
		font-size: 18px;
	}
	#storeOffline #so-logo img {
		width: 160px;
	}
	#storeOffline #so-info {
		margin-bottom: 20px;
	}
	#storeOffline #so-button .btn {
		margin-top: 20px;
	}
}

/* Customer Details */
h5 {
	font-size: 20px;
}
.border {
	display: inline-block;
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin: .25rem;
	background-color: #f5f5f5;
}
.border-success {
	border: 1px solid #28a745!important;
}
.w-100 {
	width: 100%;
}
.m-top-0 {
	margin-top: 0px !important;
}
.m-top-15 {
	margin-top: 15px !important;
}
.m-top-30 {
	margin-top: 30px !important;
}
.m-bottom-0 {
	margin-bottom: 0px !important;
}
.m-bottom-15 {
	margin-bottom: 15px !important;
}
.p-right-0 {
	padding-right: 0px !important;
}
.p-left-0 {
	padding-left: 0px !important;
}
.font-weight-bold {
	font-weight: bold;
}

#main-content #customer {
    background: #fff;
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
	font-size: 14px;
}

/* OO-337 stlying for order summary in checkout_view_catering.php */
.cateringDetails{
	padding: 0 10px;
}

.orderSummary{
	position: relative;
	font-family: 'Poppins', sans-serif;
	padding-bottom: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

.orderSummary h3{
	margin-bottom: 20px;
	font-size: 32px;
	color: #304562;
	font-weight: 600;
}

.orderSummary #customerDetails h4,
.orderSummary #storeDetails h4{
	margin-bottom: 10px;
	font-size: 22px;
	color: #2b9959;
}

.orderSummary #customerDetails p,
.orderSummary #storeDetails p{
	margin: 3px 0;
	font-size: 16px;
	font-weight: 500;
	color: #2C4363;
}

.orderSummary #customerDetails p span,
.orderSummary #storeDetails p span{
	color: #B8B6B6;
}

.orderType{
	font-family: 'Poppins', sans-serif;
	padding-bottom: 20px;
    padding-top: 20px;
}

.orderSummary #btnContinue{
	padding:10px 16px !important; 
	margin-bottom:10px; 
	width:40%;		
}

.orderSummary #btnCancel{
	padding:10px 16px !important; 
	margin-bottom:10px; 
	width:40%; 
	background-color:#e74c3c;
}

#footer-new{
	display: none;
}

.myOrder .orderType{
	padding-top: 0;
}

.orderType h3{
	font-size: 22px;
	color: #2b9959;
	margin-top: 0;
}

.orderType h3 span{
	text-transform: capitalize;
	color: #2C4363;
}

#pick-up-notes{
	display: block !important;
	border: none;
	width: 45%;
}

#pick-up-notes h3{
	margin-bottom: 20px;
	font-size: 22px;
	color: #4C5E78;
	font-weight: 500;
	text-transform: capitalize;
	font-family: 'Poppins', sans-serif;
	margin-bottom: 10px;
}

#pick-up-notes #orderNotes{
	border: none;
    box-shadow: 0px 3px 5px #0000002e !important;
    height: 150px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    resize: none;
}

#checkout #payment_details{
	width: 51%;
}

#checkout {
    background: #fff;
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 200px;
	font-size: 14px;
}

#checkout .float-cart {
    font-size: 15px;
    background: #21212108;
    width: 100%;
    position: relative;
    float: none;
    padding: 0;
    height: auto;
    overflow: hidden;
    border: none !important;
    border-bottom: 1px solid #0000001a;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    margin-top: 0;
    box-shadow: unset;
    border-bottom: 1px solid #00000036 !important;
    border-top: 1px solid #00000036 !important;
    margin-bottom: 20px;
}

.checkout-container{
	/* width: 85%; */
	width: 1170px;
	margin: 0 auto;
}

.checkout-container .float-cart #mybasket-ul {
	width: 100%;
	max-height: initial !important;
	overflow: auto!important
}


.checkout-container .float-cart #view-basket  {
	width: 57%;
    margin: 0 auto;
    padding: 20px 0;
}


.checkout-container .float-cart {
	background: #ffffff08!important;
	font-family: 'Poppins', sans-serif;
}

.checkout-container .float-cart #view-basket .item-price-total {
	width: 100% !important;
	text-align: right;
	border: none;
	padding: 10px 0;
	font-size: 18px;
	padding: 10px 0;
	font-size: 18px;
	border-top: 1px solid #0000002e;
}

.checkout-container .float-cart #view-basket .item-price-total > span {
	color: #2b9959!important;
	font-size: 18px!important;
	padding: 0;
	width: 70%;
	text-align: right;
	font-size: 22px !important;
}

.checkout-container .float-cart #view-basket .item-price-total > .total_price {width: 30%;}

.checkout-container .float-cart #view-basket h3 {
    font-weight: 600;
    font-size: 22px;
    color: #2b9959;
    font-weight: 500;
}

.checkout-container .float-cart #view-basket ul#mybasket-ul li.parent-item {
    font-weight: bold;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border: none;
    width: 100% !important;
    padding-left: 0;
    width: 100% !important;
    padding-left: 0;
    border-top: 1px solid #00000026;
}

.checkout-container .float-cart #view-basket ul#mybasket-ul .sub-item {
    background: transparent !important;
    margin: 0 !important;
    padding-bottom: 10px !important;
    padding-top: 5px !important;
    list-style: none;
    margin: 0;
    padding-left: 40px;
}

.checkout-container .float-cart #view-basket ul#mybasket-ul .sub-item .item-price-side{
    float: right;
    margin-top: -20px;
    margin-right: 5px;
    font-style: normal;
}

.checkout-container .float-cart #view-basket ul#mybasket-ul {
	overflow: inherit!important;
	max-height: fit-content!important;
    height: auto;
}

.checkout-container .float-cart #view-basket .item-delivery-fee {
    bottom: 160px;
    width: 100% !important;
    font-weight: 100!important;
    padding: 10px 5px 30px 5px!important;
    font-size: 18px;
    color: #485b74;
    border-top: 1px solid #00000026;
}

.checkout-container .float-cart #view-basket .item-delivery-fee > span {
	/* float: inherit!important; */
	font-weight: 600!important;
	font-size: 15px!important;
	/* margin-left: 65px; */
}


/*.checkout-container .float-cart #view-basket ul#mybasket-ul li span.order-item-basket {
	font-size: 15px!important;
	display: table-cell !important;
	width: 100%;
	font-weight: 500;
	text-align: left;
	color: #2C4363;	
}*/

.checkout-container .item-price-side {
	font-weight: 600!important;
	font-size: 14px!important;
	text-align: left;
}

.checkout-container .float-cart #view-basket #mybasket-ul {
	color: #304562!important;
    /* padding-bottom: 15px; */
}

.checkout-container .float-cart #menu-title {
	display: none!important;
}

#checkout div.event-datetime {
	font-family: 'Poppins', sans-serif;
	border: 2px solid #52ac78;
	padding: 12px;
	width: 50%;
	margin-bottom: 35px;
	text-align:center;
	float: left;
}

#checkout h3.event-datetime {
	display: none;
}

/*Mobile View*/
@media screen and (max-width:480px) {
	.item-price {
		font-size: 20px !important;
	}		
	/*Catering Menu*/
	#menu-items ul {
		margin-bottom: 100px !important;
	}	
	#menu-items ul li {
		padding: 0px;
	}	
	/*Catering Add On Menu*/
	#menu-items ul li.catering_add_on {
		width: 95% !important;
	}	
	.catering_add_on .item-thumb {
		width: 33% !important;
	}		
	.catering_add_on .item-block {
		min-height: 200px !important;
	}
	/*Pizza Modal*/
	#catering-modal-cover {
		height: 100px !important;
	}
}

.checkout-container .modal{
	background: none;
	font-family: 'Poppins', sans-serif;
	overflow: auto;
}

.checkout-container .modal h1{
	display: none;
}

.checkout-container .modal #privacy,
.checkout-container .modal .modal-body{
	padding: 0 !important;
}


/* OOA-347 payment method Changes */
#payment-details{
	padding: 10px;
	font-family: 'Poppins', sans-serif;
	overflow: auto;
}

#payment_details h1{
	margin-bottom: 20px;
	font-size: 22px;
	color: #4C5E78;
	font-weight: 500;
	text-transform: capitalize;
	font-family: 'Poppins', sans-serif;
	margin-bottom: 10px;
}

#payment-details #catering-payment{
	position: absolute;
	bottom: 80px;
	margin: 0;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	width: 30%;
}

#payment-details #catering-payment #pay{
	text-align: center;
    margin: 0 auto;
    float: none;
    margin-top: 10px;
    padding: 25px 30px;
    line-height: 0;
    height: auto;
    width: 80%;
    background: #138E47;
    transition: all ease 0.5s;
}

#payment-details #catering-payment #catering-terms{
	text-align: left;
	font-size: 11px;
	font-weight: 600;
}

#payment-details #catering-payment #catering-terms a{
	font-weight: 400;
	cursor: pointer;
	text-decoration: underline;
}

#payment-details #catering-payment #catering-terms p{
	margin: 0;
}

#payment-details #catering-payment #pay:hover{
	background: #0d6532;
}

#payment-details #catering-payment #acceptTerms{
	height: 20px;
    width: 20px;
    margin-top: 5px;
	margin-left: 5px;
	-webkit-appearance: none;
	background: white;
    border: 1px solid;
    border-radius: 3px;
}

#payment-details #catering-payment #acceptTerms:focus{
	border: none;
}

#payment-details #catering-payment #acceptTerms:checked{
	-webkit-appearance: checkbox;
}

#payment-details #no_contact{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
}

#payment-details #no_contact label{
	margin-left: 5px;
	font-size: 16px;
}

/* OOA-437 display message for mobile view
.catering-mobile-disable{
	font-family: 'Poppins', sans-serif;
	position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1111;
	text-align: center;
	display:none;
	background: #fff;
}

.catering-mobile-disable #mobile-message{
	transform: translate(-50%, -50%);
    position: fixed;
    top: 45%;
    left: 50%;
    width: 85%;
    padding: 20px 10px;
    font-size: 20px;
    color: #425671;
    font-weight: 600;
}

.catering-mobile-disable #mobile-message img{
	margin-bottom: 30px;
	width: 100px;
}

@media screen and (max-width:1024px) {
	body{
		overflow: hidden;
	}
	.catering-mobile-disable{
		display: block;
	}
	.fm_bootstrap .feedback_trigger_text{
		display: none;
	}
} */

.item-save-price {
	width: 100%;
    text-align: right;
    color: #138e47;
    display: table;
}

.package-save-price{
	font-weight: 500;
	font-size: 18px;
	color:#138e47;
}

.package-orig-price{
	font-weight: normal;
	color: #9f9f9f;
	font-size: 13px;
	margin-top: 2px;
}

/* custom style (package.php) */
.section{
	cursor:pointer;
}
#deal_loading_indicator_container {
	position:relative;
}
#deal_loading_indicator_container span{
	color: #4caf50;
	position:absolute;
	top:15px;
	right: 50%;
	transform: translateX(-50%);
	font-size:24px;
	opacity: 1;
	animation: loading-rotation 1.2s infinite linear;
	-webkit-animation: loading-rotation 1.2s infinite linear;
	-moz-animation: loading-rotation 1.2s infinite linear;
	-o-animation: loading-rotation 1.2s infinite linear;
}
#displayDeals > .container > #deal_wizard > .item-icons-container {
	display: inline-flex !important;
} 

#cancel {
	border-radius: 0px !important;
}

/* Toggle button (+/-) */
.deal-selection > button {
	border: 1px solid #666;
	background-color: transparent;
	border-radius: 50%;
}

.deal-item-dec {
	font-size: 14px !important;
	padding-top: 0px !important;
	color: #cc2e3d !important;
	top: 2px;
}

.deal-item-inc {
	font-size: 14px !important;
	padding-top: 0px !important;
	top: 2px;
}

.deal-selection > span {
	user-select: none;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}

.deal-selection > input[type="text"] {
	width: 50%;
	padding: 5px 5px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 12px;
	outline: none;
}

.deal-item-qty::-webkit-inner-spin-button,
.deal-item-qty::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none;
}

input[type="checkbox"].plu {
	display:none;
}

/* Highlight selected items */
.deal-menu-items {
	margin-bottom: 5px;
	padding: 5px 10px;
	border: solid 1px #fff;
}

.deal-menu-items-selected {
	margin-bottom: 5px;
	padding: 5px 10px;
	border: solid 1px #138e47;
	border-radius: 12px;
	background-color: #e3ffef;
}

/* Buttons */
#displayDeals #add_to_order {
	width: 200px;
	margin-left: 0px !important;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 10px !important;
}
#add_to_order, #cancel {
	margin: 0px !important;
}
#displayDeals #cancel {
	width: 200px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 10px !important;
}

.checkout-panel {
	font-family: 'Poppins', sans-serif!important;
}

.checkout-panel .checkout-panel-heading {
	font-family: 'Poppins', sans-serif!important;
	color: #4C5E78!important;
	font-size: 24px;
	text-transform: none!important;
	font-weight: 500!important;
}

.checkout-panel .inner {
	width: 50%;
}

.checkout-container .checkout-panel .inner {
	width: 100%;
}
.checkout-container .checkout-panel .inner  .input-group-btn #validate {
	background-color : #138e47 !important;
	border-radius: 0px 6px 6px 0px !important;
	width: 120px;
}

.checkout-container .checkout-panel .inner  #promtional-code {
	border-radius: 6px 0px 0px 6px !important;
}

.checkout-panel #drivers_tip {
	-webkit-box-shadow: 5px 5px 15px 3px rgba(181, 172, 181, 0.23)!important;
    -moz-box-shadow: 5px 5px 15px 3px rgba(181, 172, 181, 0.23)!important;
    box-shadow: 5px 5px 15px 3px rgba(181, 172, 181, 0.23)!important;
    border: 1px solid #e4e4e4;
    height: 45px;
    font-weight: 500;
    border-radius: 5px;
    font-size: 12px;
}

.checkout-panel #tip-submit {
	height: 45px;
	border-radius: 6px!important;
	background-color: #334865;
}

/* OOA-353 */
#confirm-order-new .orders p,
#confirm-order-new .orders .mobile-hide{
	display: none;
}

#confirm-order-new .orders .grand-total{
	text-align: right;
}

#confirm-order-new .orders td{
	font-family: "Open Sans",sans-serif !important;
}

#confirm-order-new .orders table{
	border: none !important;
}

/* Catering Loader */
.loader_wrapper {
	background-color: #000000;
	width: 100%;
	height: 100%;
	z-index: 998;
	position: fixed;
	opacity: 0.99;
}
.loader_container {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 50%;
	z-index: 999;
}
.loader_ajax_small {
	border: 5px solid #f3f3f3 !important;
	border-radius: 50%;
	border-top: 2px solid #2D2D2D !important;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	-webkit-animation: spin_loader_ajax_small 2s linear infinite;
	animation: spin_loader_ajax_small 2s linear infinite;
}
@-webkit-keyframes spin_loader_ajax_small {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin_loader_ajax_small {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 7px!important;
    right: 7px!important;
}

#catering_time, #cart_catering_time, #customer_catering_time {
	background-image: linear-gradient(
45deg
, transparent 50%, gray 50%), linear-gradient(
135deg
, gray 50%, transparent 50%), radial-gradient(#fff 70%, transparent 72%);
    background-position: calc(100% - 20px) calc(1em + 7px), calc(100% - 15px) calc(1em + 7px), calc(100% - 1em) 1em;
    background-size: 5px 5px, 5px 5px, 1.5em 1.5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-repeat: no-repeat;
}

#cateringForm:focus {
	outline:0;
}

/* Edit date time (cart) */
.catering-num-people .input-icon, .catering-num-people .cart-input-icon {
	position: absolute;
}

.catering-date-container .input-icon, .catering-date-container .cart-input-icon {
	position: absolute;
}

.catering-date-container .cart-input-icon {
	display: none;
}

.catering-date-container .input-icon,
.catering-num-people .input-icon {
	padding: 15px;
	color: #334865;
	right: 20px;
}

.timerange-container .input-icon{
	padding: 15px !important;	
}

.catering-date-container .cart-input-icon {
	padding: 15px;
	color: #334865;
	left: 0;
	z-index: 3;
}

@media (max-width: 1700px) {
	.catering-date-container .cart-input-icon {
		display: none;
	}
}

#cart-date {
	cursor: default;
	background-color: #fff;
}

textarea#cart-date {
	resize: none;
	height: 35px;
	overflow: hidden;
}

#cart-date-text .input-group, #cart-date-edit .input-group {
	width: 90%;
	margin: auto;
}

#cart-date-edit, #customer-date-edit {
	display: none;
	width: 100%;
}

#cart_catering_edit, #cart-date-edit .input-group .input-group-addon,
#customer_catering_edit, #customer-date-edit .input-group .input-group-addon {
	cursor: pointer;
}

#cart-date-edit .input-group input, #cart-date-edit .input-group select {
	height: 45px;
	font-size: 13px;
}

#cart_catering_date, #customer_catering_date {
	width: 100%; /* 65%; */
}

#cart_catering_time, #customer_catering_time {
	width: 100%; /* 35%; */
}

#cart_catering_time {
	text-align-last: center;
}

@media (min-width: 1330px) and (max-width: 1760px) {
	textarea#cart-date.delivery {
		height: 50px;
	}
}

@media (max-width: 1329px) {
	textarea#cart-date.delivery {
		height: 68px;
	}
}

@media (max-width: 1210px) {
	textarea#cart-date.pickup {
		height: 50px;
	}
}

/* @media (min-width: 1320px) and (max-width: 1550px) {
	#cart_catering_time {
		background-image: none;
	}
}

@media (max-width: 1199px) {
	#customer_catering_time {
		background-image: none;
	}
} */

@media (min-width: 1551px) and (max-width: 1750px) {
	#cart_catering_time {
		background-position: calc(100% - 10px) calc(1em + 7px), calc(100% - 5px) calc(1em + 7px), calc(100% - 1em) 1em;
	}
}

@media (min-width: 1320px) and (max-width: 1499px) {
	#cart_catering_date, #cart_catering_time {
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media (max-width: 1319px) {
	#cart_catering_date, #cart_catering_time {
		/* width: 100%; */
		padding-left: 5px;
		padding-right: 5px;
		text-align: left;
	}

	#cart_catering_time {
		text-align-last: left;
	}
}

#cart_catering_edit, #cart_catering_save, #customer_catering_edit, #customer_catering_save {
	background-color: #007bff;
	border-color: #007bff;
	color: #fff;
}

#customer-date {
	cursor: default;
	background-color: #fff;
	padding-left: 0px !important;
	padding-right: 0px !important;
	height: 50px;
}

#customer-date-text .input-group, #customer-date-edit .input-group {
	width: 95%;
	margin: 0px;
}

#customer-date-edit .input-group input, #customer-date-edit .input-group select {
	height: 50px;
	font-size: 15px;
	width: 50%;
	box-shadow: 5px 5px 15px 3px rgba(181, 172, 181, 0.23)!important;
	border: 1px solid #e4e4e4;
}

@media (max-width: 1200px) {
	#customer-date-edit .input-group input, #customer-date-edit .input-group select {
		width: 100%;
		text-align: center;
	}
}

#customer_catering_date {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.catering_menu .item-price-label {
	font-size: 11px;
	color: #9f9f9f !important;
	margin-right: 5px;
}

#confirm-order-new .sub-item .row-price{
	display: block !important;
}

#confirm-order-new .orders table .item-qty-td {
    letter-spacing: 0px;
    width: 50px !important;
}

.checkout-container #goBack{
	position: absolute;
	top: 0;
	right: 0;
}
.checkout-container #goBack a{
	color: #fff;
	text-decoration: none;
}

/* Date Picker Styling */
.datepicker table tr td span.active.active, 
.datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, 
.datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, 
.datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, 
.datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, 
.datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], 
.datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, 
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, 
.datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, 
.datepicker table tr td span.active:hover:hover, 
.datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
	background-color: #00A461 !important;
	background-image: none !important;
	text-shadow: none !important;
}

.datepicker table tr td.active.active {
	background-color: #00A461 !important;
	background-image: none !important;
	text-shadow: none !important;
	width: 38px;
    height: 38px;
	border-radius: 50%;	
}

.datepicker-days td, .datepicker-days th{
	width: 38px !important;
    height: 38px !important;
}

.datepicker-days .datepicker-switch {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;	
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #bebebe;
    cursor: default;
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
	width: 38px;
    height: 38px;
	border-radius: 50%;	
}

.menu-category-name{
	margin: 0 0 15px 2%;
	padding: 0;
	margin-top: -10px;
}

#checkout .pull-right{
	font-size: 15px;
	font-weight: 600;
	color: #6bba21;
}

.catering_menu .package-list-div .package-fade-desc, .catering_menu .package-show-more{
	display: none;
}

.item-desc{
	padding-bottom: 0px !important;
	font-size: 14px !important;
	width: 90% !important;
}

.item-block-no-image .item-desc{
	width: 85% !important;
}

.catering_add_on .item-block .item-title, .catering_add_on .item-block-no-image .item-title,
.catering_extras .item-block .item-title, .catering_extras .item-block-no-image .item-title{
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}

/* UPSELL ITEM */
.splide{
	padding-top: 0;
}

.splide__arrow{
	top: 40%;
}

.upsell_wrapper{
	background-color: #fff;
	margin-bottom: 15px;
	border-bottom: 1px solid #00000036 !important;
	font-family: 'Poppins', sans-serif;
	width: 100% !important;
}

.upsell_wrapper h1, .checkout-panel.promo-code-container h1 {
    font-size: 22px;
    color: #4C5E78;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
	margin-top: 10px;
    margin-bottom: 10px;
}

.upsell_wrapper h6{
	margin-left: 10px;
}

.upsell_item_container{
	margin: 5px 10px;
	height: 170px;
	border-radius: 4px;
	box-shadow: 0 1.4px 4.1px 0 rgba(0, 0, 0, 0.25);
}

.upsell_block_img{
	width: 33%;
	position: relative;
	float: left;
	background-color: #eaeaea !important;
	height: 170px !important;
	margin: 0px !important;
}

.upsell_block_img img{
	width: 100% !important;
	height: 100% !important;
	max-height: 170px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.upsell_block_info{
	width: 66%;
	padding: 10px;
	display: inline-block;
}

.upsell_block_no_img{
	width: 100%;
	height: 100%;
	padding: 10px;
	display: block;
	position: relative;
}
.upsell_item_container
.upsell_item_name{
	font-size: 16px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	font-family: Poppins;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #2d4260;
}

.upsell-item-description {
	font-family: Poppins;	
	font-size: 12px;
    padding-top: 5px !important;
    padding-bottom: 0px !important;
	text-transform: none !important;
	font-weight: normal !important;	
	color: #818181;

	overflow: hidden;
	text-overflow: ellipsis;
	
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;			
	overflow-wrap: break-word;


}
.upsell_item_container > .upsell_block_no_img .upsell_bottom_elements{
	position: absolute;
    bottom: 0;
	width: 90% !important;
}
.upsell_bottom_elements{
	position: absolute;
    bottom: 0;
	width: 55% !important;
}
.upsell_item_price{
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #2d4260;
	width: 50%; 
	height: 40px; 
	float: left;
}

.upsell_btn_container {
	margin-left: 50%; 
	height: 40px; 
}

.upsell_btn{
	display: table-cell;
	padding: 3px 15px;
	border-radius: 4px !important;
	background: #138e47;
	box-shadow: none !important;
	bottom: 0;
}

.upsell_wrapper{
	float: left;
	padding-bottom: 15px;
}
.upsell_wrapper .btn {
	background: #138e47;
	box-shadow: none !important;	
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;	
	padding: 6px 16px;
	font-size: 11px;
	border-radius: 4px !important;	
	float:right;
}

.upsell_btn, .upsell_btn:focus{
	padding: 3px 15px;
	border-radius: 5px !important;
	outline: none;
}

.upsell_btn::-moz-focus-inner{
	border: 0;
}

.splide__arrow svg {
    fill: #4C5E78 !important;
}

.splide__pagination__page.is-active {
    background: #4C5E78 !important;
}

.glyphicon-spin {
	-webkit-animation: spin 1000ms infinite linear;
	animation: spin 1000ms infinite linear;
	font-size: 10px;
}

.splide .splide__arrow:disabled{
	display: none;
}

/* OOA-867: Catering List of Delivery Areas */
.catering_form_suburb_list a{
	color: #2d4260;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0px;	
}

#cateringSuburbListModal .modal-title {
	color: #000000;
	font-weight: bold;
	font-size: 24px;
}

#cateringSuburbListModal .cateringSuburbListModal-list {
	text-align: left;
	color: #666666;
}

#cateringSuburbListModal .cateringSuburbListModal-list li {
	line-height: 2.4;
	text-transform: capitalize;
}

#cateringSuburbListModal ul {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}


@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@media only screen and (max-width: 1200px){
	.upsell_wrapper{
		width: 100% !important;
	}
} 

@media only screen and (max-width: 992px){
	.upsell_wrapper{
		width: 100% !important;
	}
}

@media only screen and (max-width: 1300px){
	/* Customer Details - 1300px - START */
	#main-content #customer {
		padding-left: 0;
		padding-right: 0;
	}

	#new_customer .container{
		width: 85%;
	}
	/* Customer Details - 1300px - END */

	/* Summary - 1300px - START */
	#main-content #checkout{
		padding-left: 0;
		padding-right: 0;
	}
	
	.checkout-container{
		width: 85%;
	}
	
	#checkout #payment_details, #checkout #pick-up-notes{
		width: 50% !important;
		margin-top: 20px !important;
	}
	/* Summary - 1300px - END */
}

@media only screen and (min-width: 1025px) and (max-width: 1500px) {
	.catering_add_on .item-description, .catering_extras .item-description{
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.catering_add_on .menu-item-outofstock, .catering_extras .menu-item-outofstock{
		font-size: 8pt !important;
	}
}

@media only screen and (max-width: 1024px){
	/* Catering menu, addon, extras - 1024px - START */
	.catering-menu-container{
		padding-top: 15px !important;
	}

	#main-content .container, .navbar .container{
		padding: 0 10px;
	}

	.sidebar-offcanvas{
		position: unset !important;
	}

	.float-box-fixed{
		width: 25% !important;
		position: sticky !important;
	}

	#menu-title{
		display: none;
	}

	#menu-items h1{
		background-color: unset !important;
		font-size: 20px;
		padding: 0 !important;
		border-bottom: 1px solid #c4c4c4;
		text-align: left;
		font-weight: 900;
	}

	#menu-items .catering-subtitle{
		padding: 20px 0 0 0;
		padding-left: 0;
		padding-right: 0;
	}

	.menu-item .item-block{
		width: 60% !important;
	}

	#menu-items div.menu-item:first-child{
		padding-bottom: 30px;
	}

	#menu-items .catering_recommended_serving{
		font-size: 14px !important;
	}

	.item-desc{
		padding-bottom: 0px !important;
		font-size: 13px !important;
		font-weight: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -webkit-box;
	}

	.item-add-buttons #modal-addbtn{
		border-radius: 0;
	}

	.catering_menu .item-block{
		padding: 0;
	}

	.catering_add_on .item-block, .catering_extras .item-block{
		padding: 0 5px;
	}

	.catering_menu .item-title{
		padding-left: 5px !important;
		line-height: unset !important;
	}

	.catering_add_on .item-description, .catering_extras .item-description{
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.catering_menu .item-block .item-description, .catering_menu .item-block-no-image .item-description{
		padding: 0 0 0 5px !important;
	}

	.catering_menu .item-block-no-image .item-description, .catering_extras .item-block .item-description, .catering_extras .item-block-no-image .item-description{
		width: 100% !important;
	}

	.catering_menu .package-list-div{
		width: 65%;
	}

	div.menu-item-option .menu-item-option{
		width: 100% !important;
	}

	.col-md-4.catering-modal-input{
		text-align: center;
	}

	#menu-items .modal-popup .modal-footer .popup-catering-retail-price{
		margin-bottom: 0px;
	}
	/* Catering menu, addon, extras - 1024px - END */

	/* Customer Details - 1024px - START */
	#main-content .customer-catering{
		padding: 0;
	}

	#main-content #customer{
		padding: 15px 10px 0 !important;
	}

	#new_customer .container{
		width: 100%;
		margin: 0;
		padding: 0
	}

	#new_customer .orderSummary{
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 0;
	}

	#new_customer .orderSummary h3{
		font-size: 30px;
	}

	#new_customer .orderType h3{
		font-size: 22px;
	}

	.box-body{
		padding: 0;
	}

	.m_top_0{
		margin-top: 0 !important;
	}

	.m_bottom_0{
		margin-bottom: 0 !important;
	}

	.p_top_0{
		padding-top: 0 !important;
	}

	.p_bottom_0{
		padding-bottom: 0 !important;
	}
	/* Customer Details - 1024px - END */

	/* Summary - 1024px - START */
	#main-content #checkout{
		padding: 15px 10px 200px !important;
	}

	#main-content .checkout-catering{
		padding: 0;
	}

	.checkout-container{
		width: 100%;
		margin: 0;
	}

	.m_left_0{
		margin-left: 0 !important;
	}

	.m_right_0{
		margin-right: 0 !important;
	}

	.p_left_0{
		padding-left: 0 !important;
	}

	.p_right_0{
		padding-right: 0 !important;
	}

	.p_right_5{
		padding-right: 5px !important;
	}

	#checkout #payment_details, #checkout #pick-up-notes{
		width: 50% !important;
		margin-top: 20px !important;
	}

	.checkout-container .float-cart #view-basket .item-delivery-fee{
		padding-bottom: 10px !important;
		padding-left: 0 !important
	}

	#checkout .checkout-panel h3{
		background-color: unset !important;
		font-size: 20px;
		margin: 0 0 10px 0;
		padding: 6px 6px 6px 0px;
		color: #4C5E78;
		font-weight: 500;
		text-transform: capitalize;
		font-family: 'Poppins', sans-serif;
	}

	#checkout .checkout-panel .inner{
		padding-left: 0;
	}

	#payment_details h1{
		padding-left: 0;
	}

	#payment_details h1, #pick-up-notes h3{
		background-color: unset !important;
		font-size: 20px;
	}

	#payment-details{
		padding: 0 0 30px !important;
	}

	#pick-up-notes div{
		padding-right: 0 !important;
	}

	#checkout .orderSummary{
		padding-left: 0;
		padding-right: 0;
	}

	#checkout .orderSummary h3{
		font-size: 30px;
	}

	.splide{
		padding: 10px 2em 3em 2em !important;
	}

	.splide__arrow{
		top: 40% !important;
	}

	.splide__arrow--prev{
		left: .3em !important;
	}

	.splide__arrow--next{
		right: .3em !important;
	}

	.col-md-offset-2{
		margin-left: 10.666667%;
		z-index: 1;
	}
	/* Summary - 1024px - END */
	
	/* Start of Catering Form */
	.catering_form_title{
		font-size: 22px;
	}
	.catering-form-col .catering_form_description{
		font-size: 12px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow-wrap: break-word;		
	}	
	/* End of Catering Form */	

	.catering-input-form {
		font-size: 16px;
		width: 115%;
		transform: scale(0.875);
		transform-origin: left top;
	}
}

@media only screen and (max-width: 999px){
	/* Catering menu, addon, extras - 999px - START */
	#main-content .container, .navbar .container, #main-content #checkout{
		padding: 0;
	}

	#menu-items{
		width: 100% !important;
		padding: 0 15px 20px 15px;
	}

	#menu-items ul li.group, #menu-items ul li.single{
		margin-left: 0 !important;
		width: 100% !important;
		padding-left: 0;
	}

	#menu-items ul li.package-list{
		padding: 0;
		font-size: 11px;
	}

	#menu-items ul {
		margin-bottom: 0 !important;
		padding-right: 0 !important;
	}

	.menu-item .item-thumb{
		height: 100% !important;
		margin: 0 !important;
		border-radius: 0 !important;
		/* float: unset !important; */
		display: inline-block !important;
		top: 50%;
		transform: translateY(-50%);
		position: absolute !important;
		background-color: transparent !important;
	}

	.menu-item .item-thumb > img{
		border-radius: 0 !important;
		height: 100% !important;
		max-height: 212px !important;
	}

	#menu-items ul li.catering_menu {
		/* width: 48% !important; */
		min-height: 150px;
		overflow: hidden;
		padding: 0;
	}

	.menu-item .item-block {
		width: 60% !important;
		margin-left: 40%;
		min-height: 170px;
		padding-left: 5px;
		padding-right: 0;
	}

	#menu-desc-header, #menu-desc-footer{
		padding: 0 0 15px 0;
	}

	#menu_items{
		margin-top: 20px;
	}

	.menu-category-name{
		margin: 0;
		padding: 0;
	}

	.menu-category-name h5{
		font-size: 17px;
		color: #666;
	}

	.catering_menu .item-thumb, .catering_extras .item-thumb{
		width: 40% !important;
	}

	.catering_menu .item-block{
		min-height: 200px;
	}

	.catering_menu .item-title{
		padding-left: 4px !important;
	}

	.catering_menu .item-block .item-description{
		width: 98% !important;
	}

	.catering_menu .item-block .item-description, .catering_menu .item-block-no-image .item-description{
		padding: 0 0 0 4px !important;
	}

	.catering_add_on .item-description, .catering_extras .item-description{
		-webkit-line-clamp: 4;
	}

	.catering_add_on .item-thumb, .catering_extras .item-thumb{
		height: 100% !important;
	}

	.catering_add_on .item-block .item-title, .catering_extras .item-block .item-title{
		padding-top: 0 !important;
	}

	.catering_menu .item-block-no-image, .catering_add_on .item-block-no-image, .catering_extras .item-block-no-image{
		padding-top: 0px;
	}

	.package-list{
		line-height: 20px;
	}

	.item-add-buttons .col-md-3, .item-add-buttons .col-sm-3,
	.catering-modal-sizegrp-row .col-md-3, .catering-modal-sizegrp-row .col-sm-3{
		width: 25%;
		float:left;
	}

	.item-add-buttons .col-md-6, .item-add-buttons .col-sm-6,
	.catering-modal-sizegrp-row .col-md-6, .catering-modal-sizegrp-row .col-sm-6{
		width: 50%;
		float: left;
	}

	.col-sm-12 .item-description, .col-sm-6 .item-description{
		width: 100% !important;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.catering_extras .item-block .col-sm-6, .catering_extras .item-block-no-image .col-sm-6{
		padding-right: 0;
		float: left;
	}

	.catering_extras .catering-action-input{
		text-align: center;
	}

	.catering_extras .extras_btn .catering-action-input .catering-item-dec,
	.catering_extras .extras_btn .catering-action-input .catering-item-inc{
		width: unset;
		float: unset;
	}

	.catering_extras .extras_btn .catering-action-input .catering-item-qty{
		float: unset;
	}

	.col-sm-3.catering-modal-input, .col-sm-6.catering-modal-input{
		text-align: center;
	}

	.item-desc{
		font-size: 11px !important;
	}

	.item-price {
		font-size: 18px !important;
	}

	.package-save-price, .package-orig-price{
		font-size: 11px;
	}

	.item-add-buttons:not(.item-add-buttons-catering){
		margin-top: 0 !important
	}

	.item-add-buttons-catering{
		display: inline-block;
	}

	.item-add-buttons .add-button{
		margin: 0 !important;
	}

	.catering_extras .extras_btn .item-add-buttons .add-button{
		width: 30%;
	}

	#menu-items .catering_recommended_serving{
		font-size: 12px !important;
	}

	#menu-items .modal-popup .modal-footer:not(.modal-footer-catering) .customise-add-button{
		position: unset;
		width: 100% !important;
	}

	#menu-items .modal-popup .modal-footer:not(.modal-footer-catering) .popup-item-price{
		position: unset;
		width: 100%;
		text-align: right !important;
		font-size: 18px;
	}

	#menu-items .modal-popup .modal-footer .popup-catering-retail-price{
		font-size: 11px !important;
	}

	#menu-items .modal-popup .modal-footer:not(.modal-footer-catering){
		padding-bottom: 15px !important;
	}

	#menu-items .modal-popup .modal-footer.modal-footer-catering{
		padding-bottom: 100px !important;
	}
	/* Catering menu, addon, extras - 999px - END */

	/* Customer Details - 999px - START */
	#new_customer .orderSummary h3{
		font-family: "Open Sans", sans-serif;
		font-size: 20px;
		font-weight: 900;
		margin-bottom: 10px;
	}

	#new_customer .orderType h3{
		font-family: 'Poppins', sans-serif;
		font-size: 22px;
		font-weight: 500;
		color: #2b9959;
	}

	#new_customer .orderType span{
		text-transform: capitalize;
		color: #2C4363;
	}

	#new_customer .orderSummary #storeDetails h4{
		font-size: 17px;
	}

	#new_customer .orderSummary #storeDetails p{
		font-size: 15px;
		font-weight: normal;
	}

	#new_customer .orderSummary #storeDetails .store_name{
		font-weight: 600;
	}

	#new_customer .orderSummary #storeDetails .store_address{
		font-size: 12px;
		color: #666;
	}

	#new_customer .orderSummary #customerDetails{
		border-top: 1px solid #c4c4c4;
	}

	#customer-date-text .input-group, #customer-date-edit .input-group{
		width: 100%;
	}

	.form-action{
		padding-bottom: 30px;
	}

	.p_right_5{
		padding-right: 0px !important;
	}
	/* Customer details - 999px - END */

	/* Summary - 999px - START */
	#checkout .orderSummary h3{
		font-family: "Open Sans", sans-serif;
		font-size: 20px;
		font-weight: 900;
		margin-bottom: 10px;
	}

	#checkout .orderSummary #customerDetails p, #checkout .orderSummary #storeDetails p{
		font-size: 15px;
		font-weight: normal;
	}

	#checkout .orderSummary #storeDetails p.store_phone{
		font-size: 12px;
	}

	#checkout .orderSummary #customerDetails .customer_name, #checkout .orderSummary #storeDetails .store_name{
		font-weight: 600;
	}

	#checkout .orderSummary #customerDetails .customer_address, #checkout .orderSummary #storeDetails .store_address{
		font-size: 12px;
		color: #666;
	}

	#checkout div.event-datetime{
		width: 90%;
	}

	#checkout .checkout-container .float-cart{
		padding-left: 0px;
        padding-right: 0px;
	}

	#checkout .checkout-container .float-cart #view-basket{
		width: 100%;
		margin: 0;
	}

	#checkout .checkout-container .float-cart #view-basket h3{
		font-family: 'Poppins', sans-serif;
		font-weight: 500;
	}

	#checkout .float-cart .parent-item .order-item-basket .item-label{
		color: #2c4363 !important;
	}

	#checkout .float-cart #view-basket li.parent-item .order-item-basket, #checkout .float-cart #view-basket .sub-item .order-item-basket{
		padding-left: 0 !important;
	}

	#checkout .float-cart #view-basket .parent-item .item-price-side, #checkout .float-cart #view-basket .sub-item .item-price-side{
		font-size: 13px !important;
	}

	.checkout-container .float-cart #view-basket .item-delivery-fee{
		padding-right: 0 !important;
	}

	#checkout #view-basket .item-price-total b{
		color: #2b9959;
	}

	#checkout .checkout-panel .inner{
		width: 80%;
	}

	.col-md-offset-2{
		margin-left: 0;
		float: left;
	}
	/* Summary - 999px - END */
}

/* IPAD VIEW STYLING Ipad Pro 12.9 */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) { 
	#catering-form {
		width: 90% !important;
	}

	#cateringPrevButton,
	#cateringForm{
		padding: 8px 20px;
	}			  
}

/* IPAD VIEW STYLING Ipad Pro 10.5 */
@media (max-width: 834px){
	#catering-form {
		width: 90% !important;
	}

	#cateringPrevButton,
	#cateringForm{
		padding: 8px 20px;
	}		
}


/* For general iPad layouts */
@media only screen and (device-width: 768px) {
	#catering-form {
		width: 90% !important;
	}

	#cateringPrevButton,
	#cateringForm{
		padding: 8px 20px;
	}	
	.stepwizard-container{
		padding: 20px 30px;
	}	
	.stepwizard {
		width: 80%;
	}	

}

@media only screen and (device-width: 720px) {
	/* Start of Catering Form */
	.catering_form_title{
		font-size: 22px;
	}
	.catering-form-col .catering_form_description{
		font-size: 12px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow-wrap: break-word;		
	}	
	/* End of Catering Form */	
}

/* For landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	
	#catering-form {
		width: 90% !important;
	}

	#cateringPrevButton,
	#cateringForm{
		padding: 8px 20px;
	}		
}

@media only screen and (max-width: 480px){
	/* Start of Catering Form */	
	#catering-form {
		width: 90% !important;
	}

	.catering-form-container{
		display: block;
	}  

	#cateringPrevButton,
	#cateringForm{
		padding: 8px 20px;
	}
	
	#cateringSelectStoreForm{
		padding: 8px 50px;	
	}

	.catering-form-col{
		float: left;
		display:block;
		width: 100%;      
	}

	.catering-form-holder{
		border-radius: 10px;
		background-color: #fff;
	}  	

	#catering_select_store {
		margin-top: 20px;
		text-align: center;
	}	

	.catering-form-row  {
		padding: 15px !important;	
	}	

	.catering-form-col {
		width: 100% !important;
	}	

	.catering-form-col .catering_form_title{
		font-size: 24px;
		margin-top: 10px !important;
	}

	.catering-form-col .catering_form_description{
		font-size: 12px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow-wrap: break-word;		
	}	

	#catering_fieldset_orderform .form-group{
		margin-bottom: 10px !important;
	}	

	.catering-image-holder {
		display: none !important;
	}	

	.catering-form-col .btn {
		font-size: 15px;
	}

	.day-radius{
		margin-top:5px;
		margin-bottom:5px;
	}	
	.unit-num-form-group{
		padding-right: 2px !important;
	}			
	.house-num-form-group{
		padding-left: 2px !important;
	}
	.popover {
		width: 300px !important;
	}	
	.popover-content {
		padding: 9px 14px;
		height: auto;
		max-height: 250px;
		overflow-y: scroll;
	}		
	.catering-form-holder .select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 12px;
	}
	
	#cateringSuburbListModal .modal-body {
		overflow: scroll;
	}

	#cateringSuburbListModal .modal-title {
		font-size: 22px !important;
	}

	#cateringSuburbListModal ul {
		-moz-column-count: 2;
		-moz-column-gap: 20px;
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		column-count: 2;
		column-gap: 20px;
	}
	
	/* End of Catering Form */

    /* Start of Catering Customer Details */	
	.stepwizard-container{
		padding: 20px 30px;
	}
	#main-content #customer{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#new_customer{
		padding-left: 10px;
		padding-right: 10px;
	}
	#new_customer .orderSummary #customerDetails h4, 
	#new_customer .orderSummary #storeDetails h4 {
		font-size: 17px;
		margin-bottom: 10px;
		margin-top: 20px;
	}	
	#new_customer .orderSummary #customerDetails p, #new_customer .orderSummary #storeDetails p {
		font-size: 15px;
	}	
	#new_customer .orderType {
		border-top: solid 1px #c4c4c4;
		margin-top: 20px;
		padding-top: 15px;
		padding-bottom: 10px;
	}
	#new_customer .orderType h3 {
		font-size: 15px;
		font-weight: bold;
	}
	#new_customer .orderType h3 span{
		float: right;
		font-weight: normal;
	}
	#new_customer .orderSummary .label_already_member {
		text-align: center !important;
	}
	#new_customer .orderSummary #btnContinue{
		width:100%;		
	}	
	#new_customer .orderSummary #btnCancel{
		width:100%; 
	}	
	/* End of Catering Customer Details */	

	/* Catering menu, addon, extras - 480px - START */
	.stepwizard {
		width: 100%;
	}

	.menu-item .item-block {
		width: 70% !important;
		margin-left: 31%;
		padding-right: 10px;
		padding-left: 10px;
	}

	.menu-item .catering_menu .item-block {
		display: block;
		padding-bottom: 60px;
	}

	.catering_menu .item-thumb, .catering_extras .item-thumb{
		width: 33% !important;
	}

	.mh5em{
		max-height: 5em;
	}

	.catering_menu .package-list-div{
		width: 80%;
		position: relative;
	}

	.catering_menu .item-block .package-list-div .package-fade-desc{
		display: block;
		width: 100%;
		position: absolute;
		bottom: -12px;
		height: 4em;
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	}

	.catering_menu .item-block .package-show-more{
		display: block;
		position: absolute;
		padding-left: 10px;
		padding-top: 10px;
		font-size: 13px;
		font-weight: 700;
		color: #468847;
	}

	.catering_add_on .item-block, .catering_extras .item-block{
		padding-top: 10px;
	}

	.catering_add_on .item-description, .catering_extras .item-description{
		-webkit-line-clamp: 3;
	}

	/* .package-list-ul{
		column-count: 1;
	} */

	.item-add-buttons .col-md-3, .item-add-buttons .col-sm-3,
	.catering-modal-sizegrp-row .col-md-3, .catering-modal-sizegrp-row .col-sm-3{
		width: 25%;
	}

	.item-add-buttons .col-md-6, .item-add-buttons .col-sm-6,
	.catering-modal-sizegrp-row .col-md-6, .catering-modal-sizegrp-row .col-sm-6{
		width: 50% !important;
	}

	.catering-modal-sizegrp-row .catering-item-qty{
		width: 30% !important;
	}

	.item-add-buttons .col-md-6, .item-add-buttons .col-md-3, .item-add-buttons .col-sm-6, .item-add-buttons .col-sm-3,
	.catering-modal-sizegrp-row .col-md-6, .catering-modal-sizegrp-row .col-md-3, .catering-modal-sizegrp-row .col-sm-6, .catering-modal-sizegrp-row .col-sm-3{
		float:left;
	}

	.item-add-buttons:not(.item-add-buttons-catering) div:nth-child(1){
		display: none;
	}

	.item-add-buttons div:nth-child(2){
		width: 70% !important;
		padding-left: 0;
	}

	#menu-items .modal-popup .modal-dialog{
		position: fixed;
		top: 0;
		left: 0;
	}

	#menu-items .modal-popup .modal-header h4, #add-popup-qty .modal-header h4{
		font-size: 20px;
	}

	#menu-items .modal-popup .modal-header .item-description-popup, #add-popup-qty .modal-header .item-description-popup{
		font-size: 13px !important;
	}

	#menu-items .modal-popup .modal-body{
		margin-top: 0;
		padding-bottom: 70px;
	}

	/*#menu-items .modal-popup .modal-footer .footer_mobile{*/
	/*	width: 0;*/
	/*	height: 0;*/
	/*}*/

	#menu-items .modal-popup .modal-footer{
		position: absolute !important;
		width: 100%;
		height: 65px;
		bottom: 0;
		padding-top: 12px;
	}

	.catering_add_on .menu-item-outofstock, .catering_extras .menu-item-outofstock{
		font-size: 11px !important;
	}

	.col-sm-12 .item-description{
		-webkit-line-clamp: 3;
	}

	.col-sm-6 .item-description{
		-webkit-line-clamp: 2;
	}

	.catering_add_on .catering-item-dec, .catering_add_on .catering-item-inc,
	.catering_extras .catering-item-dec, .catering_extras .catering-item-inc{
		font-size: 20px;
	}

	.catering_extras .item-block .col-sm-6, .catering_extras .item-block-no-image .col-sm-6{
		width: 100%;
	}

	.catering_extras .item-block .extras_btn, .catering_extras .item-block-no-image .extras_btn{
		padding: 0;
		margin-bottom: 10px;
	}

	.catering_extras .item-block .catering-item-qty, .catering_extras .item-block-no-image .catering-item-qty{
		width: 15%;
	}

	.catering_extras .item-block .item-add-buttons .add-button{
		width: 37%;
	}

	.catering_extras .item-block-no-image .item-add-buttons .add-button{
		width: 27%;
	}

	.catering_extras .item-block .col-sm-6 .catering-item-qty, .catering_extras .item-block-no-image .col-sm-6, .catering-item-qty{
		display: inline-block !important;
	}

	.catering_extras .catering-action-input{
		text-align: right;
		margin-right: 0;
	}

	.catering_extras .item-add-buttons{
		text-align: right;
		padding-right: 28px;
	}

	#menu-items .modal-popup .modal-footer.modal-footer-catering{
		padding-bottom: 110px !important;
	}

	.catering_extras .modal-footer .item-add-buttons{
		text-align: center;
		padding-right: 20px;
	}

	.catering-item-detail-container{
		padding: 15px;
	}

	.item-desc{
		-webkit-line-clamp: 1;
	}
	/* Catering menu, addon, extras - 480px - END */

	/* Summary - 480px - START */
	#main-content #checkout{
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 250px !important;
	}

	.checkout-container{
		padding-left: 10px;
		padding-right: 10px;
	}

	#checkout .orderSummary #customerDetails h4, #checkout .orderSummary #storeDetails h4{
		margin-bottom: 10px;
	}

	#checkout .orderSummary{
		padding-bottom: 40px;
		margin-bottom: 40px;
		border-bottom: 1px solid #c4c4c4;
	}

	#checkout .orderType{
		border-top: 0 solid #c4c4c4;
		padding-top: 15px;
	}

	#checkout .orderType h3{
		margin-bottom: 30px;
		font-size: 15px;
		font-weight: bold;
		font-family: 'Poppins', sans-serif;
	}

	#checkout .orderType h3 span{
		font-weight: normal;
		float: right;
		text-align: right;
	}

	#checkout .cateringDetails{
		padding: 0;
	}

	#checkout div.event-datetime{
		display: none;
	}

	#checkout h3.event-datetime {
		display: block;
		font-size: 15px;
		font-weight: bold;
		color: #666;
		margin-top: 0;
		font-family: 'Poppins', sans-serif;
	}

	#checkout h3.event-datetime div {
		float: left;
		width: 50%;
	}

	#checkout h3.event-datetime span {
		font-weight: normal;
		float: right;
		color: #000;
		width: 50%;
		text-align: right;
	}

	#checkout .pull-right{
		font-size: 13px;
	}

	#checkout .float-cart #view-basket h3{
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	#checkout .float-cart #view-basket #mybasket-ul{
		font-size: 15px;
	}

	#checkout .float-cart #view-basket #mybasket-ul .parent-item{
		border-top: 0;
		padding-bottom: 0 !important;
	}

	#checkout .float-cart #view-basket .parent-item .order-item-basket{
		font-weight: 600;
	}

	#checkout .float-cart #view-basket .parent-item .order-item-basket .item-label{
		font-weight: normal;
	}

	#checkout .float-cart #view-basket .sub-item .item-price-side{
		margin-right: 0 !important;
	}

	.checkout-container .float-cart #view-basket ul#mybasket-ul .sub-item{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	#checkout .float-cart #view-basket .sub-item .order-item-basket{
		font-size: 12px !important;
		font-weight: normal;
		text-transform: none;
	}

	#checkout .float-cart #view-basket .sub-item .item-price-side{
		font-size: 12px !important;
	}

	.checkout-container .float-cart #view-basket .item-delivery-fee span{
		font-size: 13px !important;
	}

	.checkout-container .float-cart #view-basket .item-price-total{
		padding-top: 10px;
		margin-top: 10px;
	}

	.checkout-container .float-cart #view-basket .item-price-total > span{
		text-align: left;
		font-size: 15px !important;
	}

	.checkout-container .float-cart #view-basket .item-price-total > span.total_price{
		text-align: right;
	}

	.checkout-container .float-cart #view-basket .item-delivery-fee{
		border-top: 0;
		padding-bottom: 0 !important;
	}

	#checkout #payment_details, #checkout #pick-up-notes{
		width: 100% !important;
		margin-top: 20px !important;
	}

	.upsell_wrapper h1, #payment_details h1, #pick-up-notes h3, #checkout .checkout-panel h3{
		font-size: 17px;
		font-weight: bold !important;
	}

	.upsell_wrapper{
		padding-bottom: 25px;
	}

	#checkout .checkout-panel .inner{
		width: 100%;
		padding: 0;
	}

	#checkout #payment-details{
		padding-bottom: 0px !important;
	}

	#pick-up-notes div{
		padding: 0 !important;
	}

	#payment-details #catering-payment{
		width: 100%;
	}

	#pick-up-notes h3{
		padding-left: 0;
	}

	.col-md-offset-2{
		margin-left: 10.666667%;
	}
	/* Summary - 480px - END */
}

@media (max-width: 375px){
	/* Catering menu, addon, extras - 375px - START */
	#menu-items .modal-popup .modal-footer .popup-item-price{
		padding-top: 0px;
	}

	.catering_extras .item-block .item-add-buttons .add-button{
		width: 39%;
	}

	.catering_extras .item-block-no-image .item-add-buttons .add-button{
		width: 29%;
	}
	/* Catering menu, addon, extras - 375px - END */

	/* Customer details - 375px - START */
	#customer .orderSummary #customer-date{
		font-size: 13px;
	}
	/* Customer details - 375px - END */

	/* Summary - 375px - START */
	.col-md-offset-2{
		margin-left: 6.666667%;
	}
	/* Summary - 375px - END */
}

/* SMALLER MOBILE VIEW STYLING */
@media (max-width: 320px){
    /* Start of Catering Form */
	.catering-form-row  {
		padding: 10px !important;	
	}		
	.catering-form-col {
		width: 100% !important;
		height: auto;
		max-height: 320px;
		overflow: scroll;
	}		
	.catering-form-col .catering_form_title{
		font-size: 20px;
		margin-top: 5px !important;
	}
	.catering-form-col .catering_form_description{
		font-size: 12px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow-wrap: break-word;			
	}
	.catering-input-form {
		height: 40px;
		transform: scale(0.75);
		width: 135%;
	}	
	.catering-date-container .input-icon,
	.catering-num-people .input-icon,
	.timerange-container .input-icon{
		padding: 10px !important;	
	}
	
	#catering_fieldset_orderform .form-group{
		margin-bottom: 10px !important;
	}	

	.catering-form-col .btn {
		font-size: 13px;
	}

	.catering-order-type-bt {
		width: 100px;
		height: 30px;
	}	

	#cateringPrevButton,
	#cateringForm{
		padding: 8px 20px;
		width: 100%;
		margin-top: 5px;
		margin-bottom: 5px;
	}	

	.unit-num-form-group{
		padding-right: 2px !important;
	}	

	.house-num-form-group{
		padding-left: 2px !important;
	}		
	
	.datepicker-days td, .datepicker-days th{
		width: 30px !important;
		height: 30px !important;
	}

	.datepicker-days .datepicker-switch {
		font-size: 13px !important;
	}

	.popover {
		width: 250px !important;
	}	

	.datepicker-dropdown {
		height: auto;
		max-height: 240px;
		overflow-y: scroll;
	}	
	
    /* End of Catering Form */

	/* Catering menu, addon, extras - 320px - START */
	#menu-items .modal-popup .modal-footer{
		padding-top: 10px;
	}

	.stepwizard-step p{
		font-size: 10px;
	}

	.catering_extras .item-block .item-add-buttons .add-button{
		width: 46%;
	}

	.catering_extras .item-block-no-image .item-add-buttons .add-button{
		width: 32%;
	}

	.catering_add_on .item-description, .catering_extras .item-description{
		-webkit-line-clamp: 2;
	}

	.catering_add_on .catering-item-dec, .catering_add_on .catering-item-inc,
	.catering_extras .catering-item-dec, .catering_extras .catering-item-inc{
		padding: 6px;
	}

	.catering_extras .item-add-buttons{
		padding-right: 15px;
	}
	/* Catering menu, addon, extras - 320px - END */

	/* Customer details - 320px - START */
	#customer .orderSummary #customer-date{
		font-size: 11px;
	}
	/* Customer details - 320px - END */

	/* Summary - 320px - START */
	.col-md-offset-2{
		margin-left: 0;
	}
	/* Summary - 320px - END */
}


/* PACKAGE STYLING */

@media only screen and (max-width: 1024px){
	.deal-menu-items-selected{
		border: solid 1px #138e47 !important;
	}
	#setpackage_description{
		width: 65%;
    	word-break: break-word;
	}
	#main-content {
		position: relative;
	}
	.footerWrap {
		bottom: -27px;
	}
	#displayDeals{
		width: 100%;
		padding: 20px;
		margin: 0;
	}
	#setpackage_image_div{
		display: none;
	}
	#displayDeals .row{
		margin: 0;
	}
	#displayDeals .row .col-lg-12{
		display: none;
		margin: 0 !important;
		padding: 0 !important;
		position: relative;
	}
	#displayDeals #add_to_order,
	#displayDeals #cancel{
		width: 43%;
		margin: 0px 3% !important;
	}
	#setpackage_info_div{
		padding: 0;
	}
	.selection-complete{
		color: #138e47;
	}
	#displayDeals #add_to_order{
		background: #3498db !important;
	}
	#displayDeals #cancel{
		background: #e74b3c !important;
	}
	#displayDeals #deal_wizard .deal-cont .col-sm-6{
		width: 100%;
		padding: 5px 10px;
		margin: 5px 0;
	}
	.deal-menu-items .deal-selection {
		position: absolute;
		top: 11px;
    	right: 10px;
		width: 140px;
	}
	.deal-item-description{
		display: block;
		margin-top: 10px !important;
		width: 65%;
		min-height: 10px;
	}
	#setpackage_price_div{
		position: absolute;
		right: 0;
		top: 2px;
		width: 100%;
	}
	#setpackage_value{
		margin-bottom: 5px;
		font-size: 20px;
	}
	.catering-green-text{
		margin-bottom: 2px;
	}
	.catering-gray-text{
		font-size: 13px;
	}
	#setpackage_image_div{
		margin-bottom: 20px;
	}
	.setpackage_priceBottom_div{
		position: relative;
	}
	#displayDeals .row-flex{
		position: relative;
	}
	#setpackage_value{
		margin-top: 10px;
	}
}
@media only screen and (max-width: 768px){
	#setpackage_description{
		font-size: 16px !important;
	}
	#setpackage_recommended_serving{
		font-size: 14px;
	}
	.deal-menu-items .deal-selection {
		width: 110px;
	}
	#package_detail{
		min-height: 100px;
	}
	#displayDeals #add_to_order,
	#displayDeals #cancel{
		width: 100%;
		margin: 0 !important;
		margin-bottom: 3% !important;
		padding: 10px;
	}
	.setpackage_list_ul{
		column-count: unset !important;
		column-gap: 0 !important;
	}
	.setpackage_list{
		width: 100%;
	}
	#displayDeals #deal_wizard .deal-cont{
		padding: 0px !important;
		border: none !important;
		margin-top: 20px;
	}
	#displayDeals #deal_wizard .deal-cont .col-sm-6{
		width: 100%;
		padding: 5px 10px;
		margin: 5px 0;
	}
	.deal-item-description{
		display: block;
		margin-top: 5px !important;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		width: 65%;
		min-height: 10px;
	}
	.descriptiontext{
		font-weight: bold;
		font-size: 15px;
	}
	#displayDeals #deal_wizard .head{
		padding: 30px 0px !important;
		border: none !important;
	}
	#deal_wizard .dealitems{
		border-bottom: solid 1px #c4c4c4;
	}
}

@media only screen and (max-width: 480px){
	.deal-menu-items label{
		width: 65%;
		word-break: break-word;
	}
	#displayDeals .container .container{
		padding: 0 !important;
	}
	#catering_counter_div{
		margin-top: -20px;
	}
	#displayDeals #deal_wizard .head{
		font-size: 15px !important;
		padding: 20px 0px !important;
		font-weight: bold;
	}
	.deal-selection > input[type="text"]{
		width: 40%;
		font-size: 16px;
		padding: 3px 5px;
		margin: 0 5px;
	}
	#displayDeals #deal_wizard{
		margin: 0 !important;
	}
	.deal-menu-items{
		padding: 5px 10px !important;
		border: none;
	}
	.package_remaining_selection{
		font-size: 22px !important;
	}
	#catering_counter_div span:last-child{
		font-size: 9px !important;
	}

	#customerDetails input[type="text"]{
		font-size: 16px;
		transform: scale(0.875);
        width: 115%;
        transform-origin: left top;
	}

	#customerDetails #mobilenumber{
		padding-left: 85px !important;
	}

	#login-form input[type="text"],
	#login-form input[type="password"],
	#forgot-password-form input[type="text"],
	#register-details input[type="text"],
	#register-details input[type="password"],
	#pick-up-notes textarea{
		font-size: 16px;
	}

	/* iOS zoom fix for promo code inputs */
	#promtional-code,
	#promtional-code-cart{
		font-size: 16px;
	}
}

@media only screen and (max-width: 320px){
	.descriptiontext,
	.deal-selection > input[type="text"]{
		font-size: 12px;
	}
}

/* FLOAT BOX MOBILE CATERING */

#catering-nav, #closeCart{
	display: none;
}

@media screen and (max-width: 995px), screen and (max-height: 490px) {
	.float-cart, .float-box-fixed{
		margin-top: 1% !important;
		max-height: 78% !important;
	}
}

@media only screen and (max-width: 999px){
	.float-cart,
	.float-box-fixed{
		width: 90% !important;
		position: fixed !important;
		right: 100%;
		z-index: 999;
		margin: 5%;
		top: 55px;
		border-radius: 8px;
		overflow-y: scroll;
		max-height: 87%;
		padding: 20px;
	}
	.deal-item-dec,
	#displayDeals .glyphicon-plus-sign{
		font-size: 20px !important;
	}
	.deal-item-dec{
		top: 6px;
	}
	.float-cart::-webkit-scrollbar {
		display: none;
	}
	.float-cart {
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;  /* Firefox */
	}
	#closeCart{
		display: block;
	}
	#catering-nav #cart-items{
		background: #138e47;
   	 	padding: 0 5px;
    	border-radius: 8px;
		display:none;
		font-size: 19px;
		animation: all ease 0.5s;
		transition: opacity 0.5s linear;
		margin-top: 5px;
	}
	#x-cart-items{
		transition: opacity 0.5s linear;
		animation: all ease 0.5s;
	}
	#catering-nav #cart-items .cart_items_qty{
		background-color: transparent;
		text-align: right;
		color: #fff;
		padding: 0;    
		font-size: 15px;
		padding-left: 3px;
		display:inline;
	}
    #catering-nav{
		display: block;
		top: -60px;
    	background: #fff;
    	box-shadow: 0 5px 5px -2px rgb(0 0 0 / 40%);
    	transition: top 0.2s ease 0s;
    }
    .cart-toggle{
    	float: right;
        font-size: 24px;
        padding: 8px;
        list-style: none;
        margin-right: 10px;
    }
	.row-offcanvas.active
 	.sidebar-offcanvas {
    	right: 0% !important;
    }
	.main-mask{
		backdrop-filter: blur(5px);
	}
	#view-basket h3{
		border-bottom: 1px solid #c4c4c4;
   	 	font-weight: bold !important;
    	margin-bottom: 10px !important;
	}
	.float-cart #empty-basket-txt{
		margin-left: 0 !important;
		text-align: center;
		width: 100%;
		display: block;
		color: #b2b2b2;
		padding-top: 10px;
	}
	#pricePerPersonContainer{
		padding: 20px 0 10px 0;
	}
	#pricePerPersonContainer p{
		width: 75%;
		margin: 0 auto;
		color: 666666;
	}
	#pricePerPersonContainer .col-lg-6{
		width: 48% !important;
    	padding: 0;
  	    display: inline-block;
	}
	.closeCart{
		color: #666666;
	}

	.item-price-total{
		padding: 12px 0;
	}

	.item-price-total b{
		color: #666666;
	}

	.float-cart #view-basket ul#mybasket-ul li.parent-item{
		border:none;
	}

	.float-cart .parent-item .order-item-basket .item-label{
		width: 75%;
		color: #666666;
		margin-left: 10px;
    	font-size: 13px !important;
	}

	.float-cart #view-basket ul#mybasket-ul li span.order-item-basket{
		padding-left: 35px !important;
	}

	.order-item-basket .remove-button{
		left: 0;
		width: 22px;
		height: 22px;
		margin-top: -10.5px;
	}

	.item-price-total > .total_price{
		font-size: 24px !important;
	}

	.item-price-side{
		font-weight: 800;
	}

	#pricePerPersonContainer .row{
		margin-top: 20px;
	}

	.float-cart #view-basket ul#mybasket-ul li.parent-item{
		padding: 10px 0;
	}

	#float-box3 #view-basket ul#mybasket-ul{
		max-height: none;
	}

	#price_person{
		color: #666666;
	}

	.action-compute-perperson{
		width: 60%;
		height: 35px;
		padding: 8px 24px;
		margin-top: 11px;
		margin: 0 auto;
    	display: block;
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	}

	textarea#cart-date.pickup {
		height: 40px;
		padding: 10px;
	}

	.float-checkout, .checkout, #customerDetails .btn{
		font-weight: bold;
		width: 100%;
	}

	#cart-date-text .input-group, #cart-date-edit .input-group{
		width: 100%;
	}
}

/* CONFIRM ORDER MOBILE CATERING */
.order-cart{
	display: none;
}
@media only screen and (max-width: 998px){
	#confirm-order-new #orderdetails{
		min-height: auto !important;
	}
}
@media only screen and (max-width: 480px){
	.orderInfo{
		border-bottom: 1px solid #c4c4c4;
	}
	#confirm-order-new #orderdetails{
		border-top: 1px solid #c4c4c4 !important;
	}
	#confirm-order-new #orderdetails .order-title{
		padding-top: 20px;
	}
	#confirm-order-new #orderdetails .col-md-5{
		padding-bottom: 20px;
	}
	#confirm-order-new #orderdetails .orders{
		border-top: 1px solid #c4c4c4 !important;
		margin-top: -5px !important;
	}
	.orderid{
		font-size: 16px !important;
		color: #666666 !important;
	}
	.orderid span{
		font-size: 16px !important;
		font-weight: bold !important;
	}
	#order-direction{
		display: none !important;
	}
	#confirm-logo img {
		width: 160px !important;
	}
	.orderInfo, #confirm-order-new .thankyou{
		text-align: center !important;
	}
	#confirm-order-new .thankyou{
		font-size: 17px !important;
		padding: 10px 0 !important;
	}
	.estimatedTime{
		font-size: 17px !important;
		color: #666666 !important;
	}
	.estimatedTime span,
	#process_status{
		color: #6bba21 !important;
		font-weight: bold !important;
	}
	#confirm-order-new #orderstatus {
		text-align: center;
		color: #666666 !important;
	}
	.orderUpdate,
	.orderDate{
		padding-bottom: 10px !important;
		font-size: 18px !important;
	}
	.thankyou span{
		text-transform: none;
	}
	#confirm-order-new #orderstatus .delivery-address,
	.orderDate span{
		font-weight: bold !important;
	}
	#confirm-order-new #orderdetails .order-title{
		color: #666666 !important;
	}
	#confirm-order-new .details-div{
		color: #666666 !important;
		padding: 0;
		margin: 0;
		font-size: 14px;
	}
	#confirm-order-new .details-div img{
		display: none;
	}
	#confirm-order-new .details-div:first-child{
		color: #000 !important;
		font-size: 17px !important;
		font-weight: bold;
		padding-bottom: 5px;
	}
	.order-cart{
		display:block;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: -15px;
  	    padding-top: 20px;
	}
	#confirm-order-new .orders table .item-row td {
		padding: 10px 0 !important;
	}
	#confirm-order-new .orders table .row-price,
	#confirm-order-new .orders table .item-qty-td{
		font-weight: bold;
		color: #000 !important;
	}
	#confirm-order-new .orders table:last-of-type td:first-child{
		display: none;
	}
	#confirm-order-new .orders table:last-of-type td:nth-child(2) strong{
		display: none;
	}
	#confirm-order-new .orders table:last-of-type td:nth-child(2):after{
		content: 'Total';
		color: #666666;
		font-weight: bold;
		font-size: 19px !important;
	}
	#confirm-order-new .orders table td.delivery-fee span{
		display: none;
	}
	#confirm-order-new .orders table td.delivery-fee:after{
		content: 'Delivery Fee' !important;
	}
	#confirm-order-new .orders table td.service-fee span{
		display: none;
	}
	#confirm-order-new .orders table td.service-fee:after{
		content: 'Service Fee' !important;
	}
	#confirm-order-new .orders .grand-total{
		color: #138e47 !important;
		font-size: 19px !important;
	}
	#confirmation-social-new{
		display: none;
	}
	#confirm-order-new .orders table .sub-item{
		font-size: 13px !important;
		color: #666666 !important;
	}
	#confirm-order-new .orders table .sub-item .item-qty-td{
		color: #666666 !important;
	}
	#confirm-order-new .orders table .sub-item .row-price{
		display: none !important;
	}
	#confirm-order-new .orders table .sub-item td{
		font-style: normal !important;
		padding-top: 0 !important;
		padding-left: 15px !important;
	}
}

/* For landscape layouts only */
@media only screen and (min-width: 320px) and (max-width: 1024px) and (max-height: 600px) and (orientation:landscape) {
	@supports(-webkit-appearance:none){
		.os-android{
			height: calc(100vh - 56px) !important;
		}
	}

	#catering-form{
		height: 100%;
	}
	#catering-form .catering-form-container{
		display: flex;
		height: 100%;
	}
	#catering-form .catering-form-holder{
		height: 100%;
		overflow: scroll;
	}
	#catering-form .catering-image-holder{
		height: 100%;
	}
}

/* For landscape layouts only */
@media only screen and (min-width: 568px) and (max-width: 727px) and (max-height: 600px) and (orientation:landscape) {
	#catering-form .catering-order-type-bt{
		width: 45%;
	}
	#catering-form .unit-num-form-group{
		padding-right: 2px !important;
	}
	#catering-form .house-num-form-group{
		padding-left: 2px !important;
	}
	#catering-form #cateringPrevButton{
		width: 100%;
		margin: 5px 0;
	}
	#catering-form #cateringForm{
		width: 100%;
	}
}

/*OOA-1417 package menu */
.setpackage_list_container {
    overflow: hidden;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    transition: height 0.5s;
}

.setpackage_show_more {
	display: none;
}

/*set package page mobile view*/
@media only screen and (max-width: 480px){
	.setpackage_list_container {
		margin-bottom: 40px;
	}

	#setpackage_info_div .setpackage_list_div {
		width: 80%;
		position: relative;
    }

    #setpackage_info_div .setpackagepackage_fade_desc {
		display: block;
		width: 100%;
		position: absolute;
		bottom: -12px;
		height: 4em;
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	}
	
    .setpackage_show_more {
		display: block;
		position: absolute;
		padding-left: 10px;
		padding-top: 10px;
		font-size: 13px;
		font-weight: 700;
		color: #468847;
	}
	
	.setpackage_fade_desc {
		display: block;
		position: absolute;
		padding-left: 10px;
		padding-top: 10px;
		font-size: 13px;
		font-weight: 700;
		color: #468847;
	}
}

/* Select2 dropdown */
#catering-form .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 12px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    text-overflow: ellipsis !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
}

/*OOA-1651 Order Success page app download */
#app-dl {
	margin: 0 auto;
	text-align: center;
	width: 310px;
	padding-bottom: 30px;
	}

#app-dl h4 {
	font-size: 16px;
	line-height: 20px !important;
}
  
  @media (min-width: 769px) {
	#app-dl-container {
		display: none;
	}
  }
  
  
/*OOA-1309 Burger button catering*/
@media (max-width: 480px) {
	.toggle-left .side-toggle {
		background: #696969;
	}

	#left-nav {
		top: 50px;
		height: 105vh;
	}

	#catering-icon {
		width: 14px;
	}

	/*Catering map modal*/
	#cateringshowmapmodal {
		overflow: hidden;
	}

	#cateringshowmapmodal .modal-title{
		font-size: 18px !important;
	}

	#catering-modal-body {
		padding: 0px;
	}

	#cateringshowmapmodal #modal-info{
		color: #000;
	}

	#cateringshowmapmodal p {
		font-weight: normal;
		font-size: 14px;
		margin-bottom: 2px;
	}

	#cateringshowmapmodal .office-info .modal-body #modal-store {
			margin: 10px 0 !important;
			font-size: 20px !important;
	}

	#cateringshowmapmodal #modal-store span {
        padding: 0 10px;
        font-size: 20px;
	}
}

.jqibox{
	z-index: 1050 !important;
}

.glyphicon{
	font-family: 'Glyphicons Halflings' !important;
}

@media only screen and (max-width: 1024px){
	#menu-items .item-block .item-title-container{
		padding-top: 10px;
	}

	#menu-items .modal-popup .modal-footer {
		border-top: none;
	}

	#menu-items .modal-popup .modal-footer .qty, #menu-items .modal-popup .modal-footer .popup-item-price {
		font-weight: normal;
		color: black !important;
	}

	#menu-items div[id^="add-popup-"].modal-popup .modal-footer .item-add-buttons .add-button {
		width: 85% !important;
		position: fixed;
		bottom: 10px;
		left: 0;
		right: 0;
		display: block;
		text-align: center;
		margin: 0 auto !important;
	}
}

@media only screen and (max-width: 999px){
	#menu-items .item-block-no-image .item-title-container{
		padding-top: 10px;
	}

	#menu-items .modal-popup .modal-footer:not(.modal-footer-catering) .popup-item-price {
		width:50%;
		position:fixed;
		right:0;
		bottom:70px;
		text-align: center !important;
		font-size: 30px;
	}
}

@media only screen and (max-width: 480px){
	.item-add-buttons:not(.item-add-buttons-catering) div:nth-child(1){
		display: block;
	}
}
/* Promo Modifier Modal Styles */
#promo-modifier-modal.modal {
text-align: center;
}

#promo-modifier-modal .modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
max-width: 500px;
}

#promo-modifier-modal .modal-dialog .modal-content{
border-radius: 8px;
}

#promo-modifier-modal .modal-header {
background-color: #f8f9fa;
border-bottom: 1px solid #dee2e6;
padding: 15px 20px;
position: relative;
border-radius: 8px 8px 0px 0px;
}

#promo-modifier-modal .modal-header .message-container {
padding-right: 30px;
}

#promo-modifier-modal .modal-header .message-container .promo-code-wrapper {
display: flex;
align-items: center;
gap: 10px;
font-weight: 600;
}

#promo-modifier-modal .modal-header .message-container .promo-code-wrapper > span {
color: #333;
text-decoration: underline;
}

#promo-modifier-modal .modal-header .message-container .promo-code-redemption-label {
margin-top: 8px;
}

#promo-modifier-modal .modal-header .close {
position: absolute;
right: 15px;
top: 15px;
font-size: 28px;
}

#promo-modifier-modal .modal-body {
padding: 20px;
max-height: 400px;
overflow-y: auto;
}

#promo-modifier-modal .modal-body .modifier-wrapper {
display: flex;
flex-direction: column;
gap: 10px;
}

#promo-modifier-modal .modal-body .modifier-wrapper.promo-added {
opacity: 0.6;
}

#promo-modifier-modal .modal-body .modifier-wrapper .fa-circle-check {
color: #28a745;
}

#promo-modifier-modal .modal-body .modifier-wrapper .fa-circle-xmark {
color: #dc3545;
}

#promo-modifier-modal .modal-footer {
border-top: 1px solid #dee2e6;
padding: 15px 20px;
text-align: center;
}

#promo-modifier-modal .modal-footer.promo-added {
opacity: 0.6;
}

#promo-modifier-modal .modal-footer .btn{
min-width: 120px;
width: 100%;
padding: 10px 20px;
border-radius: 6px !important;
background-color: #4AACEF;
border-color: #4AACEF;
box-shadow: none;
}

@media (max-width: 768px) {
#promo-modifier-modal .modal-dialog {
max-width: 90%;
margin: 1.75rem auto;
}

#promo-modifier-modal .modal-footer .tooltip-inner{
max-width: 200px;
}
}