/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error,
.validationMessage {
    color: #e5325a;
    display: block;
    margin-top: 8px;
    text-align: left;
    text-shadow: none;
}

.field-validation-valid {
    display: none;
}

.input-validation-error,
.validationElement {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

/* jQuery mobile styles
-----------------------------------------------------------*/

/* Make listview buttons fill the whole horizontal width of the screen */
.ui-li .ui-btn-inner a.ui-link-inherit,
.ui-li-static.ui-li {
    padding-right: 15px;
}

.ui-bar-a,
.ui-body-a,
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a,
.ui-bar-b,
.ui-body-b,
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b,
.ui-bar-c,
.ui-body-c,
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c,
.ui-bar-d,
.ui-body-d,
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d,
.ui-bar-e,
.ui-body-e,
.ui-btn-up-e,
.ui-btn-hover-e,
.ui-btn-down-e,
.ui-btn-active {
    text-shadow: none;
}

/* Custom styles
------------------------------------------------------------*/

.description {
    font-size: 70%;
    font-style: italic;
}

.caption {
    font-size: 1em;
    font-weight: bold;
}

.mitem-desc,
.ui-listview > li p.mitem-desc {
    color: #c6c6c6;
    overflow: visible;
    white-space: normal;
}

.mitem-buttons {
    overflow: visible;
    white-space: normal;
}

.mitem-caption {
    margin-top: 10px;
}

.mitem-divider {
    text-align: center;
}

.mitem-price {
    font-size: 130%;
    font-weight: bold;
}

.mitem-settings {
    margin-top: 5px;
}

a.mitem-additionalInformation,
label.mitem-additionalInformation {
    font-size: 0.9em;
    font-weight: bold;
}

.additionalInformation-text {
    color: #f00;
    font-size: 0.8em;
    font-weight: normal;
    display: block;
    width: 100%;
    word-wrap: break-word;
    white-space: initial;
}

.mitem .ui-block-b {
    text-align: right;
}

.ordered-count-wrapper {
    color: #2e8d27;
    font-weight: bold;
}

input.order-item-count {
    width: 70px;
    display: inline;
}

.order-info-wrapper,
.order-info-wrapper input {
    text-align: right;
}

label.order-item-header {
    font-size: 130%;
    font-weight: bold;
}

.order-total {
    color: #2e8d27;
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    margin-top: 10px;
}

.order-label {
    font-weight: bold;
}

.order-prop-value {
    font-size: 1em;
    font-weight: bold;
}

.unread-indicator {
    float: left;
    height: 3em;
    width: 0.3em;
    margin-left: -0.7em;
    background-color: #2e8d27;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

li.category-indicator,
li.ui-li-static.category-indicator {
    border-left-width: 10px;
    border-left-style: solid;
}

.summaryreport-total-value {
    font-size: 130%;
    color: #2e8d27;
}

.summaryreport-total-count {
    font-size: 130%;
    color: #2e8d27;
}

.space-after {
    margin-right: 20px !important;
}

.yes-no {
    font-weight: bold;
}

.color-selector {
    max-width: 22em;
    margin: 0.5em;
    padding-left: 1em;
}

.color-selector-item {
    display: inline-block;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -ms-border-radius: 0.4em;
    border-radius: 0.4em;
    margin: 0.5em;
    width: 4em;
    height: 4em;
}

.color-selector-item:active {
    border: #1e90ff solid 0.2em;
}

#tableCodePopup {
    padding: 20px;
}

div.content-primary > ul {
    margin-top: 0.5em !important;
    margin-left: 0 !important;
}

/* kitchen order list */
#kitchenOrderList .ui-content {
    overflow-x: auto;
}

#kitchenOrders {
    height: 100%;
}

.order {
    margin-bottom: 1em;
    margin-right: 1em;
    width: 15em;
}

.order.long-pending {
    background: #ffff99;
}

.order-date {
    text-align: right;
}

.order-number {
    background: #000080;
    color: #ffffff;
    padding: 0.25em 0.5em;
}

.order-items-created-date {
    display: none;
}

.order-items-created-date.additional {
    color: #f00;
    display: block;
    margin: 1em 0 0 0;
}

.order-items {
    list-style: none;
    padding: 0;
}

.order-items.delivered {
    color: #666666;
    text-decoration: line-through;
}

.order-items.outside-kitchen {
    color: #1e90ff;
}

.order-items.additional {
    margin: 0 0 1em 0;
}

.additional {
    background: #ffcccc;
    padding: 0 0.5em;
}

.transfered-items {
    background: gainsboro;
    padding: 0.25em 0.5em;
    margin-top: 0.75em;
}

.unit-text {
    color: #f00;
}

.addition-text {
    color: #f00;
    font-size: medium;
}

#kitchenOrders .additionalInformation-text {
    color: #000000;
}

/* waiter order list */
.waiter-main-content {
    margin: 1% 1% 1% 1% !important;
}

.panel-button-style {
    font-size: 0.8em;
}

.two-button-in-row {
    font-size: 0.8em;
}

