@import url(helpers/fonts.css);
@import url(helpers/typography.css);
@import url(helpers/base.default.css?v=4);
@import url(helpers/base.responsive.css?v=2);

@import url(forms/basic-form-elements.css);
@import url(forms/buttons.css);
@import url(forms/dropdowns.css);
@import url(forms/checkboxes-radio.css);
@import url(forms/form-validation.css);
@import url(forms/selectboxes.css);
@import url(forms/autocomplete.css);

@import url(components/utilities.css);
@import url(components/tables.css);
@import url(components/steps.css);
@import url(components/tooltips-popovers.css);
@import url(components/modal.css);
@import url(components/progress-bars.css);
@import url(components/badges-labels.css);
@import url(components/pagination.css);
@import url(components/collapse.css);
@import url(components/tabs.css?v=2);
@import url(components/notifications-alerts.css);
@import url(components/carousel.css);
@import url(components/widgets.css);
@import url(components/dropzone.css);

@import url(vendors/jscrollpane.css);
@import url(vendors/select2.css);
@import url(vendors/eonasdan-bootstrap-datetimepicker.css);
@import url(vendors/ionrangeslider.css);
@import url(vendors/nestable.css);
@import url(vendors/datatables-fixedcolumns.css);
@import url(vendors/datatables-responsive.css);
@import url(vendors/editable-table.css);
@import url(vendors/chartist.css);

@import url(apps/profile.css);
@import url(apps/messaging.css);

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #46be8a;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #46be8a, 0 0 5px #46be8a;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #46be8a;
  border-left-color: #46be8a;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}

.with-layer{
	display:block;
	position:relative;
}
.with-layer .layer{
	opacity:0;
	background:rgba(0,0,0,0.6);
	position:absolute;
	color:#fff;
	font-size: 20px;
    text-align: center;
    vertical-align: middle;
    padding-top: 48%;
	width:100%;
	height:100%;
	border-radius:3px;
	    -webkit-transition: opacity 0.2s ease-in-out;
       -moz-transition: opacity 0.2s ease-in-out;
        -ms-transition: opacity 0.2s ease-in-out;
         -o-transition: opacity 0.2s ease-in-out;
            transition: opacity 0.2s ease-in-out;
}
.with-layer:hover .layer{
	opacity:0.9;
}

.popover .title{
	padding:10px 20px;
	border-left: 7px solid #3a87ad;
	background: #6ba5c1;
	color:#fff;
	font-size: 14px;
}

.popover .time{
	margin: 5px 0 10px;
	line-height:1.5;
}

.popover .time span{
	position:relative;
	font-weight:600;
	width:50px;
	float:left;
}

.popover-title{
	display:none;
}

.popover .eventitem{
	padding:10px 10px;
	border-left: 6px solid #3a87ad;
	background: #6ba5c1;
	color:#fff;
	font-size: 10px;
	margin-bottom:10px;	
}

.popover .eventitem.danger{
	border-left: 6px solid #fa252d;
	background: #fc6167;
}

.popover .eventitem.warning{
	border-left: 6px solid #f18917;
	background: #f5a751;
}

.popover .eventitem .title{
	padding:0px 0 5px;
	border-left: none;
	background: none;
	color:#fff;
	font-size: 12px;
	font-weight:600;
}

.with-right:after{ 
	content: "";
	width:10px;
	margin-right:10px;
}

.modal {
  overflow-y:auto !important;
}

.signature-pad{
	width:100%;
	height:400px;
	
}

.customProductSearch .select2-container{
	width: auto !important;
    display: block;
    outline: none !important;
    z-index: 1011;
    right: 23px !important;
}

.customProductSearch .select2-container--open .select2-dropdown--below{
	width: 100% !important;
    margin-top: 10px;
	margin-bottom: 10px;
    border-top: 1px solid #01a8fe;
    border-radius: 4px;
}

