@charset "UTF-8";

/* NORMALISE */
*,html,body,header,div,section,article,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td{margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} fieldset,img{border:0} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400} ol,ul,li{list-style:none} caption,th{text-align:left} q:before,q:after{content:''} div,ul,li{position:relative} b,strong{font-weight:bold} em{font-style:italic} a img{border:none} a:link,a:visited,a:active,a:hover{text-decoration:none}

/* STRUCTURE */
html                              { height:100%; }

/* WEBKIT */
::selection                       { background:rgba(0,0,0,0.15); }
img::selection                    { background:rgba(255,255,255,0.15); }
::-webkit-scrollbar               { width:10px; padding:1px; background:transparent;}
::-webkit-scrollbar-track         { background:url('../img/page_bg.png') center center repeat; /*background:#fff;*/ }
::-webkit-scrollbar-thumb         { width:8px; background:#444; }

/* TYPOGRAPHY */
@font-face {
  font-family: 'entypo';
  src: url('../fonts/entypo.eot'),
  url('../fonts/entypo.woff') format('woff'),
  url('../fonts/entypo.ttf') format('truetype'),
  url('../fonts/entypo.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'entypo-social';
  src: url('../fonts/entypo-social.eot'),
  url('../fonts/entypo-social.woff') format('woff'),
  url('../fonts/entypo-social.ttf') format('truetype'),
  url('../fonts/entypo-social.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
body                              { height:100%; font-family: 'Open Sans', sans-serif; color:#2F2B3B; font-size:12px; background:url('../img/page_bg.png') center center repeat; position:relative;}
.serif                            { font-family: 'Lora', serif; }
.mono                             { font:12px/1.0em 'Monaco',monospace; }
.entypo                           { font:48px/1.0em 'entypo'; }
.social                           { font:48px/.75 'entypo-social'; position:relative; top:22px; }
h1                                { font-size:2.25em; }
h2                                { font-size:2.0em;  }
h3                                { font-size:1.75em; }
h4                                { font-size:1.50em; }
h5                                { font-size:1.25em; }
small                             { font-size:0.9em }
hyper                             { font-size:0.8em; position:relative; top:-4px; }
sub                               { font-size:0.8em; position:relative; top:1px; }
.u                                { border-bottom:1px dotted #999; }
.uc                               { text-transform:uppercase; }
pre.code                          { padding:5px; margin:5px 0; line-height:1.0; white-space:pre-wrap; font-size:10px}

/* TEXT COLOURS */
.green                            { color:rgb(134,146,132); }
.brown                            { color:#2F2B3B; }
.red                              { color:#6189B6 }
.orange                           { color:#f90; }
.amber                            { color:#620; }
.white                            { color:#f1f1f1; }


a:link, a:visited                 { color:rgb(86,86,86); }
a:hover, a:active                 { color:#6189B6 }

/* FLASH */
.flash                            { height:30px; position:fixed; top:0; left:0; width:100%; line-height:30px; font-size:1.0em; font-weight:400; text-align:center; box-shadow:0 0 10px #222; z-index:10000 !important; color:#fff; background:#D0021B; border-bottom:1px solid #fff; display:none; }
.flash_error                      { color:#fff; background:#900; border-bottom:1px solid #300; }
.flash_success                    { color:#fff; background:#90ba26; border-bottom:1px solid #6d8411 }
.flash_notice                     { color:#fff; background:#5083ff; border-bottom:1px solid #3f67c7 }
.flash .flash_close               { height:30px; line-height:30px; font-size:2.5em; position:absolute; top:0px; right:5px; cursor:pointer }
.flash .flash_close:hover         { color:#444; }

/* RTT (return to Top) */
#rtt, .rtt                        { font-size:3.5em; width:40px; height:40px; line-height:40px; position:fixed; top:93%; right:5px; color:#6189B6; text-align:center; cursor:pointer; background:rgba(255,255,255,0.25); box-shadow:inset 0 0 4px #777; border:3px solid #ccc; z-index:9000;}
#rtt:hover, .rtt:hover            { background:#f1f1f1;}

/*LAYOUT ELEMENTS */
.container                        { width:100%; padding:100px 0 0; z-index:1;}
.wrapper                          { margin:0 auto; padding:0 2%; width:96%; position:relative; }
.full_wrapper                     { margin:0 auto 5px; padding:0; width:100%; position:relative; min-height:10px; }
.full_wrapper header              { color:#e5e5e5; }
.head_nav                         { width:97%; height:70px; background:#2F2B3B; box-shadow:0 1px 3px #000; position:absolute; z-index:10; left:0; top:0; padding:0 1.5%; }
.head_crumbs                      { width:97%; height:30px; background:#6189B6; /*background:rgb(134,146,132);*/ box-shadow:0 1px 3px #666; position:absolute; z-index:5; left:0; top:70px; padding:0 1.5%; }
.head_margin                      { height:30px; background:transparent; position:relative; z-index:1; top:100px;}

/* GLOBAL HEADER & FOOTER */
.q_logo                           { width:200px; height:70px; background:url('../img/queueless_logo.png') 0 0 no-repeat; float:left; position:relative; top:4px; }
.applogo                          { width:265px; height:70px; background:url('../img/ool_logo.png') 0 0 no-repeat; float:left; position:relative; text-indent:-9999px; top:0;}
.applogo_cntr                     { display:block; height:70px; background:url('../img/ool_logo.png') center center no-repeat; text-indent:-9999px; }

.app_version                      { float:right; color:#e5e5e5; line-height:32px; font-size:0.8em; margin:0 10px; position:relative; right:30px; }
.crumb                            { color:#e5e5e5; line-height:32px; text-indent:30px; }
.crumb a:link, .crumb a:visited,
.help:link, .help:visited         { color:#fff; }
.crumb a:hover, .crumb a:active,
.help:active, .help:hover         { color:#533D18; }
.crumb:before                     { font:32px 'entypo'; content:""; /*line-height:32px;*/ position:absolute; top:0; left:-30px;}
.help                             { font:32px 'entypo'; /*line-height:32px;*/ position:absolute; top:0; right:5px;}
.mm                               {
  width:90%;
  max-width:300px;
  height:40px;
  background-image: #fffefe;
  background-image: -webkit-linear-gradient(bottom, rgb(156,156,156) 0%, rgb(255,254,254) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(156,156,156) 0%, rgb(255,254,254) 100%);
  background-image: -o-linear-gradient(bottom, rgb(156,156,156) 0%, rgb(255,254,254) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(156,156,156) 0%, rgb(255,254,254) 100%);
  background-image: linear-gradient(bottom, rgb(156,156,156) 0%, rgb(255,254,254) 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(156,156,156)), color-stop(1, rgb(255,254,254)));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffefe", endColorstr="#9c9c9c",GradientType=0);
  border-radius:3px;
  border:3px solid #666;
  position:relative;
  cursor:pointer;
  float:right;
  position:relative; 
  top:12px;
  z-index:10;
}
.mm_label                         { width:100%; line-height:40px; position:absolute; left:0; top:1px; font-size:1.3em; text-align:left; text-indent:20px; z-index:11; }
.mm_divider                       { width:0; height:39px; position:absolute; right:59px; top:1px; border:none; border-right:1px solid #fff; z-index:13; }
.mm_dd                            { color:#999; width:60px; line-height:42px; position:absolute; right:0; top:0; border:none; border-left:1px solid #bbb; z-index:12; text-align:center; }
.mm_dd:hover                      { color:#6189B6;}
.mm_menu                          { margin:0; background:rgba(0,0,0,0.25); position:relative; top:43px; padding:3px; border-radius:3px; box-shadow:0 0 5px #444;}
.mm_btn                           { background:rgba(255,255,255,0.90); display:block; width:100%; height:0; display:none; opacity:0; border-top:1px solid #bbb; font-size:1.2em; text-align:center; color:#777; line-height:25px; position:relative; z-index:10000;}
.mm_btn:nth-child(2n)           { background:rgba(225,225,225,0.90); }
.mm_btn:last-child                { border-bottom:2px solid #6189B6; margin:0;}
.mm_btn:hover                     { background:#2F2B3B; }
.mm_sec_divider                   { background:transparent; display:block; width:100%; height:5px; display:none; opacity:0; border-top:1px solid #bbb; position:relative; z-index:10000; }
.footer_bar                       { height:4px; width:100%; position:fixed; bottom:0; left:0; z-index:9000; background:#6189B6; }

/* UTILITIES */
.wrap                             { margin:auto; }
.left                             { float:left; }
.right                            { float:right; }
.clear                            { float:none; clear:both; }
br.clear                          { float:none; clear:both; height:0; }
.txt_l, .txt_left                 { text-align:left; }
.txt_r, .txt_right                { text-align:right; }
.txt_c, .txt_cntr                 { text-align:center }
.txt_hide                         { text-indent:-9999px }
.hide                             { display:none !important; }
.no-touch .smooth                 { -webkit-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
.touch .smooth                    { -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; }
.load                             { background:url('../img/load_animation.gif') center center no-repeat; min-height:15px; min-width:50px; }
hr                                { clear:both; height:0; border:none; border-top:1px solid #ccc; border-bottom:1px solid #fff; padding:0; margin:5px 0; }
.inline                           { display:inline;}
.wide                             { letter-spacing:0.5em; }


/* FORM ELEMENTS */

.editor                           { width:75%; margin:0 auto 20px; padding:10px; background:url('../img/dropzone_bg.png') center center repeat; border:3px solid #ccc; }
input[type=text],
input[type=password],
input[type=number],
textarea                          { color:#2F2B3B; padding:0 5px; min-height:26px; min-width:80px; width:80%; max-width:720px; background:#ebebeb; outline:none; border:3px solid #ccc; border-radius:1px; margin:10px 0;}
input:required,
textarea:required,
select:required                   { border:3px solid #6189B6; }

select                            { color:#2F2B3B; height:32px; min-width:80px; width:80%; max-width:720px; background:#ebebeb; outline:none; border:3px solid #ccc; border-radius:1px; margin:10px 0;}
form                              { position:relative; }
form label                        { display:block; text-transform:uppercase; font-weight:bold; font-weight:700; position:relative; top:0;}
.list_label                       { display:block; text-transform:uppercase; font-weight:bold; font-weight:700; margin-bottom:10px; }

.checkboxes, .radioboxes          { display:inline-block; float:none; clear:both; margin-bottom:20px; }
.buffer_inp                       { display:block; min-width:60px; margin:0 5px 5px; background:#f1f1f1; box-shadow:inset 0 0 4px #777; padding:5px 10px; text-align:center; position:relative; top:20px;}
.buffer_inp label                 { display:block; margin:0; text-align:center; cursor:pointer; text-transform:uppercase; font-weight:bold; font-weight:700; position:relative; top:0; }
.buffer_inp label:hover           { color:#6189B6; }
.buffer_inp_active                { background:#6189B6; box-shadow:0 0 4px #777; }
.buffer_inp_active label,
.buffer_inp_active label:hover    { color:#f1f1f1; }
.input_set header label           { top:10px; }

.sub_ui_panel                     { width:38%; margin:0; padding:19px 4% 0; border-top:1px solid #ccc;  }
.sub_obj                          { height:40px; margin:5px; background:#f1f1f1; border-radius:3px; border:1px solid #444; box-shadow:inset 0 0 5px #aaa; cursor:pointer; position:relative;}
.sub_obj:hover                    { background:#6189B6; color:#f1f1f1; box-shadow:inset 0 0 5px #444;}
.sub_obj_name                     { line-height:30px; padding:5px; }
.sub_obj_mandatory_off            { background:#f1f1f1; border:1px solid #ccc; color:#ccc; position:absolute; z-index:100; right:5px; top:10px; padding:0 5px; border-radius:3px; }
.sub_obj_mandatory_on             { background:#b00; border:1px solid #ccc; color:#f1f1f1; position:absolute; z-index:100; right:5px; top:10px; padding:0 5px; border-radius:3px; }


.custom_button                    { /*display:inline-block;*/ /*width:50px; height:50px;*/ padding:5px; margin:5px; cursor:pointer; position:relative; }
.custom_button:hover              { color:#6189B6; }


/* OBJECT BOX ELEMENTS */
.object_box, 
.object_box.ob_f                  { width:280px; background:#f1f1f1; box-shadow:inset 0 0 4px #777; padding:10px; -webkit-transition:.3s;}
.object_box.ob_d                  { width:280px; background:rgba(192,185,210, 0.5); box-shadow:inset 0 0 4px #777; padding:10px; -webkit-transition:.3s;}
.object_symbol                    { width:50px; height:50px; float:left; background:url('../img/symbols_sprite.png') 0 0 no-repeat; border:none; outline:none; padding:0; margin:0 10px 0 0; }
.backdrop_symbol                  { width:50px; height:50px; float:left; background:url('../img/symbols_sprite.png') 0 0 no-repeat; border:none; outline:none; padding:0; margin:0; }
.object_head                      { display:block; font-size:1.50em; }
.object_subhead                   { display:block; font-size:0.75em; }
.object_info                      { text-align:center; color:#6189B6; padding-top:5px;}
.object_description               { font-size:0.9em; }
.object_utilities                 { display:block; float:right; margin:0; padding:0; }
.object_utilities li              { display:inline-block; width:30px; height:30px; margin:4px 0 0 5px; text-align:center;}
.object_statistics                { display:block; margin:0; padding:0; }
.object_statistics li             { display:inline-block; width:50px; height:50px; margin:0 4px; padding:0; text-align:center;font-size: 2.0em; line-height:50px; }
.object_list                      { display:block; float:none; clear:both; margin-bottom:5px; background:#e5e5e5; border-radius:4px; padding:4px;}
.object_list li                   { display:block; margin:0; padding:0}
.object_list label                { font-weight:bold; font-weight:700; }
.object_icon_sm                   { font-size:2.5em; margin:0 5px; cursor:pointer; }
.collapser                        { color:#fff; line-height:11px; font-size:1.50em; text-align:center; cursor:pointer; height:12px; background:rgba(78,85,89,0.8); border-radius:4px; position:relative; top:7px; }

/* POP-UP ELEMENTS */
.popup                            { padding:20px; background:#fff url('../img/dropzone_bg.png') center center repeat;}
.popup label                      { display:block; text-transform:uppercase; font-weight:bold; font-weight:700; position:relative; top:2px;}

.symbol_variant                   { background-position: 0        0; }  
.symbol_substitution              { background-position: -50px    0; }
.symbol_size                      { background-position: -100px   0; }
.symbol_combo                     { background-position: -150px   0; }
.symbol_menu                      { background-position: -200px   0; }
.symbol_user                      { background-position: -250px   0; }
.symbol_venue                     { background-position: -300px   0; }
.symbol_mixer                     { background-position: -350px   0; }
.symbol_item                      { background-position: -400px   0; }

.backdrop_variant                 { background-position: 0        -50px; }  
.backdrop_substitution            { background-position: -50px    -50px; }
.backdrop_size                    { background-position: -100px   -50px; }
.backdrop_combo                   { background-position: -150px   -50px; }
.backdrop_menu                    { background-position: -200px   -50px; }
.backdrop_user                    { background-position: -250px   -50px; }
.backdrop_venue                   { background-position: -300px   -50px; }
.backdrop_mixer                   { background-position: -350px   -50px; } 

/* MENU UI */
.left_panel                       { overflow-x:hidden; overflow-y:auto; width:325px; position:absolute; border-bottom:2px solid #6189B6; }
.right_panel                      { overflow-x:hidden; overflow-y:auto; width:auto;  margin:0 0 0 350px; border-bottom:2px solid #6189B6; }
.left_util                        { width:340px; position:absolute;  }
.right_util                       { width:auto;  margin:0 0 0 350px; }

.left_panel::-webkit-scrollbar               { width:5px; padding:1px; background:transparent;}
.left_panel::-webkit-scrollbar-track         { background:url('../img/page_bg.png') center center repeat; }
.left_panel::-webkit-scrollbar-thumb         { width:0px; background:#444; border-radius:2px; }

.right_panel::-webkit-scrollbar              { width:5px; padding:1px; background:transparent;}
.right_panel::-webkit-scrollbar-track        { background:url('../img/page_bg.png') center center repeat; }
.right_panel::-webkit-scrollbar-thumb        { width:0px; background:#444; border-radius:2px; }

.utility_area                     { width:96%; padding:1%; margin:0 auto 20px; background:rgba(255,255,255,0.2); border:1px dashed #999; border-radius:4px; }
.warn_red                         { width:100%; padding:2px; margin:0 auto 10px; background:#090; color:#f1f1f1; border-radius:4px; }
.warn_green                       { width:100%; padding:2px; margin:0 auto 10px; background:#900; color:#f1f1f1; border-radius:4px; }

/* Menu section dropzones and movezones */
#menu_select_area                 { min-width:200px; }
#item_drag_image                  { width:25px; height:25px; background:url('../img/icons_sprite.png') -75px 0 no-repeat; }
.menu_area                        { width:306px; padding:5px; border:2px solid #dcdcdc; min-height:100px; background:url('../img/dropzone_bg.png') 0 0 repeat; }
.menu_area header                 { margin-bottom:25px; } 
.menu_section header              { margin:20px 0 0; } 
.item_area                        { padding-left:5px; }
.section_dropzone                 { width:98%; margin:5px 0; border:1px dashed #aaa; border-radius:4px; background:rgba(0,0,0,0.65); text-align:center; color:#f1f1f1; font-size:0.8em; line-height:25px}
.section_itemzone                 { min-height:10px; width:100%; margin:5px 0; border:1px dashed #aaa; border-radius:4px; background:rgba(255,255,255,0.45); }
.section_movezone                 { width:90%; height:6px; border-radius:3px; background:#6189B6; opacity:0.35; margin:5px auto; }

/* menu browser box */
.mbox                             { background:#f6f6f6; padding:5px; margin:0 3px 6px; border:2px solid #e5e5e5; box-shadow:none; border-radius:0; cursor:-webkit-grab; cursor:grab; }
.mbox:hover                       { border:2px solid #444; box-shadow:0 0 4px #666; }
.mbox header                      { font-size:1.1em; margin:0 0 10px 0;}
.mbox_SKU                         { line-height:15px; }
.mbox_price                       { line-height:15px; font-size:1.0em; margin:0 0 5px 0;}

/* Item browser box - EFFECTIVE WIDTH: 310px */
.bbox                             { width:280px; box-shadow:inset 0 0 4px #777; padding:10px; -webkit-transition:.3s; margin:0; border:2px solid #e5e5e5; cursor:-webkit-grab; cursor:grab; }
.bbox_item                        { background:#f1f1f1; }
.bbox_item.bar                    { background:rgba(192,185,210,0.5); }
.bbox_combo                       { background:rgba(145,199,82,0.2); }
.bbox:hover                       { border:2px solid #444; box-shadow:0 0 4px #666; }
.bbox .img                        { width:100%; height:150px; margin:0 auto 10px; box-shadow:inset 0 0 5px #444; overflow:hidden; }
.bbox header                      { font-size:1.3em; margin:0 0 15px 0;}
.bbox_SKU                         { line-height:20px; }
.bbox_price                       { line-height:20px; font-size:1.3em; margin:0 0 15px 0;}
.bbox_description                 { margin:0 0 15px 0; font-size:0.8em; }
.bbox hr                          { border:0; border-bottom:1px solid #d8d8d8; box-shadow:0 1px 0 #fff; margin:0 0 5px 0; }
.no-touch .bbox .img_overlay      { width:100%; height:25px; background:rgba(0,0,0,0.8); position:relative; top:-35px; right:10px; padding:5px; } 
.touch .bbox .img_overlay         { width:100%; height:25px; background:rgba(0,0,0,0.8); position:relative; top:0; right:10px; padding:5px; } 
.no-touch .bbox .icon_overlay     { width:100%; height:25px; opacity:0.4; } 
.touch .bbox .icon_overlay        { width:100%; height:25px; } 

.symbol                           { width:45px; height:45px; margin:0 3.8px; padding:0; text-align:center; line-height:45px; font-size:2.0em; text-shadow:0 0 3px #90ba26; cursor:context-menu; }
.sym_variants                     { background:url('../img/symbols_sprite.png') 0      -50px no-repeat; }
.sym_substitutions                { background:url('../img/symbols_sprite.png') -50px  -50px no-repeat; }
.sym_sizes                        { background:url('../img/symbols_sprite.png') -100px -50px no-repeat; }
.sym_combos                       { background:url('../img/symbols_sprite.png') -150px -50px no-repeat; }
.sym_menus                        { background:url('../img/symbols_sprite.png') -200px -50px no-repeat; }

.icon                             { width:25px; height:25px; margin:0 0 0 5px; padding:0; margin:0 0 0 10px;}
.ico_edit                         { background:url('../img/icons_sprite.png') 0      0 no-repeat; cursor:alias; }
.ico_view                         { background:url('../img/icons_sprite.png') -25px  0 no-repeat; cursor:alias; }
.ico_trash                        { background:url('../img/icons_sprite.png') -50px  0 no-repeat; }
.ico_edit:hover                   { background:url('../img/icons_sprite.png') 0      -25px no-repeat; }
.ico_view:hover                   { background:url('../img/icons_sprite.png') -25px  -25px no-repeat; }
.ico_trash:hover                  { background:url('../img/icons_sprite.png') -50px  -25px no-repeat; }

/* Scheudle elements */
.schedule_area                    { width:310px; padding:3px; border:2px solid #dcdcdc; min-height:100px; background:url('../img/dropzone_bg.png') 0 0 repeat; box-shadow:inset 0 0 5px #444; position:relative; }
.schedule_area header             { margin-bottom:0; }
.schedule_dragzone                { width:100%; margin:5px 0; border:1px dashed #aaa; border-radius:4px; background:#6189B6; text-align:center; color:#f1f1f1; font-size:0.8em; line-height:25px; cursor:-webkit-grab; cursor:grab;}
#schedule_head                    { position:absolute; width:300px; background:#fff; z-index:1000; padding:5px; box-shadow:0 0 5px #444; border-radius:4px;}
.schedule_dropzone                { display:none; width:98%; margin:5px 0 0; border:1px dashed #aaa; border-radius:4px; background:rgba(0,0,0,0.65); text-align:center; color:#f1f1f1; font-size:0.8em; line-height:25px;}
.schedule_slot                    { font-size:0.9em; position:relative; min-height:10px; width:96%; margin:5px 0; border:1px dashed #ccc; border-radius:4px; background:rgba(255,255,255,0.45); padding:2%; }
.schedule_slot:nth-child(even)    { background:rgba(200,200,200,0.45); }
.schedule_slot time               { display:block; text-align:right; font-size:0.8em; font-weight:bold; }
.schedule_slot select             { width:100%; height:24px; margin:5px 0; }
.schedule_slot label              { font-size:0.8em; line-height:24px; }
.schedule_slot input[type=number] { padding:0 3px; min-height:24px; min-width:20px; width:20%; margin:0;}
.timeslot_status_toggle           { position:absolute; top:1px; left:3px; cursor:pointer; font-size:2.5em; }
.timeslot_status_toggle.on        { color:rgb(134,146,132); }
.timeslot_status_toggle.off       { color:#6189B6 }
.timeslot_on                      { }
.timeslot_off                     { display:none; }
.schedule_day                     { width:12%; padding:0.5%; float:left; margin:0 0.5%; min-height:98%; box-shadow:inset 0 0 5px #444; border:1px dashed #fff; border-radius:4px; overflow:hidden;}
.weekday                          { background:url('../img/dropzone_bg.png') 0 0 repeat; }
.weekend                          { background:url('../img/dropzone_bg2.png') 0 0 repeat; }
.weekday.past,
.weekend.past                     { background:#999; }
.weekday.today,
.weekend.today                    { background:#6189B6; color:#222;}
.schedule_day header              { margin:5px 0; padding:4px; }
.schedule_day date                { display:block; font-size:0.8em; font-weight:bold; text-align:center; position:relative; }
.clear_day                        { display:block; font-size:0.8em; font-weight:bold; text-align:center; margin:0 0 5px; padding:3px; background:#900; color:#f1f1f1; border-radius:3px; cursor:pointer;}
.save_status_notice               { display:none; font:24px 'entypo'; text-align:center; line-height:20px; position:absolute; right:5px; top:5px; z-index:5000; color:#f1f1f1; width:20px; height:20pz; border-radius:10px; background:#5083ff;}
.save_status_success              { display:none; font:24px 'entypo'; text-align:center; line-height:20px; position:absolute; right:5px; top:5px; z-index:5000; color:#f1f1f1; width:20px; height:20pz; border-radius:10px; background:#90ba26;}
.save_status_error                { display:none; font:24px 'entypo'; text-align:center; line-height:20px; position:absolute; right:5px; top:5px; z-index:5000; color:#f1f1f1; width:20px; height:20pz; border-radius:10px; background:#900;}

/* GLOBAL MENU SECTIONS */
.file_dropzone_container          { width:300px; height:100px; background:#e5e5e5; color:#333; border:4px dashed #999; box-shadow:inset 0 0 10px #666; border-radius:5px; margin:10px 20px 0 0; }
.file_dropzone_container p        { line-height:70px; }
.file_dropzone                    { opacity:0; height:100%; width:100%; position:absolute; top:0; left:0; }
.upload_progress_bar              { height:10px; width:5px; min-width:1%; box-shadow:inset 0 0 5px #999; margin:10px auto; }
.upload_progress_bar.progress     { background:#5083ff url('../img/loadbar_ani.gif') center center repeat-x; }
.upload_progress_bar.success      { background:#90ba26; }
.upload_progress_bar.fail         { background:#6c0510; }
.image_display                    { width:300px; height:100px; background:#e5e5e5; color:#333; border:4px solid #f1f1f1; box-shadow:inset 0 0 10px #666; border-radius:5px; margin:10px 20px 0 0; overflow:hidden; }
.venue_image_display              { background:#e5e5e5; color:#900; text-align:center; }
.image_display img,
.venue_image_display img          { width:100%; }

/* Order Elements */
.order_slot                       { display:block; min-height:10px; width:94%; margin:5px 0; padding:3%; border-radius:4px; background:rgba(255,255,255,0.45); cursor:pointer; }
.order_slot:nth-child(even)       { background:rgba(200,200,200,0.45); }
.order_slot:hover                 { box-shadow:inset 0 0 4px #444; }
.order_slot.on                    { background:#f90; box-shadow:inset 0 0 4px #444; }
.order_slot time                  { font-size:1.0em; font-weight:bold; text-align:left; }
.order_slot label                 { margin-left:5px; padding-left:5px; border-left:1px solid #444; font-size:1.0em; text-align:right; cursor:pointer; }
.order_arrow                      { position:absolute; top:3px; right:5px; font-size:3.5em; color:#f1f1f1; }
.transaction_view_header          { padding:0 0 20px; }
.transaction_section              { margin:0; padding:5px 0; position:relative; }
.t_buffer, .t_buffer2             { margin:3px 0; padding:3px 0; }
.t_buffer label                   { min-width:120px; text-align:right; margin:0 10px 0 0; line-height:15px; color:#6189B6; float:left; }
.t_buffer2 label                  { min-width:120px; margin:0 10px 0 0; line-height:15px; }
.t_buffer p                       { line-height:15px; float:left; font-weight:700; font-weight:bold; }
.t_buffer2 li                     { display:block; float:none; clear:both; text-indent:20px; }
.status_ready                     { color:#76CD00; background:#f1f1f1; padding:2px 3px; border-radius:2px; }
.status_complete                  { color:#E79405; background:#f1f1f1; padding:2px 3px; border-radius:2px; }
.status_notcollected              { color:#C5000B; background:#f1f1f1; padding:2px 3px; border-radius:2px; }
.age_required                     { color:#D0021B; }
.age_not_required                 { color:#79B744; }
.tbox                             { width:280px; box-shadow:0 0 4px #777; padding:10px; -webkit-transition:.3s; margin:0; background:rgba(255,255,255,0.40); }
.IaV                              { background:rgba(255,0,0,0.10);; }
.tbox_name                        { font-size:1.2em; margin:0 0 15px 0; }
.tbox_quantity                    { font-size:1.1em; margin:0 0 10px 0; }

/* Live Order Elements */
.section_head                     { background:rgba(47,43,59,0.3); }
.not_ready                        { background:#3058BC; } 
.ready                            { background:#76CD00; }   
.not_collected                    { background:#C5000B; } 
.collected                        { background:#E79405; } 
.order_tag                        { width:100%; min-height:50px; background:#ededed; margin-bottom:5px; float:none; clear:both; }
.overdue                          { background:url('../img/overdue.gif') 0 0 repeat; }
.order_tag_pickup_time            { width:55px; line-height:50px; float:left; font-weight:bold; padding-left:5px; }
.order_tag_customer_name          { height:50px; line-height:50px; overflow:hidden; float:left; padding-left:5px; white-space:nowrap; }
.order_tag_age_confirm            { font-size:2.4em; position:relative; top:2px; color:#E20808; padding-right:3px; }
.order_tag_detail_trigger         { width:50px; height:50px; background:#BBB; float:right; line-height:50px; text-align:center; color:#fff; font-size:3.0em; cursor:pointer; }
.order_tag_detail                 { display:block; }
.order_tag_status                 { width:50px; height:50px; position:relative; float:right;}
.order_tag_num_items              { width:50px; height:50px; position:absolute; text-align:center; line-height:50px; color:#fff; font-size:1.25em; }
.order_tag_txn                    { padding:4px 0; color:#036;}
.order_tag_item, 
.order_tag_txn                    { width:96%; padding:4px 2%; border-bottom:1px solid #DDD; }
.order_tag_item p                 { text-indent:5px; color:#777; }
.order_tag_item p:first-child     { text-indent:0px; color:#444; font-weight:bold; text-transform:uppercase; }
.order_tag_status_buttons:before,
.order_tag_status_buttons:after   { clear:both; float:none; }
.order_tag_status_button          { width:25%; height:50px; text-transform:uppercase; float:left; color:#fff; line-height:50px; font-size:0.85em; text-align:center; cursor:pointer; }
#update                           { color:#CF2626; font-size:1.4em; letter-spacing:0.1em; font-weight:bold; position:absolute; width:100%; top:75px; text-transform:uppercase; }

.notice                           { background:rgba(255,255,255,0.55); font:12px 'Courier New', monospace; padding:10px 5px; margin:0 auto 20px; color:#638AAB; }
.notice p                         { margin:0 0 15px; }

/* REPORTER ELEMENTS */
.form_buffer                      { margin:15px 0; }

/* MEDIA QUERIES */

@media only screen and (min-width : 1px) and (max-width : 680px) {
  .applogo      { display:none; }
  .mm           { width:90%; max-width:680px; float:none; clear:both; margin:0 auto; }
}