@font-face{
    font-family:grabull-bold;
    src:url('../gb-fonts/grabull-bold.woff') format("woff"),url('../gb-fonts/grabull-bold.ttf') format("truetype");
    font-weight:400;
    font-style:normal;
}
@font-face{
    font-family:grabullsans;
    src:url('../gb-fonts/grabullsans.woff') format("woff"),url('../gb-fonts/grabullsans.ttf') format("truetype");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:grabullsans-bold;
    src:url('../gb-fonts/grabullsans-bold.woff') format("woff"),url('../gb-fonts/grabullsans-bold.ttf') format("truetype");
    font-weight:400;
    font-style:normal
}
h5, .h5 {font-size: 2rem;}
.btn {
	display: inline-block;
	padding: 7px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height:40px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 0 solid transparent;
	border-radius: 0;
	transition: .3s;
	font-weight:bolder; font-size:20px;
}
.btn-danger {
	color: #fff;
	background-color: #ff6501 !important;
}
.btn-primary {
	color: #fff;
	background-color: #4285f4 !important;
}
.btn-outline-info:hover{color:#fff !important;background-color:#1587bd !important;border-color:#1587bd !important; }
.border-dotted-top {
	border-top: 1px dashed #aaaaaa !important;
}
.border-dashed-b { border-bottom: 1px dashed #ddd; }
.min-width-150 { min-width:150px !important; }
.min-width-120 { min-width:150px !important; }
.hidearea { display:none; }
.btn-white {
	border-color: #e2e7f1;
}
.font-grabull-bold { font-family: grabull-bold; }
.modal-dialog.modal-deafult .modal-header {
	background-color: #f6f6f6; border-bottom:#c9c9ca solid 2px;
}
.switch.blueorange label .lever::after {
	background-color: #4285f4;
}
  .switch.blueorange label input[type="checkbox"]:checked + .lever::after {
	left: 1.5rem;
	background-color: #ff6600;
}

.menuSizes a { color:#000; font-family:grabull-bold; }
  .menuSizes a:hover { color: #FF6600; }
td .badge { padding: .2em .6em; }
.successAlert { position: fixed; width: 300px; right: 10px; top: 65px; z-index: 999; max-width:100%; }
.successmsg { color:#0697d7; font-family:grabull-bold; font-size:22px;  }
.successmsg b { color:green; }
.oppserror { color:#0697d7; font-family:grabull-bold; font-size:22px;  }
.oppserror b { color:red; }
.modalheading {text-align: center;	width: 100%; }
.text-href { cursor:pointer; }
.text-size-12, table .text-size-12 td { font-size:12px !important; }
.text-size-16 { font-size:16px; line-height:18px; }
.text-size-18 { font-size:18px; line-height:20px; }
.text-center { text-align:center; }
.text-danger {
	color: #ff6501 !important;  opacity:0.7;
}
.text-green { color: green !important; }
.text-red { color: red !important; }
.text-danger:hover { opacity:1; }
.text-bold { font-weight:bold; }
.text-grabull-bold { font-weight:bold; font-family:grabull-bold; }
.text-blue { color:#0099FF; }
a.text-blue { color:#0099FF !important; text-decoration:underline !important; }
a.text-blue:hover { color:#ff6501 !important; }
.text-black { color:#000; }
.text-underline { text-decoration:underline; }
.table.dataTable tr.child { display:none !important; }
.btn.btn-pd-1 { padding: .84rem 1rem; }
.display-flexs { display:flex; }
.bgcolor-light-yellow { background: #fffce8; }
.form-control2 {
	height: calc(1.5em + 0.75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1.2rem;
	font-weight: 400; text-align:center;
	line-height: 1.5; width:80px;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 2px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-outline-black:hover {
	color: #fff !important;
	background-color: #444758 !important;
	border-color: #444758 !important;
}
select { cursor:pointer; }
.form-control2[readonly] {background-color: #e9ecef;}
.pull-right { float:right; }
/*************Borders******************/
.border-solid-sky-blue { border:3px solid #19649b !important; }
.dropdown-toggle.noarrow::after { border-top: 0; }
/****************************************/

 .checkbox input[type=radio] {
  opacity: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}
.checkbox-dark { color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db; position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
border-radius: .25rem; }
.checkbox-dark:hover { color: #fff; background-color: #212121 !important; }
.checkbox-dark:hover .checkbox-material .check { border: 1px solid #fff; }
.checkbox input[type=radio]:focus + .checkbox-material .check:after {
  opacity: 0.2;
}
.checkbox input[type=radio]:checked + .checkbox-material .check {
  background: #4285f4;
}
.checkbox input[type=radio]:checked + .checkbox-material .check:before {
  color: #FFFFFF;
  box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  animation: checkbox-on 0.3s forwards;
}
.checkbox input[type=radio]:checked + .checkbox-material:before {
  animation: rippleOn 500ms;
}
.checkbox input[type=radio]:checked + .checkbox-material .check:after {
  animation: rippleOn 500ms forwards;
}
.checkbox input[type=radio]:not(:checked) + .checkbox-material:before {
  animation: rippleOff 500ms;
}
.checkbox input[type=radio]:not(:checked) + .checkbox-material .check:after {
  animation: rippleOff 500ms;
}
fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=radio],
.checkbox input[type=radio][disabled] ~ .checkbox-material .check,
.checkbox input[type=radio][disabled] + .circle {
  opacity: 0.5;
}
.checkbox input[type=radio][disabled] ~ .checkbox-material .check {
  border-color: #4285f4;
  opacity: .26;
}
.checkbox input[type=radio][disabled] + .checkbox-material .check:after {
  background-color: rgba(0,0,0, 0.87);
  transform: rotate(-45deg);
}
.checkbox label { cursor:pointer; }

.checkbox-inline, .radio-inline {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	vertical-align: middle;
}
table .checkbox label { padding-left:0 !important; }
.checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  left: 0;
  pointer-events: none;
	cursor: pointer;
}
.checkbox .checkbox-material {
  vertical-align: middle;
  position: relative;
  top: 3px;
  padding-right: 5px;
}
.checkbox .checkbox-material:before {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.84);
  height: 20px;
  width: 20px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  transform: scale3d(2.3, 2.3, 1);
}
.checkbox .checkbox-material .check {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(0,0,0, .54);
  overflow: hidden;
  z-index: 1;
  border-radius: 3px;
}
.checkbox .checkbox-material .check:before {
  position: absolute;
  content: "";
  transform: rotate(45deg);
  display: block;
  margin-top: -3px;
  margin-left: 7px;
  width: 0;
  height: 0;
  background: red;
  box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
  animation: checkbox-off 0.3s forwards;
}
.checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
  opacity: 0.2;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check {
  background: #9c27b0;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #FFFFFF;
  box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  animation: checkbox-on 0.3s forwards;
}
.checkbox input[type=checkbox]:checked + .checkbox-material:before {
  animation: rippleOn 500ms;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
  animation: rippleOn 500ms forwards;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
  animation: rippleOff 500ms;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
  animation: rippleOff 500ms;
}
fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=checkbox],
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check,
.checkbox input[type=checkbox][disabled] + .circle {
  opacity: 0.5;
}
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check {
  border-color: #000000;
  opacity: .26;
}
.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
  background-color: rgba(0,0,0, 0.87);
  transform: rotate(-45deg);
}
.checkbox.has-error label {
  color: #f44336; 
}

@keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
@keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
/*====== Pre loader css ======= */
 .loader{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    margin: auto;
}
.loader div{
    border-radius: 50%;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top: 3px solid #0095f4;
    border-bottom: 3px solid #0095f4;
    animation: rot 4s linear infinite;
    padding: 4px;
}
@keyframes rot {
    100% {
        transform: rotate(360deg);
    }
}
.pre_loader {
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    /*position: fixed;*/
    z-index: 9999;
}
input.error, select.error { border:1px solid red !important; }
input[type=date]{ cursor:pointer; }
.btn-new { padding: .84rem 1.14rem; }
.btn-inhouse { padding: .84rem 1.14rem; }
.btn-outline-secondary-gray { color: #1e2139; border:1px solid #1e2139; border-radius: .3rem; }
.btn-outline-secondary-gray:hover { color: #fff; border:1px solid #1e2139; background:#1e2139; }
.btn-completed-gray { color: #333; border:1px solid #cfcfcf; background:#cfcfcf; border-radius: .3rem; }
.btn-completed-gray:hover { color: #333; border:1px solid #cfcfcf; background:#acaca9; }
@media(max-width:576px){.btn{padding: .84rem 1.5rem; }}
@media(max-width:430px){.btn{padding: .84rem 1rem; }}

.icon-svg {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
	position: relative;
	top: -2px;
}
.icon-svg-ingredients-hot {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNLTYtM2gyNHYyNEgtNnoiLz48ZyBmaWxsPSIjQzgxNDFBIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Ik0xLjQ2IDMuNzZMMiAzLjU0QzEgMy4yNCAxLjQ2LjMgMS40Ni4zUy0uMi0uNjQuNDYgMS43Yy42NiAyLjM0IDEgMi4wNiAxIDIuMDZ6Ii8+PHBhdGggZD0iTTExLjggMTcuMDRDNS4zOCA4LjE0IDYuMDQgNS4yMiA0LjkyIDQuMWMtLjg0LS44NC0yLjA0LS45Ni0zLjEtLjA2LS4yOC4yNC0uNy0uMjItLjk4LjA2LTEuMTIgMS4xMi0uOTggMi44MiAwIDQuMSA4Ljg0IDExLjUyIDExLjkgMTAuMTQgMTAuOTYgOC44NHpNNS4xOCA2LjY4Yy0uMjYtLjE0LTEuMzQtMi40NC0yLjIyLTIuNHYtLjEycy42NC0uNTYgMS4zNCAwYy43LjU2Ljc2IDEuODYgMS4wNiAyLjE0LjMuMjguMDYuNTItLjE4LjM4eiIvPjwvZz48L2c+PC9zdmc+);
	height: 18px;
}
    .bs-searchbox { padding: 4px 8px; }
    .bs-searchbox  .form-control {
    	margin-bottom: 0;
    	width: 100%;
    	float: none;
    	display: block;
    	width: 100%;
    	height: 34px;
    	padding: 6px 12px;
    	font-size: 14px;
    	line-height: 1.42857143;
    	color: #555;
    	background-color: #fff;
    	background-image: none;
    	border: 2px solid #ff6501;
    	border-radius: 4px;
    	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
    
    .editOrderTypeData .ordertypesearcher .btn-default-red { padding:6px 15px; }
        .editOrderTypeData .ordertypesearcher2 .btn { padding: 9px 20px; margin-bottom:8px; }
        .editOrderTypeData .ordertypesearcher1 .addressIconsRemove { color:#d2d2d2; position:absolute; margin-top:2px; right:25px; font-size:24px; padding-left:8px; padding-right:8px; z-index: 999; }
        .editOrderTypeData .ordertypesearcher1 .addressIconsRemove { color:#000; cursor:pointer; margin-top: 8px; }
        .editOrderTypeData .ordertypesearcher1 .addressIconsRemove:hover { color:red; cursor:pointer; }
        .editOrderTypeData .ordertypesearcher1 input { border-radius:8px; border-color:#0071eb; }
        .editOrderTypeData .ordertypesearcher1 input.error { border-color:red; }
        .editOrderTypeData .ordertypesearcher1 .addressIcons {  position: absolute;margin-top: 14px;margin-left: 8px;}
        .editOrderTypeData .ordertypesearcher2 .btn-default { border:#0071eb 1px solid;font-size:16px; }
        .editOrderTypeData .ordertypesearcher2 .btn-default:hover { border:red 1px solid;font-size:16px; }
        .editOrderTypeData .ordersetting { text-align:center; color:#999; margin:0 15px; font-family: grabullsans-bold; font-size: 21px; margin-top: -50px; line-height:55px; }
        .editOrderTypeData .ordersettingline { clear:both; width:100%; margin-bottom:30px; border-bottom:1px solid #ccc; line-height:70px;  }
        .editOrderTypeData #editsearchkeyOrder::-webkit-input-placeholder, .editOrderTypeData #editsearchkeyOrder::placeholder { color:#999; font-size:24px !important; font-family: grabullsans-bold !important; }
        @media screen and (max-width:600px) { 
            .editOrderTypeData .ordersetting { font-size:17px; } 
            }
    
        .switch label{ cursor:pointer; font-family: grabullsans-bold; font-size: 21px; 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; }
    .editOrderTypeData .ordersetting {
    	text-align: center;
    	color: #999;
    	margin: 0 15px;
    	font-family: grabullsans-bold;
    	font-size: 21px;
    	margin-top: -50px;
    	line-height: 55px;
    }
      .editOrderTypeData .ordersetting {
    	margin-top: 0px;
    }
    .editOrderTypeData .ordersettingline {
    	clear: both;
    	width: 100%;
    	margin-bottom: 30px;
    	border-bottom: 1px solid #ccc;
    	line-height: 55px;
    }
    
    #zip-list{position:absolute;z-index:1000;float:left;min-width:160px;max-width:100%;padding:5px 0;margin:8px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);border-radius:4px;box-shadow:none;width:350px;height:300px;max-height: 100%;overflow-y: scroll; }
        #zip-list:before{content:"";border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent;position:absolute;top:-10px;right:16px;z-index:10}
        #zip-list li{font-size:13px;text-align:left;color:#565;border-bottom:#e4e4e4 1px solid;padding:3px 20px;clear:both;font-weight:400;line-height:1.7;white-space:nowrap}
        #zip-list li:last-child{border-bottom:none}#zip-list li:hover{background:red;color:#fff;cursor:pointer}input.error{border:1px solid red}
        @media (max-width:767px){#zip-list li{font-size:15px;line-height:35px}}