/* 850 x 480 */ 
#contentWrapperSmall {width: 480px; max-width: 480px; margin: 0 auto; border: 1px solid black;position:relative;}
#contentWrapperSmall {min-height: 800px; }
#contentWrapperSmallUp {width: 480px; margin: 0 auto; border: 1px solid black;position:relative;overflow:hidden;}
#contentWrapperSmallUp  {min-height: 765px;} /* was only height */ 
#contentWrapperSmallUp #content {width:480px;overflow:auto;position:relative;z-index:1;margin: 0 auto; }

#contentWrapperSmallUp h1 a {display:block;}

#loginPage {width: 480px; min-height: 800px;}

span.none {display:none;}

/*h1 a#HP ,h1 a#myOrderTopLink  {width:48%;}*/
h1 a#myOrderTopLink  {width:48%;}
h1 a#HP {float:left;}
h1 a#myOrderTopLink {float:right; text-decoration: none;}

#contentWrapperSmallUp.loginPage h1 {display:none;}
/* 1024 x 768 */ 
#contentWrapperLarge {width: 1024px; min-height: 768px; max-width: 1024px; margin: 0 auto; border: 1px solid black; position: relative; /*overflow: hidden;*/}
/* #contentWrapperLarge {min-height: 768px; margin: 0 auto; border: 1px solid black; position: relative;} */
#contentWrapperLarge.tableContent {min-height: 702px;}

#contentWrapperLarge.tableContent #optionalSpace {height:52px;width:528px;background-color: #892924; right:0;}
#contentWrapperLarge.tableContent #optionalSpace h2 {padding:0 25px;}
#contentWrapperLarge.tableContent #helptext {z-index:11000;top:28px;}
#contentWrapperLarge.tableContent #waiter_right_part {padding-top:62px;}
#contentWrapperLarge.tableContent .roundButtonWaiter, #contentWrapperLarge.tableContent .roundButton, #contentWrapperLarge.tableContent .squareButton {height:45px;}
#contentWrapperLarge.tableContent .roundButtonWaiter {background: transparent url(/data/roundButtonWaiter45.png) no-repeat 0 0; width: 120px; height: 45px;}
#contentWrapperLarge.tableContent .buttonGroupTable td {padding: 3px 4px;}
#contentWrapperLarge.tableContent .buttonGroupTable {margin: 0 0 8px;}
#contentWrapperLarge.tableContent .tab_wrapper {margin-top:10px;}

#contentWrapperThin {width: 400px; margin: 0 auto; border: 1px solid black; position: relative;}

/* #contentKitchenInfo {width: 800px; min-height: 480px;} */

/* Pro tisk uctu */ 
#contentWrapperBillPrint{width: 8cm; margin: 0 auto; position: relative; font-size: 0.9em;}

.kitchenContent {width: 100% !important; max-width: 100% !important; position: relative;}
.kitchenContent h1 {width: 100% !important;}

#path, #pathNew {
    text-transform:uppercase;
    padding:20px 25px 20px 25px;
    border-bottom:1px solid #fff;
    font-weight:bold;
    font-size:1.3em;
}

#pathNew {height: 45px; padding: 10px 0px 10px 15px !important;}

/*login form*/
#jazyky {position:absolute;top:165px;left:55px;}
#jazyky a {width:25px;
    height:25px;
    padding:10px;
    display:block;
    float:left;
    margin-left:5px;
}
#jazyky a span {font-weight:bold;font-size:1.4em;display:block;}

/* #loginFormC {position:absolute;top:273px;left:60px;} */
#loginFormC, .loginFormSmall {width: 366px; height: 200px;}
.loginFormSmall {position: relative;}
.loginFormClassic {position:absolute;top:230px;left:57px;}
#loginTable {border-spacing:10px;}
#loginTable th {width:100px;text-align:left;padding:5px 0px 5px 0px;font-size:1.3em;}
#loginTable td {font-weight:bold;font-size:1.2em;}

.loginWrapper {position: relative; height: 53px; margin: 0px; padding: 0px;}

.loginButton {position: absolute; left: 10px; bottom: 10px; font-weight: bold !important;}

.log_row_virtual td, .log_row_virtual th {padding-top: 25px !important; vertical-align: middle !important;}

#log_virtual {left: 0px;}
#log_classic {right: 0px;}

#log_virtual, #log_classic {color: #FFFFFF; font-weight: bold; width: 175px; height: 50px; position: absolute; top: 0px; font-size: 1.2em;}

#log_virtual a, #log_classic a {text-decoration: none; display: block; width: 100%;text-transform: uppercase;}
#log_virtual a:hover, #log_classic a:hover {text-decoration: none; color: #FFFFFF;}
#log_virtual td, #log_classic td {vertical-align: middle !important; text-align: center; width: 100%; height: 100%; cursor: pointer;}

/* #log_virtual {padding-top: 18px;} */
/* #log_classic {padding-top: 7px;} */

.log_classic_short {top: 10px !important;}
.log_virtual_long {padding-top: 7px !important;}

#log_virtual:hover, #log_classic:hover {text-decoration: none; color: #FFFFFF;}

input.inputText {width:203px;margin-right:14px;padding:5px 0px 5px 3px;border:0;}
input#inputSubmit {
    border:0;
/*     padding:10px 0px 13px 0px; */
/*     padding:10px 0px 0px 0px; */
    margin-top:11px;
    margin-right:10px;
    width:175px;
    font-weight:normal;
    text-transform:uppercase;
    font-size:1.3em;
    cursor:pointer;
}

input#remember {border:0;margin-left:25px;}