.order-list-header .ui-btn-round {
    margin: 0;
}

.order-list-header {
    margin: -1em;
    padding: 0.7em 1em 1.7em 0.7em;
}

.order-list-header .ui-block-a {
    line-height: 2.5em;
    width: 20%;
}

.order-list-header .ui-block-b {
    line-height: 2.5em;
    width: 80%;
    font-size: 0.9em;
    text-align: right;
}

.order-list.waiter a.ui-btn {
    border-color: #30333a;
    padding: 0.7em 1em 0.7em 0.7em;
}

.order-list.waiter .ui-block-a {
    line-height: 2.5em;
    width: 20%;
}

.order-list.waiter .ui-block-b {
    text-align: center;
    color: #7b7b7d;
    line-height: 2.5em;
    width: 40%;
}

.order-list.waiter .ui-block-c {
    font-size: 1.1em;
    text-align: right;
    line-height: 2.5em;
    width: 40%;
}

.order-ring {
    border-color: #ffffff;
    border: 2px solid;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    height: 2.5em;
    width: 2.5em;
    text-align: center;
}

.order-ring > span {
    font-size: 1.3em;
}

.order-item-list.waiter .ui-block-a {
    color: #2e8d27;
    width: 15%;
}

.order-item-list.waiter .ui-block-b {
    width: 70%;
}

.order-item-list.waiter .ui-block-c {
    width: 15%;
}

li.ui-corner-all {
    margin-bottom: 0.5em !important;
}

.order-item {
    font-weight: bold;
}

.order-item .name {
    margin: 0;
}

.order-item .info,
.order-item .price {
    font-size: 0.8em;
}

.order-item .info {
    color: #ff0000;
}

.order-item .price {
    color: #707070;
}

.order-details {
    font-size: 0.9em;
    text-align: center;
    padding: 0.7em 1em;
}

.order-details .price {
    color: #2e8d27;
    font-size: 1.1em;
}

.order-details .separator {
    margin: 0 0.5em;
}

.separator {
    color: #c9c9c9;
}

.ui-header .ui-title {
    margin: 0 1em;
    padding: 1em 0;
}

.order-item-list.waiter .positionDelivered .ui-block-a,
.order-item-list.waiter .positionDelivered .ui-block-b,
.order-item-list.waiter .positionDelivered .ui-block-b .price,
.order-item-list.waiter .positionDelivered .ui-block-b .separator,
.order-item-list.waiter .positionDelivered .ui-block-b .info {
    color: #c9c9c9 !important;
}

.delivered:after {
    background-color: #2e8d27 !important;
}

.order-item .ui-btn {
    border: none;
}

.confirm-info {
    text-align: center;
}

ul.order-item-list li.ui-li-static {
    border-width: 1px;
}

/* login page */

/* @media all and (min-width: 650px) { */

#backendLogin {
    border-radius: 0;
}

#backendLogin > .ui-content {
    padding: 0;
}

.logoMobile {
    margin-top: 12px;
    margin-bottom: 65px;
}

#backendLogin > .ui-content > .ui-grid-a {
    display: flex;
    flex-direction: column-reverse;
}

#backendLogin > .ui-content > .ui-grid-a > .ui-block-a {
    display: none;
    width: 100%;
}

#backendLogin > .ui-content > .ui-grid-a > .ui-block-c {
    width: 100%;
    padding: 16px;
}

#backendLogin > .ui-content > .ui-grid-a > .ui-block-c > h1 {
    font-size: 26px;
    font-family: 'Montserrat';
    line-height: 35px;
    font-weight: normal;
    width: 100%;
    margin-top: 0;
}

#backendLogin > .ui-content .ui-block-a > #logo {
    width: 100%;
}

#backendLogin > .ui-content > .ui-grid-a > .ui-block-c {
    display: flex;
    flex-direction: column;
}

.ui-btn-login {
    font-weight: 400;
    color: #ffffff !important;
    background-color: #2f5cff !important;
    border-color: #2f5cff !important ;
}

.ui-btn-login:hover {
    background-color: #409fff !important;
    border-color: #409fff !important ;
}

#loginForm {
    width: 100%;
}

#loginForm label {
    font-size: 0.9em;
    text-transform: uppercase;
}

#loginForm input {
    font-size: 14px;
    color: #000000;
    font-family: 'Montserrat';
}

#loginForm input:focus-visible {
    border: 1px solid #082750;
    box-shadow: 0 0 0 2px rgba(12, 44, 84, 0.2);
}

#loginForm input::placeholder {
    color: #808080;
}

#loginForm input::-ms-input-placeholder {
    color: #808080;
}

/* .ui-input-text {
	outline: 0 !important;
} */

#loginButton {
    margin-top: 50px;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
    padding: 13px;
}

#registerLink {
    font-family: 'Montserrat';
    margin: 0;
    text-align: center;
    color: #2f5cff;
}

#registerLink > a {
    font-family: 'Montserrat';
    color: #2f5cff;
    text-decoration: none;
    opacity: 1 !important;
}

