html, body {
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;  
}

::-webkit-scrollbar {
	width: 2em;
	overflow: scroll;
}

::-webkit-scrollbar-corner {
	background-color: #111;
}

::-webkit-scrollbar-thumb {
	background-color: #aaa;
	border-radius: 6px;
	background-clip: content-box;
	min-width: 2em;
	min-height: 2em;
}

::-webkit-scrollbar-track {
	background-color: rgba(210, 210, 210, 10);
}

#mainLayoutContainer {
    height: 97%;
    width: 97%;
    padding: 1px;
    -moz-border-radius: .5em;
    border-radius: .5em;
    border-style: inset;
    margin: 8px 0 0 8px;
}

* html div.tableContainer {
/* IE only hack */
    width: 95%;
    border: 1px solid #ccc;
    height: 285px;
    overflow-x: hidden;
    overflow-y: auto;
}

table {
    border: 1px solid #ccc;
    border-collapse: collapse;
}

table td, table th {
    padding: 8px;
    font-weight: normal;
    font-size: 11px;
    font-family: Verdana, Helvetica, Garamond,DejaVu Sans, sans-serif;
}

table thead td, table thead th {
    background-image: url( ../images/ft-head-trans.png );
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #94BEFF;
}

table thead td.selectedUp, table thead th.selectedUp {
    background-image: url( ../images/ft-headup-trans.png );
}

table thead td.selectedDown, table thead th.selectedDown {
    background-image: url( ../images/ft-headdown-trans.png );
}

table tbody tr td {
    border-bottom: 1px solid #ddd;
}

table tbody tr.alt td {
    background: #e3edfa;
}

table tbody tr.selected {
    background: yellow;
    color: black;
}

#closeDetails tr.selected td {
    background: none;
    color: black;
}

/*table tbody tr.selected:hover td {
    background:#ff9;
}

table tbody tr:hover td {
    background: #a6c2e7;
}
    */
.dojoDialog {
    background: #eee;
    border: 1px solid #999;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px;
}

.dojoFloatingPane, .dojoLayoutContainer {
	background-color: #eee !important;
}

.form {
    margin-bottom: 0;
}

/* group multiple buttons in a row */

.box {
    display: block;
    text-align: center;
    padding: 8px;
}

.box .dojoButton {
    float: left;
    margin-right: 10px;
}

.dojoButton .dojoButtonContents {
    font-size: small;
    font-weight: bold;
    height: 50px;
    width: 50px;
    text-align: center;
}

.dialogHeading {
    font-size: large;
    font-weight: bold;
    font-family: Verdana, Helvetica, Garamond,DejaVu Sans, sans-serif;
}
.dialogHeadingSmall {
	font-size: small;
    font-family: Verdana, Helvetica, Garamond,DejaVu Sans, sans-serif;
}
.itemDialog {
    display: block;
    height: 80%;
}

.box .atButton {
    float: left;
    margin-right: 10px;
}

.atButton .atButtonContents {
    font-size: small;
    font-weight: bold;
    height: 50px;
    width: 80px;
    text-align: center;
}

.keypadButton {
    font-size: medium;
    font-weight: bold;
    height: 40px;
    width: 65px;
    text-align: center;
}

.myValidateColorValid {
    background: #00ffff;
    height: 100px;
    width: 200px;
    
}

.myValidateColorInvalid {
    background: #00ffff;
    height: 100px;
    width: 200px;
    font-size : 20px;
}

.myValidateColorEmpty {
    background: #00ffff;
    height: 100px;
    width: 200px;
    font-size : 20px;
}

.formQuestion {
    background-color: #d0e3f5;
    padding: 0.3em;
    font-weight: 900;
    font-family: Verdana, Arial,DejaVu Sans, sans-serif;
    font-size: 0.8em;
    color: #5a5a5a;
}

.formAnswer {
    background-color: #f5eede;
    padding: 0.3em;
    margin-bottom: 1em;
}

