/* Globals */
:root {
  --max-width: 1400px;
}

.wml-review.notice {
  display: none !important;
}

#wp-admin-bar-my-account, #wpadminbar {
    display: none!important;
    opacity: 0!important;
  }
  #adminmenu div.wp-menu-name {
    hyphens: none!important;
  }


  /* login form */
body.login {
  background: var(--primary);
}
#login h1 a {
    background-image: var(--logo);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 110px;
}
body.login #nav a{
  color: #fff;
}
body.login #backtoblog a {
  display: none;
}

body.login .button-primary {
  background: var(--button);
  border-color: var(--button);
}
body.login .button-primary:hover {
  background: var(--button-hover);
  border-color: var(--button-hover);
}


/* Lijst met niet igevulde velden */

.fieldsRemainingListWrapper {
  padding: 10px;
  border: 1px dashed var(--red);
  max-width: var(--max-width);
  width: 100%;
}
p.fieldsRemainingListKop {
   margin-top: 0;
   margin-bottom: 0;
    color: var(--red);
}
ul.fieldsRemainingList {
  display: inline-block;
  list-style-type: disc;
  width: 100%;
  background-color: #fff;
  padding: 10px;
}
ul.fieldsRemainingList li {
  /*border-bottom: 1px solid #ccc;*/
  margin: 0;
  padding: 7px 0 7px 0;
  margin-left: 20px;
}


/* Algemeen */
* {
  box-sizing: border-box;
}
#intoto-form {
  width: 100%;
  padding-right: 20px;
}

/* Header */
#intoto-form .header {
  /*background: var(--primary);*/
  /*margin: 20px 0 0 0;*/
  /*padding: 20px;*/
  text-align: center;
  width: 100%;
  max-width: var(--max-width);
  padding-left: 100px;
  background-image: linear-gradient(var(--primary), var(--primary) 20%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0));

  /*border-top: var(--primary) 70px solid;*/
}
#intoto-form .header-content {
  display: flex;
  flex-direction: row;
  align-content: center;
}
#intoto-form .header-content h3 {
  color: var(--primary);
  text-align: left;
  margin: auto 40px;
  font-size: 2.3em;
  line-height: 1em;
  font-weight: normal;
}
#intoto-form .header img {
  width: 200px;
  height: auto;
}
#intoto-form .sub-header {
  /*background: var(--secondary);*/
  padding: 10px;
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
  max-width: var(--max-width);
}
#intoto-form .sub-header h1 {
  color: black;
}

.enkele-aanmelding-notities textarea,
.enkele-aanmelding-notities label,
.enkele-aanmelding-notities input {
  margin-bottom: 40px;
}

.enkele-aanmelding-notities button {
  margin-top: 40px;
}

#intoto-form a {
  color:  var(--red);
}

#intoto-form th a {
  color: #ffffff;
}

#intoto-form h1 {
  color:  #ffffff;
}
#intoto-form h2 {
  color:  var(--primary);
}
#intoto-form table  {
  width: 100%;
  border-collapse: collapse;
  max-width: var(--max-width);
  margin-bottom: 30px;
  /* font-size: 16px; */
}

#intoto-form td {
  border: 1px solid var(--table-border);
  padding: 10px;
}
#intoto-form tr td:first-child {
  width: 300px;
}

#intoto-form input#tussenvoegsel,
#intoto-form input#tussenvoegsel1,
#intoto-form input#tussenvoegsel2,
#intoto-form input#tussenvoegsel3,
#intoto-form input#tussenvoegsel4,
#intoto-form input#tussenvoegsel5,
#intoto-form input#partner_tussenvoegsel {
  width: 70px;
}
#intoto-form input#tussenvoegsel::placeholder,
#intoto-form input#tussenvoegsel1::placeholder,
#intoto-form input#tussenvoegsel2::placeholder,
#intoto-form input#tussenvoegsel3::placeholder,
#intoto-form input#tussenvoegsel4::placeholder,
#intoto-form input#tussenvoegsel5::placeholder,
#intoto-form input#partner_tussenvoegsel::placeholder {
  font-size: 10px;
}
#intoto-form input#achternaam {
  width: 250px;
}
#intoto-form input.lidcode {
  width: 35px;
}

#intoto-form p.overzicht-link, #intoto-form p.fieldsRemainingListKop {
  font-size: 1.5em;
  font-weight: bold;
}
#intoto-form .overzicht-secretariaat tr td:first-child {
  width: auto;
}
#intoto-form .overzicht-secretariaat tr.even {
  background: #fff;
}
#intoto-form .overzicht-secretariaat tr td:nth-child(6) {
  font-weight: bold;
  text-transform: uppercase;
}

#intoto-form th {
  background-color: var(--primary);
  padding: 10px;
  text-align: left;
  color: #ffffff;
  border: 1px solid var(--primary);
}