#registerLink > a:hover {
    color: #409fff;
}

#findOutMore {
    font-family: 'Montserrat';
    display: block;
    margin-top: 38px;
    color: #171717;
    text-align: center;
    text-shadow: none;
    text-decoration: none;
}

#findOutMore > a {
    color: #171717 !important;
    font-size: 1em;
    opacity: 1 !important;
}

#findOutMore > a:hover {
    text-decoration: underline;
}

#backendLogin .logo-mbl {
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 10;
    max-width: 150px;
    height: auto;
}

#backendLogin .image-mobile-container {
    position: relative;
    margin: 16px; 
}

#backendLogin .image-mobile-container .image-header {
    position: absolute;
    top: 38px;
    left: 30px;
    color: #ffffff;
    font-size: 24px;
    line-height: 28px;
    font-weight: normal;
}

#backendLogin .image-mobile-container .image-desc {
    position: absolute;
    top: 106px;
    left: 30px;
    color: #ffffff;
    font-size: 12px;
    line-height: 19px;
    font-weight: normal;
}

#mobile-img {
    width: 100%;
    border-radius: 8px;
}

@media all and (min-width: 1201px) {
    #backendLogin > .ui-content > .ui-grid-a {
        flex-direction: row;
    }

    #backendLogin > .ui-content > .ui-grid-a > .ui-block-a {
        height: 100vh;
        display: block;
        width: 44%;
        position: relative;
    }

    #backendLogin > .ui-content .ui-block-a > #logo {
        object-fit: cover;
        height: 96%;
        margin: 2%;
        border-radius: 8px;
        object-position: bottom;
    }

    #backendLogin > .ui-content .ui-block-a > .logoLink {
        cursor: pointer;
        position: absolute;
        top: 20px;
        opacity: 1 !important;
        margin-top: 45px;
        margin-left: 75px;
    }

    #backendLogin > .ui-content > .ui-grid-a > .ui-block-b {
        width: 14.65%;
    }

    #backendLogin > .ui-content > .ui-grid-a > .ui-block-c {
        width: 26.76%;
        padding: 0;
    }

    #backendLogin > .ui-content > .ui-grid-a > .ui-block-c > h1 {
        margin-top: 48px;
    }

    #loginButton {
        margin-top: 51px;
    }

    #backendLogin .image-mobile-container {
        display: none;
    }

    #mobile-img {
        display: none;
    }

    #findOutMore {
        margin-top: auto;
    }

    #backendLogin .image-header {
        font-family: 'Montserrat';
        position: absolute;
        top: 103px;
        left: 75px;
        color: #ffffff;
        font-size: 36px;
        line-height: 46px;
        font-weight: normal;
        text-align: left;
        width: 80%;
    }

    #backendLogin .image-desc {
        font-family: 'Montserrat';
        position: absolute;
        top: 260px;
        left: 75px;
        color: #ffffff;
        font-size: 14px;
        line-height: 21px;
        font-weight: normal;
        text-align: left;
        width: 80%;
    }
}

@media all and (min-width: 1440px) {
    #backendLogin .image-header {
        font-size: 44px;
        letter-spacing: 1.1px;
        line-height: 52px;
    }

    #backendLogin .image-desc {
        font-size: 17px;
        top: 205px;
    }
}

div.ui-panel-inner > ul.ui-listview {
    margin-bottom: 0;
}

.ui-block-c a.ui-link {
    text-decoration: none;
}

.ui-block-c a.active,
.ui-block-c a.active:hover {
    color: #ffffff;
}

.ui-block-c a.inactive {
    color: #949695;
}

.ui-block-c a.inactive:hover {
    color: #aea3a3;
}

/*common*/
.ui-btn.selected {
    background-color: #3388cc !important;
}

.ui-btn.ui-btn-round,
.ui-btn.ui-btn-round:hover,
.ui-btn.ui-btn-round:active {
    border: 2px solid transparent !important;
}

.ui-btn.ui-btn-round:after {
    background-color: #000080;
}

.ui-btn.ui-btn-round {
    background-color: #000080 !important;
    height: 2.5em;
    width: 2.5em;
    border-radius: 100%;
    background-clip: padding-box;
    -webkit-border-radius: 100%;
    -webkit-background-clip: padding-box;
}

.ui-btn.ui-btn-round.secondary-color,
.ui-btn.secondary-color:after {
    background-color: #adadad;
}

.ui-btn.ui-btn-round.success-color,
.ui-btn.success-color:after {
    background-color: #4ba448;
}

.ui-btn.ui-btn-round.warning-color,
.ui-btn.warning-color:after {
    background-color: #c09999;
}

.ui-btn.ui-btn-paginations {
    background-color: #000080;
    height: 2.5em;
    width: 2.5em;
    border-radius: 100%;
    background-clip: padding-box;
}

.ui-btn.ui-btn-paginations:hover {
    background-color: #2121a9 !important;
    border-color: #2121a9 !important;
}

