.messaggi{
      margin-left:70px;
    }
    .registrazioni{      
      margin: auto;
      margin-top:10px;      
      text-align: center;
      background-color:#e6eddc;
      width:550px;
      border-radius:20px;
      padding:10px;
    }
    
    .riepilogo{
      padding-left:30px;
      padding-right:30px;
    }    

    .registrazioni select{      
      width:240px;
    }

    .registrazioni text{      
      width:250px;
    }

    .registrazioni input[type="radio"]{      
      width:50px;
    }

    .registrazioni input[type="checkbox"]{      
      width:50px;
    }

    .registrazioni textarea{          
      width:250px;
      height:80px;
    }
    
    .registrazioni button{      
      width:500px; 
      height:40px;      
    }

      .row{
        display:flex;
        flex-direction:row;
        justify-content:center;   
        align-items:center;        
        padding: 5px;
        background-color:#e6eddc;
        
      }
        .left{
          text-align: right;
          width:380px;
          padding:4px;
        }
        .right{        
          text-align: left;
          width:380px;
          padding:4px;
       }
       
      .row_radio{
        display:flex;
        flex-direction:row;
        justify-content:flex-start; 
        align-items:center;                
        padding: 5px;
        background-color:#e6eddc;
        
      }
        .left_radio{          
          width:50px;
          padding:4px;
        }
        .right_radio{                  
          width:100px;
          padding:4px;
       }       
       
     .G{
      color: #640000;
     }  
     .E{
       color: #F00;
     }
     .N{
      color: #fb941a;
     }
     .B{
      color: #0000ff;
     }

@media all and (max-width: 801px) {
  .registrazioni{      
    width:700px;
    margin-top:30px;
    font-size:22px;
  }

    .registrazioni input[type="text"]{   
      width:100%;
    }
    .registrazioni input[type="radio"]{      
      width:100px;
    }

    .registrazioni input[type="checkbox"]{
      width:100%;
    }
  
    .registrazioni select{      
      width:100%;
      height:80px;
      padding:0px;
    }

    .registrazioni textarea{          
      width:100%;
      height:250px;
      padding:0px;
    }

    .row{
      display:flex;
      flex-direction:column;
      justify-content:center;   
      align-items:center;        
      padding: 5px;
    }
      .left{
        text-align: left;
        width:100%;
        padding:4px;
        /* border:1px solid #f00;*/
      }
      .right{        
        text-align: left;
        width:100%;
        padding:4px;
     }    
    
    .row_radio{            
      padding: 5px;
      
    }
      .left_radio{          
        width:100px;
        padding:4px;
      }
      .right_radio{                  
        width:100px;
        padding:4px;
     }       
 
  .registrazioni button{         
    width:700px;
    height:80px;
  }
}