/*
	This CSS file matches the color scheme from MudBlazor to Bootstrap when utilized for authentication.
	The file remains available at all times for demonstration purposes,
	but it is exclusively employed in the 'App.razor' component when authentication is enabled.
*/

.btn-primary {
    text-transform: uppercase;
    --bs-btn-bg: var(--mud-palette-primary) !important;
    --bs-btn-hover-bg: var(--mud-palette-primary-darken) !important;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--mud-palette-primary) !important;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--mud-palette-primary) !important;
}

.nav {
    --bs-nav-link-color: var(--mud-palette-primary) !important;
    --bs-nav-link-hover-color: var(--mud-palette-primary-darken) !important;
}


/* Table Container */
.table-container {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 600px;
    margin-top: 20px;
}



    /* SCROLLBAR Table Container */
    .table-container::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }

    .table-container::-webkit-scrollbar-thumb {
        background: rgba(81, 172, 49, .7);
    }





    .table-container::-webkit-scrollbar-track {
        background-color: rgba(81, 172, 49, .1) !important;
        border: 1px solid #ccc;
    }

    .table-container::-webkit-scrollbar-button {
        background-color: rgba(81, 172, 49, .7);
        border-radius: 5px;
    }

        .table-container::-webkit-scrollbar-button:hover {
            background-color: #999999;
        }
/* END Scrollbat Table Container */

/* LIBBS WEEK */
.libbs-week {
    width: 100%;
    border-spacing: 8px;
    table-layout: fixed;
}

    .libbs-week td {
        position: relative;
        background-color: white;
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #0052A4;
        text-align: center;
        cursor: pointer;
        transform: scale(1);
        transition: .2s linear;
        z-index: 99;
    }

        .libbs-week td.active-day {
            background-color: #e9e9e9;
        }

        .libbs-week td:hover {
            background-color: #e9e9e9;
            transform: scale(1.2);
            transition: .2s linear;
            z-index: 999;
        }

            .libbs-week td:hover.active-day {
                transform: scale(1);
                background-color: #e9e9e9;
                cursor: unset;
            }

        .libbs-week td:active {
            background-color: #e9e9e9;
        }

.libbs-week-panel {
    display: flex;
}
/* END LIbbs WEEK */

/*TESTE ------------------------------------------------------------------------------------*/
.diaApagado {
    background-color: grey !important;
}

.libbs-week td.diaApagado {
    position: relative;
    background-color: grey;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #0052A4;
    text-align: center;
    cursor: pointer;
    transform: scale(1);
    transition: .2s linear;
    z-index: 99;
}

/* TESTE FINAL -----------------------------------------------------------------------------*/

/* INICIO Cores dos Slots de cada agendamento*/

.slot-amarelo {
    background-color: #ffa200 !important;
}

.agendamento-amarelo {
    background-color: #fcb64e !important;
}

.pallet-amarelo {
    color: #fca50d;
    background-color: #fec165 !important;
}

/*verde*/
.agendamento-verde {
    background-color: #51ac31 !important;
}
.slot-verde {
    background-color: #367822 !important;
}
.pallet-verde {
    color: #367822 !important;
    background-color: #b9dead !important;
}
/*vermelho*/
.agendamento-vermelho {
    background-color: #f70707 !important;
}

.slot-vermelho {
    background-color: #cf0404 !important;
}

.pallet-vermelho {
    color: #cf0404;
    background-color: #fc8f8f !important;
}
/* FIM Cores dos Slots de cada agendamento*/


/* Day Panel */
.day-panel {
    background-color: rgba(0, 82, 164, .2);
    width: 100%;
    padding: 5px;
    border-radius: 4px;
    color: #0052A4;
    display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
}


    .day-panel .day-number {
        font-size: 20px;
        font-weight: 700;
    }

    .day-panel .day-name {
        font-size: 12px;
        font-weight: 700;
        margin-top: 8px;
    }
/* END day Panel */

/* Palletes Panel */
.palletes-panel {
    width: 70%;
    color: #707070;
    padding: 5px;
    display: grid;
    align-items: center;
    height: 100%;
}

    .palletes-panel i {
        color: rgb(192, 192, 192);
    }

    .palletes-panel .orders {
        font-size: 18px;
        font-weight: 700;
        position: relative;
        cursor: pointer;
        text-align: right;
    }

    .palletes-panel .palletes {
        font-size: 18px;
        font-weight: 700;
        margin-top: 5px;
        position: relative;
        cursor: pointer;
        text-align: right;
    }
/* END Palletes Panel */

/* Progress Bar */
.libbs-bar-container {
    background-color: rgb(192, 192, 192);
    border-radius: 15px;
    width: auto;
    margin-top: 8px;
}

.libbs-bar-progress {
    background-color: #0052A4;
    color: white;
    padding: 1%;
    text-align: center;
    font-size: 10px;
    border-radius: 15px;
    animation: progressBar 1s ease-in-out;
}
.libbs-bar-progress-cinza {
    background-color: rgb(192, 192, 192);
    color: white;
    padding: 1%;
    text-align: center;
    font-size: 10px;
    border-radius: 15px;
    animation: progressBar 1s ease-in-out;
}

    .libbs-bar-progress.green {
        background: green;
    }

    .libbs-bar-progress.purple {
        background: purple;
    }

    .libbs-bar-progress.red {
        background: red;
    }