.ui-btn.ui-btn-paginations:hover:after {
    background-color: #2121a9 !important;
    border-color: #2121a9 !important;
}

.menu-header {
    margin: -1em;
    padding: 0.7em 1em 1.7em;
}

.menu-header .ui-btn-round {
    margin: 0;
}

.menu-header h4 {
    display: inline;
    text-transform: lowercase;
}

/*backend menu*/
.category-indicator.ui-first-child > .ui-btn {
    border-top: 0;
}

.category-indicator.ui-last-child > .ui-btn {
    border-bottom: 0;
}

.menu-item .ui-block-a {
    width: 75%;
}

.menu-item .ui-block-b {
    width: 25%;
}

.menu-item .ui-block-b .ui-btn {
    border: none;
    margin: 0;
}

.menu-item .price {
    color: #707070;
    font-size: 0.8em;
    font-weight: bold;
}

.menu-item .note {
    display: inline;
}

.menu-item .ui-link {
    font-size: 0.8em;
    text-transform: uppercase;
}

#orders .ui-btn-active .ui-block-b {
    color: white;
}

#reportItems div span {
    font-weight: bold;
}

.menu-item .unit {
    display: inline;
}

.menu-item .unit-label {
    color: #707070;
    font-size: 0.8em;
    text-transform: uppercase;
}

.order-header-hr {
    color: #000080;
    background-color: #000080;
    height: 2px;
    border: none;
}

.order-hr {
    color: #c9c9c9;
    background-color: #c9c9c9;
    height: 1px;
    border: none;
}

.red-text {
    color: #f00;
}

.order-show-more-indicator {
    position: absolute;
    top: 30%;
    right: 0;
}

.order-header {
    position: relative;
}

.font-bold {
    font-weight: bold;
}

.ellipsed-text,
.ellipsed-text div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.additional-information {
    white-space: normal;
}

.order-addition {
    font-size: 12px;
    white-space: normal !important;
}

.order-balance-hr {
    color: #000080;
    background-color: #000080;
    height: 2px;
    border: none;
}

.toast-top-right {
    top: 60px;
}

.filter-list {
    background-color: #fff;
}

@media all and (min-width: 650px) {
    .filter-list .content-secondary {
        float: left;
        width: 30%;
    }

    .filter-list .content-primary {
        width: 70%;
        padding-right: 0;
        float: right;
    }

    .inner-content {
        margin-right: 1em;
    }
}

@media all and (max-width: 650px) {
    .filter-list .list {
        margin-top: 20px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .report-filters .ui-block-a,
    .report-filters .ui-block-b,
    .report-filters .ui-block-c,
    .revenue-statistics .ui-block-a,
    .revenue-statistics .ui-block-b,
    .revenue-statistics .ui-block-c {
        width: 100% !important;
        float: left !important;
    }

    .report-filters .ui-block-d {
        width: 100% !important;
    }

    .ui-block-d-with-float {
        float: inherit !important;
    }

    .report-content {
        padding-top: 10px;
    }

    .chart-container {
        margin: 0;
    }
}

@media all and (min-width: 651px) and (max-width: 1024px) {
    .filter-list .list {
        margin-top: 20px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .report-filters .ui-block-a,
    .report-filters .ui-block-b,
    .report-filters .ui-block-c,
    .report-filters .ui-block-d,
    .revenue-statistics .ui-block-a,
    .revenue-statistics .ui-block-b,
    .revenue-statistics .ui-block-c {
        width: 50% !important;
        float: left !important;
    }

    .revenue-statistics .ui-block-a {
        clear: right;
    }

    .chart-container {
        margin: 10px;
    }

    .report-filters .ui-block-a .ui-bar {
        padding-right: 10px;
    }

    .report-filters .ui-block-c .ui-bar {
        padding-right: 10px;
    }

    #soldPositionsReport .content-primary,
    #soldPositionsReport .content-secondary {
        width: 100% !important;
        float: none;
    }
}

@media all and (min-width: 1025px) {
    .report-filters .ui-block-a,
    .report-filters .ui-block-b,
    .report-filters .ui-block-c,
    .report-filters .ui-block-d {
        width: 25% !important;
        float: left !important;
    }

    .report-filters .ui-block-a,
    .report-filters .ui-block-b,
    .report-filters .ui-block-c {
        padding-right: 10px;
    }

    .chart-container {
        margin: 20px;
    }
}

@media all and (max-width: 35em) and (orientation: portrait) {
    .responsive-buttons .ui-block-a,
    .responsive-buttons .ui-block-b,
    .responsive-buttons .ui-block-c,
    .responsive-buttons .ui-block-d {
        width: 100% !important;
        float: none !important;
    }

    .display-block {
        display: block !important;
    }

    .hide-on-small {
        display: none !important;
    }
}

.report-filters .ui-bar-a {
    background: none;
    border: none;
    color: inherit;
}

.report-filters .ui-bar {
    padding: 0;
}

.ui-icon-decrease:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAATrwAAE68BY+aOwwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGRSURBVDiNrdW/j0xRGMbxZ3ZnYmNXI0SlQbKJoCASCiRKUSiEQic6CgXRbCN+NHqNRqGRWEG3jUIjIfgD2ERBgi0E61eCj2LOzY47u3NnZZ/kTe573nO+933Pec+9LaSm1Un2J9mVZGeST0meJXmS5Gl9cp/Qa/swa0Ef8K3Hn8b62pp/rNeZwu8COYmNZXwU23ENv/Aee5qAB/EHM1g3IIPdeIdXGF8KuAav8RZrB5VT7Egp//pSwGNlwvEhYJU9wA906rGRcppJ8rDxBBc0k2RVkm31QLsA3ySZSzKZ5HYD7FC6LZR02+pFHTifZLz4rSRjDcBWkonyPN8XLe0Cm5axhxfKmi2L7WHV/UcbMqs0WuZ+TDK7WIYjeITvmFxGdmcGNfZmfMVL7F0C1MJZ/MTj4g+8eocxp3v9buAEtpYXnC5VwHN8xtUmYLABdwu0ri84jzHcL2NXmoCVTeAAzuEUduh+JKp4B/cK9PIwwGGsU6qBSysBrKDTBXpxJYBBG3cKdKpF3y/gf9ROcjPJrb9WqJvFFRMK7AAAAABJRU5ErkJggg==);
}

