.voordeelpakket-icon-verzekeringen, .voordeelpakket-icon-verzekeringen-geen-hover {
  color: #004899;
  font-size: 3em;
}

.voordeelpakket-icon-verzekeringen:hover {
  color: #ed008c;
}

/* VERVALLEN
.voordeelpakket-border-verzekeringen {
  border: 1px solid #dee2e6 !important;
  height: 9em; 
  padding-top: .5em;
  cursor: pointer;
}

.voordeelpakket-border-verzekeringen-geen-cursor {
  border: 1px solid #dee2e6 !important;
  height: 9em; 
  padding-top: .5em;
  cursor: default; 
}

.voordeelpakket-border-verzekeringen:hover {
  border: 1px solid #ed008c !important;
}

.voordeelpakket-border-verzekeringen:hover {
  color: #ed008c;
}
*/

.voordeelpakket-header-verzekeringen, .voordeelpakket-header-verzekeringen-geen-hover {
  color: #004899;
  font-size: 1.5em;
  font-weight: 600;
  margin-top: 0.5em;
  margin-left: 0.5em;
  position: absolute;
}

.voordeelpakket-header-verzekeringen:hover {
  color: #ed008c;
}

.voordeelpakket-icon-selecteren {
  color: #ed008c;
  font-size: 2.5em;
  float: right;
}

.voordeelpakket-icon-selecteren:hover {
  color: #004899;
}

.voordeelpakket-tekst-verzekeringen {
  color: #004899;
  font-size: 15px;
  margin-bottom: 15px;
  font-weight: 400;
}

.voordeelpakket-icon-check {
  color: #009929;
  font-size: 2.5em;
  float: right;
  cursor: default; 
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
  font-size: 1.2rem;
  color: #696969;
}

#eindeForm input:-webkit-autofill,
#eindeForm input:-webkit-autofill:hover, 
#eindeForm input:-webkit-autofill:focus {
  font-size: 1rem;
  color: #696969;
}

.form-control {
  border: 2px solid #CCDBE8;
}

.font-groot {
  font-size: 1.2rem;
  color: #696969;
}

#form-1 input::placeholder, 
#form-2 input::placeholder, 
#form-3 input::placeholder,
#form-inboedel input::placeholder, 
#form-woonhuis input::placeholder,
#form-aanhangwagen input::placeholder,
#form-fiets input::placeholder {
  font-size: 1.2rem;
  color: #696969;
}

#startForm #postcode,
#startForm #toevoeging,
#eindeForm #voorletters,
#postcode_bestuurder {
  text-transform: uppercase;
}

#eindeForm #email,
#eindeForm #tussenvoegsel {
  text-transform: lowercase;
}

#eindeForm #achternaam {
  text-transform: capitalize;;
}

#startForm .form_error,
#eindeForm .form_error,
#eindeForm .form-select{
  border: 2px solid #CCDBE8 !important;
  background-image: url(https://pma.info/images/form_error.png);
  background-image: none;
}

#startForm .has-error, 
#eindeForm .has-error {
  border: 0 !important;
  background-image: url(https://pma.info/images/form_error.png);
  background-image: none;
}

.help-block {
  color: #dc3545;
}

.sw-btn-prev {
  float: left;
  background-color: #6c757d !important;
  border-color: #6c757d !important;
}

.voordeelpakket-icon-order-up {
  color: #ED008C;
  font-size: 3em;
  cursor: pointer;
}

#voordeelpakket-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #004899;
  text-align: right;
  text-shadow: 0 1px 0 #84BAFF;
  box-shadow: 0 0 15px #00214B;
  z-index: 1000;
  padding: 1em 1% 0.25em 1%;
}

#voordeelpakket-offertebon-verzekeringen {
  position: fixed;
  bottom: 6em;
  right:1%;  
  width: 12%;
  z-index: 1001;
  height: 75vh;
  background-color: #ffffff;
  scrollbar-gutter: stable;
  overflow-x: hidden;
  padding: 0 10px 10px 10px ;
  display: none;
}

.kop-div-offertebon {
  background-color: #004899;
  color: #ffffff;
}

.cursor-pointer {
  cursor: pointer;
}

