/* versie: v4.1.2.202012 */
div.h_styling {
  margin-left: 20px;
  margin-right: 20px;
}

div.h_styling.mainbar {
  color: white; padding: 10px; margin-top: 5px; margin-bottom: 20px; max-width: 960px; display: block;
}

div.h_styling.mainbar div a:hover { text-decoration: none; }

div.h_styling p.toelichting {
  padding-left: 30px; padding-right: 30px; max-width: 600px;
}

div.h_styling img.h_plaatje {
  position: absolute;
  width: 180px;
  height: auto !important;
  margin-left: calc(30px + 250px + 450px) !important;
  margin-top: 10px !important;
}

div.h_styling .table {
  margin-bottom: 0 !important;
  display: table;
}
div.h_styling .tr {
  display: table-row;
}
div.h_styling .th {
  display: table-cell;
  border: none !important;
  font-weight: bold;
}
div.h_styling .td {
  display: table-cell;
}

div.h_styling .table, div.h_styling .tr, div.h_styling .td {
  border: 0px;
  color: #555;
  vertical-align: top;
  text-align: left;
}
div.h_styling .td.totaal {
  border-top: 1px solid black !important;
  font-weight: bold;
}
div.h_styling .tr .td.totaal:nth-child(2) {
  text-align: right;
}

div.h_styling>div.table {
  border-left: 30px solid transparent !important;
  margin-right: 30px;
  max-width: 1000px;
}

div.h_styling .table, div.h_styling .tr, div.h_styling .td {
  background: inherit !important;
}

div.h_styling div.submit {
  margin-top: 10px;
  margin-left: 30px;
}

div.h_styling .td {
  border: none !important;
  padding: 0 0 10px 0 !important;
  line-height: normal;
}


div.h_styling .tr>.td.kop {
  width: 250px;
  line-height: normal;
  padding-top: 6px !important;
  padding-right: 5px !important;
}


div.h_styling .tr.ruim>.td {
  padding-top: 6px !important;
  padding-bottom: 10px !important;
}

div.h_styling .td.bedrag {
  line-height: normal;
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  width: 50%;
}
div.h_styling .td.bedrag input {
  margin-top: 3px !important;
  margin-right: 5px !important;
}

div.h_styling .td.radio {
  padding-top: 3px !important;
  padding-left: 5px !important;
  margin: 0 !important;
  width: 100%;
}

div.h_styling .td.radio label {
  font-size: 0.92em;
  margin: 3px;
  width: 85%;
  display: inline-block;
}

div.h_styling div.melding {
  color: red;
  font-size: 0.9em !important;
  font-weight: normal !important;
  display: block !important;
  padding: 0 !important;
  line-height: normal !important;
}

div.h_styling a {
  font-size: 1em !important;
}

div.h_styling select {
  max-width: 295px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #B9C2CB !important;
  padding: 3px;
  margin: 0 !important;
  color: #3d5166 !important;
  background-color: #F9FAFB !important;
  font-size: 100% !important;
  /* line-height: normal; */
}

div.h_styling div.info {
  background: white;
  color: #EE993A;
  padding: 5px;
}

div.h_styling div#div_verdelen_nietmogelijk {
  visibility: hidden;
  position: absolute;
  width: 300px;
}

div.h_styling label {
  font-weight: normal !important;
  font-size: 100% !important;
  cursor: pointer;
  line-height: 100% !important;
  width: 100%;
  vertical-align: middle;
}

div.h_styling #tbl_termijnen {
  margin-top: 5px;  
  max-width: 450px;
}
div.h_styling #tbl_termijnen .td {
  width: auto;
}

div.h_styling #tbl_termijnen label {
  width: 20px;
  background-color: inherit;
  text-align: center;
  min-width: 20px;
  display: inline-block;
}

div.h_styling .disabled {
  cursor: not-allowed !important;  
}

div.h_styling .menu {
  font-size: 1em;
  margin: 5px 15px 15px 15px;
  white-space: nowrap;
  display: inline-block;
}

div.h_styling .menu.active {
  font-weight: bold;
}

div.h_styling input[type=number]:-webkit-inner-spin-button, div.h_styling input[type=number]:-webkit-outer-spin-button
  {
  -webkit-appearance: none !important;
  padding: 5px !important;
  margin: 0 !important;
  display: inline-block !important;
  max-width: inherit !important;
  min-height: 20px !important;
  line-height: normal;
  color: black !important;
}