.ui-icon-increase:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAATrwAAE68BY+aOwwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGpSURBVDiNrdU/bI1RGMfx371to9FahEiIRJBUBAORMCAxisEgDDaxMRiIpYv4s9gtFkMXiQq2LgaLhKCjhCYGEnQQ1L+Efgw9N32997b3kj7Jk7zPn/M9zznnOedtIDVZnmR/kl1Jdib5lORpksdJntST2wRV3Ycp8/IB3yr2OFbXxvylVWMUvwvkJNYXfx+24xp+4T32dAMexCwmsKqSsA5rK/ZuvMMrDC0EXIHXeIuVtYQXmKz5jpTlX18IeKwkHO+Q0AkY3McPDNRjzXKaSfKg6wnOy0SSZUm21QP9BfgmyXSSkSS3KvENSWaTTFZ8h0oLJXNt9bwOnEkyVOxGksFKvJGk2cE3XL5n2mov7QIb/2EPL5QxmzvtYav7j7bN1ln6Su7HJFOdKmziIb5jpIcKW9WdWayxN+ErXmJvJWFLZZIGzuInHhV70at3GNPmrt8NnMDWMsHpsgp4hs+42g0YrMGdAq3LF5zHIO4V35VuwJYO4wDO4RR2mHskWvEB3C3Qy70Ae9GBshq4tBTAFnS8QC8uBTDox+0CHW3Q9gv4H+lPcjPJ2B/VEKTiFy9wVwAAAABJRU5ErkJggg==);
}

.text-align-center {
    text-align: center !important;
}

.align-center {
    margin: 0 auto;
}

.value-by-hour-max-class p {
    color: #000080 !important;
}

.value-by-hour-min-class p {
    color: red !important;
}

.value-by-hour-regular-class p {
    color: black !important;
}

/* REPORTS */

.generate-report-button {
    background-color: #4e8627 !important;
    color: #ffffff !important;
}

.generate-report-button.narrow {
    max-width: 200px;
}

#report {
    margin: 0 auto;
    display: table;
}

#report thead {
    background-color: #000080;
    color: #ffffff;
}

#report thead span {
    font-weight: bold;
}

.chart-report tfoot tr td {
    border: 0;
}

.chart-report tfoot tr td p {
    font-weight: normal !important;
}

.chart-report,
.chart-report p {
    font-size: 10px;
}

#report tbody tr {
    border-bottom: 1px solid #666666;
    background-color: white;
    font-weight: normal;
}

#report tbody tr.category-sum {
    border-top: 2px solid #666666;
}

#report tbody tr td.hours {
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    font-size: 90%;
}

.chart-report .hours p {
    font-weight: normal !important;
}

#report tbody tr:nth-child(odd) {
    background-color: white;
}

#report tbody tr:nth-child(even) {
    background-color: #ffffff;
}

.chart-report tbody tr:nth-child(even) {
    background-color: #fff !important;
}

#report tbody tr:hover,
.chart-report tbody tr:nth-child(even):hover {
    background-color: #fafafa !important;
}

#report tr.table-footer {
    background-color: #e0e0e0 !important;
    color: #000000;
    border-top: 3px solid #666666;
}

#report tr.table-footer:hover {
    background-color: #e0e0e0 !important;
}

#report strong.table-title {
    color: #000080;
    display: flex;
    padding: 20px 0;
    font-size: 120%;
}

#report table.main-table {
    margin-bottom: 30px;
    border-collapse: collapse;
    border: 0;
}

.chart-report .main-table,
.chart-report th,
.chart-report td {
    border: 1px solid #eaeaea;
}

#report tr.category-sum {
    background-color: #f0f0f0 !important;
}

