/*---------------------------------------------------------------------------------

    Theme Name:   ict-dica
    Theme URI:    http://dica.polimi.it
    Description:  ict-dica child divi
    Author:       ICT DICA
    Author URI:   http://dica.polimi.it
    Template:     Divi
    Version:      1.0.0
    License:      GNU General Public License v2 or later
    License URI:  http://www.gnu.org/licenses/gpl-2.0.html

    ------------------------------ ADDITIONAL CSS HERE ------------------------------*/
    

    /*TEMA ROSSO*/
    


    /*FINE TEMA ROSSO*/

    body.ict #main-content {
        width: 80%;
        margin: 2% auto;
    }

    body.ict form {
        margin-top: 20px;
    }

    body.ict label {
        display: block;
        margin-bottom: 5px;
    }

    body.ict #periodo {
        width: 100%;
    }

    
    body.ict #periodo input[type="text"],
    body.ict #periodo input[type="date"],
    body.ict #periodo input[type="time"],
    body.ict #periodo select {
        display: inline-block;
        padding: 8px;
        margin-right: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        width: auto;
    }

    body.ict input[type="text"],
    body.ict input[type="date"],
    body.ict input[type="time"],
    body.ict select {
        width: 100%;
        padding: 8px;
        margin-bottom: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
    }
    
    body.ict select:focus {
        border-color: #9a2410;
    }

    body.ict select option {
        padding: 8px;
        background-color: #f9f9f9;
        color: #333;
    }
a
    body.ict select option:hover {
        background-color: #e0e0e0;
        color: #000;
    }

    /* Stile del contenitore di Select2 per selezione singola */
    body.ict .select2 {
        width: 100% !important;
    }
    body.ict .select2-container .select2-selection--single {
        width: 100% !important;
        height: auto !important;
        border: 1px solid #ccc !important;
        padding: 6px !important;
        font-size: 16px !important;
    }

    body.ict .select2-container .select2-selection--multiple {
        width: 100% !important;
        height: auto !important;
        border: 1px solid #ccc !important;
        padding: 6px !important;
        font-size: 16px !important;
    }


    /* Stile del focus */
    body.ict .select2-container--default .select2-selection--single:focus,
    body.ict .select2-container--default .select2-selection--multiple:focus {
        border-color: #9a2410 !important;
    }

    /* Stile del testo selezionato */
    body.ict .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #333 !important;
        padding: 8px !important;
    }

    /* Stile del menu a tendina */
    body.ict .select2-container--default .select2-results__options {
        background-color: #f9f9f9 !important;
        color: #333 !important;
        padding: 8px !important;
    }

    /* Stile degli elementi nel menu a tendina */
    body.ict .select2-container--default .select2-results__option {
        padding: 8px !important;
        background-color: #f9f9f9 !important;
        color: #333 !important;
    }

    /* Stile degli elementi al passaggio del mouse */
    body.ict .select2-container--default .select2-results__option--highlighted {
        background-color: #e0e0e0 !important;
        color: #000 !important;
    }

    body.ict input:focus {
        border-color: #9a2410;
    }


    
    body.ict input[type="submit"] {
        width: 15%;
        background-color: #9a2410;
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }

    body.ict input[type="submit"]:hover {
        background-color: #721c0c;
    }

    body.ict textarea {
        width: 100%;
        max-width: 100%;
        height: calc(6 * 1.2em);
        max-height: calc(6 * 1.2em);
        padding: 8px;
        margin-bottom: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
    }

    body.ict textarea:focus {
        border-color: #9a2410;
    }

    body.ict h2 {
        font-size: 24px;
        margin-bottom: 20px;
        color: #333;
    }

    body.ict h4 {
        font-size: 16px;
        margin-bottom: 10px;
        color: #333;
    }

    body.ict label[for="responsabile_operativo"],
    body.ict label[for="responsabile_scientifico"] {
        font-weight: bold;
        color: #9a2410;
        margin-bottom: 5px;
        margin-top: 10px;
        font-size: 18px;
    }

    body.ict button[type="button"] {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    body.ict mark {
        background-color: #9a2410; /* Rosso */
        color: white; /* Testo bianco per contrasto */
        font-weight: bold;
    }


    body.ict #responsabili_inseriti {
        border-collapse: collapse;
        width: 100%;
    }
    
    body.ict #responsabili_inseriti th,
    body.ict #responsabili_inseriti td {
        border: 1px solid #dddddd; /* Aggiunge un bordo alle celle */
        padding: 10px; /* Aggiunge spazio interno alle celle */
        text-align: left; /* Allinea il testo a sinistra */
    }
    
    body.ict #responsabili_inseriti th:first-child,
    body.ict #responsabili_inseriti td:first-child {
        padding-right: 20px; /* Aggiunge spazio alla destra della prima colonna */
    }


    /*Completamento barra*/

    body.ict h1 {
        font-size: 36px;
        margin-bottom: 20px;
        color: #333;
        text-align: center;
    }

    body.ict .navbar {
        overflow: hidden;
        text-align: center;
        padding-bottom: 30px;
        border-bottom: 2px solid #ccc;
    }
    
    body.ict .navbar a {
        display: inline-block;
        color: black;
        text-align: center;
        padding: 14px 30px;
        text-decoration: none;
        font-size: 17px;
        margin: 0 5px;
        position: relative;
    }
    
    body.ict .navbar a:hover {
        background-color: #ddd;
    }
    
    body.ict .navbar a.active {
        background-color: #9a2410;
        color: white;
    }
    
    body.ict .navbar a.completed {
        background-color: #9a2410;
        opacity: 0.70;
        color: white;
    }
    

    /*Fine completamento barra*/

    /* Stile per l'autocompletamento */
    body.ict .awesomplete {
        width: 100%;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    body.ict .awesomplete ::selection {
        background-color: #9a2410;
        color: white;
    }

    body.ict .awesomplete ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    body.ict .awesomplete li {
        padding: 8px 12px;
        cursor: pointer;
    }

    body.ict .awesomplete li:hover,
    body.ict .awesomplete li:focus {
        background-color: #f9f9f9;
    }

    body.ict .awesomplete li[aria-selected="true"] {
        background-color: #9a2410;
        color: white;
    }
    

    body.ict .awesomplete li[aria-selected="true"] ::selection {
        background-color: #9a2410;
        color: white;
    }
    /* Fine stile per l'autocompletamento */


    body.ict table#responsabili {
        margin-top: 20px;
        border-collapse: collapse;
    }
    
    body.ict table#responsabili td {
        border: 1px solid #ccc;
        padding: 8px;
        cursor: pointer;
    }
    
    body.ict table#responsabili td:hover {
        background-color: #9a2410;
        color: white
    }

    body.ict #responsabile_in label {
        font-weight: bold;
    }

    body.ict a.button {
        width: 15%;
        background-color: #9a2410;
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
    }