table.menu_food {list-style:none;margin:10px 0 0 0px;}
table.menu_food a {text-decoration:none;font-size: 2em;}
table.menu_food a img {vertical-align:middle;padding-right:30px;}

/* .smallImage {width: auto; max-width: 90px; height: auto; max-height: 90px;} */
/* .smallImage {max-width: 90px; width: expression(this.width > 90 ? 90: true);} */
/* .orderImage {width: auto; max-width: 45px; height: auto; max-height: 45px;} */
/* .orderImage {max-width: 45px; width: expression(this.width > 45 ? 45: true); } */

ul.cat_food {list-style:none;margin:10px 0 0 0px;}
ul.cat_food li {padding:5px 0;}
ul.cat_food a {text-decoration:none;font-size:1.4em;}
ul.cat_food a img {vertical-align:middle;padding-right:30px;}

.cat_food_div {margin:15px 25px 0 25px;padding-bottom:20px;clear:both;}
.cat_food_div a.odkazLeft {float:left;padding-right:30px;}
.cat_food_div .anotace p {height:60px;}
.cat_food_div .anotace a {
    text-transform:uppercase;
    text-decoration:none;
}
.cat_food_div h3 {font-size:1.3em;margin-top:0;}

table.menuListTable {margin: 10px auto; width: 470px; border-collapse: collapse;}
table.menuListTable h3 {font-size:1.3em;margin-top:0;}
table.menuListTable td {vertical-align: middle; padding: 5px 10px 5px 0px; white-space: inherit; border-bottom-style: solid; border-bottom-width: 1px;}
table.menuListTable td.price {font-size: 1.5em; padding-top: 12px; white-space: nowrap; /*text-align: right;*/}
table.menuListTable td.foodNameCell {width: 220px;}

table.buttonTable {width: 69px; margin: 0 auto;}
table.buttonTable td {padding-left: 10px; text-align: center; padding-top: 10px;}
table.buttonTable td.otherButton {padding-left: 0px; text-align: center; padding-top: 5px;}

#buttonBlock {margin-top:0em;float:left;}

#buttonBlock a, table.buttonTable a {display:block;
    width:175px;height:45px;    
    text-decoration:none;
    text-align:center;
    float:left;
    text-transform:uppercase;
    font-weight:bold;
/*     margin:0 12px 15px 12px; */
}
input.buttonType {width:175px;
    height: 45px;
    line-height: 45px;
    float:left;
    border:0;
    text-transform:uppercase;
    font-weight:bold;
    color: #FFFFFF;
}

a.newButton, div.newButtonWrapper, span.newButtonWrapper, a.arrowButton, a.newButtonLine {
     color: #FFFFFF !important;
     display: block;
     float: left;
     height: 45px;
     padding-right: 11px;
     text-decoration: none;
     border: 0;
     white-space: nowrap;
}

a.arrowButton {margin-right: 10px;}

a.newButton span, .newInputButton, .arrowSpan, .noArrowSpan {
     display: block;
     color: #FFFFFF !important;
     padding: 0px 0px 0px 13px;
     text-transform: uppercase;
     font-weight: bold;
     height: 45px;
     line-height: 45px;
     border: 0;
     white-space: nowrap;
}

a.newButtonLine span {
     display: block;
     color: #FFFFFF !important;
     padding: 7px 0 0px 13px;
     text-transform: uppercase;
     font-weight: bold;
     height: 45px;
     border: 0;
     white-space: nowrap;
}


.arrowSpan {padding-left: 35px !important;}

/* .bottomBtn span.cell {display:table-cell;vertical-align:middle;height:45px;width:175px;_line-height: 45px;} */
.bottomBtn span.cell, .bottomBtn span.cell2 {height:45px;width:175px;}
.bottomBtn span.cell {line-height: 45px;}
.btnLangHack2 {padding-top: 7px !important;}

.bottomBtnLarger span.cell {height:45px;width:195px;line-height: 45px;}
.bottomBtnLarger {width: 195px !important;}