#report tr.category-name td {
    text-align: left;
    font-weight: bold;
    color: #ffffff;
    background-color: #666666 !important;
}

#report th {
    padding: 15px 10px;
}

#report td {
    padding: 5px;
}

#report td {
    text-align: right;
}

#report th {
    text-align: center;
}

#report td.inner-table-contener {
    padding-left: 0;
    padding-right: 0;
}

#report table .inner-table {
    border: 0;
    width: 100%;
}

#report table .inner-table tr {
    background: transparent !important;
}

#report .inner-table td {
    border: 0;
    padding-left: 0;
    padding-right: 0;
}

#report strong,
#report p {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

#report p {
    margin-top: 3px;
    margin-bottom: 3px;
}

.chart-wrapper {
    background: #fff;
    padding: 15px;
    height: 100%;
}

.chart-amount {
    float: right;
    color: #409fff;
    font-size: 36px;
}

.chart-overflow {
    overflow: auto;
    width: 100%;
}

.chart-summary p {
    text-align: center;
    margin: 0;
}

.chart-summary .ui-block-a {
    width: 10%;
    text-align: center;
}

.chart-summary .ui-block-b,
.chart-summary .ui-block-c {
    width: 45%;
}

.chart-summary .ui-btn-icon-notext:after {
    background-color: #a6a6a6 !important;
}

.chart-summary .min {
    font-weight: bold;
    color: #df3c3c;
    padding-right: 10px;
}

.chart-summary .max {
    font-weight: bold;
    color: #409fff;
}

.chart-title {
    color: #171717;
    font-size: 20px;
    line-height: 36px;
}

.chart-title p {
    vertical-align: bottom;
}

.chart-summary {
    color: #171717;
    font-size: 120%;
    line-height: 90%;
}

.chart-summary .ui-icon-info,
.chart-summary .ui-icon-info:hover {
    cursor: default;
    border: 0;
    background: #fff;
    margin: 0;
}

.chart-summary .ui-icon-info:after {
    height: 20px;
}

.chart-report .main-table {
    margin-bottom: 0 !important;
    width: 100%;
    height: 100%;
}

.chart-desc {
    margin: 0 auto;
    text-align: center;
}

.title-clear {
    clear: both;
}

.chart-report {
    width: 100%;
    height: 100%;
}

.chart-summary hr {
    height: 1px;
    background-color: rgba(166, 166, 166, 0.2);
    border: 0;
}

.ui-icon-info-report:after {
    margin-top: -20px !important;
    margin-left: -20px !important;
    width: 38px;
    height: 38px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAABrVBMVEW/v7/AwMD////AwMDAwMDAwMDAwMDAwMDAwMC/v7/AwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMC/v7/AwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMAnaPWbAAAAjnRSTlMAAAABBQYICQoLCwwODxQVFhcYGRobHB0eHyAhIiQlJicoKCkuMDEyMzU3ODk6Ozw9Pj9LTk9RUlxfYmNkZWdoaWttbm9yfX5/gIGCg4SMjZCRkpWWoKGio6Slpqeoq6ytr7CxsrO0tbi5uru+y83Oz9DR0tPU1dfd3+Dh4uPk5e7v8PLz9PX29/j7/P3+2tu7fwAAAi9JREFUeAF91Ps3FH8YwPH5LL5fbauUljYXUsq0iujiLl0SudPdWiFtKYykZKkJsyjvvzlj7Mxnzuzs+7c553Vmzj77nEcRcoX1bYOxubnYUHtDobAKHCWz6OjCAccdLI7WZWQ18W1c7Uxd9bD/etJoa3NzKw2f/O9m595jps92RatLSy9Gu2Z0zBJhmZV9BtjovyDsIk/XARbKHVa0BPDmknBV/RJguTjN8hNA6pHw9MAA5k8cs8fAbqvIUEsK6LPY5R3AflferdbW23n2+4DdK0dsCoiJdKFV+BayH18BsyZTU7BR5bBF0BxWvg57dYdsFBgQdgXfYa3Aee4FxgLKKQ22pHnlNjU3N+U6z8U6fClU6vdhRvgXiMOfRqUDuJeNtZlAGQTqhFNOMBQK5khMBYaVCdiuklhwQtNiQYlV6DCpzMHP9C9QzIGswGpIYpEkJGTmzM3LpI96mfPRISCajakHMHI0kC4/5gykYR+ms7E4/G1UTmvwO+LPwjp8PWP99f3+rAcYP9yQa7uQrPBjZWuwd/2QibfAa7+1fA68C5isxgAe2kt+p6Pjrr3k3cBercmszUu1iAw1G0B/wGLBj4Bx36u6TfXp5DET4WWAF5VuVPEMYOW8cxzKFwB+9JZI8+pZA1iqlE9N+ANm+lS7WhWJVKpt8V+YzZe4D1d+nwEWTSZ1rFIDQc8ZrJ02cGXMqBmP6o0xDbvl8Xr3UZU6e7NzeDKRiI90Nha5TvQ/u7ECjs5ttp0AAAAASUVORK5CYII=);
}

