/*MODALE CARICA DATABASE*/

.modal-caricadb{


position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
color:black;
align-items: center;
align-content: center;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
align-content: center;
flex-direction: column;


}

.modalcdbhidden{

    
display: none;

}

.caricadbcontent{


background-color: #f8f9fa ;
width: 60%;
justify-content: center;

}

/*MODALE CREA SOSTITUZIONE*/

.modal-nuovasost{


    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
    color:black;
    align-items: center;
    align-content: center;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    
    
    }
    
    .sostituzionehidden{
    
        
    display: none;
  
    
    }

    
      .sostituti > div {
        margin-bottom: 20px; /* Imposta la distanza desiderata tra i div */
    }
    

    
    .nuovasostcontent{
    
    
        background-color: #f8f9fa ;
        width: 60%;
        justify-content: center;
        
    }


    .nuovasostcontent form {
        
        width: 50%;
        max-height: 345.19;
        padding: 20px;
        box-shadow: 0px 0px 0px 4px rgba(52, 52, 53, 0.185);
        display: flex;
        flex-direction: column;
        border-radius: 10px;
        color: white;
      }
      
      .nuovasostcontent title {
        text-align: center;
        font-size: 2rem;
        margin-bottom: 20px;
        color: #e74112;
      }
      
      .nuovasostcontent label {
        color: rgb(255, 255, 255);
        margin-bottom: 4px;
      }

      .nuovasostcontent fieldset {
        color: rgb(255, 255, 255);
        margin-bottom: 4px;
      }

      .nuovasostcontent legend {
        color: rgb(255, 255, 255);
        margin-bottom: 4px;
      }
      
      .nuovasostcontent input {
        padding: 10px;
        margin-bottom: 20px;
        width: 50%;
        font-size: 1rem;
        color: #4a5568;
        outline: none;
        border: 1px solid transparent;
        border-radius: 4px;
        transition: all 0.2s ease-in-out;
      }
      
      .nuovasostcontentinput:focus {
        background-color: #fff;
        box-shadow: 0 0 0 2px #cbd5e0;
      }
      
      .nuovasostcontent input:valid {
        border: 1px solid green;
      }
      
      .nuovasostcontent input:invalid {
        border: 1px solid rgba(14, 14, 14, 0.205);
      }
      
      .nuovasostcontent submit {
        margin-top: 10px;
        background-color: #1a202c;
        color: #fff;
        border: none;
        border-radius: 4px;
        padding: 10px 20px;
        font-size: 1.2rem;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
      }


          
          /*MODALE CARICA DATI*/

          .custum-file-upload {
            height: 200px;
            width: 300px;
            display: flex;
            flex-direction: column;
            align-items: space-between;
            gap: 20px;
            cursor: pointer;
            align-items: center;
            justify-content: center;
            border: 2px dashed #cacaca;
            background-color: rgba(255, 255, 255, 1);
            padding: 1.5rem;
            border-radius: 10px;
            box-shadow: 0px 48px 35px -48px rgba(0,0,0,0.1);
          }
          
          .custum-file-upload .icon {
            display: flex;
            align-items: center;
            justify-content: center;
          }
          
          .custum-file-upload .icon svg {
            height: 80px;
            fill: rgba(75, 85, 99, 1);
          }
          
          .custum-file-upload .text {
            display: flex;
            align-items: center;
            justify-content: center;
          }
          
          .custum-file-upload .text span {
            font-weight: 400;
            color: rgba(75, 85, 99, 1);
          }
          
          .custum-file-upload input {
            display: none;
          }



          .modal-uploader{


            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, 0.8);
            z-index: 999;
            color:black;
            align-items: center;
            align-content: center;
            display: flex;
            justify-content: center;
            text-align: center;
            align-items: center;
            align-content: center;
            flex-direction: column;
            
            
            }
            
            .uploaderhidden{
            
                
            display: none;
            
            }