@charset "utf-8";
.ctrl-header {
  display: block;
  float: right;
  font-size: 0.6em;
  padding-left: 0.5em;
}
.ctrl-header.pull-left {
  float: left;
}
.ctrl-header.collapse {
  display: none;
}
.ctrl-header.collapse.in {
  display: block;
}
.ctrl-header label {
  font-weight: normal;
  margin: 0;
}
.ctrl-header label.mr-1 {
  margin-right: 0.5em;
}
.btn-toolbar .toggle .btn {
  float: none !important;
}
.btn-toolbar .bootstrap-select .dropdown-toggle.btn {
  height: 34px;
  padding-top: 5px;
}
.btn-toolbar .bootstrap-select .dropdown-toggle.btn.btn-sm {
  height: 30px;
  padding-top: 4px;
}
.btn-toolbar .bootstrap-select:not(:first-child) button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-toolbar .bootstrap-select:not(:last-child) button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* Keyframes for sliding in from the right */
@keyframes slide-in-right {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* Keyframes for sliding out to the right */
@keyframes slide-out-right {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}
/* Keyframes for sliding in from the top */
@keyframes slide-in-top {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* Keyframes for sliding out to the top */
@keyframes slide-out-top {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}
#adminFilterDialog {
  transform: translate(0, 0);
  /* Modal animations */
}
#adminFilterDialog.fade {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
#adminFilterDialog.fade.in {
  animation-name: slide-in-top;
}
#adminFilterDialog.fade.out {
  animation-name: slide-out-top;
}
@media (max-width: 768px) {
  #adminFilterDialog {
    left: 0 !important;
  }
}
@media (max-width: 399px) {
  #adminFilterDialog {
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    padding: 0px;
    margin: 0px;
    position: fixed;
    font-size: 1.3em;
  }
  #adminFilterDialog > div {
    border-radius: 0;
  }
}
/* CSS Document */
/* base.php debugger if on */
.dbg_exp {
  display: none;
}
#nav-logo {
  height: 29px;
  margin: -15px 0 0 0;
  display: inline-block;
}
#nav-account-logo {
  height: 44px;
  margin-top: 3px;
}
/*********************************************************************/
#menu-panel .panel-body {
  background-color: #f4c685;
}
#include-btns {
  padding-top: 0.2em;
  padding-right: 0.6em;
}
.panel-heading #search-space {
  margin-top: 0.4em;
  margin-left: 2px;
  margin-right: -2px;
  padding: 0.3em 0;
  background-color: #ffffff;
  color: #000000;
  font-size: 0.66em;
  border: 2px inset #f0ad4e;
  border-radius: 6px;
}
span.currSymbol {
  padding: 0;
  margin: 0 3px 0 -4px;
  display: inline-block;
  line-height: initial;
}
span.currSymbol.before {
  padding-top: 0.1em;
  padding-left: 0.3em;
  padding-right: 0.2em;
}
span.currSymbol.after {
  padding-top: 0.1em;
  padding-left: 0.2em;
  padding-right: 0.3em;
}
.dcmCurrency {
  display: table;
  width: auto;
  display: flex;
  flex-flow: column;
}
.dcmCurrency > span {
  display: table-cell;
  padding: 0;
  vertical-align: middle;
}
.dcmCurrency.sym-before .ui-spinner.ui-state-disabled {
  text-align: left;
  vertical-align: bottom;
}
.dcmCurrency.sym-before .ui-spinner.ui-state-disabled input {
  text-align: left;
  vertical-align: bottom;
}
.dcmCurrency.sym-after .ui-spinner.ui-state-disabled input {
  text-align: right;
}
.dcmCurrency .ui-spinner.ui-state-disabled {
  width: 3em;
}
.dcmCurrency .ui-spinner.ui-state-disabled a.ui-spinner-button {
  display: none;
}
.edits-off .form-horizontal .control-label {
  height: 1.2em;
  padding: 2px 5px 0;
  margin: 0;
  line-height: 1;
}
.edits-off .form-horizontal input,
.edits-off .form-horizontal select,
.edits-off .form-horizontal .xform-group {
  x-height: 1.2em;
  x-padding: 0 5px;
  x-margin: 0;
  x-line-height: 1.1;
}
.edits-off .form-horizontal textarea {
  height: 1.4em;
  padding: 0 5px;
  margin: 0;
  line-height: 1.1;
}
.no-gutter-right {
  padding-right: 0;
}
.no-gutter-left {
  padding-left: 0;
}
.element-container {
  transition: all 0.5s ease-in-out;
}
.element-container input,
.element-container textarea {
  -webkit-appearance: textfield;
}
.element-container.edits-on {
  background-color: #6dc76d !important;
}
.element-container.edits-on.disabled::after {
  z-index: -1;
}
.element-container.edits-on.removed::after {
  z-index: -1;
}
.edits-off .input-group-addon,
.edits-off .ui-button,
.edits-off input[disabled],
.edits-off input,
.edits-off select,
.edits-off textarea,
.edits-off checkbox,
.edits-off radio {
  xpadding: 2px 11px;
  border-color: transparent !important;
  background: none !important;
  box-shadow: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  /*.edits-off input*/
  resize: none;
}
.xedits-off .form-control[disabled] {
  background-color: transparent!important;
  border: none !important;
}
/*    .edits-off .ui-widget.ui-widget-content.ui-state-disabled{
        opacity: 1 !important;
    }
    .edits-off .ui-widget.ui-button.ui-state-disabled{
        opacity: 0 !important;
    }
*/
.widget-content textarea {
  width: 100%;
  overflow: hidden;
  resize: none;
}
.element-container .widget-extra-controls {
  display: none;
  margin-top: 0.3em;
}
.element-container.edits-on .widget-extra-controls {
  display: block;
  transition: display 1s;
}
.br-spacer {
  height: 2.3em;
}
/*********************************************************************/
x div.ui-dialog {
  z-index: 1031 !important;
}
/* why did we put this in */
/*********************************************************************/
div#menu_item_list {
  margin: 0 1%;
}
/*********************************************************************/
t #menu_item_list #th_pkMenuUID {
  width: 30px;
}
#menu_item_list #th_pkMenuElementUID {
  width: 30px;
}
#menu_item_list #th_bActive {
  width: 30px;
}
#menu_item_list #th_ord {
  width: 60px;
}
#menu_item_list #th_dPrice {
  width: 55px;
}
#menu_item_list #th_food_class {
  width: 65px;
}
#menu_item_list #th_element_type {
  width: 45px;
}
/*********************************************************************/
/* table column defs (menu items) */
#menu_list #th_pkMenuUID {
  width: 30px;
}
#menu_list #th_bActive {
  width: 30px;
}
#menu_list #th_timeStart {
  width: 80px;
}
#menu_list #th_timeEnd {
  width: 80px;
}
#menu_list #th_dateStart {
  width: 80px;
}
#menu_list #th_dateEnd {
  width: 80px;
}
/*********************************************************************/
/* yes-no buttons rather than radio buttons */
.radio-toolbar label {
  width: auto !important;
  clear: none !important;
}
.radio-toolbar input {
  width: 0 !important;
  float: none;
  clear: both !important;
}
.radio-toolbar label:after {
  content: "" !important;
}
.radio-toolbar {
  float: none;
  display: inline-block;
}
.radio-toolbar label {
  margin: 2px;
  padding: 2px;
  border: 1px #DDDDDD inset;
  resize: none;
  width: 160px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.radio-toolbar input[type="radio"] {
  position: absolute;
  top: -2000px;
  left: -2000px;
  rob-display: none;
  /* workaround: used offset position instead of display. Otherwise we don't catch the click in jquery */
}
.radio-toolbar label {
  display: inline-block;
  background-color: #efefef;
  padding: 2px 3px;
  float: left;
  width: auto !important;
  border-style: solid !important;
  xborder-width: 2px !important;
  clear: none;
  margin: 2px 2px;
  color: #999999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.radio-toolbar label:after {
  content: "";
}
.radio-toolbar input[type="radio"]:checked + label {
  background-color: #bbb;
  border-style: outset !important;
  color: white !important;
  text-shadow: 1px 1px 1px #000000;
}
.fn_button {
  float: left;
}
/*********************************************************************/
.ui-tooltip-content h2 {
  margin: 0;
  font-size: 1.3em;
  color: #2d2be4;
}
.ui-tooltip-content h3 {
  margin: 0;
  font-size: 1.1em;
  color: #119f14;
  float: right;
  font-weight: 300;
}
/*********************************************************************/
/* grading of background in in dialog: */
.ui-widget-content {
  background-position-y: bottom;
}
/* position of date picker icon needs sorting: */
img.ui-datepicker-trigger {
  float: left;
  margin: 8px 0;
}
/*********************************************************************/
/* FOR CURRENCY overlay of £ in input box: */
.editRecord .curr_overlay {
  position: relative;
  float: left;
  height: 2em;
  width: 5em;
}
/*.curr_overlay label { position: absolute; left: 5px; top: 3px; color: #333; width:1em}*/
.editRecord .curr_overlay input {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 1em;
  padding-right: 1em;
  text-align: right;
  width: 5em;
}
.editRecord .curr_overlay label:before {
  content: "£";
  position: absolute;
  left: 0.5em;
  top: 0.4em;
  color: #333;
  width: 1em;
}
/*********************************************************************/
/* clearable inputs */
.clearable {
  background: #fff url(http://i.stack.imgur.com/mJotv.gif) no-repeat right -10px center;
  border: 1px solid #999;
  padding: 3px 18px 3px 4px;
  /* Use the same right padding (18) in jQ! */
  border-radius: 3px;
  transition: background 0.4s;
}
.clearable.x {
  background-position: right 2px center;
}
/* (jQ) Show icon */
.clearable.onX {
  cursor: pointer;
}
/* (jQ) hover cursor style */
.clearable::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
/* Remove IE default X */
/*********************************************************************/
/* Dialog Editor formatting */
.editRecord label {
  float: left;
  clear: both;
  width: 140px;
  display: block;
  padding: 2px 0;
  margin: 3px 1px;
  border-bottom-width: 0;
}
.editRecord label:not(.nopostfix):after {
  content: ": ";
}
.editRecord input,
.editRecord select,
.editRecord textarea,
.editRecord .radio-toolbar label,
.editRecord .text-like-input {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 2px;
  padding: 2px;
  border: 1px #DDDDDD inset;
  resize: none;
  width: 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.editRecord textarea {
  width: 342px;
  clear: left;
}
.editRecord .dateField {
  width: 8em;
}
.editRecord .timeField {
  width: 4em;
}
.editRecord .text-like-input {
  width: auto;
  display: inline-block;
  background-color: white;
}
.editRecord #ord {
  width: 3.5em;
  text-align: right;
  padding-right: 1.6em;
}
.editRecord .ui-spinner,
.editRecord .ui-spinner input {
  float: left;
  font-size: 1em;
  cursor: pointer;
}
.editRecord span.spinner_auto::before {
  content: 'auto';
  margin: 0.38em 0.35em;
  background-color: inherit;
  position: absolute;
  color: red;
  font-weight: normal;
  pointer-events: none;
}
.editRecord .img_group {
  width: auto;
  float: left;
}
.editRecord .img_group label {
  width: auto;
  float: left;
  clear: none;
  margin-left: 3px;
}
.editRecord .img_group input {
  width: 3.2em;
  float: left;
  font-size: 1em;
}
#waittime:after {
  content: "Seconds";
}
.editRecord #szStyleOverrides {
  font-size: 0.7em;
}
.img_group img {
  width: 32px;
  max-height: 32px;
  float: left;
  border: 1px solid #0100a8;
  border-radius: 3px;
  margin: 1px;
}
/*********************************************************************/
#lower_part {
  display: flex;
  position: relative;
}
#lower_part #p1 {
  flex: 2;
  position: relative;
}
#lower_part #p2 {
  xflex: 1;
  position: relative;
  margin-top: 62px;
}
/*********************************************************************/
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
.intrinsic-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.preview_off {
  flex: 0;
}
.preview_on {
  flex: 1;
}
/*********************************************************************/
.aspect-ratio {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 0;
  /* NEW */
  min-width: 0;
  /* NEW; needed for Firefox */
}
.aspect-ratio div.iFakeFrame {
  overflow: hidden;
}
.aspect-ratio div.iFakeFrame,
.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#preview h1 {
  margin: 0.1em;
  text-align: center;
}
/*********************************************************************/
.fieldset_split {
  float: left;
  xwidth: 100%;
}
/*********************************************************************/
.titlebox {
  font-size: 24px;
  margin: 10px 5px;
}
/*********************************************************************/
.ui-up-skinny {
  background-position: -4px -16px;
  width: 8px;
}
.ui-down-skinny {
  background-position: -68px -16px;
  width: 8px;
}
/*********************************************************************/
.item_masked {
  color: #c0c0c0;
  background-color: #F0F0F0;
  border: 1px solid #c0c0c0;
  transition: 0 none;
}
.label_masked {
  color: #F0F0F0;
  transition: 0 none;
}
/*********************************************************************/
.modal-xl {
  width: 90vw;
}
.modal-fullwidth {
  width: 100vw;
  min-height: 100vh;
}
/*********************************************************************/
.spin-format {
  padding-left: 1px;
}
/*********************************************************************/
/* speed up transitions in demo mode */
body.demo div.fader div {
  transition: 20ms ease-in-out;
}
/*********************************************************************/
/* heartbeat highlighting */
.heartbeat {
  /*text-shadow:1px 1px 1px #111;*/
  color: inherit;
  white-space: nowrap;
  text-align: left;
  float: left;
}
.heartbeat:after {
  font-family: "FontAwesome";
  display: inline-block;
  padding-left: 0.5em;
  vertical-align: middle;
  font-weight: normal;
  font-size: 1.1em;
  line-height: 0;
}
.heartbeat.hb-live {
  color: green;
}
.heartbeat.hb-live:after {
  content: "\F21E";
}
.heartbeat.hb-stale {
  color: orange;
}
.heartbeat.hb-stale:after {
  content: "\F21E";
}
.heartbeat.hb-stagnant {
  color: darkred;
}
.heartbeat.hb-stagnant:after {
  content: "\F004";
}
/*********************************************************************/
/* multi IP usage aler highlighting */
.ip.ip-multiple {
  color: red;
  text-shadow: 1px 1px 1px #999;
}
.ip.ip-multiple:after {
  content: "\F06A";
  font-family: "FontAwesome";
  display: inline-block;
  padding-left: 0.5em;
  vertical-align: middle;
  font-weight: normal;
  font-size: 1.2em;
}
/*********************************************************************/
.bootstrap-select li.dropdown-header {
  color: darkblue;
  font-size: 1.2em;
  /* line-height: 1em; */
}
.bootstrap-select .h-element-default {
  padding-left: 20px !important;
}
.bootstrap-select .h-element-default i.fa {
  color: #ec0b0b;
}
.bootstrap-select .h-element-default .text .text-muted {
  color: blue;
}
.bootstrap-select i.fa {
  color: #0f0de3;
}
.chosen-container ul.chosen-results {
  font-size: 13px;
  font-weight: normal;
}
.chosen-container ul.chosen-results li.group-result {
  font-weight: normal;
  color: darkblue;
  font-size: 1.2em;
}
.chosen-container ul.chosen-results li.group-result i.fa {
  color: #ec0b0b;
}
.chosen-container ul.chosen-results li.group-result:not(:first-child) {
  border-top: 1px solid #ccc;
}
.chosen-container ul.chosen-results li.group-option {
  padding: 3px 30px 3px 20px;
}
/*********************************************************************/
.btn.active:focus,
.btn:focus {
  outline: none;
  box-shadow: none;
}
/*********************************************************************/
.admin-filter-container {
  display: inline;
  font-size: 20px;
}
.admin-filter-container #admin-filter {
  padding: 0;
  z-index: 150;
}
.admin-filter-container #admin-filter h1 {
  font-size: 1.2em;
  display: inline-block;
  padding: 0;
  margin: 0;
}
.admin-filter-container #admin-filter .form-control,
.admin-filter-container #admin-filter .input-group-addon,
.admin-filter-container #admin-filter .input-group-btn > button,
.admin-filter-container #admin-filter .input-group-btn > a,
.admin-filter-container #admin-filter .bootstrap-select > button,
.admin-filter-container #admin-filter .chosen-container .chosen-container-choices,
.admin-filter-container #admin-filter .chosen-container .chosen-single,
.admin-filter-container #admin-filter .chosen-container input:not(.btn) {
  height: 30px;
}
.admin-filter-container #admin-filter .input-group-btn > button,
.admin-filter-container #admin-filter .chosen-container .chosen-container-choices,
.admin-filter-container #admin-filter .chosen-container .chosen-single,
.admin-filter-container #admin-filter .chosen-container input:not(.btn) {
  height: 30px;
  font-size: 14px;
}
.admin-filter-container #admin-filter .bootstrap-select:not(.input-group-btn) {
  display: inherit;
}
.admin-filter-container #admin-filter .highlight button:not(.toggle),
.admin-filter-container #admin-filter .highlight button.toggle:not(.active) {
  color: #666666;
  background-image: none;
  background: -webkit-linear-gradient(#fff, #f0ad4e 4%, #fff);
  background: -o-linear-gradient(#fff, #f0ad4e 4%, #fff);
  background: linear-gradient(#fff, #f0ad4e 4%, #fff);
  border: 1px solid #d9534f;
}
.admin-filter-container #admin-filter .highlight .chosen-single,
.admin-filter-container #admin-filter .highlight select {
  color: #d9534f;
  background-color: #f0ad4e;
  background-image: none;
  background: -webkit-linear-gradient(#fff, #f0ad4e 4%, #fff);
  background: -o-linear-gradient(#fff, #f0ad4e 4%, #fff);
  background: linear-gradient(#fff, #f0ad4e 4%, #fff);
  border: 1px solid #d9534f;
}
.admin-filter-container #admin-filter button .fa-stack {
  color: #777777;
  margin-top: -0.1em;
  width: 100%;
}
.admin-filter-container #admin-filter button .fa-stack i.fa.fa-ban {
  display: none !important;
  font-size: 2em;
  width: 100%;
  margin: -0.05em -0.15em;
}
.admin-filter-container #admin-filter button.active .fa-stack {
  color: #fff;
}
.admin-filter-container #admin-filter button.active .fa-stack i.fa.fa-ban {
  display: inline-block !important;
}
.admin-filter-container form {
  margin: 0;
}
#editor-dlg .modal-dialog {
  width: 90vw;
}
@media only screen and (max-width: 576px) {
  #inner-page {
    display: flex;
    flex-direction: column-reverse;
  }
}