.customProductSearch .select2-container--open .select2-dropdown--above{
	width: 100% !important;
    margin-top: -10px;
    border-bottom: 1px solid #01a8fe;
    border-radius: 4px;
}

#calculationView .select2.select2-container--open .select2-selection{
	border-color: #dfe4ed;
	border-radius: 4px;
}

.customProductSearch .select2-container--open .select2-results__options p{
	margin-bottom:0px;
}

.customProductSearch .select2-container--open .select2-results__options span{
	float:left;
	overflow:hidden;
  	display:inline-block;
  	text-overflow: ellipsis;
  	white-space: nowrap;
	width:25%;
}

.customProductSearch .select2-container--open .select2-results__options small{
	color:#515151;
	width:75%;
	text-overflow: ellipsis;
    white-space: nowrap;
	overflow:hidden;
}

.md-check {
    cursor: pointer;
    padding-left: 1.25rem;
    margin: 0;
    position: relative
}

.md-check input {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
    margin-left: -1.25rem
}

.md-check input:checked+i:before {
    border-width: 0;
    background-color: inherit
}

.md-check input:checked+span .active {
    display: inherit
}

.md-check input[type=radio]+i,.md-check input[type=radio]+i:before {
    border-radius: 50%
}

.md-check input[type=checkbox]:checked+i:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 6px;
    top: 2px;
    display: table;
    width: 6px;
    height: 12px;
    border: 2px solid;
    border-top: 0;
    border-left: 0;
    content: ' ';
	color: white;
}

.md-check input[type=radio]:checked+i:after {
    position: absolute;
    left: 6px;
    top: 6px;
    display: table;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    content: ' '
}

.md-check>i:before,.md-switch i:after,.md-switch i:before {
    content: ""
}

.md-check input[disabled]+i:before,.md-check input[disabled]:checked+i:before,fieldset[disabled] .md-check input+i:before {
    opacity: .5
}

.md-check>i {
    width: 0;
    height: 18px;
    margin-left: -20px;
    margin-top: 1px;
    float: left;
    display: inline-block;
    margin-right: 28px;
    position: relative
}

.md-check>i:before {
    position: absolute;
    width: 18px;
    height: 100%;
    border: 2px solid #ccc;
    border-radius: 2px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.md-check>i.no-icon:after {
    display: none!important
}

.md-switch {
    cursor: pointer;
    padding-left: 36px;
    margin: 0;
    min-height: 20px
}

.md-switch input {
    position: absolute;
    cursor: pointer;
    width: 36px;
    height: 20px;
    z-index: 1;
    opacity: 0;
    margin-left: -36px
}

.md-switch input:checked+i:before {
    background: inherit;
    opacity: .5
}

.md-switch input:checked+i:after {
    background: inherit;
    left: 16px
}

.md-switch input[disabled]+i:before,fieldset[disabled] .md-switch input+i:before {
    background-color: rgba(0,0,0,.12)
}

.md-switch input[disabled]+i:after,fieldset[disabled] .md-switch input+i:after {
    background-color: #bdbdbd
}

.md-switch i {
    width: 0;
    height: 18px;
    margin-left: -36px;
    margin-top: -2px;
    display: inline-block;
    margin-right: 44px;
    position: relative
}

.md-switch i:before {
    left: 1px;
    width: 34px;
    top: 3px;
    height: 14px;
    border-radius: 8px;
    position: absolute;
    background-color: #9e9e9e;
    -webkit-transition: all .2s;
    transition: all .2s
}

.md-switch i:after {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    outline: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -webkit-transition: all .2s;
    transition: all .2s
}

.primary {
    background-color: #F26522
}

.primary .lt {
    background-color: #0dceb5
}

.primary .dk {
    background-color: #0bb69f
}

.primary .bg {
    background-color: #0cc2aa
}

#jquery-colour-picker {
	background: #fafafa;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));

	width: 180px;
	padding: 10px 5px 5px 10px;

	border: 1px solid #666;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

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

	z-index: 99;
}

