/*body {
  padding: 0 !important;
}

body.self-certify-blur .root.container {
  display: block!important;
  opacity: 1!important;
} */

body#testpage .root.container {
    display: block!important;
  opacity: 1!important;
}

.cmp-selfcertification {
  background: #6b6b6bc9 !important;
}

.cmp-selfcertification__title h1 {
  font-family: Lexia !important;
  font-size: 42px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 48px !important;
  color: rgb(10, 88, 143) !important;
  padding-bottom: 25px !important;
}

.cmp-selfcertification__title {
  width: 65%;
}

.cmp-selfcertification.modal.modal--visible.modal--overflow .modal-box {
  max-width: 1094px;
}

.cmp-selfcertification__content::after {
 /* content: url('/content/dam/intelligentcontent/brands/tezspire-patient-nl/nl/nl/global/self-certification.png');
 */
  position: relative;
  top: -69px;
}

.cmp-selfcertification__content {
  /*display: flex;*/
  gap: 121px;
}

/*.tp-selfcert-content {
  display: flex;
  gap: 65px;
} */

.self-certification-form {
  width: 615px;
}

/*.modal-box .cmp-selfcertification__content .aem-Grid.aem-Grid--12.aem-Grid--default--12 {
  display: none !important;
}  */

.cmp-selfcertification__continue {
  width: 145px !important;
  height: 52px !important;
  background: #E64300 !important;
  font-family: 'Lexia-italic';
  font-size: 16px;
 /* font-weight: 600; */
  line-height: 19px;
}

.modal-box .cmp-selfcertification__actions {
  align-items: flex-start !important;
}

.cmp-selfcertification__title p {
  padding-bottom: 9px;
  font-family: Lexia;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  padding-top: 7px;
  font-style: normal;
}

.control-label {
  font-family: Helvetica Neue;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.cmp-selfcertification .text-danger {
  display: none;
}


/*.cmp-selfcertification__content span#power {
  vertical-align: super;
} 




.cmp-selfcertification__actions {
  padding-top: 20px;
}


/*media queries*/


@media only screen and (max-width: 1920px) {
  .cmp-selfcertification.modal.modal--visible.modal--overflow .modal-box {
    max-width: 695px;
  }
}

/*@media only screen and (max-width: 1400px) {
  .cmp-selfcertification.modal.modal--visible.modal--overflow .modal-box {
    max-width: 990px;
  }
}*/

 /*@media only screen and (max-width: 1100px) {
 .cmp-selfcertification.modal.modal--visible.modal--overflow .modal-box {
    max-width: 864px;
  } 

  .cmp-selfcertification .form-control {
    width: 80% !important;
  }
}*/

@media only screen and (max-width: 992px) {
  .cmp-selfcertification.modal.modal--visible.modal--overflow .modal-box {
    max-width: 600px;
  }

  .tp-selfcert-content {
    display: block;
  }

  .cmp-selfcertification__title {
    width: 100%;
  }
  
  .cmp-selfcertification__continue {
    margin-top: 20px !important;

}

.cmp-selfcertification .form-control {
    width: 85% !important;
}
}

@media only screen and (max-width: 768px) {
 .cmp-selfcertification .form-control {
    width: 68% !important;
 }
        .cmp-selfcertification__content {
       padding: unset !important;
    }
     .cmp-selfcertification.modal.modal--visible.modal--overflow .modal-box {
    max-width: 500px;
  }
}

@media only screen and (max-width: 540px) {
    .cmp-selfcertification .modal-box {
 margin: auto !important
    }
    } 
    
    @media only screen and (min-width: 390px) and (max-width: 539px) {
         .cmp-selfcertification.modal.modal--visible.modal--overflow .modal-box {
    max-width: 350px;
  }
   .cmp-selfcertification .form-control {
    width: 46% !important;
        font-size: 16px !important;
 }
.control-label {
    font-size: 13px;
}
    }