.topbtns {overflow:hidden;}
table.itemBlock {float:left;/*width:195px;*/height:45px;/*margin:0 25px 15px 12px;*/}
input.buttonTypeSmall, input.buttonTypeSmallNew {border:0;color:#fff;width:45px;padding:14px 0 16px 0;margin-right:10px; font-weight: bold;}
input.buttonType {border:0;color:#fff;width:175px;height: 45px;font-weight: bold;padding: 0;text-transform:uppercase;}
input.buttonTypeLarge {border:0;color:#fff;width:375px;height: 45px;font-weight: bold;padding: 0;text-transform:uppercase;}
input.buttonTypeLarger {border:0;color:#fff;width:195px;height: 45px;font-weight: bold;padding: 0;text-transform:uppercase;}
input#incCount {margin-left:10px;margin-right:0;margin-top: 2px;}

table#myOrder {border-collapse:collapse;margin: 0.7em auto; overflow: hidden; width:95%; }
table#myOrder th {padding: 0px 3px;}
table#myOrder td {padding:3px 0px 3px 5px; vertical-align: middle; border-bottom-style: solid; border-bottom-width: 1px;}
table#myOrder tr.noBorder td {border: none;}
table#myOrder td a.smalla {display:block;height:10px;padding:8px 0 10px 0;}

table#myOrder td a img {/*display: block; float: left;*/}

table#myOrder td a.myOrderLink {display: block; line-height: 45px;}

table#myOrder td a.myOrderLeft {text-align: left;}
table#myOrder td a.myOrderFoodName {font-size: 1.5em;}

form.fooForm {border: 1px solid green; margin: 0; padding: 0;}

.odsadZleva {padding-left:25px;}

.fl_left {float: left;}
.fl_right {float: right;}

.infoMsg {margin:15px 5px 0 5px;padding:10px;}

#food_detail_wrapper {text-align: center; width: 400px; margin: 0 auto;}
.foodPrice {font-size: 1.5em;}
#contentWrapperSmallUp h2.foodDetail {font-size: 1.8em; margin: 0 auto; width: 95%; text-align: center; padding: 8px 0px 8px 0px;} 
#contentWrapperSmallUp #food_detail_wrapper h2 {padding: 5px 0px 5px 0px;}
#food_detail_wrapper p {font-size: 1.6em;}
/* .jidloObr {max-width: 250px; width: expression(this.width > 250 ? 250: true);} */

#pcsWrapper {min-width: 55px; width: 55px; max-width: 55px; float: left; padding: 0px 0px 0px 5px;}
#pcsWrapper span {font-size: 1.5em;}

.customers_note {margin-top: 50px;}
.customers_note .note_label {font-weight: bold; font-size: 1em;}
.customers_note p {font-style: italic;}

a.asterisk, a.asteriskNormal {font-size: 1.8em;}
a.asterisk, a.asteriskNormal, a.asteriskSmall {text-decoration: none; display: block; position: relative; cursor: pointer;}
a.asteriskSmall {font-size: 0.8em;}
a.asteriskKeepCss {text-decoration: none; position: relative; cursor: pointer;}
a.asterisk {line-height: 45px; color:red;}
a.asterisk div {position: absolute; display: none; top: 15px; left: 15px; margin: 0em; padding: 3px 5px 5px 5px; font-size: 0.5em; width: 150px; line-height: normal; text-align: left;}
a.asteriskNormal div, a.asteriskSmall div, a.asteriskKeepCss div {position: absolute; top: 0; display: none; left: 15px; margin: 0em; padding: 3px 5px 5px 5px; font-size: 0.5em; width: 150px; line-height: normal; text-align: left; z-index: 1000 !important;}
a.asteriskKeepCss div {font-size: 1em; z-index: 2000;}
a.asterisk:hover div, a.asteriskSmall:hover div, a.asteriskNormal:hover div, a.asteriskKeepCss:hover div {display: block;}
a.asteriskSmall div {font-size: 1.1em;}

span.totalPrice {font-size: 1.7em;}

a.foodDetailLink {text-decoration: none;}
a.foodDetailLink h3 {font-size: 1.7em;}

/* Checkboxes */ 
.checked, .selected {width: 45px; height: 45px;}
.unchecked, .unselected {width: 45px; height: 45px;}

.selected {padding-left: 50px;}
.unselected {padding-left: 50px;}


.draghandle {position: absolute; z-index:5; width:5px;cursor:e-resize;}
		
.black_overlay{
      display: none;
      position: absolute;
      top: 0%;
      left: 0%;
      width: 100%;
      height: 100%;
}
.white_content {
      display: none;
      position: absolute;
      padding: 16px;
      border: 5px solid #FF0000;
      background-color: white;
      z-index:1002;
      overflow: auto;
      color: black;
}

.white_content a {color: #000000;}

#tableOrders {width: 100%; margin: 0 auto; clear: both; font-size: 1.6em;}
#tableOrders th.th_kitchen_note {width: 150px;}
#tableOrders th.th_kitchen_table {width: 45px;}
#tableOrders th.th_kitchen_order {width: 75px;}
#tableOrders th.th_kitchen_done {width: 100px;}
#tableOrders div {background-position:right!important;}

.chief_column {float: left; width: 32%; border: 2px solid white; margin-right: 5px;}
.chief_column h3 {text-align: center; font-size: 1em !important; border-bottom: 1px solid #FFFFFF;}
.chief_column h3 a {text-decoration: none !important;}
.chief_column h3 a:hover {text-decoration: none !important;}
.chief_boxes_column {padding: 10px !important; width: 30% !important; font-size: 0.8em !important;}
.chief_boxes_column h3 {margin-top: 15px !important;}

/*.show_submenu {position: relative; cursor: pointer;}
.show_submenu .submenuContent, .show_submenu .submenuContent2 {position: absolute; top: 0; border: 1px solid white; background-color: #892922; width: 160px; right: -160px; z-index: 1000; cursor: pointer;}
.show_submenu .submenuContent2 {right: -10px;}
.show_submenu .submenuContent ul {width: 100%; margin: 0; padding: 0; position: relative;}
.show_submenu .submenuContent ul li {width: 100%; list-style: none; margin: px 0px 5px 0px; padding: 0; text-align: left;}
.show_submenu .submenuContent ul li a {display: block; color: #FFFFFF; padding: 5px; text-decoration: none;}
.show_submenu .submenuContent ul li a:hover {color: #892922; background-color: #FFFFFF;}*/

.show_submenu, .show_submenu3 {position: relative; cursor: pointer;}
.submenuContent, .submenuContent2, .submenuContent3, .submenuContentLang, .submenuContentMonitors {position: absolute; top: 0px; border: 1px solid white; background-color: #892922; width: 160px; z-index: 10000; right: -160px; cursor: pointer;}
.submenuContentChief {top:58px;right:0;}
.submenuContent.Lunch {width: 200px !important; right: -200px !important;}
.submenuContent3 {width: 430px !important; right: -430px !important;}
.submenuContentLang {max-width: 60px !important; top: 60px !important; right: 153px !important; z-index: 50;}
.submenuContentMonitors {top: 60px !important; right: 100px !important; z-index: 50;}

.submenuContent2 {right: -10px;}
.submenuContent ul, .submenuContent3 ul {width: 100%; margin: 0; padding: 0; position: relative; z-index: 20000; left: 0; top: 0;}
.submenuContent ul li, .submenuContent3 ul li {width: 100%; list-style: none; margin: 0px; padding: 0; text-align: left;}
.submenuContent ul li a, .submenuContent3 ul li a {display: block !important; color: #FFFFFF; padding: 5px !important; text-decoration: none  !important; z-index: 30000;}
.submenuContentLang ul li a, .submenuContentMonitors ul li a {padding: 20px 15px 20px 15px !important; text-align: center;}
.submenuContent ul li a:hover, .submenuContent3 ul li a:hover {color: #892922  !important; background-color: #FFFFFF  !important;}

.submenuContent3 {font-size: 2em !important;}

textarea.foodNameArea {width: 220px; height: 90px; font-size: 1.7em;}
textarea.foodDescArea {width: 390px; height: 72px; font-size: 1.6em;}

#contentWrapperLarge #menu55{position: absolute; z-index: 5;}
#contentWrapperLarge #menu55 #runsOnmenu55 {float: left; font-weight: bold; padding: 10px 5px 0px 5px; height: 66px; line-height: 66px; text-transform: uppercase;}
#contentWrapperLarge #menu55 a{display: block; width: 103px; height: 66px;}
#contentWrapperLarge #menu55 span{position: absolute; left: -10000px; border: 0px;}

/* #contentWrapperLarge #currentTime{position: absolute; z-index: 5; right: 25px; font-size: 2em; height: 66px; line-height: 66px;} */
#contentWrapperLarge #currentTime{position: relative; z-index: 5; float: right; font-size: 2em; height: 66px; line-height: 66px; margin-right: 10px;}
.chiefTime {margin-right: 45px !important;}

/* #monitorFilter{position: absolute; z-index: 5; right: 8%; top: 10px;} */
#monitorFilter, #calculator{position: relative; z-index: 5; float: right; margin-right: 20px; margin-top: 10px;}

.header_button {width: 100%; height: 2em; cursor: pointer;}

.kitchenLargeDoneButton {width: 90px; height: 30px;}

.largeInfoText {font-size: 8em; text-align: center;}
.largeInfoText ul li {font-size: 0.6em; color: #FFFFFF;}

.largeInfoText2 {font-size: 5em; text-align: center;}
.largeInfoText2 ul li {font-size: 0.6em; color: #FFFFFF;}

.chiefTables, .memoText {font-size: 1.6em;}

/*tr.diff_1 td {background-color: #F0F8FF}
tr.diff_2 td {background-color: #FFFFED}
tr.diff_3 td {background-color: #D7FDD9}
tr.diff_4 td {background-color: #E6E6FA}
tr.diff_5 td {background-color: #F2F3F4}
tr.diff_6 td {background-color: #FAEBD7}
tr.diff_7 td {background-color: #F0E68C}
tr.diff_8 td {background-color: #ACFBB0}
tr.diff_9 td {background-color: #FAE7B5}
tr.diff_10 td {background-color: #ABF8FC}*/
tr.diff_1 td {background-color: #BFE8EA}
tr.diff_2 td {background-color: #B1F8BA}
tr.diff_3 td {background-color: #E7F8B1}
tr.diff_4 td {background-color: #FBCBAE}
tr.diff_5 td {background-color: #FAAFFA}
tr.diff_6 td {background-color: #B0B0F9}
tr.diff_7 td {background-color: #F9A2BC}
tr.diff_8 td {background-color: #F5F3A5}
tr.diff_9 td {background-color: #F2CBA8}
tr.diff_10 td {background-color: #9FCF9E}
tr.diff_11 td {background-color: #F5F5DC}
tr.diff_12 td {background-color: #FFE4C4}
tr.diff_13 td {background-color: #E0FFFF}
tr.diff_14 td {background-color: #E7FEFF}
tr.diff_15 td {background-color: #01796F}
tr.diff_16 td {background-color: #FADFAD}      
tr.diff_17 td {background-color: #96DED1}
tr.diff_18 td {background-color: #EEE8AA}           
tr.diff_19 td {background-color: #FDF5E6}       
tr.diff_20 td {background-color: #A4DDED}    
tr.diff_21 td {background-color: #FAF0E6}

tr.diff, tr.diff_1, tr.diff_2, tr.diff_3, tr.diff_4, tr.diff_5, tr.diff_6, tr.diff_7, tr.diff_8, tr.diff_9, tr.diff_10, tr.diff_11, tr.diff_12, tr.diff_13, tr.diff_14, tr.diff_15, tr.diff_16, tr.diff_17, tr.diff_18, tr.diff_19, tr.diff_20, tr.diff_21 {color: #000000;} 
tr.diff a, tr.diff_1 a, tr.diff_2 a, tr.diff_3 a, tr.diff_4 a, tr.diff_5 a, tr.diff_6 a, tr.diff_7 a, tr.diff_8 a, tr.diff_9 a, tr.diff_10 a, tr.diff_11 a, tr.diff_12 a, tr.diff_13 a, tr.diff_14 a, tr.diff_15 a, tr.diff_16 a, tr.diff_17 a, tr.diff_18 a, tr.diff_19 a, tr.diff_20 a, tr.diff_21 a {color: #000000;}

table.listOfSideDishes {font-size: 1.6em;}

tr.showBill td, tr.showVirtualBill td {cursor: pointer; background-color: #EFF6E8; color: #000000;}
tr.showBill:hover td, tr.showVirtualBill:hover td {background-color: #D9E9C8;}

.delimiter {width: 100%; height: 5px; border-bottom: 1px dashed #FFFFFF;}

.billFinalPrice {font-size: 1.7em;}

table.billPrintTable {width: 100%;}
table.billPrintTable th {border-bottom: 1px dashed #FFFFFF; padding: 2px 0px 2px 0px;}

.m_top_5 {margin-top: 5px !important;}
.m_top_10 {margin-top: 10px !important;}
.m_top_15 {margin-top: 15px !important;}

.no_margin {margin: 0 !important;}
.no_padding {padding: 0 !important;}

.largePriceText {font-size: 3em;}

a.no_underline {text-decoration: none !important;}

table.food_covers td {text-align: center; vertical-align: top; width: 90px; max-width: 90px; padding: 0;}
table.food_covers .coverLabel {width: 90px;}

.food_cover_wrapper {width: 90px; position: relative;}
.food_cover_wrapper_db {width: 200px; position: relative;}
.cover_icon_top {width: 25px; height: 25px; position: absolute; top: 0; left: 0; background: transparent url('/data/_blank.png') repeat top left;}
.cover_icon_bottom {width: 25px; height: 25px; position: absolute; bottom: 3px; right: 0;}

.cover_icon_top, .cover_icon_bottom {cursor: pointer;}

.menu_manager {font-size: 1.7em !important; line-height: 1.2em !important;}
.menu_manager ul {list-style:none;}
.menu_manager li {padding-top: 5px !important;}

#virtualNote {position: absolute; top: 440px; left: 55px; width: 366px; text-align: center;}
#restaurantName {position: absolute; top: 103px; left: 60px; text-transform: uppercase; color: #FEDAAF; font-size: 1.3em; font-weight: bold;}
#restaurantNameSmall {position: absolute; top: 30px; left: 25px; text-transform: uppercase; color: #FFFFFF; font-size: 0.9em; font-weight: normal; z-index: 200;}

#helptext {position: absolute; top: 40px; right: 5px; font-weight: bold; font-size: 1.8em; z-index: 50; width: 15px; height: 30px;}
.help_text {font-size: 1.4em; padding: 10px;}
.chiefHelp {top: 2px !important;}

.hoverTable {border-collapse: collapse; margin-top: 15px;}
.hoverTable td, .hoverTable th {padding-left: 4px; padding-right: 4px;}
.hoverTable tr:hover td, .hoverTable tr:hover td a {background-color: #FFFFFF; color: #000000; cursor: pointer;}
.hoverTable tr:hover td ul a {background-color: #892922; color: #FFFFFF;}

.adminFoodTable td, .adminFoodTable th {border-right: 1px solid #D3D3D3;}

.no_border {border: none !important;}

.adminFoodNameColumn {width: 50px !important;}
.adminFoodDescColumn {width: 170px !important;}

table.table_auto {width: auto !important;}
table.table_auto td, table.table_auto th {padding-left: 4px; padding-right: 4px;}

.text_edit {width: 300px; height: 45px;}

.table_full {width: 100% !important;}
/* .last_events {font-size: 0.8em !important;} */

.td_25 {width: 25% !important;}
.td_50 {width: 50% !important;}

.total_sum_label {font-size: 1.2em !important; font-weight: bold; border-top: 1px solid #FFFFFF;}




table.chief_table_list td {padding-bottom: 8px !important;}
.chief_table {display:block;width:100px;overflow:hidden;}
.chief_waiter {
  display :block;
  width :100px;
  max-height:40px;
  overflow :hidden;
  font-size :0.8em;
  white-space: pre-wrap !important; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -pre-wrap !important; /* Opera 4-6 */
  white-space: -o-pre-wrap !important; /* Opera 7 */
  word-wrap: break-word !important; /* Internet Explorer 5.5+ */  
}
.valignMiddle {vertical-align:middle;}
.floatRight {float:right;}

td.doWordBreak { 
  width: 180px;	
  white-space: pre-wrap !important; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -pre-wrap !important; /* Opera 4-6 */
  white-space: -o-pre-wrap !important; /* Opera 7 */
  word-wrap: break-word !important; /* Internet Explorer 5.5+ */  
}

.chief_table_list td.doWordBreak {width:auto !important;}

/* table.chief_table_list {font-size: 0.7em !important;} */

.v_top {vertical-align: top !important;}

td.no_wrap {white-space: nowrap !important;}

#login_logo {position: absolute; width: 295px; height: 65px; top: 40px; left: 58px;}

#photos_content {}
#photos_content h3 {margin-left: 35px !important;}
/* .databasePhotos td {padding: 3px !important;} */
.databasePhotos td:hover {/*border: 1px solid #FFFFFF !important; */cursor: pointer;}

.virtualPhone {font-size: 0.7em !important;}
.virtualMove {font-size: 0.7em !important;}

.no_left_p {padding-left: 0px !important;}
.no_right_p {padding-right: 0px !important;}

/* .fooCntValue {font-size: 1.5em !important; text-align: center; min-width: 35px; max-width: 35px !important; width: 35px;} */
.fooCntValue {font-size: 36px !important; text-align: center; min-width: 54px; max-width: 54px !important; width: 54px; color: #FFFFFF;}
.fooInc {font-size: 38px !important;height: 45px !important; padding-top: 1px !important; padding-bottom: 1px !important;}
.fooDec{font-size: 35px !important;height: 45px !important; padding-top: 1px !important;}

.buttonType:hover, .buttonTypeLarge:hover, .buttonTypeSmall:hover, .buttonTypeSmallNew:hover {cursor: pointer;}

.prevArrow {padding-right: 2px !important;}
/* .nextArrow {padding-left: 3px !important;} */

#mngrHeader {position: absolute; top: 3px; right: 30px; width: 350px; height: 60px; z-index: 1050; color: #FFFFFF;}

td.mainCurrency {font-size: 1.5em;}
table.tableDetailPrices td {width: 33%;}

.kitchenKs {font-weight: bold; font-size: 1.5em;}

.waiterLabel {font-size: 1.3em !important; font-weight: bold; border-bottom: 1px solid #FFFFFF;}
.chief_cancel_cell {text-transform: uppercase; padding: 15px 0px 15px 0px;}
.payment_type_label, .gross_sale_label, .discounts_label, .net_sale_label {text-transform: uppercase;}
.gross_sale_label, .discounts_label {font-size: 1.2em !important;}
.net_sale_label {font-size: 1.3em !important; font-weight: bold;}
.td_border_top {border-top: 1px solid #ffffff;}
.sub_total_label, .in_cash_label {text-transform: uppercase;}
.p_top_row_10 td {padding-top: 10px;}

.upper {text-transform: uppercase}

.summary_table_wrapper {border: 1px solid #FFFFFF; padding: 8px; margin-top: 10px;}

.roundButton, .squareButton, .roundButton90, .roundButton45, .roundButton90_light, .roundButton140_light {padding: 0px; margin: 0px; font-size: 0.9em !important; position: relative;}
.roundButton, .squareButton {width: 120px; height: 50px;}
.roundButton90, .roundButton90_light, .roundButton140_light {width: 90px; height: 90px;}
.roundButton45 {width: 45px; height: 45px;}

.roundButton span, .squareButton span, .roundButton90 span, .roundButton45 span, .roundButtonWaiter span, .roundButton90_light span, .roundButton140_light span {text-align: center; display: block; margin: 0 auto;}
.roundButton span, .squareButton span, .roundButtonWaiter span {width: 115px; max-width: 115px; padding-top: 7px;}
.roundButton90 span, .roundButton90_light span {width: 85px; max-width: 85px; padding-top: 32px;}
.roundButton140_light span {width: 125px; max-width: 125px; padding-top: 36px;}
span.send2kitchen {display:table-cell;padding:0;vertical-align:middle;height:87px;}
.roundButton45 span {width: 40px; max-width: 40px; padding-top: 18px;}

.buttonGroupTable {margin: 0px 0px 10px 0px; border-collapse: collapse; border-spacing:0px; padding: 0px; width: auto;}
.buttonGroupTable td {padding: 4px; text-align: center; vertical-align: middle;}
.buttonGroupTable td a, a.waiterLink {text-decoration: none; color: #FFFFFF; font-weight: bold; display: block; padding: 0px; margin: 0px; text-transform: uppercase;}
.buttonGroupTable td a {width: 120px;}
.buttonGroupTable td a:hover, a.waiterLink:hover {text-decoration: none; color: #FFFFFF;}

.selectedButton {background-color: #FFFFFF;}

#moveFoodTable {width: auto;}
.selectCell select {min-width: 330px; width: 330px;}  

a.info{position:relative;z-index:24;text-decoration:none;font-weight:bold;}
a.info:hover{z-index:25;}
a.info span{display:none}
a.info:hover span{
    display:block;
    position:absolute;
    top:0em; left:3em; width:15em;
    border:1px solid #FFFFFF;
    background-color:#892922; color:#FFFFFF;
    text-align: center;
    padding: 5px;
}

/* Mobile waiter */
#waiter_wrapper {width: 1100px; text-align: center; margin: 0 auto;}
#waiter_left_part {width: 485px; /*border: 1px solid white;*/ padding: 10px 0px 10px 10px; float: left; background-color: #FFFFFF !important; color: #000000 !important;}
#waiter_left_part h2 {color: #000000 !important;}
#waiter_right_part {width: 512px; /*border: 1px solid white;*/ padding: 10px; float: left;}

.stretch_all input {width: 97%;}
.stretch_all2 input {width: 94%;}
.stretch_all2 td {text-align: left !important;}
table.stretch_all td {text-align: left;}

.waiterButton {background-color: #892924 !important;}
.waiterSaveButton {background-color: #F3D311 !important;}

a.waiterLink {font-size: 1.6em;}

.waiterTable a {background: none !important;}

.noPaddingTable td {padding: 0px !important;}

.tab_wrapper {width: 100%; padding: 0px; border: 1px solid #404040; background-color: #404040;}
.tab_switcher_table {width: 100%; border-spacing: 0px !important; padding: 0 !important; margin-top: 0px;}
.tab_switcher_table td {text-align: center; padding-top: 8px; padding-bottom: 8px; font-size: 1.5em; font-weight: bold;}
.tab_switcher {width: 44% !important; background-color: #376091; cursor: pointer;}
.tab_switcher_active {background-color: #404040!important; border: 1px solid #404040;}
.tab_divider {width: 10%;}

#table_items {border-collapse:collapse; font-size: 1.1em !important;}
#table_items tr td, #table_items tr {cursor: pointer !important;}
#table_items tr td {background-color: #FFFFFF; color: #000000;}
#table_items tr td.minWidth {min-width: 40px !important;}
#table_items tr.selectedRow td {background-color: #C6EFCE !important; color: #000000 !important;}
#table_itemsc {height:650px;overflow:auto;position:relative;}

#sideDishes {background-color: #404040 !important;}

tr.grey_row td {background-color: #D8D8D8 !important; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}

.fooCnt {color: #953735 !important; font-weight: bold;}

#waiter_wrapper .chiefTotalPrice {color: #953735 !important; font-weight: bold;}

#bill-iframe{}

#optionalSpace {position: absolute; right: 125px; width: 400px; height: 65px; z-index: 10000 !important;}

.topTableNum {font-size: 2.5em !important; margin-top: 5px !important;}

.waiterSaveButton {color: #892924 !important;}

.whisperer td {vertical-align:top;}

#naseptavac_searchText {position:absolute; background-color:white; color:black; opacity:0.9; border: 2px solid gray; min-width:190px; padding:5px 15px;}
#naseptavac_searchText a {color:black !important;}
#naseptavac_searchText a:hover {color:gray !important;}
#naseptavac_searchText div.spitni_link a:hover {background-color:#F0F0F0;}
#nabidka_searchText {position:absolute; top: 150px; right: 200px; color:black; background-color: #EEF3FA; cursor: pointer;padding:10px; border: 2px solid gray; min-width:375px;}
#nabidka_searchText a {color:black !important;}
#nabidka_searchText a:hover {color:gray !important;}
#nabidka_close_searchText {position: absolute;top: -15px;right: -5px;width: 30px;height: 30px;background: transparent url('fancybox.png') -40px 0px;cursor: pointer;z-index: 1103;}
/*#nabidka_outer_searchText {width: 600px;}*/

#importMenu {width: 600px; float: right;}

.exportTable th {cursor: pointer;}
.exportTable td, .exportTable th {padding: 3px !important;}
.exportTableSell th {background-color: #DCE6F0 !important;}
.exportTableSell .totalCell {background-color: #FDD4B7 !important;}
.exportTableSell .idCell {background-color: #ECF0E1 !important;}
.exportTableSell .evenCell {background-color: #F2F2F2 !important;}


.exportTable, .exportTable td, .exportTable th {
    border-color: #000000;
    border-style: solid;
}

.exportTable {
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

.exportTable td, .exportTable th {
    margin: 0;
    border-width: 1px 1px 0 0;
}

.pointer {cursor: pointer !important;}

.discountHighlight {color: #8DB600 !important; font-weight: bold !important;}

.kitcheDoneButton {position: absolute; top: 10px; left: 20px; z-index: 2000;}

.full_overlay {background-color: black; width: 100%; height: 2000px; position: absolute; top: 0px; left: 0px; z-index: 900000;}
.big_loader {background: transparent url('../data/335.gif') no-repeat center top; width: 128px; margin: 0 auto; margin-top: 50px; height: 128px;}

.note_wrapper {border: 1px solid #892924; text-align: center; height: 435px; width: 315px; padding: 0px 10px 10px 10px; margin-top: 10px;}
.note_wrapper textarea {width: 98% !important; height: 250px !important; font-size: 1.7em;}
.note_wrapper textarea.textarea_preview {height: 80px !important;}

.searchDiscountWrapper {width: 750px; margin: 0 auto;}
.searchDiscountWrapper table {width: auto;}
.searchDiscountWrapper table td {text-align: left; vertical-align: top;}
.searchDiscountWrapper input[type="text"] {width: 594px;}
.searchDiscountWrapper select {width: 600px;font-family:Consolas,monospace !important}
.searchDiscountWrapper select option {width: 600px;font-family:Consolas,monospace !important}
.searchDiscountWrapper select optgroup {width: 600px;font-family:Consolas,monospace !important}
.searchDiscountWrapper .voucherInfo {clear: both; color: #FFFF00; padding-top: 15px; width: 90%;}

.yellow_info {display: block; width: 100px; max-width: 110px; padding: 4px; border: 1px solid #FFFF00; color: #FFFF00; text-align: center;}

.printBillTable td {padding-bottom: 1px !important;}

.triangle_toggle {text-decoration: none;}

.plusButton {background: transparent url('../data/roundButtonPlus.png') no-repeat top left !important;}
.minusButton {background: transparent url('../data/roundButtonMinus.png') no-repeat top left !important;}
.okButton {background: transparent url('../data/roundButtonOK.png') no-repeat top left !important;}

#adminRestaurants td {padding-bottom: 10px !important;}

span.is_payer {color: #892924;}

.btn_A, .btn_H, .btn_O, .btn_V, .btn_2, .btn_9 {}
.btn_B, .btn_I, .btn_P, .btn_W, .btn_3 {background-color: #FFFF00 !important; color: #000000 !important;}
.btn_C, .btn_J, .btn_Q, .btn_X, .btn_4 {background-color: #0000FF !important; color: #FFFFFF !important;}
.btn_D, .btn_K, .btn_R, .btn_Y, .btn_5 {background-color: #FF0000 !important; color: #FFFFFF !important;}
.btn_E, .btn_L, .btn_S, .btn_Z, .btn_6 {background-color: #FF00FF !important; color: #FFFFFF !important;}
.btn_F, .btn_M, .btn_T, .btn_0, .btn_7 {background-color: #808000 !important; color: #FFFFFF !important;}
.btn_G, .btn_N, .btn_U, .btn_1, .btn_8 {background-color: #000080 !important; color: #FFFFFF !important;}


/*.btn_B, .btn_I, .btn_P, .btn_W, .btn_3 {outline: none !important; border: 0 !important;}
.btn_C, .btn_J, .btn_Q, .btn_X, .btn_4 {outline: none !important; border: 0 !important;}
.btn_D, .btn_K, .btn_R, .btn_Y, .btn_5 {outline: none !important; border: 0 !important;}
.btn_E, .btn_L, .btn_S, .btn_Z, .btn_6 {outline: none !important; border: 0 !important;}
.btn_F, .btn_M, .btn_T, .btn_0, .btn_7 {outline: none !important; border: 0 !important;}
.btn_G, .btn_N, .btn_U, .btn_1, .btn_8 {outline: none !important; border: 0 !important;}*/

.market_1 {color: #00FF00 !important;}
.market_3 {color: #FF0000 !important;}

.newTableWrapper {width: 48%; float: left; background-color: #262626; margin: 10px 5px 0px 5px; height: 230px;}
.newTableWrapper h3 {color: #D02A00; font-weight: bold;}
.newTableWrapper select {float: right !important;}
/* .newTableWrapper td {position: relative;} */
.newTableWrapper tr td:first-child {text-align: right !important;}
/* .newTableWrapper .newButtonWrapper {position: absolute; left: 50%;} */

#tab_login_val {display: block; text-align: right;}


.stockTable {border-collapse:collapse;}
.stockTable td,.stockTable th {border:1px solid white;padding:3px;}
 
 
.costsTable {border-collapse:collapse; width:auto;margin-bottom:1em;}
.costsTable.full {width:100%;}
.costsTable td {padding:4px 4px 4px 10px;}
.costsTable td.licha {background-color:#272727;}
.costsTable td.suda, .costsTable td.export {background-color:#404040;}
.costsTable td.licha input, .costsTable td.suda input, .costsTable td.licha select, .costsTable td.suda select {border:none;background:none;color:#FFF;}
.costsTable tr:hover td.licha input, .costsTable tr:hover td.suda input, .costsTable tr:hover td.licha select, .costsTable tr:hover td.suda select {color:#000;}
.costsTable input.date {width: 70px;}
.costsTable input.value {width: 80px; text-align:right;}
.costsTable input.name {width: 400px;}
.costsTable td.name {width: 220px;}
.costsTable input.search {width: 200px;}
.costsTable select.category {width: 150px;}
.costsTable select.payed {width: 150px;}
.costsTable div.asc,.costsTable div.desc {width:15px;height:13px;float:right;}
.costsTable div.asc {background:url(/images/export_asc.png)}
.costsTable div.desc {background:url(/images/export_desc.png)}
.costsTable div.asc.sel {background:url(/images/export_asc_sel.png)}
.costsTable div.desc.sel {background:url(/images/export_desc_sel.png)}
#costsChooseDate {padding:1em; line-height:1.5em;}

.waiterExportTable td {height:35px; vertical-align:middle;}
.waiterExportTable .up {vertical-align:top;}
.waiterExportTable .down {vertical-align:bottom;}
.waiterExportTable .big {font-size:2em;}
.waiterExportTable .hr {height:5px;}
.waiterExportTable .fatTopLine td {border-top:2px solid white;}
.waiterExportTable .bottomLine {border-bottom:1px solid white;}
.waiterExportTable .leftLine {border-left:1px solid white;}
.waiterExportTable .closingDate {padding-right:1em;}

/* grafy */
/*#profitGraph {width: 500px; height:400px}*/

#header {
	position: relative;
	width: 900px;
	margin: auto;
}

#header h2 {
	margin-left: 10px;
	vertical-align: middle;
	font-size: 42px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#footer {
	margin-top: 25px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	color: #999;
}

.demo-container {
	box-sizing: border-box;
	width: 600px;
	height: 400px;
	padding: 20px 15px 15px 15px;
	margin: 15px auto 30px auto;
	border: 1px solid #ddd;
	background: #fff;
	background: linear-gradient(#f6f6f6 0, #fff 50px);
	background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.demo-placeholder {
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1.2em;
}

.legend table {
	border-spacing: 5px;
	width:auto;
}

#restaurantWaiters td, #restaurantWaiters th, #users_2 td, #users_2 th, #users_12 td, #users_12 th, #users_5 td, #users_5 th, #users_9 td, #users_9 th {padding: 3px;}
ul.manager span.disabled {color:#aaa;text-decoration:none;}

.bonus {display:none;}

.qrselect {width:16%;float:left;overflow:hidden;}

select#searchResults optgroup {border-bottom:1px solid black}

table.overviewTable {border-collapse:collapse;}
table.overviewTable td {border:1px solid white;}
table.overviewTable td td, table.overviewTable th td {border:none;}
.chief_table_list textarea {width:318px;height:2.2em;font-size:0.7em;border:none;color:#fff;background-color:#222;display:none;}

.bor_top {border-top:1px solid white;}
.bor_left {border-left:1px solid white;}
.bor_bottom {border-bottom:1px solid white;}
.bor_right {border-right:1px solid white;}
.deleted .bor_top {border-top:1px solid red;}
.deleted .bor_left {border-left:1px solid red;}
.deleted .bor_bottom {border-bottom:1px solid red;}
.deleted .bor_right {border-right:1px solid red;}
.dragable {cursor:move;}
.reservation .perc25 {width:25%; float:left;}
.reservation .perc25 select {width:90%}
.reservation input[type="text"],.reservation textarea {width:95%}
.reservation label {display:block;width:100%}
.reservation input[type="submit"] {clear:both;margin:1em auto;display:block;}
.reservations, .reservations #reservations table,.reservations #tables table {border-collapse:collapse;}
.reservations td {padding:3px;}
.reservations #reservations,.reservations #tables {width:50%;vertical-align:top;}
.reservations .res {border:1px solid white;}
.reservations .dropable.ui-state-default {background-color:#290c0b;background-image:none;color:#fff;}
.reservations .dropable.ui-state-hover {background-color:#892924;background-image:none;color:#fff;}
.reservations .reservation_button{display:block;cursor:pointer;background-color:#892924;border-radius:3px;padding:3px;text-decoration:none;text-align:center;}
.reservations .reservation_button.edit {background-color:#404040;}