/*
============================
WDG Eatery Administration System Version 7.1.0
(C) Copyright 2010-2021 Darren Evans (551578756)
This code may NOT be copied, altered or redistributed without prior written permission.
============================
*/

html {
  overflow-y: scroll;
  height: 100%;
}

body {
  background: #fff;
  font-family: verdana, sans-serif;
  font-size: 85%;
  color: #000;
  margin: 0;
  height: 100%;
  background-image: url('/img/bg.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: 100% 100%;
}

@media (max-width: 1100px) {

}

img {
  vertical-align: middle;
  padding: 0;
}

input[type=submit] {
  border-radius: 3px;
  font-family: verdana, sans-serif;
  font-size: 11pt;
  font-weight: 400;
  letter-spacing: 0.6px;
  padding: 4px 6px 4px 6px;
  cursor: pointer;
}

h1 {
  display: block;
  color: #000;
  font-size: 15pt;
  font-weight: 400;
  margin: 0px 0px 10px 0px;
  padding: 3px 6px 3px 6px;
}

h1.sm {
  color: #000;
  font-weight: 400;
  font-size: 110%;
}

h2 {
  font-size: 11pt;
  color: #578aac;
  font-weight: 400;
  margin: 6px 0px 3px 8px;
}


/* ------------ */


/* -------------------------------------------------- HDR */

div.hdr_wrap {
  background: #000;
  border-top: 0;
  padding: 5px 12px 5px 12px;
  border-bottom: 1px solid #fff;
}

div.hdr_inner {
  display: table;
  width: 100%;
}



div.hdr_cell {
  display: table-cell;
  width: 33%;
}

div.digi_clock {
  display: inline-block;
  background: #fff;
  font-size: 11pt;
  font-weight: 400;
  border-radius: 5px;
  padding: 2px 6px 2px 6px;
  border: 1px solid #aaa;
}

A:link.hdr_btn,
A:visited.hdr_btn,
A:active.hdr_btn {
  display: inline-block;
  background: #fff;
  text-decoration: none;
  font-family: verdana, sans-serif;
  font-size: 10pt;
  color: #000;

  border-radius: 2px;
  border: 1px solid #fff;
  padding: 2px 6px 2px 6px;
  margin: 3px 3px 2px 3px;
  text-align: center;
  box-shadow: -1px -1px 2px #777, 0px 0px 2px #777, 1px 1px 2px #777;
}

A:hover.hdr_btn {
  background: #777;
  color: #fff;
  text-decoration: none;
}


/* ------------ */



div.content_main {
  min-width: 800px;
  display: table-cell;
  overflow: hidden;
  vertical-align: top;
  padding: 8px 4px 0px 10px;
}


/* ------------ */

#init_div {
  background: rgba(0, 0, 0, .6);
  width: 100%;
  height: 100%;
  display: none;
  padding-top: 5%;
  position: fixed;
  top: 0;
  left: 0;
  font-family: verdana;
  color: #965724;
  z-index: 3000;
  text-align: center;
}

#update_status_container {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: center;
  padding-top: 15%;
}

div.update_status_div {
  height: 100%;
  font-family: verdana;
  font-size: 20pt;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  vertical-align: middle;
}

span.updated_local_system {}

span.updated_remote_system {}

span.updated_continue_button {
  display: none;
  background: #070;
  color: #fff;
  font-family: verdana, sans-serif;
  font-size: 14pt;
  border-radius: 3px;
  border: 1px solid #999;
  padding: 3px 7px 3px 8px;
  margin: 0px 6px 0px 6px;
  text-align: center;
  cursor: pointer;
  box-shadow: 2px 2px 2px #666;
}


/* -------------------------------------------------- NAV */

