@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;
    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);
}

.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;
}