.ui-btn.ui-btn-round.ui-icon-info-report {
    background-color: #fff !important;
    cursor: default !important;
}

.ui-btn-icon-notext.ui-icon-info-report:after {
    background-color: #fff !important;
}

.chart-desc p {
    margin: 15px;
}

.chart-desc .paragh {
    display: inline-block;
}

.chart-desc .chart-wrapper {
    margin: auto 0;
    width: auto;
}

#waiterIncome .chart-summary .chart-desc .desc-wrapper .paragh span.ui-btn-inline {
    display: block;
    margin: 0;
    border: 0;
}

.order-items .popupItem {
    border-bottom: 1px solid lightgray;
    position: relative;
}

.popupLabel {
    padding-right: 40px;
}

.popupLabelWeight {
    padding-right: 160px;
}

.popupItemRowUpdateArea {
    padding: 25px 5px;
}

.ui-btn.ui-weight-button {
    position: absolute;
    right: 80px;
    padding: 40px;
    margin: 0;
    background-size: 50px 50px;
    top: 0%;
    border: 0;
    background-color: transparent;
    background-image: url('images/weight.png');
    background-position: center;
    background-repeat: no-repeat;
}

a.ui-btn.popupCheckbox {
    position: absolute;
    right: 0;
    padding: 40px;
    margin: 0;
    background-size: 50px 50px;
    top: 0%;
    border: 0;
    background-color: transparent;
    background-image: url('images/icons-png/check-kitchen.png');
    background-position: center;
    background-repeat: no-repeat;
}

a.ui-btn.popupCheckbox:hover {
    background-color: transparent;
}

#kitchenOrderList .checkboxIconActive {
    background-image: url('images/icons-png/check-kitchen-active.png');
}

#kitchenOrderList .popupContent {
    background-color: white;
    padding: 25px;
}

#kitchenOrderList .popup-button {
    height: 25px;
    line-height: 25px;
    font-size: 32px;
    color: white;
    font-weight: normal;
}

#kitchenOrderList .popup-button.save {
    background-color: #2e8d27;
}

#kitchenOrderList .popup-button.cancel {
    background-color: #dd0000;
}

#kitchenOrderList .popup-header {
    line-height: 50px;
    height: 50px;
    font-size: 26px;
    color: #171717;
    font-weight: bold;
}

#kitchenOrderList .popup-user-with-ordernumber {
    float: right;
}

#kitchenOrderList .popup-user-fullname {
    float: right;
}

#kitchenOrderList .popup-order-number {
    margin-left: 20px;
    border-radius: 10px;
    background: #000080;
    color: #ffffff;
    padding: 0 15px 0 15px;
    font-size: 20px;
    float: right;
}

#kitchenOrderList .popup-item {
    font-size: 24px;
    color: #2e8d27;
}

#kitchenOrderList .popup-item-name {
    color: #171717;
}

#kitchenOrderList .popup-addition-text {
    color: #f00;
    font-size: 20px;
}

#kitchenOrderList .popup-mark-all-text {
    line-height: 80px;
    height: 80px;
    font-size: 22px;
    color: gray;
    font-weight: bold;
    color: #2e8d27;
}

#kitchenOrderList .popup-check-all {
    margin-bottom: -15px;
}

#kitchenOrderList a.popupCheckboxCheckAll {
    padding: 40px;
    background-size: 50px 50px;
    background-color: transparent;
    background-image: url('images/icons-png/check-kitchen.png');
    background-position: center;
    background-repeat: no-repeat;
    float: right;
}

#kitchenOrderList a.popupCheckboxCheckAll.checkboxIconActive {
    background-image: url('images/icons-png/check-kitchen-active.png');
}

#kitchenOrderList .popup-scrollable-content {
    margin-top: 15px;
    overflow-y: auto;
    overflow-x: hidden;
}

#kitchenOrderList .popup-orderdetails-text {
    font-size: 20px;
}

@media all and (min-width: 1024px) {
    #kitchenOrderList .popupContent {
        min-width: 700px;
    }
}

.no-touchevents .ui-header .ui-btn.ui-btn-round:hover {
    background-color: #2121a9 !important;
}

.no-touchevents .ui-header .ui-btn.ui-btn-round:hover:after {
    background-color: #2121a9 !important;
}

.touchevents .ui-header .ui-btn.ui-btn-round:hover {
    background-color: #2121a9;
}

.touchevents .ui-header .ui-btn.ui-btn-round:active {
    background-color: #e8e8e8;
}

.ui-page-theme-a .ui-btn:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ui-page-theme-a .ui-btn:active,
.touchevents .ui-page-theme-a .ui-btn:active {
    background-color: #000053;
}

.touchevents .ui-page-theme-a .ui-btn:hover {
    background-color: #e5325a;
    border-color: #c9c9c9;
    color: #333333;
    text-shadow: 0 0px 0 #f3f3f3;
}

