html, body {
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
}

.bon_container {
    height: 100%;
    flex-basis: 22em;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}


button:disabled {
    opacity: 0.5;
}

button.bsp_btn.occupied {
    background-color: orange;
    color: black;
}

button.bsp_btn.locked {
    background-color: red;
    color: white;
}

.main {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.bsp_name {
    color: green;
}

.barverkauf {
    color: red;
}

.main_nav {
    flex-basis: 5em;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    background: #00e;
}

button {
    margin: 1px;
}

button::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}


.btn-eq-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.btn-eq-col {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.grow {
    flex-grow: 1;
    flex-basis: 0;
}

.btn-eq-row button {
    flex-grow: 1;
    flex-basis: 0;
}

.btn-eq-col button {
    flex-grow: 1;
    flex-basis: 0;
}

.bon {
    flex-grow: 1;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #fff;
    z-index: 101;
}

.customer .bon {
    overflow: initial;
}


.bon button {
    width: 98%;
    font-size: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.customer .bon button {
    width: 99%;
}

.bon_sum {
    font-size: 2em;
    text-align: right;
    //margin: 2px;
    padding: 0.25em;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    z-index: 101;
}

.target_container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    z-index: 101;
    background:#fff;
}

.target {
    padding: 0.25em;
    flex-grow:1;
    flex-base:0;
    z-index: 101;
}
.bon_up, .bon_down, .rz_toggle {
//    flex-grow: 1;
    width: 1.3em;
}

.bon_sum .sum {
    flex-grow: 3;
    text-align: right;
}


.function_keys {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.schnellabschluss {
    font-size: 1.2em;
    color: #fff;
    background: #080;
    font-weight: bold;
}

.function_keys button {
    height: 2.5em;
    font-size: 1em;
}

.main_buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-grow: 1
}

.left {
    text-align: left;
}


.btncol {
//    flex-basis: 100%;
}

.btncol button {
    text-align: left;
    position: relative;
}

.btncol button > span {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 3px;
}

.rz {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.rz .vk_art {
    min-width: 1em;
    text-align: left;
}

.rz .ust_klass {
    min-width: 1em;
    text-align: right;
}

.rz .amount {
    min-width: 1.5em;
    text-align: right;
    padding-right: 0.25em;
}
.rz .text {
    flex-grow: 1;
    text-align: left;
}

.plus_minus {
    font-size: 1.2em;
    font-weight: bold;
}

.cancel {
    background: red;
}

/* rabatt dialog */
.no-close .ui-dialog-titlebar-close {
    display: none;
}

.rd_container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.rd_container > div {
    flex-grow: 1;
}

.v_btn_container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-basis: 80px;
}

.v_btn_container button {
    flex-grow: 1;
}

.h_btn_container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-grow: 1;
}

.h_btn_container button {
    flex-grow: 1;
}

.grow2 {
    flex-grow: 2;
}

.rd_container > input.value {
    margin: 1em;
    width: 12em;
    padding: .4em;
    align-self: center;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.warn {
    color: orange;
}

.alert {
    color: red;
}

.over {
    color: lightgreen;
}

#kassa_history li {
    list-style-type: none;
}
#kassa_history li.highlight {
    background-color: #ddd;
}

#admin-page {
/*    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-grow: 1;
*/
}

#admin-page > #tabs {
    flex-grow:1;
    flex-basis:0;

//    display: flex;
//    flex-flow: column nowrap;
}

#admin-page > #tabs > div {
//    flex-grow:1;
//    flex-basis:1;
}

#beleg_history li {
    list-style-type: none;
}

#beleg_history li span {
    display: inline-block;
}

#beleg_history li span.renr {
    min-width: 3em;
    text-align: right;
}

#beleg_history li span.type {
    min-width: 2em;
    text-align: left;
}

#beleg_history li span.sum {
    min-width: 8em;
    text-align: right;
}

#tabs-3 div.inline {
    display: inline-block;
}

div.pre {
    font-family: monospace;
    white-space: pre;
}

div > .pre > img {
    width: 29em;
}

div.inline > div {
    margin: 0.5em;
}

.center {
    text-align: center;
}

.network_connections td {
    border-top: 1px solid;
    pading: 0.25em;
}

.network_connections th {
    text-align: left;
}

.inset {
    padding-left: 1em;
}

.ui-datepicker-today {
    // replace in jquery-ui.js line 9759
}

.ui-keyboard-actionkey:not(.ui-keyboard-dec):not(.ui-keyboard-combo) span{
    font-size: .8em;
    position: relative;
    top: -1em;
    left: inherit;
    width: auto;
    text-align: left
}

.ui-keyboard-preview-wrapper {
    font-size: 150%;
}

.beleg_description {
    width: 95%;
}

#csv_file {
    display: none;
}

.ft_ne_dialog dt {
    float: left;
    width: 7em;
    text-align: right;
}

.ft_ne_dialog dd {
    display: inline;
    margin-left: 1em;
    //float: left;
    width: 15em;
    //text-align: right;
}

.ft_ne_dialog dd > input {
    width: 15em;
}

.curr_datetime {
    font-style: italic;
}

.pass_dialog dt {
}

.pass_dialog dd {
    text-align: right;
}


.ui-autocomplete {
    z-index: 50000;
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

input:disabled {
    background-color: #aaa;
    color: #555;
}

.ui-keyboard {
    font-size: 120%;
}
.ui-keyboard-button {
    min-width: 3em;
}

div.bon > button > div.descr {
    text-align: left;
    padding-left: 5em;
//    display: none;
}

#journal_dialog div {
    overflow: scroll;
}

#journal_dialog td {
    white-space: nowrap;
}

#journal_dialog tr.odd {
    background-color: lightgray;
}

.startbeleg h1 {
    color: red;
}