#jquery-colour-picker h2 {
	margin: 0 0 5px 0;
	font-size: 14px;
}

#jquery-colour-picker ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	+zoom: 1;
}

#jquery-colour-picker ul:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

#jquery-colour-picker ul li {
	float: left;
	margin: 0 5px 5px 0;
}

#jquery-colour-picker ul li a {
	display: block;
	width: 13px;
	height: 13px;
	text-decoration: none;
	text-indent: -100000px;
	outline: 0;
	border: 1px solid #aaa;
}

#jquery-colour-picker ul li a:hover {
	border-color: #000;
}

.form-control-label{ font-weight:600 !important; }
.form-control-label strong{ font-weight:600 !important; }

.mce-panel{ border-color: #dfe4ed !important; border-radius: .25rem; }
.hidden { display:none; }
.CodeMirror { border: 1px solid #ccc; font-size: 13px; position: relative; overflow: hidden; background: #fff; height: auto; }
table.table.sortablemenu td { padding: .75rem 0; }
table.table.sortablemenu td .handle { float:left; margin: 50% 0; }
hr.clear { clear:both; border:1px solid #fff; margin-bottom: 25px; }

.green { color: #46be8a; }
.red { color:#fb434a; }

div.delivery-day { margin-bottom: 30px; min-height:350px; }
div.cui-ecommerce--catalog--item { height:100%; margin-bottom: 0; }
div.delivery-day a.btn.edit { position: absolute; right:20px; bottom: 20px; display:none; }
div.delivery-day:hover a.btn.edit { display:block; } 
table.dataTable tr td { vertical-align: middle; }

aside.right{position:fixed; overflow-x:hidden;right:0px;bottom:0px;top: 80px;background:rgba(255,255,255,0.85);width:0px;opacity:0;max-width: 300px;border-left: 1px solid #dfe4ed;padding:25px; z-index: 9;}
aside.right .innerslide{ width:260px !important; }

.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
.allergy-check { text-align: center; margin-bottom: 20px; }

.input-group-addon img{ max-width:none; height:15px; }

label.payoption{border:1px solid #f1f1f1;display:block;margin-bottom:10px;padding:10px;height:50px}
label.payoption input{position:relative;float:left;margin:8px 10px 0 0}
label.payoption img{position:relative;float:left;margin:3px 10px 0 0}
label.payoption span.name{position:relative;float:left;font-size:14px;margin-top:4px}
label.payoption span.extraprice{position:relative;float:left;color:#FF4330;font-weight:700;margin:3px 0 0 10px;font-size:14px}

.circle{
	width:20px;
	height:20px;
	border-radius:100%;
	margin:3px auto 0;
}

.circle.orange{
	background: #f1850f;
}

.circle.red{
	background: #d9534f;
}

.circle.green{
	background: #5cb85c;
}

.circle.blue{
	background: #0275d8;
}

.btn-status{
    cursor:auto;
    color:white;
}

.btn-status-outline{
    margin-right: 10px;
    margin-bottom: 5px;
}

.btn-status-outline.active{
    color:white;
}

:root {
    --status-red: #E71F22;
    --status-yellow: #e0e000;
    --status-green: #08C028;
    --status-blue: blue;
    --status-orange: orange;
}

.btn-status-outline-red{
    border-color: var(--status-red);
}
.btn-status-outline-red.active{
    background-color: var(--status-red);
}

.btn-status-outline-orange{
    border-color: var(--status-orange);
}
.btn-status-outline-orange.active{
    background-color: var(--status-orange);
}

.btn-status-outline-yellow{
    border-color: var(--status-yellow);
}
.btn-status-outline-yellow.active{
    color:black;
    background-color: var(--status-yellow);
}

.btn-status-outline-green{
    border-color: var(--status-green);

}
.btn-status-outline-green.active{
    background-color: var(--status-green);
}

.btn-status-outline-blue{
    border-color: var(--status-blue);
}
.btn-status-outline-blue.active{
    background-color: var(--status-blue);
}