.ticketDlgMessage {
    background-color: #d0e3f5;
    padding: 0.3em;
    font-weight: 900;
    font-family: Verdana, Arial,DejaVu Sans, sans-serif;
    font-size: 0.8em;
    color: #5a5a5a;
}

.errorMessage {
    background-color: #d0e3f5;
    padding: 0.3em;
    font-weight: 900;
    font-family: Verdana, Arial,DejaVu Sans, sans-serif;
    font-size: 0.8em;
    color: #5a5a5a;
    -moz-border-radius: 5px;
	border-radius: 5px;
}

.messageBar {
    clear: both;
    height: 20px;
    bottom: 0;
    position: absolute;
    width: 95%;
    background-color: #d0e3f5;
    padding: 0.3em;
    font-weight: 900;
    font-family: Verdana, Arial,DejaVu Sans, sans-serif;
    font-size: 0.8em;
    color: #5a5a5a;
}

.messageBar-login-department {
    clear: both;
    height: 20px;
    bottom: 0;
    position: absolute;
    width: 95%;
    background-color: #d0e3f5;
    padding: 0.3em;
    font-weight: 900;
    font-family: Verdana, Arial,DejaVu Sans, sans-serif;
    font-size: 0.8em;
    color: #5a5a5a;
}

.itemCustomerTypeTable {
    height: 350px;
    overflow-x:hidden;
    overflow-y: auto;
}

#statusFld {
    clear: both;
    height: 20px;
    bottom: 0;
    position: absolute;
    width: 100%;
}

.largeWindow {
    width: 650px;
    position: absolute;
    height: 575px;
    left: 5px; /*top: 5px; */
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
    border-radius: .5em;       
}

.modeItemDialog {
    width: 650px;
    position: absolute;
    height: 500px;
    left: 5px; /*top: 5px; */
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
    border-radius: .5em;       
}

.extraLargeWindow {
    width: 900px;
    position: absolute;
    height: 625px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
    border-radius: .5em;
}

.extraLarge2Window {
    width: 900px;
    position: absolute;
    height: 550px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
    border-radius: .5em;
}

.extraLarge3Window {
    width: 630px;
    position: absolute;
    height: 575px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
    border-radius: .5em;
}

.biggestWindow {
    width: 1024px;
    position: absolute;
    height: 750px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
    border-radius: .5em;
}

.reservationDialogWindow {
    width: 980px;
    position: absolute;
    height: 750px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
    border-radius: .5em;
}

