@import url('schedule.css');
@import url('schedule.css');
.orderbay1 {
    background-color: #49c854;
}

.orderbay2 {
    background-color: #49c854;
}

.orderbay3 {
    background-color: #49c854;
}

/*.unscheduled {
    width: 500px;
    height: 200px;
    color: white;
    background-color: #ccc;*/
    /*background: repeating-linear-gradient( 45deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 1px, transparent 1px, transparent 5px );*/
/*}*/

/*.scheduled {
    width: 500px;
    height: 200px;
    color: white;
    background-color: white;
    background: repeating-linear-gradient( 45deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 1px, transparent 1px, transparent 5px );
}*/
.maintenance {
    background-color: #424242;
}

.scheduled {
    color: silver;
    background-color: #3f9af2;
}

.unscheduled {
    color: #f8f9fa;
    background-color: #f8f9fa;
}

.parked {
    color: #aeaeae;
    background-color: #aeaeae;
}

/* A cell seperater for schedules*/
.scheduleSeparator {
    border-right: 1px solid #fff;
}
/* Reduce padding below top menu bar */
.mt-4, .my-4 {
    margin-top: 5px !important;
}

/* Date Picker */
.styled-date {
    width: 160px;
    padding: 0.25em 0.75em;
    box-sizing: border-box;
    border: 1px solid var(--mud-palette-lines-default) !important;
    border-radius: 6px !important;
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-surface);
    font-family: inherit;
    font-size: 1.25em;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.mud-container-maxwidth-lg {
    max-width: 1442px !important;
    min-width: 1442px !important;
}

.todaysInformation {
    border: 1px solid var(--mud-palette-lines-default);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}

.summary-card {
    width: 100%;
}

.summary-card--fixed {
    min-height: 320px;
    /* The inline `display:flex; flex-direction:column` on the MudPaper makes its
       three children (title / divider / body) compete for vertical space and ends
       up centring the empty body inside the card. Force a normal block flow so the
       content sits at the top and any remaining min-height padding falls below. */
    display: block !important;
}

.summary-card__body {
    flex: 1 1 auto;
    overflow: auto;
    min-height: 0;
}

.dashboard-summary-card {
    width: 100%;
    min-height: 360px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}

.production-kpi-group {
    width: 100%;
    min-height: 360px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--mud-palette-surface) 92%, var(--mud-palette-primary) 8%),
        var(--mud-palette-surface)
    );
    border: 1px solid color-mix(in srgb, var(--mud-palette-lines-default) 75%, transparent);
}

.production-kpi-group__label {
    letter-spacing: 0.16em;
    font-weight: 700;
    color: var(--mud-palette-primary);
    margin-bottom: 4px;
}

.production-kpi-card {
    position: relative;
    overflow: hidden;
    min-height: 124px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    color: var(--mud-palette-text-primary);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--mud-palette-surface) 96%, var(--mud-palette-primary) 4%),
        var(--mud-palette-surface)
    );
    box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}

.production-kpi-card__accent {
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
}

.production-kpi-card__content {
    padding-left: 12px;
}

.production-kpi-card__badge {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 999px;
    margin-bottom: 6px;
    letter-spacing: 0.14em;
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.12);
}

.production-kpi-card__header {
    gap: 12px;
    align-items: flex-start;
}

.production-kpi-card__title {
    line-height: 1.1;
    color: var(--mud-palette-text-primary);
}

.production-kpi-card__value {
    line-height: 1;
    margin-top: 2px;
    color: var(--mud-palette-text-primary);
}

.production-kpi-card__caption {
    margin-top: 6px;
}

.production-kpi-card__icon {
    opacity: 0.9;
}

.production-kpi-card--success { background-color: var(--mud-palette-success); }
.production-kpi-card--primary { background-color: var(--mud-palette-primary); }
.production-kpi-card--warning { background-color: var(--mud-palette-warning); }
.production-kpi-card--info { background-color: var(--mud-palette-info); }
.production-kpi-card--secondary { background-color: var(--mud-palette-secondary); }
.production-kpi-card--neutral { background-color: var(--mud-palette-text-secondary); }

.production-kpi-card__icon--success { color: var(--mud-palette-success); }
.production-kpi-card__icon--primary { color: var(--mud-palette-primary); }
.production-kpi-card__icon--warning { color: var(--mud-palette-warning); }
.production-kpi-card__icon--info { color: var(--mud-palette-info); }
.production-kpi-card__icon--secondary { color: var(--mud-palette-secondary); }
.production-kpi-card__icon--neutral { color: var(--mud-palette-text-secondary); }

.todayInformationContainer {
    width: 1442px;
    min-width: 1442px;
    outline: 0px !important;
    box-shadow: unset;
    padding: unset;
    margin: unset;
    background-color: inherit;
}

.informationIcon {
    font-size: 1.2rem;
    margin-right: 0.2rem;
}

.pa-2 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.mud-chip.mud-chip-size-medium {
    border-radius: 4px;
}

.appointmentBox {
    height: 20px !important;
    width: 20px !important;
    border: 1px solid var(--mud-palette-lines-default);
    padding: unset;
    margin: unset;
}

.appointmentButton {
    height: 20px;
    padding: 2px;
    font-size: 0.7rem;
}