.rte-popup {
  position: fixed;
  top: 102px;
  max-height: 80%;
  left: 20vw;
  width: 60vw;
  padding: 50px;
  background-color: white!important;
  overflow-y: scroll;
  box-shadow: 0 2px 10px 0 black;
  -ms-overflow-style: none;
  color: black;
  z-index: 10;
}

.rte-popup::-webkit-scrollbar {
  display: none;
}

.rte-popup .close-form {
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px;
}

#rte-email {
  display: none;
}

/* Confirmation mssage */
.webform-confirmation__back {
  display: none;
}




/* Form in popup */
.rte-popup .rte-form label,
.rte-popup .rte-form .checkbox .description{
  color: black !important;
}

.rte-popup .rte-form input, 
.rte-popup .rte-form input:focus {
  color: black !important;
  border-bottom: 1px solid black;
}

.rte-popup .rte-form select, 
.rte-popup .rte-form select:focus {
  color: black !important;
  background-color: white !important;
  border: 1px solid black !important
}

.rte-popup .rte-form textarea, .rte-popup .rte-form textarea:focus {
  color: black !important;
  border: solid 1px black !important;
}

.rte-popup .rte-form fieldset[id^=edit-legal-notice] {
  border: 1px solid black !important;
  padding: 15px;
}

.rte-popup .rte-form .js-form-type-checkbox input[type="checkbox"] + .description:before {
  background-color: white !important;
}

.rte-popup .rte-form .js-form-type-checkbox input[type="checkbox"]:checked + .description:before {
  background-color: #00ceff !important;
}

.rte-popup .rte-form .send-message-button input:first-child, .rte-popup .rte-form input.clear-form-button{
  color: white !important;
  border-bottom: none !important;
}


.rte-popup .rte-form input.clear-form-button{
  background-color: black !important;
}

.rte-form .send-message-button {
  margin-left: 20% !important;
}

.rte-popup .rte-form input:-webkit-autofill,      
.rte-popup .rte-form input:-webkit-autofill:hover,                         
.rte-popup .rte-form input:-webkit-autofill:focus,   
.rte-popup .rte-form input:-webkit-autofill:active,
.rte-popup .rte-form select:-webkit-autofill,         
.rte-popup .rte-form select:-webkit-autofill:hover,                                
.rte-popup .rte-form select:-webkit-autofill:focus,         
.rte-popup .rte-form select:-webkit-autofill:active {        
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: black;           
}

.rte-popup .rte-form .alert {                                         
  border: 1px solid black;
  color: black;
}

.rte-popup .rte-form a:not(.contact-button):hover {
  background: none !important;
  text-decoration: underline !important
}   


/* Custom button */
.rte-popup-condition-pdf .buttons {
  text-align: center;
}

.rte-popup-condition-pdf .cancel-button, 
.rte-popup-condition-pdf .validation-button {
  display: inline-block;
  width: auto;
  border-radius: 19.5px !important;
  font-size: 14px;
  font-weight: 800;
  font-style: normal;
  line-height: normal;
  padding: 10px 31px;
  margin-right: 7px;
  text-decoration: none;
  white-space: nowrap;
  margin-bottom: 5px;
  color: white;
  border: none;
  cursor: pointer;
}

.rte-popup-condition-pdf .cancel-button {
  background-color: #000000;
  border: 1px solid #FFFFFF;
}

.rte-popup-condition-pdf .cancel-button:hover {
  color: #000000;
  background-color: white;
  border: 1px solid #000000;
}

.rte-popup-condition-pdf .validation-button {
  background-color: #00a6d9;
}

.rte-popup-condition-pdf .validation-button:hover {
  background-color: #00CEFF;
}


@media only screen and (max-width: 768px) {
  .rte-popup{
    width: 80vw;
    left: 5vw;
    padding: 20px;
  }

  .rte-popup h2 {
    padding-right: 30px;
  }

  .rte-form .send-message-button {
    margin-left: 0 !important;
  }
}