div.h_styling input[type=number] {
  -moz-appearance: textfield !important;
  border: 1px solid #d2d2d2 !important;
  background-color: white;
  font-size: 100% !important;
  padding: 5px !important;
  margin: 0 !important;
  display: inline-block !important;
  max-width: inherit !important;
  min-height: 20px !important;
  line-height: normal;
  color: black !important;
}

div.h_styling input[type=text] {
  border: 1px solid #d2d2d2 !important;
  background-color: white;
  font-size: 100% !important;
  padding: 5px !important;
  margin: 0 !important;
  display: inline-block !important;
  min-height: 20px !important;
  line-height: normal;
  color: black !important;
}

div.h_styling input.melding {
  border: 1px solid red !important;
}

div.h_styling input[type=radio] {
 margin-top: 5px !important;
 margin-right: 5px !important;
 line-height: normal;
 position: relative;
 vertical-align: top;
}
div.h_styling input[type=checkbox] {
  margin: 5px 5px 0 5px !important;
  line-height: normal;
  vertical-align: top;
  position: relative;
}

div.h_styling input[type=submit], div.h_styling input[type=button] {
  cursor: pointer;
  font-size: 1em;
  padding: 5px 10px !important;
  min-height: 30px !important;
  margin-bottom: 5px;
  margin-right: 20px;
}

div.h_styling .submit.tr input[type=submit] {
  margin-top: 10px;
  margin-left: 30px;  
}

div.h_styling input:disabled {
  cursor: not-allowed !important;
}

div.h_styling input[type=text].disabled {
  background-color: #bbb !important;
}

div.h_styling :placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #B3B6B7 !important;
  opacity: 1; /* Firefox */
}

div.h_styling :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #B3B6B7 !important;
}

div.h_styling :-ms-input-placeholder { /* Microsoft Edge */
  color: #B3B6B7 !important;
}

#post_overlay {
  position: fixed;
  display: none;
  z-index: 300;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.post_overlayBG {
  background-color: #000;
  filter: alpha(opacity = 25);
  opacity: 0.25;
}

#post_load {
  position: fixed;
  display: none;
  z-index: 500;
  top: 33%;
  left: 33%;
  background-color: white;
  text-align: center;
  border-radius: 10px;
  padding: 50px;
}

@-webkit-keyframes spin {
    0% { left: 25%; top:  50%; }
   50% { left: 75%; top:  50%; }
  100% { left: 25%; top:  50%; }
}
@keyframes spin {
    0% { left: 25%; top:  50%; }
   50% { left: 75%; top:  50%; }
  100% { left: 25%; top:  50%; }
}

#post_load_image {
  width: 10px;
  height: 10px;
  position: relative;
  background: black;
  border-radius: 5px;
  -webkit-animation: spin 3s infinite;
  animation: spin 3s infinite;
}

@media only screen and (max-width: 37em) {
  div.h_styling {
    text-align: left !important;
    margin-bottom: 5px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
   div.h_styling .table {
    display: block;
    border-left: 0 !important;
  }
  div.h_styling .tr {
    display: table;
    width: 100%;
  }
    div.h_styling .th, div.h_styling .td {
    display: table-row;
  }
  div.h_styling .table.vorigjaar {
    display: table;
  }
  div.h_styling .table.vorigjaar .tr {
    display: table-row;
  }
  div.h_styling .table.vorigjaar .tr .td {
    display: table-cell;
  }
  div.h_styling .td.kop {
    font-weight: bold;
  }
  div.h_styling .td.kop input {
    font-weight: normal;
  }
  div.h_styling .tr.ruim>.tr.td.kop {
    padding-top: 0 !important;
    padding-left: 0 !important;
  }
  div.h_styling .tr {
    padding: 0 !important;
    margin-top: 5px !important;
    margin-bottom: 0 !important;
  }
  div.h_styling .td, div.h_styling .tr.td.kop {
    padding-top: 0 !important;
    font-size: 1em !important;
  }
  div.h_styling .td.radio input[type="radio"] {
    margin-left: 0 !important;
  }
  div.h_styling p.toelichting {
    padding-left: 0;
  }
  div.h_styling img.h_plaatje {
    margin-left: calc(250px + 400px) !important;
  }
  div.h_styling div.melding {
    position: absolute;
    right: 15px;
    background: white;
    z-index: 1;
  }  
  div.h_styling>div.table {
    border-left-width: 5px !important;
    margin-right: 10px;
    padding-left: 0;
  }
  div.h_styling div.submit {
    margin-left: 0;
  }
  
}
@media only screen and (max-width: 960px) {
  img.h_plaatje {
    display: none;
  }
}