.home-agenda-container {
    max-height: 45rem;
    overflow-y: auto;
}

.dx-item.dx-scheduler-appointment.dx-scheduler-appointment-vertical {
    background-color: white !important;
}
/* Gestione colori appuntamento su dettaglio popup e scheduler */

.deadlines {
    border: 2px solid #8d0a0a;
    color: var(--text-800);
    background-color: white !important;
}
.exam {
    border: 2px solid #1e7e34;
    color: var(--text-800);
    background-color: white !important;
}
.booking {
    border: 2px solid #f1ad0f;
    color: var(--text-800);
    background-color: white !important;
}
.course {
    /* border: 2px solid #0f4cf1; */
    color: var(--text-800);
}

.default {
    border: 2px solid #f1f1f1;
    color: var(--text-800);
    background-color: white !important;
}
.courseTag {
    background-color: #c7b4d6;
    color: var(--text-800);
    border: 1px solid #c7b4d6;
}

/* colori tag avvisi */
.personali{
    background-color: #bee0d0; ;
    color: var(--text-800);
    border: 1px solid #bee0d0;
}

.materiali{
    background-color: #b7e1ff; ;
    color: var(--text-800);
    border: 1px solid #b7e1ff;
}

.dx-popup-title {
    padding: 0px;
    min-height: fit-content !important;
}
.marker-body {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
}
.dx-tag-content {
    color: var(--text-800) !important;
    font-weight: bold;
}
.appointment_template{
    width: auto !important;
}

/* CSS MODALE RIFIUTO VOTO */

.popup-padding-top {
    padding-top: 0.5rem;
}

.voto-background {
    /* background-color: var(--background-light); */
    background-color: var(--bg-voto-modale);
}
ul.timeline {
    list-style-type: none;
    position: relative;
    border-radius: var(--border-radius);
}
ul.timeline:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
    background: repeating-linear-gradient(
        to bottom,
        var(--text-200),
        var(--text-200) 10px,
        transparent 10px,
        transparent 20px
    );
}
ul.timeline > li {
    padding: 0.56rem 1.12rem;
}
ul.timeline > li:before {
    content: "" "";
    background: var(--text-100);
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 1px solid var(--text-500);
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

li.timelineActive:before {
    border: 1px solid var(--primary-400) !important;
    background: var(--primary-200) !important;
}



/* FINE CSS MODALE RIFIUTO VOTO */


.dx-popup-bottom{
    border-top: 1px solid #e0e0e0
}


.table>tbody {
    vertical-align: baseline;
}


.clear-btn {
    position: absolute;
    right: 200px;
    top: 10px;
    cursor: pointer;
    z-index: 1000;
}

.input-group {
    position: relative;
}
#searchMaterial {
    padding-right: 30px;
}


.clear-btn:hover {
    color: #333;
}

.opacityRifiutato {
    opacity: 0.6;
    cursor:auto !important;
}

/* .dx-item.dx-scheduler-appointment.dx-scheduler-appointment-vertical{
    /* width: 80px !important; */
    /* min-width: 5rem !important
} */ 
/* 
@media (max-width: 1200px) {
    .dx-item.dx-scheduler-appointment.dx-scheduler-appointment-vertical{
        min-width: 46px !important;
    }
}  */

@media (max-width: 992px) {
    .clear-btn{
        right: 150px;
    }

    /* .dx-item.dx-scheduler-appointment.dx-scheduler-appointment-vertical{
        min-width: 85px !important;
    } */
}

@media (max-width: 576px) {
    .clear-btn{
        right: 38px;
    }

    .course-detail.textVoto{
        float: right;
    }
}

/* CAROSELLO */

/* Indicatori (pallini) */
.carousel-caption{
    text-align: start;
}

.carousel-indicators{
    margin-left: 0px;
    margin-right: 0px;
}
.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #cce7fb; /* Colore pallino non attivo */
    margin: 0 4px;
    border: none;
    opacity: 1;
    /* transition: background-color 0.3s ease, width 0.3s ease, height 0.3s ease; */
}

.carousel-indicators .active {
    background-color: #007bff; /* Colore pallino attivo */
    width: 10px;
    height: 10px;
}

/* Frecce compatte e centrate vicino ai pallini */
.arrow-btn {
    background: transparent;
    border: none;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Dimensione e colore delle frecce */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 16px;
    height: 16px;
    filter:  invert(100%);
}

/* Hover effetto su frecce (opzionale)
.arrow-btn:hover .carousel-control-prev-icon,
.arrow-btn:hover .carousel-control-next-icon {
    filter: invert(0%) sepia(99%) saturate(0%) hue-rotate(180deg) brightness(0%) contrast(100%);
}
*/

.bg-danger-annotazioni {
    background-color: var(--danger-50) !important;
    color: var(--danger-900) !important;
    border-radius: var(--border-radius) !important;
}

.bg-warning-annotazioni {
    background-color: var(--warning-50) !important;
    color: var(--warinig-900) !important;
    border-radius: var(--border-radius) !important;
}


.txt-danger-annotazioni {
    color: var(--danger-700) !important;
    font-size: var(--font-size-sm) !important;
    font-weight: 600 !important;
}
.txt-warning-annotazioni {
    color: var(--warning-700) !important;
    font-size: var(--font-size-sm) !important;
    font-weight: 600 !important;
}




.alert-success-exam {
    height: 50px;
    padding: 9px 18px;
    gap: 18px;
    background-color: var(--success-50);
    color: var(--success-900);
    /* border: 1px solid var(--success-200); */
    border-radius: 6px;
}

.text-title-exam-online {
    color: #404040;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.text-exam-online {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: var(--success-900);
}
.text-exam-online-sm {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    color: var(--success-900);
}

.alert-info-exam {
    padding: 6px 12px;
    gap: 18px;
    border-radius: 12px;
    border: 1px solid #0369a1;
    color: #0369a1;
}

.text-exam-online-info-sm {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: #0369a1;
}