.waitingOrders {
    background: #FF9800;
    color: white;
}

.productionOrders {
    background: #772d8b;
    color: white;
}

.benchConsole {
    background: #4169E1;
    color: white;
}

.customBlock > p, .customBlock > i {
    color: #e99215;
    margin: 0
}

.customBlock {
    width: fit-content;
    text-align: center;
}

.prodBlock > p, .prodBlock > i {
    color: #A73EC4;
    margin: 0;
}

.border-prod {
    border-color: #A73EC4;
}

.prodBlock {
    width: fit-content;
    text-align: center;
}

.cont {
    background: #f0f0f0;
}

.fontw500 {
    font-weight: 500;
}

.app-main {
    background: #f3faff;
}

.btn-grd-green {
    background: linear-gradient(180deg, #3bd99f, #1ab37b);
    border-radius: 360rem;
    color: white;
}

.btn-grd-orange {
    background: linear-gradient(180deg, #ffad35, #FF9800);
    border-radius: 360rem;
    color: white;
}

.custom-svg {
    background: linear-gradient(180deg, #C63333, #802121);
    border-radius: 360rem;
}

.br-top {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.br-top-not {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.br-bottom {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.br-bottom-not {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.dropdown-options {
    position: absolute;
    top: 100%;
    left: 0;
    width: fit-content;
    max-height: 350px;
    overflow-y: auto;
    background-color: #fff;
    border: none;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 999;
}

.textRlHanging {
    text-orientation: sideways;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center;
}

.weekDay {
    color: #020272;
    font-weight: bold;
}

.weekDayBorder {
    border-bottom: 2px solid #020272;
}

.weekEnd {
    color: red;
    font-weight: bold;
}

.weekEndBorder {
    border-bottom: 2px solid red;
}

@media (min-width: 768px) {
    .onProductionTable {
        max-width: 48.5%;
    }
}
@media (min-width: 1200px) {
    .onProductionTable {
        max-width: 32.5%;
    }
}