#intoto-form th.sub-header-cell {
  background: var(--sub-header-cell-background);
  border: 1px solid var(--sub-header-cell-background);
  color: var(--primary);
}
#intoto-form th.sub-sub-header-cell {
  background: #f0f0f1;
  border: 1px solid #f0f0f1;
  color: var(--primary);
  padding-left: 0;
  border-bottom: 1px solid var(--table-border);
}

#intoto-form th.sorted {
  background-color: var(--secondary);
}

#intoto-form th.sorted a {
  color: var(--primary);
}

/* Overzicht kandidaat-lid */
#intoto-form tr.afgerond td {
  background-color: rgb(225, 254, 225);
  border: 2px solid rgb(164, 232, 164);
  color: var(--green)!important;

}
#intoto-form tr.afgerond a {
  color: var(--green)!important;
}

/* Referenten */


button, .uitloggen {
  padding: 10px;
  background-color: var(--button);
  color: #ffffff;
  font-weight: bold;
  border: none!important;
  border-radius: 4px;
  margin-top: 10px;
  margin-bottom: 30px;

}
button.btn-referent {
  margin: 0;
}
button.btn-referent.reject {
  background-color: var(--red);
}
button.btn-referent.reject:hover {
  background-color: var(--primary);
  cursor: pointer;

}
button#verstuurOpnieuwButton {
  background-color: var(--secondary);
}
button:hover, .uitloggen:hover {
  background-color: var(--button-hover);
  cursor: pointer;
}
button#verstuurOpnieuwButton:hover {
  background-color: var(--green);
}
button:focus {
  background-color: var(--green);
}

button.actief:hover {
    background-color: var(--primary);
      cursor: pointer;
}
button.inactief {
  background-color: #cccccc;

}
button.inactief:hover {
  cursor: not-allowed;
}
button.bewerkKnop, button.bewaarKnop {
  float: right;
  margin-right: 10px;
  margin-bottom: 10px;
}
button.bewerkKnop {
  background: var(--button-secondary-background);
  color: var(--primary);
}

button.bewerkKnop:hover, button.bewaarKnop:hover {
  background: #fff;
  color: var(--primary);
}
button#submitButton.actief {
  background-color: var(--primary);
  cursor: pointer;
}
button#submitButton.actief:hover {
    background-color: var(--green);
    color: #fff;
}
button#accountVerwijderenButton {
  margin: 0;
}







/* accountverwijderen */
.aanmeldingAccepteren {
  padding: 50px 0;
  border: solid 1px var(--green);
  text-align: center;
  max-width: var(--max-width);
  margin-bottom: 40px
}

.accountVerwijderen {
  padding: 50px 0;
  border: solid 1px var(--red);
  text-align: center;
  max-width: var(--max-width);
}
.aanmeldingAccepteren button,
.accountVerwijderen button {
  margin: 0;
}
button#accountVerwijderenButton {
  background-color: var(--red);
}
button#accountVerwijderenButton:hover {
  background-color: var(--primary);
    cursor: pointer;
}

button:disabled {
  background-color: #535353 !important;
}

/* Save status melding  */

p#savingStatus {
  /* display: inline-block; */
  padding: 10px;
  background: var(--green);
  color: #fff;
  position: fixed;
  bottom: 0;
  width: 90%;
  max-width: var(--max-width);
  border-top: 10px solid #f0f0f1;
  border-bottom: 10px solid #f0f0f1;
  margin: 0;
  z-index: 9999;
  text-align: center;

}
 .vragenReferent p#savingStatus {
  background: #cccccc;
  color: #000000;
}


/* Form fields */
#intoto-form input {
  /* border: 2px solid var(--green); */
  /* border-radius: 3px; */
}
#intoto-form input[type="radio"] {
  width: 25px;
  height: 25px;
}
#intoto-form input[type="text"]#beroep {
  width: 400px;
}
#intoto-form input[type="radio"].checked {
  opacity: .4;
  background: #fff;
}
#intoto-form input[type="radio"]:checked,
#intoto-form select.checked,
#intoto-form input[type="text"].checked {
  background-color: rgb(225, 254, 225);
  border: 2px solid rgb(164, 232, 164);
  opacity: 1;
}
#intoto-form input[type="radio"]:checked::before {
  background: rgb(6, 196, 6) !important;
  width: 9px;
  height: 9px;
  margin: 6px;

}
#intoto-form .checked{
  /* background-color: rgb(225, 254, 225);
  border: 2px solid rgb(164, 232, 164); */
}

#intoto-form #pasfotoImg.checked {
  border: 10px solid rgba(132, 237, 132, 0.3);
}
#intoto-form input[type=text] {

}
#intoto-form input[type=radio]:checked::before {
  background: var(--primary);
}
#intoto-form label {
  margin-right: 10px;
}
#intoto-form input[type=radio] {
  margin-right: 0;
  margin-top: 1px;
}

/* Motivatie textfield */
form.motivatie {
  max-width: var(--max-width);

}
textarea#motivatie {
  width: 100%;
  padding: 30px;
  margin-top: 20px;
}