/*Utils*/

.modal-footer .form-check-input{
    border-color: black;
    border-width:1px
}
#modulesList .form-check-input{
    border-color: black;
    border-width:1px
}

.max-content-width {
    width: max-content;
}

#loginToast{
    background-color: white;
}

.blur {
    filter: blur(5px);
    pointer-events: none;
    user-select: none;
}

.icon-popover{
    cursor: pointer;
    color: #b1eefa
}

.icon-popover:hover{
    color: #0ec2e6
}

/*calendar*/
.event-after-limit{
    opacity: 0.5
}
.event-after-limit.event-after-limit-visible{
    opacity: 1
}
.event-after-limit.event-after-limit-visible i{
    color: #de3e44
}
.event-full > div{
    background-color: #de3e44!important;
    color: white!important 
    /* Add any other styles you want for full events */
}

.dt-column-order{
    display:none
}

/*datatables ui*/
.dt-length{
    padding-top: 10px
}
.dt-info{
    padding-top: 10px!important
}
.dt-paging{
    padding-top: 10px!important
}
.dt-search input:focus{
    box-shadow: none
}
.email-column {
    max-width: 150px;
    white-space: nowrap;    
    overflow: hidden;       
    text-overflow: ellipsis; 
}
.notes-column{
    min-width:200px
}
.status-column{
    min-width:100px
}

/**/
.table td {
    vertical-align: middle;
}

.session_partcipants{
    font-weight:bold;
    background-color: #ffc107;
    padding:1px 3px;
    border-radius: 3px;
    color: #232323
}
.session_partcipants:after{
    content:' \f03a';
    font-family: FontAwesome;
}

.btn-export-excel{
    z-index:1000
}
/*Sessions table*/
#sessionsTable .dt-type-numeric,#sessionsTable .dt-type-date{
    text-align:left
}
#sessionsTable .form-control.max-participants-input{
    max-width: 70px
}

.modules_count{
    background-color: #ffc107;
    color: #232323;
    padding:0px 2px; 
    border-radius: 2px;
}

/*prenota per studente*/
.examModulesContainer{
    width: max-content;
    padding: 2px;
    border-radius: 4px;
}
.select2-selection[aria-expanded="true"]{
    box-shadow: none!important;
    border-top-color: #ced4da!important;
    border-left-color: #ced4da!important;
    border-right-color: #ced4da!important;        
}
.select2-search__field:focus{
    box-shadow: none!important
}

/*staff bookings table*/
#bookingsTable_wrapper .dt-type-numeric, #bookingsTable_wrapper .dt-type-date{
    text-align:left
}
#bookingsTable_wrapper #statusFilter, #bookingsTable_wrapper #examinerFilter{
    border-color:#dee2e6;
    border-radius: 4px
}
#bookingsTable_wrapper #statusFilter:focus, #bookingsTable_wrapper #examinerFilter:focus{
    box-shadow: unset;
    border-color: #0a53be;
}
#bookingsTable_wrapper .dt-custom-filter{
    background-color:white
}
#bookingsTable_wrapper .notes-wrapper {
    display: flex;
    align-items: end;
}
#bookingsTable_wrapper .notes-wrapper .booking-notes {
    flex: 1; 
    margin-right: 2px; 
}
#bookingsTable_wrapper .notes-wrapper .save-notes-btn {
    display: inline-block;
    flex-shrink: 0; /* Prevents the button from shrinking */
}
.save-notes-btn {
    padding: 1px 3px;
    font-size: 80%;
}

.save-price-btn {
    position: relative;
    padding: 1px 3px;
    font-size: 80%;
}

/*move students table*/
#bookingsTableBody .session-select{
    min-width: max-content;
}

/* Custom styling for DataTables column visibility dropdown */
.dropdown-menu.dt-button-collection{
    width: max-content!important;
    max-height: 400px; /* Adjust as needed */
    column-count: 2; /* Show in two columns */
    column-gap: 10px;
    padding: 10px;
}

/*Toast close button inverter*/
.btn-close {
    filter: invert(0);
}
.btn-close-white {
    filter: invert(1);
}

/*note esami sostenuti*/
.notes-wrapper {
    position: relative;
}
.notes-wrapper .module-notes {
    width: 100%;
    height: 100px; /* Adjust as necessary */
    padding-right: 50px; /* Space for the button */
}
.notes-wrapper .save-notes {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 10;
}

/*checkbox invia certificato*/
.certificate-checkbox{
    transform: scale(1.5);
    margin: 0; 
    cursor: pointer; 
}

/* checkbox consenso ripresa*/
label[for="consentCheckbox"] {
    font-size: 13px;
    position: relative;
    top: 4px;
    text-align: justify;
    margin-right: 15px;
}

/*mobile*/
@media (max-width: 767.98px) {
    .fc-header-toolbar {
        flex-direction: column;
    }
    .fc .fc-toolbar{
        gap: 5px
    }
    .fc .fc-toolbar-title {
        font-size: 1.2rem;
    }
    .fc .fc-button {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
    }
    .fc .fc-event-time {
        font-size: 0.75rem;
        padding: 0.25rem;
    }
    .fc .fc-event-title {
        font-size: 0.75rem;
    }
    .fc-daygrid-day-events{
         top:21px
    }
    #sessionsTable_wrapper{
        overflow-x:scroll
    }
    #exams{
        overflow-x:scroll
    }
}

/*university calendar*/

#sessions-table_wrapper .dt-search{
    margin-bottom: 20px;
    width: max-content;
    float: right;
}
#calendar-univ .fc-daygrid-event-harness {
    background-color: #61a1fe;
    border-radius: 6px;
    margin-top: 2px!important;
}
#calendar-univ .fc-event {
    display: inline-block;
    line-height: 1.3;
}
#calendar-univ .fc-event-title {
    white-space: normal; 
    word-wrap: break-word; 
    overflow-wrap: break-word; 
    font-weight: normal
}
#calendar-univ .fc-event-time {
    font-weight: bold;
    margin-right: 0px
}

.module-result-dropdown {
    flex-grow: 1;
    margin-right: 5px;
}

.save-result-button {
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
}

#settingsForm{
    width:100%
}

.file-actions .btn.disabled {
    opacity: 0.6;
    cursor: not-allowed !important;
    pointer-events: none;
}

.file-actions .btn.disabled:hover {
    opacity: 0.6;
}