html {
  background-image: url(../images/bg_home.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

body {
  background-color: unset !important;
}

.logo {
  display: block;
  margin: 0 auto;
  height: 150px;
  width: 100%;
  background-color: white;
}

.header-line {
  width: 100%;
  background-color: #333;
  height: 10px;
}

.container-fluid table #cursuskalender-thead {
  background-color: #f5f5f5;
  color: #333;
}

/* ### */
.header-nav-wrapper {
  border-top: 15px solid;
  border-color: white;
  background-color: white;
  width: 100%;
}

.nav-justified #number {
  background-color: #95c23d !important;
  color: white;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 7px;
  padding-right: 7px;
  -webkit-border-radius: 120px;
  -moz-border-radius: 120px;
  border-radius: 120px;
}

.nexttab {
  margin-bottom: 20px !important;
  margin-left: 30px !important;
  color: #fff !important;
  text-decoration: none !important;
  padding: 10px 30px !important;
  background-color: #f18a00 !important;
  font-size: 14px !important;
}

.goto {
  margin-bottom: 20px !important;

  color: #fff !important;
  text-decoration: none !important;
  padding: 10px 30px !important;

  font-size: 14px !important;
}

#voorwaarden {
  margin-top: 12px;
  height: 23px;
  width: 23px;
  padding: 6px;
  border: 1px solid #dfd8ec;
  border-radius: 3px;
  float: left;
}

#algemenevoorwaarden {
  line-height: 45px;
  padding-left: 10px;
}

#main {
  border: 1px solid grey;
  border-radius: 0 0 7px 7px;
  box-shadow: #aaa 0px 0px 10px;
}

.main-navigation li a {
  font-size: 14px;
}

.btn {
  border: 2px #243180;
  background-color: #243180 !important;
  color: white !important;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  width: 150px;
}

.modal-body p {
  font-size: 15px;
}

.nexttab:hover {
  background-color: #95c23d !important;
}

.control_geslacht input:checked ~ .control__indicator.mars {
  background: #243180;
  color: #fff;
}

.control_geslacht input:checked ~ .control__indicator.venus {
  background: #243180;
  color: #fff;
  border-right: 1px solid #243180;
}

.container {
  width: 960px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.nav-tabs.nav-justified > li > a {
  border-bottom: none !important;
}

.ui-widget.ui-widget-content {
  border: 1px solid #d3d3d3;
}

.ui-datepicker {
  width: 22em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker-next ui-corner-all {
  display: none !important;
}

.ui-icon ui-icon-circle-triangle-e {
  display: none !important;
}

.ui-datepicker .ui-datepicker-next {
  display: none !important;
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
  border: 1px solid #d3d3d3;
  background: url(/images/ui-bg_glass.png) 50% 50% repeat-x #e6e6e6;
  font-weight: 400;
  color: #555;
}

a.ui-icon ui-icon-circle-triangle-e {
  display: none !important;
}

.ui-datepicker-next ui-corner-all {
  display: none;
}

.ui-widget-header {
  border: 1px solid #aaa;
  background: url(/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50%
    repeat-x #ccc;
  font-weight: 700;
}

.ui-datepicker table {
  width: 100%;
  font-size: 1.1em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

a.ui-datepicker-next ui-corner-all {
  display: none !important;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-widget-content {
  border: 1px solid #aaa;
  background: #fff;
  color: #222;
}

.ui-datepicker td a,
.ui-datepicker td span {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.del-deelnemer a {
  color: #cc0202;
  text-decoration: underline;
  cursor: pointer;
}

.del-deelnemer {
  position: absolute;
  top: -107px;
  left: 101px;
  width: calc(90% + 12px);
  text-align: right;
}

#cursusdetails h2 {
  font-size: 20px;
}

.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type="submit"],
.bypostauthor cite span {
  background-image: none;
}

.selecteren {
  display: inline-block;
  padding: 3px 10px;
  background-color: #f90;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 10px;
  cursor: pointer;
}

.oplselect {
  width: 50%;
  color: #003d6b;
  font-weight: 400;
  font-size: 1.3em;
  line-height: 1.2em;
  margin: 0 0 10px;
  padding: 10px 0;
  border: 1px dotted #000;
  cursor: pointer;
  text-indent: 0.01px;
}

.cursist-row .wrap {
  float: left;
  width: 18%;
}

a.add {
  display: inline-block;
  padding: 10px;
  font-size: 1.4375em;
  text-decoration: none;
  cursor: pointer;
}

.cursist-row .the-fields {
  width: 100%;
  float: right;
}

.control_geslacht {
  font-size: 14px;
  width: 50%;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0px;
}

.errorgender {
  display: none;
}

.control_geslacht input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.fa-plus-circle:before {
  content: "\f055";
}

label {
  margin-bottom: 0px;
}

.cursist-row .wrap-field {
  width: 25%;
  margin-bottom: 15px;
}

.cursist-row .wrap-field {
  position: relative;
}

.control_geslacht .control__indicator {
  padding: 8px 7px 7px;
}

.control_geslacht .control__indicator {
  border-right: 1px solid #dfd8ec;
  border-radius: 3px 0 0 3px;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-lg {
  font-size: 1.33333333em;
  vertical-align: 0%;
  line-height: 33px;
  margin-left: 4px;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

input.unverified {
  position: relative;
  background: url(/images/required.png) right 8px center no-repeat;
}

#selectopl {
  width: 100%;
  font-size: 1.125em;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: grey;
}

.show {
  display: block;
}
.hidden {
  display: none;
}

.voltooid {
  text-align: center;
}

.cursist-row .wrap-field input {
  width: 100%;
  display: block;
  border: 1px solid #dfd8ec;
  padding: 6px;
  font-size: 1.125em;
  border-radius: 3px;
}

.field-input .inline {
  font-size: 0;
  border: 1px solid #dfd8ec;
  border-radius: 3px;
  width: calc(95% + 12px);
}

.cursist-row {
  overflow: hidden;
  padding: 20px 0 5px;
}

.cursusgegevens {
  background-color: #e1e1e1 !important;
  border: 1px solid #ddd;
  padding: 10px;
}

.cursusgegevens p {
  padding: 10px;
  border: 1px solid #ccc;
  background: white;
}

.cursusinhoudhtml {
  background-color: white;
  padding: 10px;
  border: 1px solid #ccc;
}

.nav a {
  font-size: 14px;
  margin-left: 20px;
  color: #003d6b !important;
}
.site {
  max-width: 960px;
  margin: 0 auto;
  background: #fff;
}

.nav > li > a {
  padding: 10px 15px;
}

.nav-tabs.nav-justified > li > a {
  border: 0px;
}

.nav-tabs.nav-justified,
.bg-darkt {
  background-color: #353f47;
}

.nav-tabs.nav-justified > a {
  color: #ffffff !important;
}

.nav-tabs.nav-justified > li > a.activer:hover {
  border-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: none;
  border: none;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus {
  color: #003d6b !important;
  background-color: white;
}

.nav-tabs.nav-justified > li > a {
  color: white !important;
}

.nav-tabs.nav-justified .glyphicon-ok-circle {
  color: #67b826;
  font-size: 15px;
}