.keyboardWindow {
    width: 980px;
    position: absolute;
    height: 460px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.keyboardItemNotesWindow {
    width: 980px;
    position: absolute;
    height: 600px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.keyboardCloseOrderWindow {
    width: 980px;
    position: absolute;
    height: 740px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.keyboardAccountLookupWindow {
    width: 980px;
    position: absolute;
    height: 700px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.floorPlanLookupWindow{
	width: 1000px;
	position: absolute;
	height: 700px;
	left: 5px;
	top: 5px;
	overflow-y: hidden;
	overflow-x: hideen;
	-mox-border-radius: 5px;
        border-radius: 5px;
}

.assignSeatByNameWindow {
    width: 980px;
    position: absolute;
    height: 730px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.CloseOrderWindow {
    width: 845px;
    position: absolute;
    height: 650px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.existingServiceChargeWarning{
	width: 435px;
    position: absolute;
    height: 450px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.serviceChargeWindow {
	width: 575px;
    position: absolute;
    height: 350px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.checkDetailsWindow {
    width: 550px;
    position: absolute;
    height: 450px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
	border-radius: 5px;
}
.orderSeatsDetailsWindow {
    width: 350px;
    position: absolute;
    height: 450px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
	border-radius: 5px;
}

.ResidentChoiceWindow {
    width: 500px;
    position: absolute;
    height: 700px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
	border-radius: 5px;
}

.ResidentGiftCardChoiceWindow {
    width: 700px;
    position: absolute;
    height: 700px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.mediumWindow {
    width: 355px;
    position: absolute;
    height: 460px;
    left: 5px;
    top: 5px;
    display: none;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.departmentTransferWindow {
    width: 355px;
    position: absolute;
    height: 560px;
    left: 5px;
    top: 5px;
    display: none;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.userInventoryWindow{
	width: 330px;
	position: absolute;
	height: 480px;
	left: 5px;
	top: 5px;
	display: none;
	-moz-border-radius: .5em;	
}

.operatorSignInWindow {
    width: 370px;
    position: absolute;
    height: 350px;
    left: 5px;
    top: 5px;
    display: none;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.loginBackgroundBar {
    height: 220px;
    width: 100%;
    background-color: #6699cc29;
    margin-top: 5px;
}

.messageWindow {
    width: 300px;
    position: absolute;
    height: 315px;
    left: 100px;
    top: 100px;
    z-index: 1000;
    display: none;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.messageWindow415Height {
    width: 300px;
    position: absolute;
    height: 415px;
    left: 100px;
    top: 100px;
    z-index: 1000;
    display: none;
    -moz-border-radius: .5em;
	border-radius: .5em;
}
.biggerMessageWindow {
    width: 300px;
    position: absolute;
    height: 515px;
    left: 100px;
    top: 100px;
    z-index: 1000;
    display: none;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.smallWindow {
    width: 320px;
    position: absolute;
    height: 200px;
    left: 100px;
    top: 100px;
    display: none;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.dineInOutWindow {
    width: 430px;
    position: absolute;
    height: 130px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.changeMergeTableWindow {
    width: 450px;
    position: absolute;
    height: 125px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.adminstrationWindow {
    width: 900px;
    position: absolute;
    height: 400px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.tixTableTxt {
    font-weight: 900;
    font-family: Verdana, Arial,DejaVu Sans, sans-serif;
    font-size: 9.6px;
    color: #5a5a5a;
}

#keyboard {
    font-family: Arial, Helvetica,DejaVu Sans, sans-serif; /*width: 200px;*/
}

.keyRow {
    margin: 1px;
}

.lowerRow {
    display: none;
}

.vEnterKey {
    float: left;
    width: 60px;
    height: 235px;
    background: url( ../images/key-vertical.png ) no-repeat 0 0;
    margin: 0 1px 1px 0;
}

.vEnterKey a {
    display: block;
    width: 48px;
    height: 230px;
    padding: 5px 0 0 12px;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
    color: #000;
    background: url( ../images/key-vertical.png ) no-repeat 0 0;
}

.key {
    float: left;
    width: 60px;
    height: 58px;
    background: url( ../images/key-standard.png ) no-repeat 0 0;
    margin: 0 1px 1px 0;
}

.key a {
    display: block;
    width: 48px;
    height: 53px;
    padding: 5px 0 0 12px;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
    color: #000;
    background: url( ../images/key-standard.png ) no-repeat 0 0;
}

.capsLockKey {
    float: left;
    width: 105px;
    height: 58px;
    background: url( ../images/key-caps.png) no-repeat 0 0;
    margin: 0 1px 1px 0;
}

.tabKey {
    float: left;
    width: 90px;
    height: 58px;
    background: url( ../images/key-tab.png ) no-repeat 0 0;
    margin: 0 1px 1px 0;
}

.clearKey {
    float: left;
    width: 120px;
    height: 58px;
    background: url( ../images/key-shift.png) no-repeat 0 0;
    margin: 0 1px 1px 0;
}

.clearKey a {
    display: block;
    width: 108px;
    height: 53px;
    padding: 5px 0 0 12px;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    background: url( ../images/key-shift.png) no-repeat 0 0;

}

.funcKey {
    float: left;
    width: 120px;
    height: 58px;
    background: url( ../images/key-shift.png ) no-repeat 0 0;
    margin: 0 1px 1px 0;
}

.funcKey a {
    display: block;
    width: 108px;
    height: 53px;
    padding: 5px 0 0 12px;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    background: url( ../images/key-shift.png ) no-repeat 0 0;

}

.capsLockKey a {
    display: block;
    width: 105px;
    height: 53px;
    padding: 5px 0 0 12px;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    background: url( ../images/key-caps.png ) no-repeat 0 0;

}

.tabKey a {
    display: block;
    width: 90px;
    height: 53px;
    padding: 5px 0 0 12px;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    background: url( ../images/key-tab.png ) no-repeat 0 0;

}

.spaceKey {
    width: 210px;
    height: 58px;
    background: url( ../images/key-space.png ) no-repeat 0 0;
    margin: 0 1px 1px 0;
}

.spaceKey a {
    display: block;
    width: 198px;
    height: 53px;
    padding: 5px 0 0 12px;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    background: url( ../images/key-space.png ) no-repeat 0 0;
}

.remove {
    background: #FF6666 no-repeat 0px 0px;
    text-decoration: line-through;
}

.remove td:first-child {
    background: #FF6666 url( ../images/SendCancelledItemv01.png ) no-repeat 0px 0px;
    text-decoration: line-through;
}

.remove.selected {
    background: yellow no-repeat 0px 0px;
    text-decoration: line-through;
}

.remove.selected td:first-child {
    background: yellow url( ../images/SendCancelledItemv01.png ) no-repeat 0px 0px;
    text-decoration: line-through;
}

.removeMod {
    background: #FF6666 no-repeat 3px 6px;
    text-decoration: line-through;
}

.removeMod td:first-child {
    background: #FF6666 url( ../images/icon_print.png ) no-repeat 3px 6px;
    text-decoration: line-through;
}

.removeMod.selected {
    background: yellow no-repeat 3px 6px;
    text-decoration: line-through;
}

.removeMod.selected td:first-child {
    background: yellow url( ../images/icon_print.png ) no-repeat 3px 6px;
    text-decoration: line-through;
}

.removeRevise {
    background-color: #FF6666;
    text-decoration: line-through;
}

.hold {
    background: #FF9900 no-repeat 0px 0px;
}

.hold td:first-child {
    background: #FF9900 url( ../images/Hold_icon_v02.png ) no-repeat 0px 0px;
}

.hold.selected {
    background: yellow no-repeat 0px 0px;
}

.hold.selected td:first-child {
    background: yellow url( ../images/Hold_icon_v02.png ) no-repeat 0px 0px;
}

.holdRevise {
    background-color: #FF9900;
}

.holdMod {
    background: #FF9900 no-repeat 3px 6px;
}

.holdMod td:first-child {
    background: #FF9900 url( ../images/icon_hold.png ) no-repeat 3px 6px;
}

.holdMod.selected {
    background: yellow no-repeat 3px 6px;
}

.holdMod.selected td:first-child {
    background: yellow url( ../images/icon_hold.png ) no-repeat 3px 6px;
}

.print {
    background: #00cc99 no-repeat 0px 0px;
}

.print td:first-child {
    background: #00cc99 url( ../images/SendItem.png ) no-repeat 0px 0px;
}

.print.selected {
    background: yellow no-repeat 0px 0px;
}

.print.selected td:first-child {
    background: yellow url( ../images/SendItem.png ) no-repeat 0px 0px;
}

.printMod {
    background: #00cc99 no-repeat 3px 6px;
}

.printMod td:first-child {
    background: #00cc99 url( ../images/icon_print.png ) no-repeat 3px 6px;
}

.printMod.selected {
    background: yellow no-repeat 3px 6px;
}
     
.printMod.selected td:first-child {
    background: yellow url( ../images/icon_print.png ) no-repeat 3px 6px;
}

.printRevise {
    background-color: #00cc99;
}

.normal {
    background: white no-repeat 0px 0px;
}

.normal td:first-child {
    background: white url( ../images/white_icon_v01.png ) no-repeat 0px 0px;
}

.normal.selected {
    background: yellow no-repeat 0px 0px;
}

.normal.selected td:first-child{
    background: yellow url( ../images/white_icon_v01.png ) no-repeat 0px 0px;
}

.normalRevise {
    background-color: white;
}
.normalStore {
    background-color: white;
}

.queued {
    background: #00FF00 no-repeat 0px 0px;
}

.queued td:first-child {
    background: #00FF00 url( ../images/Hold_00FF00_PNG.png ) no-repeat 0px 0px;
}

.queued.selected {
    background: yellow no-repeat 0px 0px;
}

.queued.selected td:first-child {
    background: yellow url( ../images/Hold_00FF00_PNG.png ) no-repeat 0px 0px;
}

.queuedRevise {
    background-color: #00FF00;

}

.holdNotQueued {
    background: #00CC99 no-repeat 0px 0px;
}

.holdNotQueued td:first-child {
    background: #00CC99 url( ../images/hold_00CC99_PNG.png ) no-repeat 0px 0px;
}

.holdNotQueued.selected {
    background: yellow no-repeat 0px 0px;
}

.holdNotQueued.selected td:first-child {
    background: yellow url( ../images/hold_00CC99_PNG.png ) no-repeat 0px 0px;
}

.holdNotQueuedRevise {
    background-color: #00CC99;

}
.comboBoxOptions {
    font-family: Verdana, Helvetica, Garamond,DejaVu Sans, sans-serif;
    font-size: 2.0em;
    background-color: white;
    width: 200px;
    /*position: absolute;
     z-index: 1000;
     overflow: auto;*/
/*cursor: default;*/
}

.red {
    background-color: #FF3333;
    color: white;
}
.blue {
    background-color: #0066CC;
    color: white;
}
.blink {
    text-decoration: blink; 
}

.radioButton {
    width: 40px;
    height: 40px;
}

.customerTypeWindow {
    width: 100px;
    position: absolute;
    height: 460px;
    left: 5px;
    top: 5px;
    display: none;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.customerTypeWindowList{
    height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
}

.checkDiv {
    height: 350px;
    width: 260px;
    overflow-y: auto;
    overflow-x: hidden;
}

.checkRow {
    height: 52px;
}

.seatMappingRow {
    height: 41px;
}

.residentChoiceRow tr {
    height: 52px;

}

.noBottomBorder tr td {
    border-bottom: 0px;
}

.bankCheckDetailsWindow {
    width: 420px;
    position: absolute;
    height: 650px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
	border-radius: 5px;
}

.totalChecksAmountWindow{
        width: 350px;
    position: absolute;
    height: 540px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
	border-radius: 5px;
}

.residentBalanceWindow {
    width: 420px;
    position: absolute;
    height: 420px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
	border-radius: 5px;
}

.SwipeCardTestWindow {
    width: 850px;
    position: absolute;
    height: 400px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
	border-radius: 5px;
}
.formHeading {
    background-color: #d0e3f5;
    padding: 0.3em;
    font-weight: 900;
    font-family: Verdana, Arial,DejaVu Sans, sans-serif;
    font-size: 1.2em;
    color: #5a5a5a;
}
.window650By575 {
    width: 700px;
    position: absolute;
    height: 575px;
    left: 5px; /*top: 5px; */
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
	border-radius: .5em;
}
#ticketTableHeader td {
    border-bottom: 0;
    padding: 3px;
}

#posInventoryAdjustmentTable td {
    border-bottom: 0;
    padding: 3px;
}

.inventoryAdjustmentWindow {
    width: 400px;
    position: absolute;
    height: 460px;
    left: 5px;
    top: 5px;
    display: none;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.itemCodeReportWindow {
    width: 575px;
    position: absolute;
    height: 475px;
    left: 5px;
    top: 5px;
    display: none;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.customerTypeWindow {
    width: 330px;
    position: absolute;
    height: 575px;
    left: 5px;
    top: 5px;
    display: none;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.draggable { position: absolute; }

.image {
	position:absolute;
        
}
.image .text {
	position:absolute;
	top:50px; /* in conjunction with left property, decides the text position */
	left:50px;
        text-align: center;  
}
.imgButton {
    background-image: url("../images/table2.png");
    position: absolute;
}

.selectTableShapeWindow {
    width: 400px;
    position: absolute;
    height: 500px;
    left: 5px;
    top: 5px;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.selectTableWindow{
    width: 690px;
    height: 625px;
    position: absolute;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
	border-radius: .5em;
    
}

.myValidateColor {
    font-size : 20px;

}
#checkInFunctionButtonsDiv .atButton .atButtonContents {
    font-size: large;
    font-weight: bold;
    height: 100px;
    width: 160px;
    text-align: center;
}
.identifyUserWindow {
    width: 339px;
    position: absolute;
    height: 500px;
    left: 5px;
    top: 5px;
    display: none;
    -moz-border-radius: .5em;
    border-radius: .5em;
}
.identifyUserWindowWithContinueAsGuest {
    width: 339px;
    position: absolute;
    height: 570px;
    left: 5px;
    top: 5px;
    display: none;
    -moz-border-radius: .5em;
    border-radius: .5em;
}
.widerMessageWindow {
    width: 350px;
    position: absolute;
    height: 215px;
    left: 100px;
    top: 100px;
    z-index: 1000;
    display: none;
    -moz-border-radius: .5em;
	border-radius: .5em;
}
.seatSummary {
	position:relative;
	float:left;
    background-color : yellow;
    width: 340.5px;
    height: auto;
    border: 1px solid;
    margin-bottom: 5px;
    margin-right: 5px;
}
.autosizeseat{
	height:auto;
}
.ticket {
	position:relative;
    background-color : white;
    width: 340.5px;
    height: 524px;
    float: left;
    border: 1px solid;
    margin-bottom: 5px;
    overflow-y: auto;
     font-family: Lucida Console,DejaVu Sans Mono,Verdana, Helvetica, Garamond, sans-serif;
}
.big-ticket{
	height: 1055px;
}
.long-ticket{
	height: 1586px; 
}
.pastTime {
    background-color : orange;
}
.lateTime {
  animation: pulse 1s infinite;
}
.lateTime.selected {
  background-color : yellow !important;
}
.lateTime.highlighted {
  background-color : #FFFF80 !important;
}

@keyframes pulse {
    50% { background-color: orange; }
}  

.flashText {
	animation: warn 0.5s infinite;
}

@keyframes warn {
  50% {color: red;}
}

.selected {
    background-color : yellow;
}
.highlighted {   
    background-color : #FFFF80;
}
.ticketContainer {
	position: relative;
	overflow: hidden;
    float:left;
    transform:scale(.89);
}
.ticketPosition {
	position:absolute;
	bottom:2;
	left:2;
	font-size:32px;
	font-weight:bold;
	color:red;	
}
.ticketTopPosition {
	position:inherit;
	top:2;
	left:2;
	font-size:32px;
	font-weight:bold;
	color:red;
	z-index: 100;	
}
#zoomTicketDialog {
    width: 365px;
    position: absolute;
    height: 675px;
    left: 5px; /*top: 5px; */
    overflow-y: auto;
    overflow-x: hidden;
    -moz-border-radius: .5em;
    border-radius: .5em;
    transform:scale(1.5);
}
#summaryTicketDialog {
	width: 1110px;
    position: absolute;
    height: 940px;
    left: 5px; /*top: 5px; */
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
    border-radius: .5em;
}
#summaryTicketHeader {
	height:auto;
	border:1px solid #7596C6;
	align: center;
	overflow:hidden;
}
.ticketSelector {
	border:0;
	font-size:48px;
	color:gray;
	width:375px;
	margin-left:75px;
	background-color:f5f5f5;
}
.updateItemUpcBarcodeWindow {
    width: 515px;
    position: absolute;
    height: 500px;
    left: 5px; /*top: 5px; */
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
    border-radius: .5em;       
}
#kdLayoutContainer {
    height: 100%;
    width: 100%;
   
}
@keyframes errorFadeout {
	from {opacity:1;}
	to {opacity:0;}
}
.ticketErrorMessage {
	opacity:1;
	animation-name: errorFadeout;
	animation-duration: 3s;
	animation-delay: 0.5s;
	background-color:#b0b0b0;
	position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
  	-moz-transform: translate(-50%, -50%);    /* Older Gecko browser */
 	-ms-transform: translate(-50%, -50%);     /* IE9+ */
  	-o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
   	text-align:center;
    color: red;	
    font-size: 64px;	
    padding: 10px;
}

.closedOrderActionsWindow {
    width: 575px;
    position: absolute;
    height: 145px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

/*** Reservations Display Date Datepicker ***/

#reservationDisplayDatePickerDropdown input {
	visibility:hidden;	/* Hidden visibility retains position, so calendar pop-up appears in correct spot */
}
#reservationDisplayDatePickerDropdown img {
	width: 3em; 
	height: 3em;
}

.monthLabelContainer img {
	height : 15px;
}

.reservationDisplayDateSelectionDlg {
    width: 500px;
    position: absolute;
    height: 500px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
    border-radius: .5em;
}

.datePickerContainer {
	width: unset !important;
	background: #EEEEEE;
	border-radius: 0.5em;
}

.calendarContainer {
	margin-left: auto;
	margin-right: auto;
}

.calendarContainer .monthContainer {
	border : none;
}

/** #reservationDisplayDateSelection .month, **/
/** #reservationDisplayDateSelection .calendarBodyContainer tbody tr td, **/
.datePickerContainer .month,
.datePickerContainer .calendarBodyContainer tbody tr td  {
	font-size : 28px; 
}

/** #reservationDisplayDateSelection .yearWrapper, **/
.datePickerContainer .yearWrapper {
	display:none;
}

.resTypeTimeslotLabel {
	display: flex;
	width: 100%;
	justify-content : center;
	font-weight : bold;
	font-size : larger;
}

.resTypeTimeslotWarningLabel {
	display: flex;
	width: 100%;
	justify-content : center;
	color:red;
}

#reservationDateTimeSelectionPanel .atButton {
	margin-bottom: 	35px;
}

.wideButton {
	width: 90px;
}


/**Disable text/content selection application wide, on all elements in use.*/
html, body, div, img, input, label, td, th, tr, footer, header, form, button, hr, br, tfoot, tbody, a {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.selfServiceCheckoutPayment {
    width: 375px;
    position: absolute;
    height: 200px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.selfSerivcePayWithCredit {
    width: 500px;
    position: absolute;
    height: 250px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.selfSerivcePayWithGiftCard{
	width: 750px;
    position: absolute;
    height: 450px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.adminAuthWindow{
    width: 355px;
    position: absolute;
    height: 600px;
    left: 5px;
    top: 5px;
    display: none;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.selfServiceBottomAuthWindow{
    bottom: 40px;
    position: absolute;
    display: flex; 
    justify-content: center;
    width: 300px;
}

.selfServiceImg{
	padding: 0;
    display: block;
    width:100%;
    height:100%;
    max-height: 100%;
    max-width: 100%;
}


.keyboardSpecialRequestsWindow {
    width: 980px;
    position: absolute;
    height: 500px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.editItemSSDialog{
    width: 450px;
    position: absolute;
    height: 300px;
    left: 5px;
    top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.smallWindowLong {
    width: 300px;
    position: absolute;
    height: 300px;
    left: 100px;
    top: 100px;
    display: none;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.smallWindowWide {
    width: 350px;
    position: absolute;
    height: 200px;
    left: 100px;
    top: 100px;
    display: none;
    -moz-border-radius: .5em;
	border-radius: .5em;
}

.selfServiceLoadingOverlay{
	background-color: rgba(30,30,30,0.5); 
	z-index:999; 
	height:100%;
	width:100%;
	position:absolute;
}

.selfServiceLoadingOverlayText{
	position:absolute;
	background-color:rgba(0,0,0,.5);
	color:white;
	width:250px;
	text-align:center;
	font-size:50px;
	margin:40px 400px;
}
#yesNoDialogFld{
	max-width:300px;
	font-family: Verdana, Helvetica, Garamond,DejaVu Sans, sans-serif;
	font-size: 12px;
}
#mainSubMenuPane {
	background-color: #F0F8FF;
}
#departmentBtn, #modeBtn {
	height:28px;
}
#mainSouthBtnPane {
	background-color: #F5F5F5; 
	margin: 1px; 
	height: 170px;
}
#clearFieldBtn_container {
	margin-left:50px;
	padding: 0px;
}
#mainLayoutHeadrow {
	border:0px;
}
.customerAlertsHeader {
	font-weight:bold;
	color:white;
}
#noOrdersFound {
	font-weight:bold;background-color: #d0e3f5;border-radius: 15px;height: 50px;
}
.keyboardContainerWrapper {
	height: auto;
	overflow:visible;
}
.simpleAlertDialogMsgContainer {
	font-weight:bold;
	background-color: #d0e3f5; 
	border-radius: 15px;
	height: 60px; 
	text-align: center; 
	padding:5px;
}
.mainLayoutHeadRow {
	margin-top: -8px;
}
#nutritionLabelTable td {
	padding: 0 4px;
}
#nutritionLabelTable span {
	font-size: 11px; /* main nutrition text */
}
.nutritionLabelServings span {
	font-size: 13px !important; /* serving section text */
}
.nutritionLabelLineSm {
	height: 1px;
	border-width: 0;
	margin: 1px;
	background-color: black;
}
.nutritionLabelLineMd {
	height: 3px;
	border-width: 0;
	margin: 1px;
	background-color: black;
}
.nutritionLabelLineLg {
	height: 7px;
	border-width: 0;
	margin: 1px;
	background-color: black;
}
.nutritionPercentage {
    float: right;
}
.requiredNutritionPercentage {
    float: right;
    font-weight: bold;
}
#itemAllergensTable td {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align-items: center;
    -moz-box-align-items: center;
    -webkit-flex-align-items: center;
    align-items: center;
}
#itemAllergensTable img {
    width: 40px;
    height: 40px;
}
#itemAllergensTable span {
    /* width: 100px;
    display: inline-block;
    position: relative;
    top: -30%; */
    padding-left: 4px;
    font-size: 15px;
    font-weight: bold;
}
#itemDietaryTagsTable td {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align-items: center;
    -moz-box-align-items: center;
    -webkit-flex-align-items: center;
    align-items: center;
}
#itemDietaryTagsTable img {
    width: 40px;
    height: 40px;
}
#itemDietaryTagsTable span {
    /* width: 100px;
    display: inline-block;
    position: relative;
    top: -30%; */
    padding-left: 4px;
    font-size: 15px;
    font-weight: bold;
}
#itemAllergenConflictsTable, #itemTagConflictsTable, #itemIngredientsConflictsTable {
    margin-bottom: 16px;
    background-color: white;
}
#itemAllergenConflictsTable td, #itemTagConflictsTable td, #itemIngredientsConflictsTable td {
    border-bottom: none;
}
#itemAllergenConflictsTable p, #itemTagConflictsTable p, #itemIngredientsConflictsTable p {
    font-weight: bold;
    text-decoration: underline;
}
#itemAllergenConflicts, #itemTagConflicts, #conflictingItemIngredients, #conflictingCustomFields {
    display: flex;
    flex-wrap: wrap;
}
.nutritionConflictSpanContainer {
    display: flex;
    align-items: center;
    margin: 8px;
}
.nutritionConflictText {
    max-width: 70px;
    margin-left: 4px;
}
#closeOrderCheckDialog p {
    font-family: Verdana, Helvetica, Garamond,DejaVu Sans, sans-serif;
    font-weight: 400;
}

.integratedScaleWindow{
    display: flex;
    height: 310px;
    width: 320px;
}