.voordeelpakket-koptekst-offertebon {
  color: #004899;
  font-size: 15px;
  font-weight: 600;
}

.icon-klein {
  font-size: 20px;
}

.offerte-auto-select {
  color: #696969 !important;
}

.voordeelpakket-tekst-front {
  padding: 20px 40px 0 0;
  color: #696969;
  font-size: 1.2em;
}

.voordeelpakket-tekst-front-switch {
  padding: 0;
  color: #696969;
  font-size: 1.2em;
}

input[type=checkbox]:checked:before, input[type=radio]:checked:before {
    background: transparent;
}

.offerte-aanvragen-footer {
  position: relative;
  bottom: 1.2em;
}

.row_garagebox, 
.row_constructie_riet, 
.row_garagebox_huur, 
.row_bijzondere_bezittingen, 
.row_zakelijke_inboedel, 
.row_aanhanger, 
.row_kenteken_aanwezig_ja,
.row_max_snelheid,
.row_taxatie,
.row_geboortedatm_partner,
.row_aantal_sloten,
.row_standplaatsnummer,
.row_woningtype,
row_burenrecht, 
.row_motorrijtuigen,
.row_arbeidsrecht {
  display: none;
}

.aanvraag_annuleren a {
  color: #696969;
  text-decoration: none;
}

.popover {
  max-width: 350px;
}

.background-gekozen {
  background-color: #f2f7fc !important;
}

.voordeelpakket-overzicht-verzekeringstab-border {
  /* border: 1px solid #dee2e6 !important; */
  height: 10em;
  padding-top: .5em;
  cursor: pointer; 
  padding: 1em;
}

.voordeelpakket-overzicht-verzekeringstab-border-geen-cursor {
  /* border: 1px solid #dee2e6 !important; */
  height: 10em;
  padding-top: .5em;
  cursor: default; 
  padding: 1em;
}

.voordeelpakket-overzicht-verzekeringstab {
  background-color: #ed008c;
  transform: skew(-10deg);
  border-radius: 20px;
  width: 100%;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .194);
}

.voordeelpakket-overzicht-verzekeringstab-inner {
    background-color: #fff;
    margin-left: 4%;
    border-radius: 20px;
    height: 9em;
}

.voordeelpakket-overzicht-verzekeringstab-headtekst, .voordeelpakket-overzicht-verzekeringstab-headtekst-geen-hover {
  color: #004899;
  font-size: 1.4em;
  font-weight: 600;
  margin-top: 0.5em;
}

.voordeelpakket-overzicht-verzekeringstab-headtekst:hover {
  color: #ed008c;
}

.voordeelpakket-overzicht-verzekeringstab-inner-content {
    transform: skew(10deg);
    padding: 0.5em 1em 0.5em 2em;
}

.voordeelpakket-cursor-pointer {
  cursor: pointer;
}

.voordeelpakket-overzicht-div {
  background-color: white;
  margin: 30px 14% 0 14%;
  padding: 2% 5% 4% 5%;
  z-index: 200;
  position: relative;
  border-radius: 5px;
}

.voordeelpakket-overzicht-bloktekst {
  font-size: 15px;
  color: #004899;
}

.hr-overzicht {
  margin: 0.5rem 0 1rem 0;
}

.voordeelpakket-btn {
  color: #fff;
  background-color: #ed008c;
  border-color: #ed008c;
}

.voordeelpakket-btn-outline {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.voordeelpakket-btn-outline:hover {
  color: grey;
}

.offerte-bewaren-geklikt:hover {
  color: grey;
}

.form-check-input {
  margin-right: 0px !important;
}

.tekst-voordeelpakketverzekering {
  margin-top: 50px;
}

.p-voordeelpakket-opsomming {
  color: #004899;
  font-size: 15px;
  margin-bottom: 5px;  
}

.bg-lichtblauw {
  background-color: #f2f7fc;
}

.voordeelpakket-button {
  text-decoration: none;
}

.voordeelpakket-button-tekst {
  padding-top: 15px;
}

.voordeelpakket-button-pijl {
  margin-top: -15px;
}

@media screen and (max-width: 1800px) {
 
  .voordeelpakket-overzicht-verzekeringstab-border {
    height: 11em;
  }
  
  .voordeelpakket-overzicht-verzekeringstab-border-geen-cursor {
    height: 11em;
  }  
  
  .voordeelpakket-overzicht-verzekeringstab-inner {
      height: 10em;
  }   
  
}

@media screen and (max-width: 1700px) {
  
  #voordeelpakket-offertebon-verzekeringen {
    right: 1%;  
    width: 15%;
  }
    
}

