:root {
    --locked: rgba(244,67,54, 0.2);
    --today: rgba(255, 213, 79, 0.9);
    --pre-notification: rgba(255, 249, 196, 1);
    --data-changed: #adadad;
}

.validation-message {
    color: #f44336;
    margin: 0;
    font-size: .8rem;
    margin-top: 3px;
    text-align: start;
    font-weight: 400;
    line-height: 1.66;
    letter-spacing: .03333em;
}

.input-text-end input {
    text-align: right;
}

.mud-tab {
    text-transform: none !important;
}

.mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after {
    content: "*";
    color: var(--mud-palette-error) !important;
}

.mud-snackbar-location-bottom-left {
    bottom: 50px !important;
}

.mud-snackbar-location-bottom-right {
    bottom: 50px !important;
}

th.k-header {
    vertical-align: middle !important;
}

@media print {
    html, body {
        width: 100vh !important;
        max-width: 100vh !important;
        height: 100vh !important;
        max-height: 100vh !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .print-inline {
        display: inline !important;
    }

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

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

    .print-grid {
        display: grid !important;
    }

    .print-inline-grid {
        display: inline-grid !important;
    }

    .print-table {
        display: table !important;
    }

    .print-table-row {
        display: table-row !important;
    }

    .print-table-cell {
        display: table-cell !important;
    }

    .print-flex {
        display: flex !important;
    }

    .print-inline-flex {
        display: inline-flex !important;
    }

    .print-none {
        display: none !important;
    }

    .print-container {
        box-shadow: 0 0 0 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        page-break-after: always;
    }

        .print-container button[aria-label="close"] {
            display: none !important;
        }
}

div#blazor-error-ui {
    background-color: red !important;
    color: white !important;
    width: 360px;
    height: 140px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
}

    div#blazor-error-ui .blazor-error-ui-container {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: end;
        padding-bottom: 10px;
        gap: 10px;
    }

    div#blazor-error-ui a.reload, a.dismiss {
        border: 1px solid white !important;
        padding: 5px !important;
        border-radius: 5px !important;
        color: white !important;
        background: brown !important;
        text-decoration: none !important;
        line-height: 1 !important;
        font-weight: bold !important;
    }

    div#blazor-error-ui a.dismiss {
        color: white !important;
        background: transparent !important;
    }

    div#blazor-error-ui a.reload:hover {
        background: red;
    }

/* Optimize display width of the zxing scanner for mobile */
.zxing-container .zxing-video-container video {
    width: 100% !important;
}

/* Style is applied to the parent element of the searchbox, when the searchbox
   is a direct child to it and has the searchbox-allow-full-width class set. */
.k-toolbar-item:has(span.k-searchbox.searchbox-allow-full-width) {
    width: 100% !important;
}