:root {





  --errorColor: #ff0000;





  --successColor: #1d881d;





  --usertypeBackground: #EDEDED;





  --usertypeBorder: #AA978F;





  --plusColor: #1d881d;





  --minusColor: #ff0000;





  --lightBrown: #DAD5CB;


  


  --darkBrown: #5F504B;








}











h4 {





  margin-bottom: 1.5rem;





  margin-top: 1.5rem;





}











.error {





    border: solid 1px var(--errorColor)!important;





}





.success {





    border: solid 1px var(--successColor)!important;





}











.error-message {





    color: var(--errorColor);





    font-size: 1rem;





    font-weight: 600;





}





.success-message {





    color: var(--successColor);





    font-size: 1rem;





    font-weight: 600;





}











.hide-section {





  visibility: hidden;





  display: none;





}











.closed {





  overflow: hidden;





  max-height: 0;





  padding-top: 0;





  padding-bottom: 0;





  margin-top: 0;





  margin-bottom: 0;





  transition: all 0.5s ease;





  will-change: transform;





}











.open {





  max-height: 1000px;





  overflow: hidden;





  transition: all 0.5s ease;





  will-change: transform;





}





.registration-form {


    margin-top: 30px;


}





#company-customer {





  /*


  background-color: var(--usertypeBackground);


  border: 1px solid var(--usertypeBorder);;


  padding: 1rem;


  */





  margin-bottom: 1rem;





}











#private-customer {





  /*


  background-color: var(--usertypeBackground);


  border: 1px solid var(--usertypeBorder);;


  padding: 1rem;


  */





  margin-bottom: 1rem;





}








.gdv-registration-label {


    background: var(--lightBrown);


    color: var(--darkBrown);


}





.gdv-address-h4 {


    padding: 0.7rem;


    background: var(--lightBrown);


    color: var(--darkBrown);


    margin-top: 1rem;


}





.gdv-address-buttons {


    margin-top: 2rem;


}





#check-session {





  /*


  padding: 1rem;


  border: 1px solid var(--usertypeBorder);


  */





  margin-bottom: 2rem;





}











#fidelitycard-session {





  /*





  padding: 1rem;





  border: 1px solid var(--usertypeBorder);





  */





  margin-bottom: 1rem;





  margin-top: 2rem;





}











.iconMessage {





    width: 24px;





    margin-right: 0.5rem;





}











.staticValue {





    font-weight: 600;





    font-size: 1.3rem;





}











.plus {





    color: var(--plusColor);





}











.minus {





    color: var(--minusColor);





}











.googleaddress {





  background-color: var(--usertypeBackground);


  padding: 1rem;


  margin-bottom: 20px;





}











input:invalid {





  border: 1px solid var(--errorColor);





}

















input:valid {





  border: 1px solid var(--successColor);





}











.fidelitycard{





  background-image: url("/modules/gvregistration/assets/front/img/facciate-fidelity.jpg"); /* The image used */





  height: 150px; /* You must set a specified height */





  background-position: center; /* Center the image */





  background-repeat: no-repeat; /* Do not repeat the image */





}











#div_signcontract{ 





  width: 99%; 





}











@media only screen and (max-width: 768px) {
    
    /*
    body {
      font-size: 1.5rem!important;
      line-height: 2rem!important;
    }

    .form-control {
      font-size: 1.5rem!important;
      line-height: 2rem!important;
    }
    .form-control-comment {
      font-size: 1.2rem!important;
    }
    .btn-primary, .btn-primary.disabled, .btn-primary:disabled {
      font-size: 1.5rem!important;
    }  

    */

    .form-group {
      margin: 0.5rem;

    }

   
    .form-control {
      margin-top:10px;
    }


    select.form-control:not([size]):not([multiple]) {
      height: auto;
    }

    p {
      margin-top: .8rem!important;
      margin-bottom: .8rem!important;
      text-align: center!important;
    }

    .h3, .h4, h3, h4 {
      font-size: 1.8rem!important;
    }

    .h1, .h2, .h3, .h4, h1, h2, h3, h4 {
      text-align:center!important;
    }

    .fidelitycard{
      background-image: url("/modules/gvregistration/assets/front/img/facciate-fidelity-vertical.jpg"); /* The image used */
      height: 300px; /* You must set a specified height */
    }

    
    footer.form-footer.text-center.clearfix {
      margin-top: 1rem;
    }
}