@keyframes progressBar {
    0% {
        width: 0;
    }
}
/* END Progress Bar */

/* Libbs TImeline */
.libbs-timeline {
    width: 1920px;
    border-spacing: 7px;
}



    .libbs-timeline th {
        background-color: #e9e9e9;
        color: #707070;
        padding: 10px;
        border-radius: 5px;
        border: 2px solid #999999;
        text-align: center;
        position: sticky;
        top: 0;
    }


        .libbs-timeline th:first-child {
            background-color: rgba(0, 82, 164, 1);
            color: white;
            border: 2px solid #0052A4;
        }

    .libbs-timeline td {
        background-color: rgba(0, 82, 164, .1);
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #0052A4;
        text-align: center;
    }

        .libbs-timeline td:first-child {
            padding: 0;
            border: 0;
            color: white;
            display: flex;
            background-color: transparent;
            font-weight: 600;
            gap: 5px;
        }

        .libbs-timeline td .td-column {
            background-color: rgba(81, 172, 49, 1);
            align-items: center;
            padding: 10px;
            border: 1px solid #367822;
            border-radius: 5px;
            flex-grow: 1;
        }

            .libbs-timeline td .td-column i {
                color: rgba(255, 255, 255, .5);
                margin-right: 3px;
            }

            .libbs-timeline td .td-column:last-child i {
                color: #367822;
            }

        .libbs-timeline td.ag-cad {
            background-color: rgba(0, 82, 164, 1);
        }
/* END Libbs Timeline */

/* TOOLTIP */
.palletes-panel .orders::before {
    content: 'Agendamentos';
    text-align: center;
    background-color: grey;
    color: white;
    font-size: 10px;
    width: fit-content;
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    bottom: 100%;
    margin-left: 20px;
    visibility: hidden;
}

.palletes-panel .palletes::before {
    content: 'Palletes';
    text-align: center;
    font-size: 10px;
    background-color: grey;
    color: white;
    width: fit-content;
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    bottom: 100%;
    margin-left: 20px;
    visibility: hidden;
}

.palletes-panel .palletes:hover::before, .palletes-panel .orders:hover::before {
    visibility: visible;
}

.palletes-panel .palletes::after, .palletes-panel .orders::after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #555;
    position: absolute;
    top: 0%;
    right: 0;
    margin-left: 0;
    visibility: hidden;
}


.palletes-panel .palletes:hover::after, .palletes-panel .orders:hover::after {
    visibility: visible;
}
/* END TOOLTIP */

/* CALENDARIO LIBBS */
.libbs-calendar {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 10px;
    /*border:1px solid rgba(0, 82, 164, .5);*/
    color: black;
}

.libbs-header-calendar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: rgba(0, 82, 164, .3);
    margin-bottom: 10px
}

    .libbs-header-calendar button {
        text-align: center;
        border: none;
        border-radius: 50%;
        background: white;
        cursor: pointer;
        width: 40px;
        height: 40px;
        box-shadow: 0 0 10px rgba(0, 82, 164, .2);
    }

        .libbs-header-calendar button:active {
            background-color: beige;
        }


.libbs-month-year-calendar {
    text-align: center;
    font-weight: 600;
}

    .libbs-month-year-calendar::first-letter {
        text-transform: uppercase;
    }

.libbs-days-calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px
}

.day {
    text-align: center;
    padding: 5px;
    color: #707070;
    border-radius: 5px;
    background: #e9e9e9;
    margin-bottom: 20px
}

.dates-calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
}

.date {
    border: 1px solid #0052A4;
    padding: 10px;
    margin: auto;
    cursor: pointer;
    flex-direction: column;
    border-radius: 5px;
    width: 100%;
    height: 115px;
    transition: 0.2s;
    background: white;
    gap: 10px;
    transform: scale(1);
}

    .date .number-date {
        position: absolute;
        top: 0;
        left: 0;
        padding: 5px;
        background: rgba(0, 82, 164, 1);
        font-weight: 600;
        color: white;
    }

    .date .orders-date {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        gap: 5px;
    }

        .date .orders-date span {
            font-size: 16px;
            font-weight: 700;
        }



    .date:hover {
        background-color: #d9ecff;
        transform: scale(1.2);
        transition: .2s linear;
        z-index: 999;
    }

        .date:hover.active {
            transform: scale(1);
            background-color: #e9e9e9;
            cursor: unset;
        }


    .date.active {
        background-color: #e9e9e9;
    }

    .date.inactive {
        color: #ccc;
        border: 1px solid #ccc;
    }

    .date:hover.active {
        transform: scale(1);
        background-color: #e9e9e9;
        cursor: unset;
    }

    .date:hover.inactive {
        color: #ccc;
        transform: scale(1);
        cursor: unset;
        background: white;
    }