.no-touchevents .ui-page-theme-a .ui-btn:hover,
.touchevents .ui-page-theme-a .ui-btn:active {
    background-color: #ededed;
    border-color: #c9c9c9;
    color: #409fff;
}

.ui-icon-fullscreen:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAEbwAABG8BAuRQjAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACXSURBVCiR3ZLBDcJADARdQmpCBCVF8AiksyvjRCE8IsrIIyjDx5F8q5yEyI99rnf3fLYNmCgx2g6AUXSTAUsg0p4xBKSgXQxYAzEDfcXYe33DasDbE+cQ0IrxIvW0vXxzQRcEWcxZOwMGbe0EPIBG+MYDio7+AT7V/PWff5h259xQ2/NZzG1tz4cu7NBtPylxrxivont9ANm6o/sURrJqAAAAAElFTkSuQmCC');
}

.red-text {
    color: #ff0000;
}

.configuration-parameter-left-float > div > div {
    width: 49%;
    float: left;
}

.configuration-parameter-left-float div > div:first-of-type {
    margin-right: 1%;
}

#kitchenOrderList .popup-button.save,
#kitchenOrderList .popup-button.cancel {
    margin: 0;
}

#weightTextbox {
    text-align: center;
    font-size: 26px;
}

.kitchen-order-desc {
    background: #dcc979;
    padding: 0.25em 0.5em;
    margin-top: 0.75em;
}

.ui-bar-test > .ui-input-text {
    width: 97%;
    display: inline-block;
}

div.pageButtons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15%;
}

.reportSummary {
    margin-left: 33%;
}

.ui-btn-primary {
    border: 1px solid #000080 !important;
    border-radius: 8px !important;
    background-color: #000080 !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

.ui-btn-primary:hover {
    border: 1px solid #000080 !important;
    background-color: #2121a9 !important;
}

.btn-big {
    padding: 18px 14px;
}

.ui-btn-secondary {
    border: 1px solid #000080 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    color: #000080 !important;
    text-shadow: none !important;
}

.ui-btn-secondary:hover {
    background-color: #f2f2f9 !important;
    opacity: 70% !important;
}

.ui-select {
    margin-left: 0 !important;
    max-width: 375px;
}

.ui-select .ui-btn {
    background: none !important;
    border: 1px solid #c6c6c6 !important;
    border-radius: 6px !important;
    padding: 18px 14px;
}

.ui-select .ui-btn select {
    padding-left: 14px;
}

.ui-select .ui-btn > span:not(.ui-li-count) {
    font-weight: normal;
    color: #171717 !important;
    text-align: left;
}

.ui-select > .ui-btn:after {
    background: none;
    background-image: url(images/icons-svg/arrow-down.svg) !important;
}

.ui-icon-grid {
    border: none;
}

.ui-icon-grid:after {
    background-repeat: no-repeat;
    background-color: transparent;
    border-radius: 0;
    background-image: url(images/icons-svg/clock-black.svg) !important;
}

.backdrop {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 9999;
    position: fixed;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-tap-highlight-color: transparent;
}

.consent-wrapper {
    display: none;
}

.consent-wrapper.show {
    display: flex;
}

.consent-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.consent-header-text {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    text-wrap: wrap !important;
    font-weight: 600;
    text-align: center;
    margin: 0 auto 20px !important;
    width: 80% !important;
}

.consent-info {
    max-width: 600px;
    background-color: #ffffff;
    padding: 50px 50px;
    border-radius: 20px;
}

.conset-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.consent-text {
    font-size: 12px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    text-wrap: wrap !important;
}

.consent-details {
    font-size: 14px !important;
    line-height: 22px !important;
    margin: 0 !important;
    text-wrap: wrap !important;
}

.consent-required:before {
    content: '*';
    margin-right: 2px;
    color: #ff4d4f;
    font-size: 0.75rem !important;
    line-height: 1.2rem !important;
    font-weight: 500;
}

.consent-link {
    color: #082750 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    margin: 0 !important;
    text-wrap: wrap !important;
    font-weight: 500 !important;
    text-decoration: none;
    opacity: 1 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.consent-link:hover {
    color: #569ccc !important;
    cursor: pointer !important;
}

.consent-header {
    position: relative;
    display: flex;
    gap: 8px;
}

.consent-show-more-indicator {
    position: absolute !important;
    top: -4px !important;
    right: 0 !important;
}

.sales-report-date > div {
    width: 100%;
}

.kds-order-items-delivered {
    text-decoration: line-through;
}

.kds-serving-order {
    background-color: #000030;
    padding: 0.4em 1em;
    margin-top: 0.2em;
}

.kds-serving-order-text {
    margin: 0;
    font-size: 0.8em;
    color: #ffffff;
}

.kds-popup-serving-order {
    background-color: #000030;
    padding: 0.6em 1em;
    margin-top: 0.2em;
}

.kds-popup-serving-order-text {
    margin: 0;
    font-size: 1em;
    color: #ffffff;
}


.kds-serving-order-list {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}