@media screen and (max-width: 1550px) {
  
  .voordeelpakket-overzicht-div {
    margin: 20px 14% 0 14%;
  }
  
  .voordeelpakket-overzicht-verzekeringstab-border {
    height: 8em;
  }
  
  .voordeelpakket-overzicht-verzekeringstab-border-geen-cursor {
    height: 8em;
  }  
  
  .voordeelpakket-overzicht-verzekeringstab-inner {
      height: 7em;
  }
  
  .voordeelpakket-overzicht-verzekeringstab-headtekst, .voordeelpakket-overzicht-verzekeringstab-headtekst-geen-hover {
    font-size: 1.2em;
  }
  
  .voordeelpakket-overzicht-verzekeringstab-inner-content {
      padding: 0.5em 1em 0.5em 1.5em;
  }    
  
}

@media screen and (min-width:1400px) and (max-width:1550px){
    
  .voordeelpakket-overzicht-verzekeringstab-border {
    height: 12em;
  }
  
  .voordeelpakket-overzicht-verzekeringstab-border-geen-cursor {
    height: 12em;
  }  
  
  .voordeelpakket-overzicht-verzekeringstab-inner {
      height: 11em;
  }
    
}

@media screen and (max-width: 1024px) {
  
  .voordeelpakket-overzicht-div {
    margin: 20px 2% 0 2%;
    padding: 5% 5%;
  } 
  
  .voordeelpakket-overzicht-verzekeringstab-border {
    height: 8em;
  }
  
  .voordeelpakket-overzicht-verzekeringstab-border-geen-cursor {
    height: 8em;
  }  
  
  .voordeelpakket-overzicht-verzekeringstab-inner {
      height: 7em;
  } 
  
  #voordeelpakket-offertebon-verzekeringen {
    right: 1%;  
    width: 25%;
  } 
  
  .tekst-voordeelpakketverzekering {
    margin-top: 25px;
  } 
  
  .voordeelpakket-overzicht-verzekeringstab-inner-content {
      padding: 0.5em 1em 0.5em 1em;
  }  
  
  .voordeelpakket-overzicht-verzekeringstab-headtekst, .voordeelpakket-overzicht-verzekeringstab-headtekst-geen-hover {
    font-size: 1.2em;
  }
  
  .voordeelpakket-overzicht-verzekeringstab-border {
    height: 7em;
  }
  
  .voordeelpakket-overzicht-verzekeringstab-border-geen-cursor {
    height: 7em;
  }  
  
  .voordeelpakket-overzicht-verzekeringstab-inner {
      height: 6em;
  }    
  
}

@media screen and (max-width: 768px) {
  
  .voordeelpakket-overzicht-div {
    margin: 20px 5% 0 5%;
  }
  
  #voordeelpakket-offertebon-verzekeringen {
    right: 1%;  
    width: 45%;
  }
    
  .voordeelpakket-overzicht-verzekeringstab-headtekst, .voordeelpakket-overzicht-verzekeringstab-headtekst-geen-hover {
    font-size: 1.1em;
  } 
    
}

@media screen and (max-width: 500px) {
    
  #voordeelpakket-offertebon-verzekeringen {
    right: 10%;  
    left: 10%;
    width: 80%;
    border: 1px solid #004899;
   scrollbar-gutter: auto;
  }
  
  .voordeelpakket-overzicht-verzekeringstab-headtekst, .voordeelpakket-overzicht-verzekeringstab-headtekst-geen-hover {
    font-size: 1.2em;
  }   
  
}

@media screen and (min-width: 676px) {
  
  .modal-dialog {
    max-width: 600px; /* New width for default modal */
  }
    
}