.clr-plus-cart { width:100%;clear:both;height:30px; }
  .item-add {
  position: absolute; 
  bottom: 8px;
  right: 8px;  
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: #fff;  
  border: 1px solid #ccc;
  
  display: flex;  
  align-items: center; 
  justify-content: center; 
  
  cursor: pointer;  
  transition: background 0.2s, transform 0.2s; 
}

.item-add:hover {
  background: #f0f0f0;
  transform: scale(1.1);
}

.item-add svg {
  width: 20px;  
  height: 20px;
  fill: #333;    
}
    .menu-item__title-link { color: #333;}
    #menucontentend { width:100%;clear:both; }
    #leftsidebar { display:none; }
    .desktop-1280 { display:block; }
    .menuStore .menuAreaRight { width: 100%; }
    @media (min-width: 1280px) 
    {
        .menuStore .container { width: 1248px; } 
        .menuStore .menuAreaLeft { width:270px; }
        .menuStore .menuAreaRight { width: calc(100% - 270px); }
        .menuSliderTop { display:none; }
        #leftsidebar { display:block; }
          .menuStore .menuAreaRight { flex: 1; }
         .leftMenuSidebar { padding-right:20px;  }
         .menuAreaLeft { background:#fff; }
         .menuAreaLeft .search-container {
          position: relative;
          width: 100%;
        }
        
        .menuAreaLeft .search-input {
          width: 100%;
          padding: 8px 40px 8px 8px; /* space on right for icon */
          font-size: 16px;
          border: 1px solid #ccc;
          border-radius: 6px;
          outline: none;
          transition: border-color 0.3s, box-shadow 0.3s;
        }
        
        .menuAreaLeft .search-input:focus {
          border-color: #007bff;
          box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.2);
        }
        
        .menuAreaLeft .search-icon {
          position: absolute;
          right: 15px;
          top: 58%;
          transform: translateY(-50%);
          pointer-events: none;
          font-size: 18px;
          color: #666;
        }
        .leftMenuUl { list-style:none;padding:0;margin:0; margin-top:8px; }
        .leftMenuUl button { width:100%;
        	border: 1px solid #fff; text-align:left;
        	background-color: #0000; color:#4d4d4d; font-size:16px;
            letter-spacing: inherit; line-height:20px;
        	border-radius: 0; padding:8px 10px;
        }
        .leftMenuUl button:hover{ background:#f6f6f6;border-radius:6px; }
        .leftMenuUl button.active, .leftMenuUl button.active:hover{ background:#000;border-radius:6px; color:#fff; }
    }
.soldoutCLS { background:url('../icons/sold-out.jpg') center center no-repeat; }
.soldoutTitle { color:red; font-family: grabull-bold; font-size: 21px; }
.switch { margin:25px 15px; }
.switch label{ cursor:pointer; font-family: grabullsans-bold; font-size: 18px; font-weight:normal; }
.switch b { font-family: grabullsans-bold; font-size: 21px; font-weight:normal; cursor:pointer; }
.switch b:hover { color:red; }
.switch b:first-child:hover { color:#218DEA; }
.switch label input[type=checkbox]{ opacity:0;  width:0; height:0; }
.switch label input[type=checkbox]:checked+.ordertype{  }
.switch label input[type=checkbox]:checked+.ordertype:after{ left:50px; }
.switch label input[type=checkbox]:checked:not(:disabled)~.ordertype:active:after{ -webkit-box-shadow:0 .0625rem .1875rem .0625rem rgba(0,0,0,.4),0 0 0 .9375rem rgba(170,102,204,.1); box-shadow:0 .0625rem .1875rem .0625rem rgba(0,0,0,.4),0 0 0 .9375rem rgba(170,102,204,.1); }
.switch label input[type=checkbox]:not(:disabled)~.ordertype:active:after{ -webkit-box-shadow:0 .0625rem .1875rem .0625rem rgba(0,0,0,.4),0 0 0 .9375rem rgba(0,0,0,.08); box-shadow:0 .0625rem .1875rem .0625rem rgba(0,0,0,.4),0 0 0 .9375rem rgba(0,0,0,.08); }
.switch label input[type=checkbox]:disabled+.ordertype{ cursor:default; }
.switch label input[type=checkbox]:disabled+.ordertype:after,.switch label input[type=checkbox]:disabled:checked+.ordertype:after{ background-color:#bdbdbd; }
.switch label .ordertype{ content:""; display:inline-block; position:relative; background-color:#818181; -webkit-border-radius:.9375rem;border-radius:.9375rem; margin-right:.625rem; vertical-align:middle; margin:0 1rem; width:80px; height:.9375rem; -webkit-transition:background .3s ease; -o-transition:background .3s ease; transition:background .3s ease; }
.switch label .ordertype:after{ content:""; position:absolute; display:inline-block;background-color:#218DEA;  -webkit-border-radius:100%; border-radius:100%; left:-.3125rem; top:-10px; width:30px; height:30px; -webkit-transition:left .3s ease,background .3s ease,-webkit-box-shadow 1s ease; transition:left .3s ease,background .3s ease,-webkit-box-shadow 1s ease; -o-transition:left .3s ease,background .3s ease,box-shadow 1s ease; transition:left .3s ease,background .3s ease,box-shadow 1s ease;  transition:left .3s ease,background .3s ease,box-shadow 1s ease,-webkit-box-shadow 1s ease; }

.orderLater { text-align:center; flex: 1; }
.orderLater .type { font-size:18px; color: #0070eb; border:1px solid rgba(0,0,0,.2); line-height: 1.595; padding: 7px 18px; font-family: grabullsans-bold; margin:0; } 
.orderLater .type:hover, .orderLater .type.active { background:#0070eb; border:1px solid #0070eb; color:#fff; }
.orderLater button[disabled], .orderLater input[disabled] { cursor: not-allowed; background:#ccc !important; border:1px solid #ccc !important; color:#999 !important; }

.restStatus .Open { color: #00a2e8; font-size: 18px;   }
.restStatus .Closed { color: red; font-size: 18px;  }
.restStatus .ClosedOpen { color: red; font-size: 16px; }
.OpenLater { color: #00a2e8; font-size: 16px;  }
.timeListArea { overflow-y: auto; max-height: 255px; }

@media screen and (max-width: 500px)
 {
   .headergray {height: auto;display: block;}
   .ordertypeBTN { margin: 10px 0;}
   .event-bar__item-toggle-clickable {	display: inline-block; }
   .timesettings.event-bar__item-dateTime { text-align:center; }
   .offer .list { width: 23.9%; margin: 1px; }
   .nav-tabs > li.menutab { margin: 2px 1px; }
 }
.mustchoose { color:red; }
    .errors { font-size:12px; color:red; }
    .alertError { position: absolute; top: 8%;right: 5%; z-index: 9991; }
    .item-content__options-title .required { text-align: center; float:right; width: 90px; border-radius: 5px; padding: 2px 10px; background-color: rgb(234, 238, 253); color: rgb(42, 77, 243); font-weight: bold; font-size: 14px; }
    @media (max-width:500px) 
     { 
        .optionListArea .col-xs-6 { width:100% !important; float:none;  }
     }
    @media (max-width:767px) 
     { 
        .ht80instruction { height:10px; }
        #itemDetailsModal .close.NoImg { position: relative; float: left; margin-bottom: 25px; }
        #itemDetailsModal .close.NoImg span.mobile {color: #000; }
        .item-content__item-title { font-size: 22px; }
        .item-content__options-title { font-size: 20px; }
        .item-selection__option-instructions { font-size: 16px; }
     } 
.addedItem {
	padding: 9px;
	height: 25px;
	border-radius: 8px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-top: 5px;
	color: rgb(253, 253, 253);
	align-self: flex-end;
	box-shadow: rgba(100, 100, 100, 0.3) 0px 1px 3px 0px;
	background-color: rgb(1, 136, 255);
} 
.mobileCheckout {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center; display:none;
}
.mobileCheckout .item-selection__action--submit.btn {
	width:100%;
	float: righnonet;
	height: 50px;
	border-radius: 0;
}
    .sliderArea { margin-top:15px; }
    	ul.content-slider{
			list-style: none outside none;
		    padding-left: 0;
            margin: 0;
		}
		.content-slider li{
		    text-align: center;
		    color: #FFF;
		}
		.content-slider li img {
		    max-width:100%; cursor:pointer;
		}
		.content-slider li.selected img { opacity:0.6; }
		.sliderClick { color: #00ccbc; position: absolute;	top: 25%; left: 22%;}
		.sliderClick > path { color: #00ccbc;}
		@media screen and (max-width: 767px){ 
		    .lSSlideWrapper2 { overflow: scroll; }
            .lSAction2{ display:none; }
            .mobileCheckout.active  { display:block; z-index:99999; }
        }