div.nav_main {

background: #eee;
background: linear-gradient(to right, #aaa, #ccc, #eee);
overflow: hidden;
padding: 2px 0px 2px 4px;

}

div.mn_nav {
  display: inline-block;
 font-family: verdana, sans-serif;
  font-size: 9pt;
  letter-spacing: 0px;
  border-radius: 3px;
  margin: 3px 3px 3px 3px;
}


div.mn_nav > a {
  display: inline-block;
  background: #ddd;
  padding: 5px 8px 5px 8px;
  text-decoration: none;
  color: #000;
  border-radius: 3px;
  box-shadow: 2px 2px 2px #444;
}

div.mn_nav > a:hover {
  background: #000;
  color: #fff;
}

div.mn_nav > a.active {
  background: #000;
  color: #fff;
}



div.mn_nav > a > span {margin: 0px; font-size: 10pt; }


span.nav_icon {width: 20px; display: inline-block; }



/* ------------ */


/* -------------------------------------------------- MENU SPANS */

span.menu_btn_outer {
  display: inline-block;
  background: #f2f2f2;
  border: 0px solid #999;
  font-size: 12pt;
  border-radius: 3px;
  box-shadow: 0px 1px 1px #666;
  overflow: hidden;
  cursor: pointer;
}

span.menu_btn_outer:hover {
  background: #ddd;
}

span.menu_btn_hdr {
  display: block;
  background: #965724;
  border-bottom: 1px solid #999;
  font-size: 11pt;
  color: #fff;
  font-weight: 400;
  border-radius: 5px 5px 0px 0px;
  padding: 4px 8px 4px 8px;
}

span.menu_btn_txt {
  display: block;
  font-size: 11pt;
  font-weight: 400;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  padding: 6px;
}

div.menu_btn_outer {
  display: inline-block;
  background: #f2f2f2;
  border: 0px solid #999;
  font-size: 12pt;
  border-radius: 3px;
  box-shadow: 0px 1px 1px #666;
  overflow: hidden;
}

div.menu_btn_hdr {
  display: block;
  background: #965724;
  border-bottom: 1px solid #999;
  font-size: 12pt;
  color: #fff;
  font-weight: 400;
  border-radius: 5px 5px 0px 0px;
  padding: 6px 8px 2px 8px;
}

div.menu_btn_txt {
  display: block;
  font-size: 11pt;
  font-weight: 400;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  padding: 6px;
}


/* ------------ */

div.form_top_div {
  overflow: hidden;
  margin: 0px 0px 6px 0px;
}

div.form_top_name {
  float: left;
  background: #f2f2f2;
  color: #006;
  font-family: verdana, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 4px 8px 4px 8px;
  letter-spacing: 0.7px;
}

span.save_btn {
  background: #3f714c;
  color: #fff;
  display: inline-block;
  font-family: verdana, sans-serif;
  font-size: 10pt;
  border-radius: 3px;
  border: 1px solid #999;
  padding: 3px 7px 3px 8px;
  margin: 2px 6px 2px 6px;
  text-align: center;
  cursor: pointer;
  box-shadow: 2px 2px 2px #aaa;
}

span.save_btn:hover {
  background: #030;
}

span.cancel_btn {
  position: absolute;
  right: 0px;
  bottom: 20px;
  background: #700;
  color: #fff;
  display: inline-block;
  font-family: verdana, sans-serif;
  font-size: 8pt;
  border-radius: 3px;
  border: 1px solid #999;
  padding: 3px 7px 3px 8px;
  margin: 0px 6px 0px 6px;
  text-align: center;
  cursor: pointer;
  box-shadow: 2px 2px 2px #666;
}

span.cancel_btn:hover {
  background: #300;
}

div.tabbed {
  border: 1px solid #999;
  border-radius: 5px 5px 0px 0px;
  overflow: hidden;
  display: none;
  font-size: 90%;
  padding: 8px 0px 10px 0px;
}

.dd_div {
  display: inline-block;
  background: #f2f2f2;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0px 2px 0px 0px;
  margin: 4px 8px 4px 8px;
  overflow: hidden;
}

.dd_txt {
  float: left;
  padding: 6px 4px 0px 6px;
  font-family: verdana, sans-serif;
  font-size: 9pt;
  color: #000;
  letter-spacing: 0.6px;
}

.dd_sel {
  float: right;
  font-family: verdana, sans-serif;
  font-size: 9pt;
}

.dd_textarea {
  display: block;
  font-family: verdana, sans-serif;
  font-size: 9pt;
}


 div.header_search_options {

   background-color: #fafafa;
   font-family: verdana, sans-serif;
  font-size: 14pt;
  color: #000;
  font-weight: 400;
  border: 1px solid #eee;
  padding: 6px 12px 4px 8px;

  box-shadow: 2px 2px 2px #aaa;
  margin-bottom: 10px;

 }



 .dd_div_header_options {
  display: inline-block;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0px 2px 0px 0px;
  margin: 0px 5px 0px 5px;
  overflow: hidden;
}

.dd_txt_header_options {
  float: left;
  font-family: verdana, sans-serif;
  font-size: 9pt;
  color: #000;
  letter-spacing: 0.6px;
  padding: 6px 4px 0px 6px;
}

.dd_sel_header_options {
  float: right;
  font-family: verdana, sans-serif;
  font-size: 9pt;
}



 span.header_action_btn {
  background: #ddd;
  font-size: 11pt;
  font-weight: normal;
  color: #000;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #aaa;
  padding: 0px 5px 1px 5px;
  margin: 0px 0px 0px 0px;
  text-align: center;
}

span.header_action_btn:hover {
  background: #eee;
  cursor: pointer;
}




.sel_box {
  cursor: pointer;
  background: #f8f8f8;
  font-family: verdana, sans-serif;
  border: 1px solid #aaa;
  color: #000;
  padding: 1px 8px 1px 3px;
  margin: 2px 3px 2px 3px;
  border-radius: 5px;
}

.sel_box>option {
  padding: 1px 3px 1px 3px;
}

.inp_box {
  background: #fff;
  border: 1px solid #aaa;
  font-family: verdana, sans-serif;
  font-size: 10pt;
  color: #000;
  padding: 2px 8px 2px 3px;
  margin: 3px 3px 2px 3px;
  border-radius: 5px;
}

.dd_note {
  display: inline-block;
  color: #000;
  font-family: verdana, sans-serif;
  font-size: 8pt;
  font-style: italic;
  padding: 0px 2px 0px 5px;
}

.hor {
  height: 4px;
  border-top: 1px solid #ddd;
}

div.pr_day_out {
  display: inline-block;
  width: 204px;
  border-radius: 3px;
  border: 1px solid #999;
  margin: 10px 0px 0px 10px;
}

div.pr_day_hdr {
  background: #eee;
  color: #000;
  font-family: verdana, sans-serif;
  font-size: 9pt;
  border-radius: 3px 3px 0px 0px;
  padding: 3px 7px 3px 8px;
  text-align: center;
}

div.pr_day_cnt {
  padding: 5px 5px 5px 5px;
  border-top: 1px solid #000;
}


/* ------------ */


/* -------------------------------------------------- ORDERS */

div.order_detail_outer {
  display: block;
  margin-top: 14px;
  border-radius: 5px;
  box-shadow: 0px 2px 4px #666;
}


/* ------------ */


/* -------------------------------------------------- SEARCH */

div.search_outer {
  display: block;
  background: #555;
  color: #fff;
  padding: 6px;
  font-size: 90%;
  margin-bottom: 12px;
  border: 1px solid #fff;
  border-radius: 5px;
  box-shadow: 0px 2px 2px #999;
}

div.src_results_hdr {
  display: block;
  background: #eee;
  color: #000;
  padding: 6px;
  font-size: 90%;
  font-weight: bold;
  margin-bottom: 12px;
  border: 1px solid #999;
  border-radius: 5px;
  box-shadow: 0px 2px 2px #999;
}

.src_inp_box {
  background: #eee;
  border: 1px solid #eee;
  color: #000;
  padding: 5px 3px 5px 3px;
  font-size: 100%;
  margin: 1px 3px 1px 3px;
  border-radius: 5px;
}

.src_sel_box {
  cursor: pointer;
  background: #eee;
  border: 1px solid #999;
  font-size: 100%;
  color: #000;
  padding: 3px;
  margin: 3px 3px 3px 3px;
  border-radius: 5px;
}

.src_sel_box>option {
  padding: 2px 0px 2px 4px;
}

button.src {
  background: #020;
  font-family: verdana, sans-serif;
  font-size: 100%;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #fff;
  padding: 3px 8px 3px 8px;
  margin: 0px 6px 0px 6px;
  text-align: center;
  cursor: pointer;
}

span.start_search_button {
  background: #070;
  font-size: 100%;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #999;
  padding: 0px 5px 1px 5px;
  margin: 4px 0px 1px 5px;
  text-align: center;
}

span.start_search_button:hover {
  background: #0a0;
  cursor: pointer;
}


/* ------------ */


/* -------------------------------------------------- ACCOUNTING */

div.button_outer_20 {
  overflow: hidden;
  display: inline-block;
  width: 19.0%;
  vertical-align: top;
  text-align: center;
  border-radius: 5px 5px 0px 0px;
  padding: 0px 1px 0px 1px;
}

div.button_outer_25 {
  overflow: hidden;
  display: inline-block;
  width: 24%;
  vertical-align: top;
  text-align: center;
  border-radius: 5px 5px 0px 0px;
  padding: 0px 1px 0px 1px;
}

div.button_outer_33 {
  overflow: hidden;
  display: inline-block;
  width: 32.5%;
  vertical-align: top;
  text-align: center;
  border-radius: 5px 5px 0px 0px;
  padding: 0px 1px 0px 1px;
}

div.button_outer_50 {
  overflow: hidden;
  display: inline-block;
  width: 49.0%;
  vertical-align: top;
  text-align: center;
  border-radius: 5px 5px 0px 0px;
  padding: 0px 1px 0px 1px;
}

.category_view_radio {
  display: none;
}

label.category_view_label {
  display: inline-block;
  cursor: pointer;
  background: #be1e2d;
  font-size: 9pt;
  color: #fff;
  letter-spacing: 0.6px;
  border-radius: 5px 5px 0px 0px;
  border: 0px solid #fff;
  padding: 6px 8px 5px 8px;
  margin: 4px 6px 0px 6px;
  text-align: center;
}

.category_view_radio:checked+.category_view_label {
  background: #ef4136;
  color: #fff;
  font-weight: normal;
}

div.bdr {
  border: 1px solid #999;
  border-radius: 5px 5px 0px 0px;
  padding: 6px;
  overflow: hidden;
}


/* ------------ */


/* -------------------------------------------------- STOCK */

div.stock_overview_out {
  display: inline-block;
}


/* ------------ */


/* -------------------------------------------------- MENU ADMIN */

label.img_upload_span {
  display: inline-block;
  position: absolute;
  bottom: 4px;
  right: 5px;
  background: #ddd;
  font-size: 100%;
  color: #000;
  border: 1px solid #999;
  border-radius: 4px;
  padding: 3px 8px 3px 8px;
  cursor: pointer;
}

label.img_upload_span_done {
  display: inline-block;
  position: absolute;
  bottom: 4px;
  left: 2px;
  background: #fff;
  font-size: 80%;
  color: #000;
  border: 1px solid #333;
  border-radius: 4px;
  padding: 3px 8px 3px 8px;
  cursor: pointer;
}

label.img_upload_span_rel {
  display: inline-block;
  background: #ddd;
  font-size: 100%;
  color: #000;
  border: 1px solid #999;
  border-radius: 4px;
  padding: 3px 8px 3px 8px;
  cursor: pointer;
}

label.img_upload_span_done_rel {
  display: inline-block;
  background: #070;
  font-size: 90%;
  color: #fff;
  border: 1px solid #333;
  border-radius: 4px;
  padding: 3px 8px 3px 8px;
  cursor: pointer;
}


/* ------------ */


/* -------------------------------------------------- STANDARD */


.chk_std {display: none;}
.chk_std + label {color:#000; cursor: pointer;}
.chk_std + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -2px 5px 0 0;
    vertical-align: middle;
    background: url('/img/cr_sheet.png') left top no-repeat;
    cursor:pointer;
}
.chk_std:checked + label {color: #060;}
.chk_std:checked + label span {background:url('/img/cr_sheet.png') -19px top no-repeat;}




div.block_std_hdr {
  display: block;
  background: #000;
  color: #fff;
  font-size: 10pt;
  font-weight: 400;
  padding: 6px;
}

div.inline_grey_hdr {
  display: inline-block;
  background: #555;
  color: #fff;
  font-size: 10pt;
  font-weight: 400;
  padding: 6px 8px 6px 8px;
}


div.std_hdr_bdr {
  background: #eee;
  font-family: verdana, serif;
  font-size: 10pt;
  font-weight: 400;
  padding: 5px;
  border: 1px solid #999;
}

div.block {
  display: block;
}

div.in_block {
  display: inline-block;
}

.ov_hidden {
  overflow: hidden;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.v_top {
  vertical-align: top;
}

.v_mid {
  vertical-align: middle;
}

.padd2 {
  padding: 2px;
}

.padd4 {
  padding: 4px;
}

.padd {
  padding: 6px;
}

.padd8 {
  padding: 8px;
}

.verd {
  font-family: verdana, serif;
}

.verd8 {
  font-family: verdana, serif;
  font-size: 8pt;
}

.verd9 {
  font-family: verdana, serif;
  font-size: 9pt;
}

.verd10 {
  font-family: verdana, serif;
  font-size: 10pt;
}

.verd10b {
  font-family: verdana, serif;
  font-size: 10pt;
  font-weight: 400;
}

.verd11 {
  font-family: verdana, serif;
  font-size: 11pt;
}

.verd12 {
  font-family: verdana, serif;
  font-size: 12pt;
}

.whbg {
  background: #fff;
}

.dgbg {
  background: #070;
  color: #fff;
}

.drbg {
  background: #a00;
  color: #fff;
}

.sm {
  font-size: 10pt;
}

.lge {
  font-size: 110%;
}

.bold {
  font-weight: bold;
}

.bold400 {
  font-weight: 400;
}

.dgreen {
  font-size: 11pt;
  font-weight: 400;
  color: #4f7a44;
}

.green {
  font-weight: bold;
  color: #080;
}

.grey {
  font-weight: bold;
  color: #555;
}

.red {
  font-weight: bold;
  color: #800;
}

.redtxt {
  color: #800;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.mgb {
  background: #ccc;
}

.lgb {
  background: #eee;
}

.ball {
  border: 1px solid #888;
}

.bt {
  border-top: 1px solid #888;
}

.br {
  border-right: 1px solid #888;
}

.bb {
  border-bottom: 1px solid #888;
}

.bl {
  border-left: 1px solid #888;
}

.bdrradtop {
  border-radius: 5px 5px 0px 0px;
}

.bdrradbot {
  border-radius: 0px 0px 5px 5px;
}

.bdrrad {
  border-radius: 5px;
}

input[type="radio"]:checked+label {
  color: #000;
  font-weight: bold;
}

.button_green {
  display: none;
}

label.button_green_label {
  background: #020;
  font-size: 90%;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #999;
  padding: 5px 8px 5px 8px;
  margin: 0px 6px 0px 6px;
  text-align: center;
  cursor: pointer;
}

.button_green:checked+.button_green_label {
  background: #090;
  color: #fff;
  font-weight: normal;
}

.button_red {
  display: none;
}

label.button_red_label {
  background: #300;
  font-size: 90%;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #999;
  padding: 5px 8px 5px 8px;
  margin: 0px 6px 0px 6px;
  text-align: center;
  cursor: pointer;
}

.button_red:checked+.button_red_label {
  background: #d00;
  color: #fff;
  font-weight: normal;
}

.button_blue {
  display: none;
}

label.button_blue_label {
  background: #004;
  font-size: 9pt;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #999;
  padding: 5px 8px 5px 8px;
  margin: 0px 6px 0px 6px;
  text-align: center;
  cursor: pointer;
}

.button_blue:checked+.button_blue_label {
  background: #00d;
  color: #fff;
  font-weight: normal;
}

.radio_button_green {
  display: none;
}

label.radio_button_green_label {
  background: #3c6036;
  font-size: 9pt;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #999;
  padding: 5px 8px 5px 8px;
  margin: 0px 6px 0px 6px;
  text-align: center;
  cursor: pointer;
}

.radio_button_green:checked+.radio_button_green_label {
  background: #090;
  color: #fff;
  font-weight: normal;
}

.radio_button_red {
  display: none;
}

label.radio_button_red_label {
  background: #300;
  font-size: 9pt;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #999;
  padding: 5px 8px 5px 8px;
  margin: 0px 6px 0px 6px;
  text-align: center;
  cursor: pointer;
}

.radio_button_red:checked+.radio_button_red_label {
  background: #d00;
  color: #fff;
  font-weight: normal;
}

.radio_button_blue {
  display: none;
}

label.radio_button_blue_label {
  background: #004;
  font-size: 10pt;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #999;
  padding: 3px 8px 3px 8px;
  margin: 3px 6px 3px 6px;
  text-align: center;
  cursor: pointer;
}

.radio_button_blue:checked+.radio_button_blue_label {
  background: #00d;
  color: #fff;
  font-weight: normal;
}

A:link.grey_button_link,
A:visited.grey_button_link,
A:active.grey_button_link {
  display: inline-block;
  background: #eee;
  font-family: verdana, serif;
  font-size: 11pt;
  color: #000;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 2px 8px 2px 8px;
  margin: 2px 0px 2px 0px;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: 0px 2px 2px #aaa;
  text-decoration: none;
}

A:hover.grey_button_link {
  background: #ddd;
}

A:link.edit_lnk,
A:visited.edit_lnk,
A:active.edit_lnk {
  display: inline-block;
  background: #4d516e;
  text-decoration: none;
  font-family: verdana, serif;
  font-size: 10pt;
  color: #fff;
  font-weight: 400;
  text-align: center;
  padding: 3px 7px 3px 7px;
  border: 1px solid #999;
  border-radius: 5px;
  box-shadow: 0px 2px 2px #999;
}

A:hover.edit_lnk {
  background: #70759a;
}

A:link.red_lnk,
A:visited.red_lnk,
A:active.red_lnk {
  display: inline-block;
  background: #be1e2d;
  text-decoration: none;
  font-family: verdana, serif;
  font-size: 10pt;
  color: #fff;
  text-align: center;
  padding: 3px 7px 3px 7px;
  border: 1px solid #999;
  border-radius: 5px;
  box-shadow: 0px 2px 2px #999;
}

A:hover.red_lnk {
  background: #ef4136;
}


/* ------------ */


/* -------------------------------------------------- SEARCH */


div.no_results {

  font-family: verdana, serif;
  font-size: 12pt;
  color: #4d516e;
  font-weight: 400;
  padding: 8px;
  margin: 15px 0px 15px 0px;
  border: 1px solid #999;
  border-radius: 3px;

}

div.search_results_hdr {

  background: #ef4136;
  font-family: verdana, serif;
  font-size: 12pt;
  color: #fff;
  font-weight: 400;
  padding: 4px 8px 4px 8px;
  margin: 15px 0px 0px 0px;
  border: 1px solid #999;
  border-radius: 4px 4px 0px 0px;

}


/* ------------ */


/* -------------------------------------------------- TABLES */

td {
  background: #fff;
}

table.tbmn {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

table.tbmn_bdr {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #999;
}

td.dark_grey_hdr {
  background: #444;
  color: #fff;
  font-weight: 400;
  font-size: 110%;
  padding: 6px;
  border-bottom: 1px solid #000;
}

td.grey_hdr {
  background: #ddd;
  color: #45467b;
  font-weight: 400;
  font-size: 110%;
  padding: 6px;
  border-bottom: 1px solid #000;
}

td.msg_grey_hdr {
  background: #ddd;
  color: #000;
  font-weight: bold;
  font-size: 100%;
  padding: 6px;
  border: 1px solid #999;
}

td.row_cnt {
  font-size: 90%;
  border: 1px solid #fff;
  padding: 4px 10px 4px 10px;
}

td.row_cnt_total {
  font-size: 90%;
  border: 1px solid #fff;
  padding: 4px 10px 4px 10px;
  color: #ff2;
}

td.row_link {
  font-size: 90%;
  text-align: center;
  border: 1px solid #fff;
  padding: 4px 10px 4px 10px;
}

td.std_hdr_bdr {
  background: #eee;
  font-family: verdana, serif;
  font-size: 10pt;
  font-weight: 400;
  padding: 5px;
  border: 1px solid #999;
}


td.std_ftr_bdr {
  background: #eee;
  font-family: verdana, serif;
  font-size: 10pt;
  font-weight: 400;
  padding: 5px;
  border: 1px solid #999;
}


td.std_cnt_bdr {
  font-family: verdana, serif;
  font-size: 10pt;
  padding: 5px 8px 5px 8px;
  border: 1px solid #999;
}


td.std_cnt {
  padding: 4px;
}



td.std_bdr_tp {
  padding: 4px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

td.row_order_details {
  font-size: 100%;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 6px;
}

td.queue_cnt {
  background: #fff;
  color: #000;
  font-size: 100%;
  border: 1px solid #999;
  padding: 6px;
}

A:link.row_edit_link,
A:visited.row_edit_link,
A:active.row_edit_link {
  display: inline-block;
  background: #eee;
  font-family: verdana, serif;
  font-size: 9pt;
  color: #000;
  letter-spacing: 0.8px;
  text-decoration: none;
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 3px 9px 3px 9px;
  margin: 3px;
  text-align: center;
  box-shadow: 0px 1px 1px #ccc;
  cursor: pointer;
}

A:hover.row_edit_link {
  background: #bbb;
  color: #444;
}

A:link.mg_row_edit_link,
A:visited.mg_row_edit_link,
A:active.mg_row_edit_link {
  background: #555;
  text-decoration: none;
  font-size: 10pt;
  color: #fff;
  display: inline-block;
  text-align: center;
  border: 1px solid #555;
  border-radius: 5px;
  padding: 5px 8px 5px 8px;
}

A:hover.mg_row_edit_link {
  background: #777;
  text-decoration: none;
}


/* ------------ */

.grey_btn {
  display: inline-block;
  background: #eee;
  font-family: verdana, serif;
  font-size: 9pt;
  color: #000;
  letter-spacing: 0.8px;
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 3px 9px 3px 9px;
  text-align: center;
  box-shadow: 0px 1px 1px #ccc;
  cursor: pointer;
}

.grey_btn:hover {
  background: #bbb;
  color: #444;
}

.green_btn {
  display: inline-block;
  background: #30636c;
  font-family: verdana, serif;
  font-size: 9pt;
  color: #fff;
  letter-spacing: 0.8px;
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 3px 9px 3px 9px;
  margin: 3px;
  text-align: center;
  box-shadow: 0px 1px 1px #ccc;
  cursor: pointer;
}

.green_btn:hover {
  background: #23484f;
  color: #fff;
}

.red_btn {
  display: inline-block;
  background: #c31807;
  font-family: verdana, serif;
  font-size: 9pt;
  color: #fff;
  letter-spacing: 0.8px;
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 3px 9px 3px 9px;
  margin: 3px;
  text-align: center;
  box-shadow: 0px 1px 1px #ccc;
  cursor: pointer;
}

.red_btn:hover {
  background: #400;
  color: #fff;
}


/* -------------------------------------------------- SUPPORT */

span.support_heading {
  display: block;
  cursor: pointer;
}

ul.support_lnks {
  list-style: none;
  margin: 0;
  padding: 0;
}


/* ------------ */


/* -------------------------------------------------- DATEPICKER */

div.ui-datepicker {
  font-size: 80%;
}

.ui-datepicker-current-day .ui-state-active {
  background: #00aa00;
  color: #fff;
}

.ui-datepicker-today a.ui-state-highlight {
  background: #797a9b;
  color: #fff;
}


/* ------------- */

div.ftr_ver {
  position: fixed;
  bottom: 0;
  right: 0;
  display: inline-block;
  background: #000;
  color: #fff;
  font-size: 8pt;
  font-style: italic;
  padding: 3px 8px 3px 8px;
  border: 1px solid #888;
  border-right: 0;
  border-bottom: 0;
  border-radius: 8px 0px 0px 0px;
  box-shadow: -1px -1px 1px #eee;
}


/* -------------------------------------------------- SPINNER */

.spinner {
  margin: 2px 0px 0px 0px;
  width: 50px;
  height: 16px;
  text-align: center;
  font-size: 10px;
  color: #965724;
}

.spinner>div {
  background: #965724;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4)
  }
  20% {
    -webkit-transform: scaleY(1.0)
  }
}

@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

.loader_small_100 {
  display: block;
  border: 16px solid #999;
  border-radius: 50%;
  border-top: 16px solid #ccc;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  margin: 0 auto;
}


.loader_message_small {
  display: block;
 font-family: verdana, sans-serif;
  font-size: 11pt;
  color: #666;
  font-weight: 400;
  margin-top: 10px;
}




.loader_large_200 {
  display: block;
  border: 16px solid #999;
  border-radius: 50%;
  border-top: 16px solid #ccc;
  width: 200px;
  height: 200px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  margin: 0 auto;
}


.loader_message_large {
  display: block;
 font-family: verdana, sans-serif;
  font-size: 14pt;
  color: #666;
  font-weight: 400;
  margin-top: 10px;
}







/* Safari */

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

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



@font-face {
  font-family: 'wdg-eas-v7';
  src:  url('/fonts/wdg-eas-v7.eot?4ts63f');
  src:  url('/fonts/wdg-eas-v7.eot?4ts63f#iefix') format('embedded-opentype'),
    url('/fonts/wdg-eas-v7.ttf?4ts63f') format('truetype'),
    url('/fonts/wdg-eas-v7.woff?4ts63f') format('woff'),
    url('/fonts/wdg-eas-v7.svg?4ts63f#wdg-eas-v7') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'wdg-eas-v7' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-local_bar:before {
  content: "\e900";
}
.icon-local_cafefree_breakfast:before {
  content: "\e901";
}
.icon-local_grocery_storeshopping_cart:before {
  content: "\e902";
}
.icon-motorcycle:before {
  content: "\e903";
}
.icon-desktop_access_disabled:before {
  content: "\e904";
}
.icon-emoji_food_beverage:before {
  content: "\e905";
}
.icon-deck:before {
  content: "\e906";
}
.icon-outdoor_grill:before {
  content: "\e907";
}
.icon-dinner_dining:before {
  content: "\e908";
}
.icon-liquor:before {
  content: "\e909";
}
.icon-lunch_dining:before {
  content: "\e90a";
}
.icon-nightlife:before {
  content: "\e90b";
}
.icon-delivery_dining:before {
  content: "\e90c";
}
.icon-pencil2:before {
  content: "\e90d";
}
.icon-pencil22:before {
  content: "\e90e";
}
.icon-book:before {
  content: "\e91f";
}
.icon-books:before {
  content: "\e920";
}
.icon-file-text:before {
  content: "\e922";
}
.icon-profile:before {
  content: "\e923";
}
.icon-file-text2:before {
  content: "\e926";
}
.icon-paste:before {
  content: "\e92d";
}
.icon-folder:before {
  content: "\e92f";
}
.icon-folder-open:before {
  content: "\e930";
}
.icon-phone:before {
  content: "\e942";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-display:before {
  content: "\e956";
}
.icon-mobile2:before {
  content: "\e959";
}
.icon-tablet:before {
  content: "\e95a";
}
.icon-user2:before {
  content: "\e971";
}
.icon-users:before {
  content: "\e972";
}
.icon-user-plus:before {
  content: "\e973";
}
.icon-user-minus:before {
  content: "\e974";
}
.icon-user-check:before {
  content: "\e975";
}
.icon-hour-glass:before {
  content: "\e979";
}
.icon-cog2:before {
  content: "\e994";
}
.icon-cog22:before {
  content: "\e995";
}
.icon-cogs2:before {
  content: "\e996";
}
.icon-glass:before {
  content: "\e9a0";
}
.icon-mug:before {
  content: "\e9a2";
}
.icon-spoon-knife:before {
  content: "\e9a3";
}
.icon-bin:before {
  content: "\e9ac";
}
.icon-power:before {
  content: "\e9b5";
}
.icon-clipboard:before {
  content: "\e9b8";
}
.icon-menu:before {
  content: "\e9bd";
}
.icon-menu3:before {
  content: "\e9bf";
}
.icon-cloud-download:before {
  content: "\e9c2";
}
.icon-cloud-upload:before {
  content: "\e9c3";
}
.icon-download3:before {
  content: "\e9c7";
}
.icon-upload3:before {
  content: "\e9c8";
}
.icon-sphere:before {
  content: "\e9c9";
}
.icon-earth:before {
  content: "\e9ca";
}
.icon-move-up:before {
  content: "\ea46";
}
.icon-move-down:before {
  content: "\ea47";
}
.icon-sort-alpha-asc2:before {
  content: "\ea48";
}
.icon-sort-alpha-desc2:before {
  content: "\ea49";
}
.icon-sort-numeric-asc:before {
  content: "\ea4a";
}
.icon-sort-numberic-desc:before {
  content: "\ea4b";
}
.icon-checkbox-unchecked:before {
  content: "\ea53";
}
.icon-insert-template:before {
  content: "\ea72";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope-o:before {
  content: "\f003";
}
.icon-uniF003:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-o:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-check:before {
  content: "\f00c";
}
.icon-close:before {
  content: "\f00d";
}
.icon-cog:before {
  content: "\f013";
}
.icon-trash-o:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-clock-o:before {
  content: "\f017";
}
.icon-download:before {
  content: "\f019";
}
.icon-repeat:before {
  content: "\f01e";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-print:before {
  content: "\f02f";
}
.icon-print2:before {
  content: "\f030";
}
.icon-camera:before {
  content: "\f031";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-uniF044:before {
  content: "\f044";
}
.icon-plus-circle:before {
  content: "\f055";
}
.icon-minus-circle:before {
  content: "\f056";
}
.icon-question-circle:before {
  content: "\f059";
}
.icon-info-circle:before {
  content: "\f05a";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-mail-forward:before {
  content: "\f064";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-eye:before {
  content: "\f06e";
}
.icon-exclamation-triangle:before {
  content: "\f071";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-comment:before {
  content: "\f075";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-cogs:before {
  content: "\f085";
}
.icon-credit-card:before {
  content: "\f09d";
}
.icon-bell-o:before {
  content: "\f0a2";
}
.icon-arrow-circle-left:before {
  content: "\f0a8";
}
.icon-arrow-circle-right:before {
  content: "\f0a9";
}
.icon-arrow-circle-up:before {
  content: "\f0aa";
}
.icon-arrow-circle-down:before {
  content: "\f0ab";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-uniF0C7:before {
  content: "\f0c7";
}
.icon-comment-o:before {
  content: "\f0e5";
}
.icon-coffee:before {
  content: "\f0f4";
}
.icon-cutlery:before {
  content: "\f0f5";
}
.icon-folder-o:before {
  content: "\f114";
}
.icon-folder-open-o:before {
  content: "\f115";
}
.icon-keyboard-o:before {
  content: "\f11c";
}
.icon-info:before {
  content: "\f129";
}
.icon-dollar:before {
  content: "\f155";
}
.icon-sort-alpha-asc:before {
  content: "\f15d";
}
.icon-sort-alpha-desc:before {
  content: "\f15e";
}
.icon-child:before {
  content: "\f1ae";
}
.icon-spoon:before {
  content: "\f1b1";
}
.icon-database:before {
  content: "\f1c0";
}
.icon-sliders:before {
  content: "\f1de";
}
.icon-calculator:before {
  content: "\f1ec";
}
.icon-cc-visa:before {
  content: "\f1f0";
}
.icon-cc-mastercard:before {
  content: "\f1f1";
}
.icon-cc-discover:before {
  content: "\f1f2";
}
.icon-cc-amex:before {
  content: "\f1f3";
}
.icon-cc-paypal:before {
  content: "\f1f4";
}
.icon-pie-chart:before {
  content: "\f200";
}
.icon-line-chart:before {
  content: "\f201";
}