.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.badge-large {
  padding: 10px 5px;
  font-size: 0.8rem !important;
  opacity: 0.5;
}

.gradientGold {
  background: linear-gradient(to left, #B17E14, #DEB951, #B17E14, #F9E899);
}

.gradientGoldColor {
  background: linear-gradient(to left, #B17E14, #DEB951, #B17E14, #F9E899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.inline-block {
  display: inline-block !important;
}

.cursor-pointer {
  cursor: pointer;
}

.gradientGold i {
  color: black !important;
  font-size: 20px;
  margin-left: 15px !important;
}

.table-striped td {
  border-top: 0px solid #000;
}
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped .table-striped > tbody > tr:nth-child(2n+1) > th {
  background: #E5E5E5 !important;
}
.table-striped tr:nth-child(1n-1) td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.table-striped tr:nth-child(1n-1) td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.table-striped-no-radius td {
  border-top: 0px solid #000;
}
.table-striped-no-radius tbody > tr:nth-child(2n+1) > td, .table-striped-no-radius .table-striped > tbody > tr:nth-child(2n+1) > th {
  background: #E5E5E5 !important;
}
.table-striped-no-radius tr:nth-child(1n-1) td:first-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.table-striped-no-radius tr:nth-child(1n-1) td:last-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.table-striped-every td {
  border-top: 0px solid #000;
}
.table-striped-every tbody > tr > td, .table-striped-every .table-striped > tbody > tr:nth-child(2n+1) > th {
  background: #E5E5E5 !important;
}
.table-striped-every tr:nth-child(1n-1) td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.table-striped-every tr:nth-child(1n-1) td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.debug {
  color: rgba(0, 0, 0, 0.2);
  font-size: 12px;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  text-align: center;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  top: 0;
  z-index: 10000;
}
.debug i {
  margin: 0 2px;
}

i, strike {
  color: #212529;
}

/** Ratio **/
.ratio, .xs .ratio-xs, .sm .ratio-sm {
  height: 0;
  position: relative;
  padding-bottom: 75%;
}

.ratio > *, .xs .ratio-xs > *, .sm .ratio-sm > * {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/** Equal height **/
.container {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.container::-webkit-scrollbar {
  display: none !important;
}

.xs .center-xs, .sm .center-sm, .md .center-md, .lg .center-lg {
  text-align: center !important;
}

.container .home2 {
  margin-left: 0px;
}

/** Container row **/
.container.row {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

/** Full container **/
.lg .container-full {
  padding-left: calc(50% - 535px);
  padding-right: calc(50% - 535px);
}
.lg .container-full.row, .lg .container-full.no-padding {
  padding-left: calc(50% - 535px - 15px);
  padding-right: calc(50% - 535px - 15px);
}

.md .container-full {
  padding-left: calc(50% - 485px);
  padding-right: calc(50% - 485px);
}
.md .container-full.row, .md .container-full.no-padding {
  padding-left: calc(50% - 485px);
  padding-right: calc(50% - 485px);
}

.sm .container-full {
  padding-left: calc(50% - 360px);
  padding-right: calc(50% - 360px);
}
.sm .container-full.row, .sm .container-full.no-padding {
  padding-left: calc(50% - 360px);
  padding-right: calc(50% - 360px);
}

.xs .container-full {
  padding-left: 15px;
  padding-right: 15px;
}
.xs .container-full.row, .xs .container-full.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.container-full:after {
  clear: both;
  content: "";
  display: block;
}
.container-full.row {
  margin-left: 0;
  margin-right: 0;
}

/** No padding **/
.no-padding, .xs .no-padding-xs, .sm .no-padding-sm {
  padding-left: 0;
  padding-right: 0;
}

.sm-md-lg .no-padding-md-lg, .sm-md-lg .no-padding-sm-md-lg {
  padding-left: 0;
  padding-right: 0;
}

.row.no-padding > [class^=col-], .xs .row.no-padding-xs > [class^=col-] {
  padding-left: 0;
  padding-right: 0;
}

.sm-md-lg .no-padding-md-lg > [class^=col-], .sm-md-lg .no-padding-sm-md-lg > [class^=col-] {
  padding-left: 0;
  padding-right: 0;
}

[class^=col-].no-padding {
  padding-left: 0;
  padding-right: 0;
}

.row.no-padding:not(.container), .xs .row.no-padding-xs {
  margin-left: 0;
  margin-right: 0;
}

/** Padding **/
.padding {
  padding: 15px;
}

.xs .padding-xs:not(.row) {
  padding: 15px;
}
.xs .padding-top-xs {
  padding-top: 15px !important;
}
.xs .equal-sm-md-lg > * {
  height: auto !important;
}

/** Equal **/
/** Vertical align **/
.vertical-align-table {
  display: table;
  height: 100%;
  width: 100%;
}
.vertical-align-table > * {
  display: table-cell;
  vertical-align: middle;
}

.vertical-align-transform {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.vertical-align-flexbox {
  display: flex;
  align-items: center;
}
.vertical-align-flexbox > div {
  width: 100%;
}

/** Body **/
body {
  background: #1D1D1C;
  position: relative;
  word-wrap: break-word;
  font-size: 1rem !important;
}
body a {
  color: inherit;
}
body a:hover {
  color: inherit;
  outline: none;
  text-decoration: none;
}
body a:active, body a:focus {
  color: inherit;
  text-decoration: none;
}

/** Headings **/
h1, h2, h3, h4, h5 .h1 {
  color: #221e1f;
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  margin-top: -5px;
}

.db h1, .h1 {
  font-family: "Titillium Web";
}

h2, .h2 {
  color: #221e1f;
  font-family: "Titillium Web";
  font-weight: 600;
}

h3, .h3 {
  color: #221e1f;
  font-family: "Arial";
  font-weight: bold;
}

h3 > i {
  font-size: 24px;
}

.no-margin {
  margin: 0 !important;
}

/** Buttons **/
.btn {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d393a", endColorstr="#221e1f", GradientType=0);
  border: none;
  border-radius: 5px;
  font-family: Titillium Web;
  font-weight: normal;
  text-align: center;
  text-decoration: none !important;
  transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
}
.btn.btn-outline-light {
  border: 1px solid #A8A8A8;
  color: #A8A8A8 !important;
}
.btn.btn-outline-light:hover {
  background: none;
  border: 1px solid #A8A8A8;
}
.btn.btn-outline-light i {
  color: #A8A8A8;
  font-size: 20px;
  margin-right: 5px;
  font-weight: bold;
}
.btn.btn-outline-light a {
  color: #A8A8A8 !important;
}
.btn.btn-outline-dark {
  border: 1px solid #343a40;
  color: #343a40 !important;
}
.btn.btn-outline-dark:hover {
  background: none;
  border: 1px solid #343a40;
}
.btn.btn-outline-dark i {
  color: #343a40;
  font-size: 20px;
  margin-right: 5px;
  font-weight: bold;
}
.btn.btn-outline-dark a {
  color: #343a40 !important;
}

.greyishbtn {
  color: #A8A8A8 !important;
}

.db .btn {
  font-family: Titillium Web;
  font-weight: bold;
}

.db .btn-info, .db .btn-primary {
  color: white !important;
  background: #000000;
}

.db .btn-warning {
  color: white !important;
  background: #BC871C;
}

.xs .btn {
  display: block;
  text-align: center;
}

.sm-md-lg .btn + .btn {
  margin-left: 12px;
}

.xs .btn + .btn {
  margin-top: 10px;
}

.btn:hover {
  color: white;
  opacity: 0.7 !important;
}
.btn.disabled {
  cursor: not-allowed;
  opacity: 0.5 !important;
  pointer-events: none;
}
.btn i {
  color: #fff;
  margin: 2px 0 3px 0;
  position: relative;
  top: 1px;
  font-weight: bold;
}
.btn svg {
  height: 20px;
  width: 20px;
}
.btn i + span {
  padding-left: 5px;
}
.btn span + i {
  margin-left: 5px;
}

/** Fancybox **/
.fancybox-overlay {
  background: rgba(255, 255, 255, 0.85);
}

.fancybox-close, .fancybox-prev span, .fancybox-next span {
  background: none;
}

.fancybox-close:after, .fancybox-prev span:after, .fancybox-next span:after {
  background: #dab34c;
  border-radius: 1000px;
  display: inline-block;
  color: white;
  font-family: "Font Awesome 5 Pro";
  padding: 5px 10px;
}

.fancybox-close:after {
  content: "\f00d";
}

.fancybox-prev span:after {
  content: "\f053";
  padding: 6px 12px 5px 10px;
}

.fancybox-next span:after {
  content: "\f054";
  padding: 6px 10px 5px 12px;
}

.fancybox-title-float-wrap .child {
  background: rgba(255, 255, 255, 0.75);
  color: #dab34c;
  text-shadow: none;
}

.fancybox-skin {
  background: white;
}

#fancybox-thumbs ul li {
  padding: 4px;
}
#fancybox-thumbs ul li:hover, #fancybox-thumbs ul li.active {
  border: 4px solid #dab34c;
  padding: 0;
}
#fancybox-thumbs ul li a {
  border: none;
}

/** MMenu **/
.sticky {
  position: fixed !important;
  top: 4rem;
}

nav#menu {
  background: #f8f8f8;
  color: #666;
}
nav#menu .mm-navbar {
  background: white;
}
nav#menu:not(.mm-menu) {
  display: none;
}
nav#menu .mm-title, nav#menu li.active > a {
  color: #dab34c !important;
  font-weight: bold;
}
nav#menu a.mm-subopen:after, nav#menu a.mm-subclose:before {
  border-color: #666 !important;
}
nav#menu li.active a.mm-subopen:after, nav#menu li.active a.mm-subclose:before {
  border-color: #dab34c !important;
}
nav#menu .mm-subclose {
  color: white;
}
nav#menu .mm-listview .mm-next:before {
  border-left: none;
}
nav#menu .mm-close:after {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
}

/** Forms **/
label {
  cursor: pointer;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
}
label:hover {
  opacity: 0.7;
  outline: none;
}

input[type=text], input[type=password], input[type=number] {
  -webkit-appearance: none;
  background: #f8f8f8;
  color: #444;
  font-size: 14px;
  line-height: normal;
  padding: 9px 3px 8px 12px;
  transition: background 0.2s, border-color 0.2s;
  -webkit-transition: background 0.2s, border-color 0.2s;
  vertical-align: middle;
}

textarea, select {
  -webkit-appearance: none;
  background: #f8f8f8;
  border: 1px solid #333;
  color: #444;
  font-size: 14px;
  line-height: normal;
  padding: 9px 3px 8px 12px;
  transition: background 0.2s, border-color 0.2s;
  -webkit-transition: background 0.2s, border-color 0.2s;
  vertical-align: middle;
}

.xs select {
  padding-left: 0;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
select::-ms-expand {
  display: none;
}

.terms label {
  font-weight: normal !important;
}

label a {
  text-decoration: underline;
}

input[type=text]:focus, input[type=password]:focus, input[type=number]:focus {
  border-color: #3b372b;
  outline: none;
}

textarea:focus {
  border-color: #3b372b;
  outline: none;
}

input.error, textarea.error, .chosen-container.error .chosen-single {
  border: 1px solid #98092b;
  color: #98092b;
}

select.error {
  border: 1px solid #98092b;
}

input[disabled], button[disabled] {
  cursor: not-allowed;
}

/** Form box **/
.box-form input[type=text], .box-form textarea {
  margin-bottom: 10px;
  width: 100%;
}

.sm-md .box-form > .row > *:first-child:not(:last-child) {
  padding-right: 5px;
}
.sm-md .box-form > .row > *:nth-child(2) {
  padding-left: 5px;
}

.sm-md-lg .box-form > .row > .col-sm-12:first-child {
  padding-right: 5px;
}
.sm-md-lg .box-form > .row > .col-sm-12:last-child {
  padding-left: 5px;
}

.box-form .required {
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: 3px;
}

.xs .box-form .required {
  margin: 10px 0;
}

/** Message box **/
.box-message {
  margin-bottom: 12px;
  padding: 15px;
}
.box-message.success {
  color: #3bb34d;
  background: #e0f3e5;
}
.box-message.error {
  color: #a41c32;
  background: #f2dede;
}
.box-message a {
  color: inherit !important;
}
.box-message a:hover {
  color: #35040c !important;
}

/** Content box **/
.box-content {
  color: #666;
  font-family: Titillium Web;
  font-size: 16px;
  line-height: 25px;
}
.box-content .intro {
  font-weight: bold;
}
.box-content p {
  overflow: auto;
}
.box-content h1 + p, .box-content h2 + p, .box-content h3 + p, .box-content h1 {
  margin-top: 0;
}
.box-content h2, .box-content h3 {
  margin: 20px 0 5px 0;
}
.box-content > *:first-child {
  margin-top: 0;
}
.box-content > *:last-child {
  margin-bottom: 0;
}
.box-content p + p {
  margin-top: 25px;
}
.box-content p img {
  height: auto !important;
  margin: 15px 0;
  max-width: 100%;
}

.xs .box-content p img {
  display: table !important;
  float: none !important;
  height: auto !important;
  margin: 10px auto !important;
  max-width: 100%;
  width: auto !important;
}

.box-content p img[style*="float: left"] {
  margin: 5px 10px 5px 0;
}
.box-content p img[style*="float: right"] {
  margin: 5px 0 5px 10px;
}
.box-content ul {
  padding: 5px 0 5px 60px;
}
.box-content ul li {
  margin: 5px 0;
}
.box-content a {
  color: #221e1f;
  text-decoration: none !important;
}
.box-content .videodetector {
  height: 0;
  padding-bottom: 60%;
  position: relative;
  width: 100%;
}
.box-content .videodetector iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.videoLessons {
  display: flex;
  flex-grow: 4; /* default 0 */
  flex-wrap: wrap;
}

/** Links box **/
.box-links {
  font-size: 16px;
}
.box-links ul {
  list-style: none;
  margin: -5px 0 0 0;
  padding: 0;
}
.box-links ul ul {
  padding-left: 25px;
}
.box-links > ul {
  list-style: none;
  position: relative;
}
.box-links a {
  color: #221e1f;
  font-size: 16px;
  display: inline-block;
  margin: 4px 0;
  text-transform: capitalize;
}
.box-links.downloads a:hover {
  color: #7c1141;
}
.box-links.downloads a:before {
  color: #999;
  content: "\f01a";
  font-family: "Font Awesome 5 Pro";
  margin-right: 5px;
  transition: color 0.2s;
}
.box-links a:hover {
  color: #bc871c !important;
}
.box-links a:hover:before {
  color: #bc871c !important;
}
.box-links:not(.no-sub-icon) li.hasSubitems > a:before {
  content: "\f18e";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 15px;
  margin-right: 5px;
  text-decoration: underline;
}
.box-links .more a {
  color: #777;
}
.box-links .more:hover {
  text-decoration: none;
}
.box-links .more:hover * {
  text-decoration: none;
}

/** Photos box **/
.box-photos .items {
  margin: -10px;
}

.xs .box-photos .items {
  margin: -5px;
}

.box-photos a {
  display: inline-block;
  margin: 10px;
  position: relative;
}

.sm .box-photos a {
  max-width: calc(50% - 20px - 2px);
}

.xs .box-photos a {
  margin: 5px;
}

.box-photos a:before {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s;
}
.box-photos a:after {
  color: white;
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  font-size: 40px;
  left: 0;
  line-height: 40px;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: calc(50% - 20px);
  transition: opacity 0.3s;
}
.box-photos a:hover:before, .box-photos a:hover:after {
  opacity: 1;
}
.box-photos img {
  border-radius: 5px;
  max-width: 100%;
}

.xs .box-photos img {
  max-width: calc(50vw - 20px - 2px);
}

/** Properties box **/
.box-properties {
  color: #888;
  font-size: 14px;
  margin: -15px 0 20px 0;
  line-height: 20px;
}
.box-properties i {
  margin-right: 5px;
}

/** Share box **/
.box-share ul {
  list-style: none;
  margin: 20px 0 10px 0;
  overflow: auto;
  padding: 0;
}
.box-share li {
  float: left;
  margin-bottom: 12px;
}
.box-share li a {
  border-bottom: 3px solid black;
  border-radius: 3px;
  color: white !important;
  display: block;
  font-size: 13px;
  margin-right: 10px;
  padding: 10px 10px 7px 10px;
  text-decoration: none !important;
  transition: opacity 0.4s;
}
.box-share li a:hover {
  opacity: 0.7;
}
.box-share li:last-child a {
  margin-right: 0;
}
.box-share i {
  font-size: 16px;
}
.box-share span {
  font-size: 13px;
  padding-left: 5px;
}
.box-share li.twitter a, .box-share li.instagram a {
  background-color: #67A8E0;
  border-bottom-color: #5286b3;
}
.box-share li.linkedin a {
  background-color: #467AB6;
  border-bottom-color: #2a609d;
}
.box-share li.facebook a {
  background-color: #50639a;
  border-bottom-color: #404f7b;
}
.box-share li.mail a {
  background-color: #2B3C6E;
  border-bottom-color: #0b1228;
}

/** Tags box **/
.box-tags a, .box-tags span {
  background: #ccc;
  border-radius: 3px;
  color: white !important;
  display: inline-block;
  font-size: 13px;
  margin: 3px 0;
  padding: 5px 8px;
}
.box-tags .red {
  background: #a9233e;
}
.box-tags a:hover {
  opacity: 0.7;
  text-decoration: none;
}

/* Page navigation. */
.box-pagination {
  margin: 20px 0;
}
.box-pagination > * {
  background: #ccc;
  border-radius: 3px;
  color: white;
  display: inline-block;
  line-height: 30px;
  margin-right: 5px;
  padding: 0 8px;
  text-align: center;
  text-decoration: none;
  transition: opacity 0.2s;
  width: 30px;
}
.box-pagination a:hover {
  opacity: 0.7;
}
.box-pagination .current, .box-pagination a:hover {
  background: #dab34c;
  color: white !important;
}
.box-pagination .disabled {
  display: none;
}

/** Slider box **/
.box-slider {
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
}
.box-slider .slick-slide {
  outline: none;
}

.xs .box-slider .afbeelding {
  border-radius: 0;
}

.box-slider:not(.slick-initialized) .slide:not(:first-child) {
  display: none;
}
.box-slider .afbeelding {
  background-position: center center;
  background-size: cover;
  border-radius: 10px;
}

.xs .box-slider .afbeelding {
  border-radius: 0;
}

/** Table module **/
.mod-table {
  margin-top: 30px;
}
.mod-table h2 span {
  display: block;
  font-size: 17px;
  font-weight: normal;
  color: #212529;
  padding-top: 5px;
}
.mod-table.inschrijven .btn {
  background: #898989;
  box-shadow: 0 4px 8px rgba(4, 27, 61, 0.1);
  color: #fff;
}
.mod-table.betalingen .row div:last-child, .mod-table.inschrijven .row div:last-child {
  text-align: right;
}

.pagination.inline {
  padding: 0;
}

.inschrijven .btn {
  background: #898989;
  box-shadow: 0 4px 8px rgba(4, 27, 61, 0.1);
  color: #fff;
}
.inschrijven .btn.white {
  background: #fff;
  box-shadow: 0 4px 8px rgba(4, 27, 61, 0.1);
  color: #4B4B49;
}
.inschrijven .btn.white i {
  color: #4B4B49;
  font-weight: bolder;
  font-size: 15px;
}

.white {
  background: #fff;
  box-shadow: 0 4px 8px rgba(4, 27, 61, 0.1);
  color: #4B4B49;
}
.white i {
  color: #4B4B49;
  font-weight: bolder;
  font-size: 15px;
}

.grey {
  background: #898989;
  box-shadow: 0 4px 8px rgba(4, 27, 61, 0.1);
  color: #fff;
}
.grey i {
  font-weight: bolder;
  font-size: 15px;
  color: #fff;
}

.white:hover {
  background: #fff;
  box-shadow: 0 4px 8px rgba(4, 27, 61, 0.1);
  color: #4B4B49;
}
.white:hover i {
  color: #4B4B49;
  font-weight: bolder;
  font-size: 15px;
}

.betalen .btn {
  background: #1A1A18;
  box-shadow: 0 4px 8px rgba(4, 27, 61, 0.1);
  color: #fff;
}
.betalen .btn .white {
  background: #fff;
  box-shadow: 0 4px 8px rgba(4, 27, 61, 0.1);
  color: #4B4B49;
}
.betalen .btn .white i {
  color: #1A1A18;
  font-weight: bolder;
  font-size: 15px;
}

/** Table box **/
.box-table {
  display: block;
}
.box-table ul {
  width: 100%;
  text-align: left;
  padding: 0 15px;
  list-style: none;
  font-size: 17px;
  margin: 0;
}
.box-table li {
  padding: 10px 0;
}
.box-table li.header {
  background: #535353;
  color: white !important;
  font-size: 16px;
  font-weight: bold;
}
.box-table .truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.box-table .row {
  border-bottom: 1px solid #EAE7E8;
  padding: 0;
  overflow: hidden;
}

.xs .box-table .row {
  height: auto;
  line-height: 30px;
  overflow: hidden;
  padding: 15px 0;
}

.box-table .row:last-child {
  border-bottom: none;
}
.box-table .row.header {
  border: none;
  height: 40px;
  line-height: 40px;
  padding: 0;
}
.box-table .row:not(.header):hover {
  cursor: default;
  background-color: rgba(0, 0, 0, 0.025);
}

/** Inschrijven agenda module **/
.mod-table.inschrijven.agenda .row {
  text-align: left !important;
}
.mod-table.inschrijven.agenda .row:not(.header) {
  height: auto;
  line-height: 20px;
  padding: 15px 0;
}
.mod-table.inschrijven.agenda .row div:last-child {
  text-align: left;
}
.mod-table.inschrijven.agenda .description span {
  display: block;
}
.mod-table.inschrijven.agenda .description span:first-child {
  font-weight: bold;
}
.mod-table.inschrijven.agenda .description .btn {
  margin-top: 5px;
}
.mod-table.inschrijven.agenda .description .red {
  color: red;
  font-size: 15px;
}

/**	Date icon **/
.date {
  border: 4px solid #535353;
  border-radius: 4px;
  border-top: 8px solid;
  height: 55px;
  width: 80px;
  line-height: normal;
  text-align: center !important;
}
.date span {
  display: block;
}
.date .number {
  font-size: 24px;
  font-weight: bold;
}
.date .day {
  font-size: 10px;
  text-transform: uppercase;
  margin-top: -5px;
}

/**	Article module **/
.mod-article {
  box-shadow: 0 4px 8px rgba(4, 27, 61, 0.1);
}
.mod-article .h3 {
  font-size: 17px;
  line-height: normal;
  margin-bottom: 5px;
  color: #221e1f !important;
}
.mod-article img {
  height: auto;
  width: 100%;
}
.mod-article .text {
  padding: 15px 20px 20px 20px;
  line-height: 22px;
}
.mod-article .text a {
  color: #bc871c;
}
.mod-article .text p {
  margin: 5px 0 10px 0;
}
.mod-article .text p a:hover {
  text-decoration: underline !important;
}

/** Nieuws items module **/
.mod-nieuws-items {
  margin-top: 30px;
}
.mod-nieuws-items a {
  background: #f1f1f1;
  display: block;
  height: calc(100% - 30px);
  margin-bottom: 30px;
  position: relative;
}
.mod-nieuws-items .afbeelding {
  background-position: center center;
  background-size: cover;
  padding-bottom: 50%;
}
.mod-nieuws-items .info {
  padding: 20px 25px 60px 25px;
}
.mod-nieuws-items .datum {
  color: #aaa;
  font-size: 15px;
  margin: 10px 0;
}
.mod-nieuws-items .box-content {
  max-height: 100px;
}
.mod-nieuws-items .info .more {
  bottom: 20px;
  color: #221e1f;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
}
.mod-nieuws-items .info .more:before {
  content: "\f105";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 3px;
}
.mod-nieuws-items .info .more:hover {
  text-decoration: underline;
}
.mod-nieuws-items .actions {
  margin-top: 25px;
  text-align: center;
}
.mod-nieuws-items .actions a {
  display: inline-block;
}

/** Share box **/
.box-share {
  margin: 35px 0 60px 0;
}
.box-share a {
  color: white !important;
  display: inline-block;
  font-size: 15px;
  line-height: 30px;
  margin-right: 5px;
  text-decoration: none !important;
  transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  width: 32px;
}
.box-share a:hover {
  opacity: 0.7;
}
.box-share i {
  font-size: 16px;
}
.box-share a[href*="twitter.com"] {
  background-color: #67A8E0;
  border-bottom-color: #5286b3;
}
.box-share a[href*="linkedin.com"] {
  background-color: #467AB6;
  border-bottom-color: #2a609d;
}
.box-share a[href*="facebook.com"] {
  background-color: #50639a;
  border-bottom-color: #404f7b;
}
.box-share a[href*="mailto:"] {
  background-color: #2B3C6E;
  border-bottom-color: #0b1228;
}
.box-share span {
  margin: 0 5px;
}

.xs-sm-md .box-share span {
  display: none;
}

/** Social box **/
.box-social {
  display: inline-block;
  font-size: 0;
}
.box-social a {
  border-radius: 3px;
  display: inline-block;
  font-size: 0;
  height: 30px;
  margin-left: 8px;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}
.box-social a:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.box-social a:before {
  color: white;
  font-size: 17px;
  vertical-align: middle;
}
.box-social .fa-twitter {
  background: #00aced;
}
.box-social .fa-instagram {
  background: #e54451;
}
.box-social .fa-facebook {
  background: #3b5998;
}

/** Slideshow module **/
.mod-slideshow {
  margin-bottom: 60px;
  margin-top: 40px;
}

.lg .mod-slideshow {
  padding-left: 0px;
  position: relative;
  width: 1100px;
}
.xs .mod-slideshow {
  margin: 0 !important;
}

.mod-slideshow .box-slider {
  margin-top: 0;
}

.lg .mod-slideshow .box-slider {
  border-radius: 5px 0 5px 5px;
}

.mod-slideshow .slide {
  border-radius: 10px;
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.25);
  margin: 0;
}

.sm-md-lg .mod-slideshow .slide {
  border-radius: 10px;
}

.mod-slideshow .info {
  padding: 45px 40px;
}

.sm-md .mod-slideshow .info {
  padding: 35px 30px;
}

.mod-slideshow .titel {
  font-size: 28px;
  line-height: 35px;
}

.sm-md .mod-slideshow .titel {
  font-size: 22px;
  line-height: 30px;
}

.mod-slideshow .text {
  line-height: 28px;
  margin-top: 15px;
}
.mod-slideshow .btn {
  margin-top: 25px;
}
.mod-slideshow .image {
  background-color: white;
  background-position: center center;
  background-size: cover;
  height: inherit !important;
  position: relative;
}

.sm-md-lg .mod-slideshow .image {
  border-radius: 0 5px 5px 0;
}

.xs .mod-slideshow .image {
  padding-bottom: 52.46%;
}

.mod-slideshow .media {
  position: relative;
}
.mod-slideshow .vimeo2 {
  position: absolute;
  padding-bottom: 56.25%;
  top: 50%;
  transform: translateY(-55%);
  width: 100%;
}

.sm-md .mod-slideshow .vimeo2 {
  transform: translateY(-50%);
}

.mod-slideshow .vimeo2 iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.mod-slideshow .slick-dots {
  bottom: 20px;
  right: 30px;
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
}

.md .mod-slideshow .slick-dots {
  left: 340px;
}

.sm .mod-slideshow .slick-dots {
  left: 390px;
}

.xs .mod-slideshow .slick-dots {
  bottom: 15px;
  left: auto;
  right: 10px;
}

.mod-slideshow .slick-dots li {
  display: inline-block;
  margin: 2px 0;
  padding-right: 5px;
}
.mod-slideshow .slick-dots button {
  background: white;
  border: 2px solid transparent;
  border-radius: 1000px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  font-size: 0;
  height: 16px;
  width: 14px;
}
.mod-slideshow .slick-dots .slick-active button {
  background: transparent;
  border: 2px solid white;
}
.mod-slideshow .slick-dots .slick-active:before {
  background: white;
  border-radius: 100px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  content: "";
  display: inline-block;
  height: 8px;
  margin: 4px 0 0 4px;
  position: absolute;
  width: 8px;
}

/** Header module **/
.lg .mod-header {
  position: relative;
  width: 1100px;
  margin-left: -15px;
}
.lg .mod-header:before {
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  right: -5px;
  top: -13px;
  width: 62px;
  z-index: 1000;
}

.xs .mod-header {
  margin: 0 -15px !important;
}

.lg .mod-header .box-slider {
  border-radius: 10px;
}

.mod-header .afbeelding {
  padding-bottom: 23.83%;
}

/** Inhoud module **/
.mod-inhoud, .mod-table {
  background: #fff;
  border-radius: 10px;
  padding: 2rem;
}

.mod-inhoud .begrippenlijstletters {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin-bottom: 25px;
  padding: 8px 0;
}
.mod-inhoud .begrippenlijstletters a {
  color: #dab34c;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin: 0 3px;
}
.mod-inhoud .begrippenlijstletters a:hover {
  color: #666;
  text-decoration: underline;
}
.mod-inhoud .begrippenlijstletters .active {
  color: #212529;
  text-decoration: underline;
}

/** Inhoud grid module **/
.subpages {
  margin-bottom: 0px;
}
.subpages .item {
  display: block;
  margin-bottom: 0px;
}
.subpages .item .image {
  background-color: #221e1f;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.subpages .item .image:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.subpages .item .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 20px 15px;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  color: #221e1f;
  transition: 0.3s all ease-in-out;
  font-size: 19px;
  margin-top: 0px !important;
}
.subpages .item:hover .content {
  background-color: #bc871c;
  color: white;
}

/** Referentie items module **/
.mod-referenties-items .item {
  margin-bottom: 50px;
}
.mod-referenties-items .afbeelding img {
  display: table;
  margin: 15px auto;
  max-width: 100%;
}
.mod-referenties-items .titel {
  margin-top: -4px;
}

.xs .mod-referenties-items .titel, .mod-referenties-items .more {
  margin-top: 15px;
}

/** Referentie item module **/
.mod-referenties-item h1 {
  margin-top: -2px;
}

.xs .mod-referenties-item h1 {
  margin-top: 15px;
}

.mod-referenties-item .afbeelding {
  max-width: 100%;
}

/** Blog items module **/
.mod-blog-items .item {
  margin: 40px 0;
}
.mod-blog-items .item:not(:last-child) {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  padding-bottom: 40px;
}
.mod-blog-items .afbeelding a {
  display: inline-block;
}

.sm-md-lg .mod-blog-items .afbeelding * {
  width: 100%;
}

.xs .mod-blog-items .afbeelding {
  margin-bottom: 10px;
  text-align: center;
}

.mod-blog-items h2 {
  margin: 0;
}
.mod-blog-items .intro {
  margin: -10px 0 25px 0;
}
.mod-blog-items .box-tags {
  margin-top: 10px;
}

/** Blog item module **/
.sm-md-lg .mod-blog-item .afbeelding * {
  width: 100%;
}

.mod-blog-item .contact {
  margin-bottom: -15px;
  margin-top: 25px;
}

/** Search module **/
.mod-search .results li {
  margin: 20px 0;
}

/** Contact module **/
.mod-contact textarea {
  height: 100px;
}

/** Home module **/
/** Slick **/
.xs .mod-home .slick-arrow + * .slick-slide {
  padding-bottom: 35px;
}

.mod-home .slick-arrow {
  background: none;
  border: none;
  font-size: 0;
  opacity: 0.2;
  position: absolute;
  top: calc(50% - 25px - 5px);
  transition: opacity 0.2s;
  z-index: 100;
}

.xs .mod-home .slick-arrow {
  bottom: 5px;
  top: auto;
}

.mod-home .slick-arrow:hover {
  opacity: 1;
}
.mod-home .slick-arrow:before {
  color: #999;
  font-family: "Font Awesome 5 Pro";
  font-size: 50px;
}

.xs .mod-home .slick-arrow:before {
  font-size: 20px;
}

.mod-home .slick-prev {
  left: calc(50% - 535px - 90px);
}
.mod-home .slick-next {
  right: calc(50% - 535px - 90px);
}

.xs-sm-md .mod-home .slick-prev {
  left: 5px;
}
.xs-sm-md .mod-home .slick-next {
  right: 5px;
}

.mod-home .slick-prev:before {
  content: "\f053";
}
.mod-home .slick-next:before {
  content: "\f054";
}
.mod-home .doelgroepen {
  position: relative;
}
.mod-home .doelgroepen:before {
  background: rgba(227, 227, 227, 0.33);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.mod-home .doelgroepen .slick-list {
  border-right: 1px solid #c6e0e0;
}
.mod-home .doelgroepen .slick-list:before {
  border-left: 1px solid #c6e0e0;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}
.mod-home .doelgroepen .blok {
  border-left: 1px solid #c6e0e0;
  outline: none;
  padding: 20px;
}
.mod-home .doelgroepen .iam {
  color: #212529;
  font-size: 15px;
}
.mod-home .doelgroepen .titel {
  font-size: 18px;
  margin: 2px 0 10px 0;
}
.mod-home .doelgroepen .links {
  margin-top: 20px;
}
.mod-home .doelgroepen .links a {
  color: #dab34c;
  display: inline-block;
  font-size: 15px;
  margin: 2px 0;
  padding-left: 16px;
}
.mod-home .doelgroepen .links a:before {
  color: #999;
  content: "\f0da";
  font-family: "Font Awesome 5 Pro";
  margin: 0 10px 0 -16px;
}
.mod-home .doelgroepen .links a:hover {
  color: #221e1f;
}
.mod-home .tips {
  margin-bottom: 80px;
  margin-top: 0px;
  position: relative;
}
.mod-home .tips .items {
  margin: 0 -30px;
}
.mod-home .tips .tip {
  background-position: center center;
  background-size: cover;
  border-radius: 10px;
  display: block;
  margin: 15px 0;
  min-height: 280px;
  width: 100%;
}
.mod-home .tips .tip .titel {
  background: rgba(188, 135, 28, 0.8);
  border-radius: 10px 0 0 10px;
  height: 280px;
  position: relative;
}
.mod-home .tips .tip .h1 {
  bottom: 25px;
  color: white;
  left: 25px;
  position: absolute;
  right: 25px;
}

/** Doelgroepen **/
/** Tips **/
.sm .mod-home .tips .tip .h1 {
  font-size: 18px;
}

.xs .mod-home .tips .tip .h1 {
  bottom: 15px;
  left: 15px;
  right: 15px;
}

.mod-home .tips a.tip .titel {
  transition: background 0.2s;
}
.mod-home .tips a.tip:hover .titel {
  background: rgba(218, 179, 76, 0.8);
}
.mod-home .tips .tip a.titel .h1:after {
  content: "\f061";
  font-family: "Font Awesome 5 Pro";
  margin-left: 10px;
}

.xs .mod-home .tips .tip {
  border-radius: 0;
}
.xs .mod-home .tips .tip .titel {
  border-radius: 0;
}

/** Referenties **/
.mod-home .referenties {
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
  margin-bottom: 80px;
}

.xs .mod-home .referenties {
  margin: 35px 15px;
}

.mod-home .referenties a {
  display: block;
  height: 100%;
  transition: opacity 0.2s;
}
.mod-home .referenties a:hover {
  opacity: 0.7;
}
.mod-home .referenties .info {
  height: 100%;
  padding: 55px 45px;
  text-align: center;
}

.xs .mod-home .referenties .info {
  background-image: none;
  border-bottom: 1px solid #eee;
  height: auto !important;
  padding: 20px 15px;
}

.mod-home .referenties .titel {
  margin-bottom: 15px;
}
.mod-home .referenties .afbeelding {
  background: white;
}
.mod-home .referenties .afbeelding img {
  display: table;
  margin: auto;
}

.xs .mod-home .referenties .afbeelding img {
  margin: 15px auto;
}

/** Tags **/
.mod-home .tags {
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
  margin-bottom: 80px;
  margin-top: 80px;
  position: relative;
}
.mod-home .tags .items {
  background: #f9f9f9 no-repeat center right;
  height: 100%;
  padding: 55px 45px;
  text-align: center;
}
.mod-home .tags .items a {
  display: inline-block;
  margin: 5px 3px;
}
.mod-home .tags .items a:hover {
  color: #bc871c;
}
.mod-home .tags .logo {
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 200px;
}

.xs .mod-home .tags .items, .xs .mod-home .tags .logo {
  border-radius: 0;
}

/** Miniwebshop category **/
.mod-miniwebshop-category .search {
  position: absolute;
  right: 130px;
  top: 13px;
}

.xs-sm .mod-miniwebshop-category .search {
  position: relative;
  right: auto;
  top: auto;
  width: 100%;
}
.xs-sm .mod-miniwebshop-category .search input {
  width: calc(100% - 33px);
}

.mod-miniwebshop-category .search button {
  background: none;
  border: none;
  color: #bc871c;
  min-width: 0;
}
.mod-miniwebshop-category .searchResults {
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  max-height: 80vh;
  overflow: auto;
  padding: 5px;
  position: absolute;
  right: -35px;
  text-align: center;
  top: 45px;
  width: 300px;
  z-index: 1000;
}

.xs-sm .mod-miniwebshop-category .searchResults {
  left: 0;
  top: 45px;
}

.xs .mod-miniwebshop-category .searchResults {
  right: 0;
  width: auto;
}

.mod-miniwebshop-category .searchResults a {
  border: 1px solid transparent;
  display: block;
  margin: 5px;
  padding: 5px;
  transition: border-color 0.2s;
}
.mod-miniwebshop-category .searchResults a:hover {
  border-color: #bc871c;
  border-radius: 3px;
}
.mod-miniwebshop-category .searchResults .image {
  height: 100px;
  text-align: center;
}
.mod-miniwebshop-category .searchResults img {
  display: inline-block;
  height: auto;
  max-height: 200px;
  max-width: 100%;
  width: auto;
}
.mod-miniwebshop-category .searchResults .titel {
  color: #212529;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-align: center;
}
.mod-miniwebshop-category .searchResults .prijs {
  color: #bc871c;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
}
.mod-miniwebshop-category .searchResults .total {
  font-size: 13px;
  margin-bottom: 10px;
  opacity: 0.5;
}
.mod-miniwebshop-category .searchResults .empty {
  font-size: 13px;
  margin: 25px 10px;
}
.mod-miniwebshop-category .products {
  margin: 10px -10px !important;
  padding: 0;
}
.mod-miniwebshop-category .products a {
  background: white;
  border: 1px solid rgba(113, 151, 132, 0.25);
  display: block;
  height: calc(100% - 20px);
  margin: 10px;
  outline: none;
  padding: 10px;
  transition: border-color 0.2s;
}
.mod-miniwebshop-category .products a:hover {
  border-color: #bc871c;
}
.mod-miniwebshop-category .image {
  height: 170px;
  position: relative;
  text-align: center;
}
.mod-miniwebshop-category .image img {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: auto;
}
.mod-miniwebshop-category .title {
  color: #212529;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  margin: 10px 0;
  overflow: hidden;
  text-align: center;
}
.mod-miniwebshop-category .title span {
  display: inline-block;
  line-height: 14px;
  vertical-align: middle;
  width: 100%;
  word-wrap: break-word;
}
.mod-miniwebshop-category .details {
  overflow: auto;
}
.mod-miniwebshop-category .details img {
  height: auto !important;
  max-width: 100% !important;
}
.mod-miniwebshop-category .price {
  color: #bc871c;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 0 5px;
}
.mod-miniwebshop-category .price .prijsvan {
  margin-right: 10px;
  opacity: 0.5;
  text-decoration: line-through;
}
.mod-miniwebshop-category .addToCart {
  float: right;
  opacity: 1 !important;
}
.mod-miniwebshop-category .loader {
  color: #ddd;
  margin: 50px 0 25px 0;
  text-align: center;
}
.mod-miniwebshop-category .categories {
  margin-bottom: 15px;
}
.mod-miniwebshop-category .categories .links {
  margin: 0 -10px;
}
.mod-miniwebshop-category .categories .links > * {
  margin: 0;
  padding: 0 5px;
}
.mod-miniwebshop-category .categories .item {
  border: 1px solid rgba(113, 151, 132, 0.25);
  display: block;
  margin: 20px 4px;
  padding: 15px;
  position: relative;
  transition: border-color 0.2s;
}

/** Products **/
/** Categories **/
.xs .mod-miniwebshop-category .categories .item {
  margin: 10px 4px;
}

.mod-miniwebshop-category .categories .item:before {
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.mod-miniwebshop-category .categories .item:hover {
  border-color: #bc871c;
}
.mod-miniwebshop-category .categories .afbeelding {
  background-color: #f6f6f6;
  background-position: center center;
  background-size: cover;
  margin: -15px -15px 15px -15px;
  padding-bottom: calc(56.25% + 25px);
}
.mod-miniwebshop-category .categories .toptitel {
  color: #212529;
  font-size: 14px;
  opacity: 0.75;
}
.mod-miniwebshop-category .categories .titel {
  color: #212529;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: bold;
}
.mod-miniwebshop-category .categories .amount {
  color: #999;
  font-size: 13px;
  margin-top: 8px;
}

/** Miniwebshop product **/
.mod-miniwebshop-product h1 {
  margin: 15px 0 25px 0;
}
.mod-miniwebshop-product .productcode {
  color: #999;
  font-size: 14px;
}
.mod-miniwebshop-product .price {
  color: #bc871c;
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0;
}
.mod-miniwebshop-product .price .prijsvan {
  margin-right: 10px;
  opacity: 0.5;
  text-decoration: line-through;
}
.mod-miniwebshop-product span.amount {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 75px;
}
.mod-miniwebshop-product .variantproperty + span.amount {
  margin-top: 25px;
}
.mod-miniwebshop-product .euro {
  margin-left: 15px;
  position: relative;
  top: 2px;
}
.mod-miniwebshop-product .variantproperty {
  margin: 10px 0;
}
.mod-miniwebshop-product .variantproperty > * {
  display: inline-block;
  vertical-align: middle;
}
.mod-miniwebshop-product .variantproperty .name {
  width: 75px;
}
.mod-miniwebshop-product .variantproperty select {
  min-width: 75px;
}
.mod-miniwebshop-product input[name="addToCart[amount]"] {
  margin-right: 5px;
  width: 75px;
}
.mod-miniwebshop-product input[name="addToCart[price]"].money {
  width: 75px;
}

.sm .mod-miniwebshop-product input[name="addToCart[amount]"] {
  width: 39px;
}

.xs .mod-miniwebshop-product .photos {
  margin-top: 25px;
}

.mod-miniwebshop-product .photos li {
  text-align: center;
}
.mod-miniwebshop-product .photos img {
  max-width: 100%;
}
.mod-miniwebshop-product .images {
  margin: 25px -5px 0 -5px;
}
.mod-miniwebshop-product .images li {
  background-position: center center;
  background-size: cover;
  cursor: pointer;
  height: 90px;
  margin: 0 5px;
  opacity: 0.7;
  transition: opacity 0.2s;
  width: 120px !important;
}
.mod-miniwebshop-product .images li:hover, .mod-miniwebshop-product .images li.flex-active-slide {
  opacity: 1;
}
.mod-miniwebshop-product .details {
  margin-top: 25px;
}
.mod-miniwebshop-product .slides {
  margin: 0;
  padding: 0;
  list-style: none;
}

/** Miniwebshop cart products **/
.mod-miniwebshop-cart-products table {
  margin-top: 20px;
}

.xs .mod-miniwebshop-cart-products thead {
  display: none;
}

.mod-miniwebshop-cart-products th {
  background: #f8f8f7;
  padding: 5px;
  text-align: left;
}
.mod-miniwebshop-cart-products th:first-child {
  padding-left: 10px;
}
.mod-miniwebshop-cart-products td {
  padding: 5px;
}

.xs .mod-miniwebshop-cart-products td {
  display: block;
}
.xs .mod-miniwebshop-cart-products tbody tr:first-child td:first-child {
  border-top: 2px dashed #434343;
}
.xs .mod-miniwebshop-cart-products tbody tr td:last-child {
  border-bottom: 2px dashed #434343;
  padding-bottom: 10px;
}

.mod-miniwebshop-cart-products .amount, .mod-miniwebshop-cart-products .price, .mod-miniwebshop-cart-products .totalprice {
  width: 75px;
}
.mod-miniwebshop-cart-products .image {
  padding: 15px 0;
}
.mod-miniwebshop-cart-products .productcode {
  color: #999;
  font-size: 14px;
}

.xs .mod-miniwebshop-cart-products input[name=kortingscode] {
  margin-bottom: 10px;
  width: 100%;
}

.mod-miniwebshop-cart-products .amount input {
  text-align: center;
  width: 50px;
}
.mod-miniwebshop-cart-products .remove {
  cursor: pointer;
}
.mod-miniwebshop-cart-products .coupon form > * {
  vertical-align: middle;
}
.mod-miniwebshop-cart-products .coupon input[name=kortingscode] {
  height: 38px;
}

.sm-md-lg .mod-miniwebshop-cart-products .price, .sm-md-lg .mod-miniwebshop-cart-products .totalprice {
  text-align: right;
}

.xs .mod-miniwebshop-cart-products .totalprice {
  font-weight: bold;
}

.mod-miniwebshop-cart-products .price .euro {
  margin-right: 2px;
  position: relative;
  top: 2px;
}
.mod-miniwebshop-cart-products .price input {
  text-align: right;
  width: 65px;
}
.mod-miniwebshop-cart-products .total {
  font-weight: bold;
}
.mod-miniwebshop-cart-products div.actions {
  margin-top: 40px;
  overflow: auto;
}

.sm-md-lg .mod-miniwebshop-cart-products div.actions .checkout {
  float: right;
}

/** Miniwebshop cart checkout **/
.mod-miniwebshop-cart-checkout h2 {
  margin-bottom: 15px;
}
.mod-miniwebshop-cart-checkout .properties {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mod-miniwebshop-cart-checkout .properties > li {
  margin: 10px 0;
}
.mod-miniwebshop-cart-checkout .properties input {
  margin: 0;
}
.mod-miniwebshop-cart-checkout .properties select {
  width: 100%;
}
.mod-miniwebshop-cart-checkout .chosen-single b {
  position: relative;
  top: 5px !important;
}
.mod-miniwebshop-cart-checkout .properties .seperator {
  margin-top: 35px !important;
}
.mod-miniwebshop-cart-checkout .houseNumber input:first-child {
  width: calc(100% - 110px);
}
.mod-miniwebshop-cart-checkout .houseNumber input:last-child {
  float: right;
  width: 100px;
}
.mod-miniwebshop-cart-checkout .gegevens label {
  display: block;
  margin-top: 25px;
}
.mod-miniwebshop-cart-checkout .gegevens label + label {
  margin-top: 0;
}
.mod-miniwebshop-cart-checkout .gegevens label input {
  margin-right: 10px;
}
.mod-miniwebshop-cart-checkout .payment h2 {
  margin-top: 15px;
}
.mod-miniwebshop-cart-checkout .payment ul {
  list-style: none;
  margin-bottom: 10px;
  padding: 0 5px 5px 20px;
}
.mod-miniwebshop-cart-checkout .payment > label {
  display: block;
  margin: 10px 0;
}
.mod-miniwebshop-cart-checkout .payment img {
  margin-right: 5px;
}
.mod-miniwebshop-cart-checkout .payment input {
  margin-right: 10px;
}
.mod-miniwebshop-cart-checkout .bestelling h2 {
  margin-top: 45px;
}
.mod-miniwebshop-cart-checkout th {
  background: #f8f8f7;
  padding: 5px;
  text-align: left;
}
.mod-miniwebshop-cart-checkout th:first-child {
  padding-left: 10px;
}
.mod-miniwebshop-cart-checkout td:first-child {
  padding-left: 10px;
}
.mod-miniwebshop-cart-checkout th:last-child, .mod-miniwebshop-cart-checkout td:last-child {
  padding-right: 10px;
}
.mod-miniwebshop-cart-checkout th:last-child {
  text-align: right;
}
.mod-miniwebshop-cart-checkout td {
  padding: 5px;
}
.mod-miniwebshop-cart-checkout td:last-child {
  text-align: right;
}
.mod-miniwebshop-cart-checkout td.amount {
  text-align: center;
}
.mod-miniwebshop-cart-checkout tfoot tr:first-child td {
  padding-top: 15px;
}
.mod-miniwebshop-cart-checkout a {
  text-decoration: underline;
}
.mod-miniwebshop-cart-checkout .total {
  font-weight: bold;
}
.mod-miniwebshop-cart-checkout .placeOrder {
  float: right;
  margin-top: 15px;
}
.mod-miniwebshop-cart-checkout .levering {
  margin: 40px 0 15px 0;
}
.mod-miniwebshop-cart-checkout .levering label {
  display: block;
  font-weight: normal;
}
.mod-miniwebshop-cart-checkout .levering label input {
  margin-right: 10px;
}

/** Levering **/
/** Body **/
body {
  font-family: Titillium Web;
  overflow-x: hidden;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

body::-webkit-scrollbar {
  display: none !important;
}

/** Header **/
.xs header .sticky-wrapper {
  display: none;
}

/** Top **/
header .top {
  padding-bottom: 0px;
  margin-top: 20px;
  margin-bottom: 15px;
}

.db header .top {
  padding: 0;
}

.xs header .top {
  padding: 10px 15px !important;
}
.xs .db header .top {
  border-bottom: 1px solid #ddd;
}

header .logo {
  display: inline-block;
  margin-left: 0px;
}

.db header .logo span {
  font-size: 25px;
  font-family: "Comfortaa", sans-serif;
  font-weight: 800;
  color: white;
}

.db header .logo span.thin {
  font-weight: 200;
}

.xs .db header .logo span {
  font-size: 18px;
}
.xs header .logo {
  width: calc(100% - 30px);
}
.xs .db header .logo {
  width: 100%;
  text-align: center;
}
.xs header .logo img {
  display: table;
  margin: 0 auto;
  max-height: 90px;
}
.xs .db header .logo img {
  max-height: 50px;
  width: auto;
}

header .box-social {
  float: right;
  margin-top: 17px;
  margin-right: 15px;
}

.md header .box-social {
  margin-top: 12px;
}

.sm header .box-social {
  margin-top: 4px;
}

.xs header .actions {
  position: absolute;
  right: 0;
  top: 11px;
  width: 45px;
}
.xs .db header .actions {
  width: 100%;
}
.xs .db header .actions a {
  font-family: "Arial";
  font-size: 16px;
  font-weight: bold;
}
.xs .db header .actions a:last-child {
  float: right;
}

header .actions a {
  color: black !important;
  display: inline-block;
  font-size: 30px;
  padding: 6px 10px;
}
header .right {
  text-align: right;
}

/** Right **/
.sm header .right .btn {
  padding: 8px 15px;
}

header .right .first {
  font-size: 0;
  margin-top: 15px;
}
header .right .first > * {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: top;
}
header .right form {
  display: inline-block;
  font-size: 0;
}
header .right input {
  background: #4c4a4a;
  border-radius: 5px 0 0 5px;
  color: white;
  font-size: 15px;
}

.sm header .right input {
  width: 120px;
}

header .right input::-webkit-input-placeholder {
  color: white;
}
header .right input:-moz-placeholder, header .right input::-moz-placeholder {
  color: white;
  opacity: 1;
}
header .right input:-ms-input-placeholder {
  color: white;
}
header .right form button {
  border-radius: 0 5px 5px 0;
  min-width: auto;
  padding: 8px 18px;
}
header .right .second {
  color: #221e1f;
  font-size: 16px;
  margin-top: 30px;
}

.db header .right .second {
  margin-top: 20px;
}
.db header .right .second span {
  color: white;
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container {
    background: #292A27;
    padding-bottom: 5px;
  }
}
#navigationMember {
  z-index: 1000;
}
#navigationMember.floatingStick #navbarSupportedContent {
  border-radius: 0rem !important;
}
@media screen and (min-width: 800px) {
  #navigationMember #navbarSupportedContent {
    height: 55px;
  }
}
@media screen and (max-width: 800px) {
  #navigationMember #navbarSupportedContent li {
    background: #292A27;
  }
}
#navigationMember .card .nav-item {
  position: relative;
  border-bottom: 4px solid #1D1D1C;
}
#navigationMember .card .nav-item > a {
  color: #495057 !important;
}
#navigationMember #navbarSupportedContent {
  padding: 10px;
  background: #292A27;
  border-radius: 1rem;
}
#navigationMember #navbarSupportedContent li {
  margin-left: 10px;
  margin-right: 10px;
}
#navigationMember #navbarSupportedContent .nav-item > a {
  font-size: 1rem;
  padding: 5px 10px 20px 10px;
  text-transform: capitalize;
  font-weight: 600;
}
#navigationMember #navbarSupportedContent .nav-item > a:hover {
  background: #292A27;
}
#navigationMember .menu {
  display: inline-block;
}

header .right .second span:not(:first-child) {
  margin-left: 25px;
}
header .right .second i {
  margin-right: 3px;
}
header nav {
  z-index: 20;
}
header nav .menu {
  display: inline-block;
}

/** Menu **/
.md header nav ul {
  margin: 0 15px;
}

#navbarSupportedContent .nav-item {
  position: relative;
  border-bottom: 4px solid #1D1D1C;
}
#navbarSupportedContent .nav-item > a {
  color: white;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 23px 20px 21px 20px;
  position: relative;
  text-transform: uppercase;
}
#navbarSupportedContent .nav-item:hover {
  border-bottom: 4px solid yellow;
  -webkit-border-image: -webkit-linear-gradient(left, #B17E14, #DEB951, #B17E14, #F9E899) 0 0 100% 0;
}
#navbarSupportedContent .nav-item:hover > a {
  color: white;
}
#navbarSupportedContent .nav-item.active {
  border-bottom: 4px solid yellow;
  -webkit-border-image: -webkit-linear-gradient(left, #B17E14, #DEB951, #B17E14, #F9E899) 0 0 100% 0;
}
#navbarSupportedContent .nav-item.active > a {
  color: #FFF;
}

.nav-item {
  position: relative;
  border-bottom: 4px solid #1D1D1C;
}
.nav-item > a {
  color: #495057;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 23px 20px 21px 20px;
  position: relative;
  text-transform: uppercase;
}
.nav-item:hover {
  border-bottom: 4px solid yellow;
  -webkit-border-image: -webkit-linear-gradient(left, #B17E14, #DEB951, #B17E14, #F9E899) 0 0 100% 0;
}
.nav-item:hover > a {
  color: #495057;
}
.nav-item.active {
  border-bottom: 4px solid yellow;
  -webkit-border-image: -webkit-linear-gradient(left, #B17E14, #DEB951, #B17E14, #F9E899) 0 0 100% 0;
}
.nav-item.active > a {
  color: #FFF;
}

.md header nav > ul > li > a {
  font-size: 16px;
  padding: 15px 18px;
}

.sm header nav > ul > li > a {
  font-size: 13px;
  padding: 10px 9px;
}

header nav > ul > li, #navigationMember nav > ul > li {
  display: inline-block;
}
header nav > ul > li:hover, #navigationMember nav > ul > li:hover {
  background: #292A27;
}
header nav > ul > li:hover > a, #navigationMember nav > ul > li:hover > a {
  color: white;
}
header nav > ul > li.active, #navigationMember nav > ul > li.active {
  background: #bc871c;
}
header nav > ul > li.active > a, #navigationMember nav > ul > li.active > a {
  color: #FFF;
}
header nav ul ul, #navigationMember nav ul ul {
  display: none;
}
header nav ul a:hover + ul, header nav ul ul:hover, #navigationMember nav ul a:hover + ul, #navigationMember nav ul ul:hover {
  background: #535353;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) inset;
  display: block;
  left: 0;
  padding: 10px 25px 10px 25px;
  position: absolute;
  z-index: 10000;
}

.md header nav ul li a:hover + ul, .md header nav ul li ul:hover {
  padding-left: 20px;
}

.sm header nav ul li a:hover + ul, .sm header nav ul li ul:hover {
  padding-left: 10px;
}

header nav ul ul li a {
  color: white;
  font-size: 16px;
  display: inline-block;
  margin: 4px 0;
}

.md-lg header nav ul ul a {
  white-space: nowrap;
}

header nav ul ul a:hover, header nav ul ul li.active a, #navigationMember nav ul ul a:hover, #navigationMember nav ul ul li.active a {
  color: white;
  text-decoration: underline;
}
header nav .cart, #navigationMember nav .cart {
  color: white;
  display: inline-block;
  float: right;
  margin: 17px 30px 0 0;
  padding: 5px 2px 5px 10px;
  position: relative;
}

/** Cart **/
.sm header nav .cart {
  margin-top: 9px;
}

header nav .cart i {
  font-size: 20px;
}
header nav .cart .amount {
  background: rgb(188, 135, 28);
  border-radius: 5px 5px 5px 0;
  color: white;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  left: 100%;
  padding: 0 8px;
  position: absolute;
  top: -7px;
}

.sm header nav .cart .amount {
  top: -5px;
}

/** Main **/
main .box-slider {
  margin-top: 40px;
}

.xs main .box-slider {
  margin: 15px 0 10px 0;
}

main .content {
  margin-bottom: 60px;
  margin-top: 5px;
}
main aside {
  margin: 30px 0;
}
main aside:last-child {
  margin-bottom: 0;
}

.db main aside:first-child h2 {
  margin-top: 0;
}

.xs .db main aside:first-child h2 {
  margin-top: 30px;
}

main aside h2 {
  color: #bc871c;
  font-family: "Comfortaa", sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.db main aside h2 {
  color: #221e1f;
  font-family: Titillium Web;
  font-size: 18px;
  font-weight: bold;
}

main h1 + aside {
  margin-top: 0;
}
main .navigation {
  font-family: Titillium Web;
  font-size: 15px;
  margin-bottom: 25px;
  margin-top: 15px;
}

/** Navigation **/
.xs main .navigation {
  font-size: 12px;
  padding: 0;
}

main .navigation .back {
  text-align: right;
}
main .navigation .back a {
  color: #bc871c;
}
main .navigation .back a:hover {
  color: #221e1f;
}
main .navigation .back i {
  margin-right: 5px;
}
main .breadcrumbs {
  list-style: none;
  margin: 0;
  padding: 0;
}
main .breadcrumbs li {
  display: inline-block;
}

.xs main .breadcrumbs li {
  margin-right: 0;
}

main .breadcrumbs li:not(:last-child):after {
  color: #777;
  content: "\f105";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin: 0 5px;
}
main .breadcrumbs i {
  margin-right: 4px;
}

.xs main .breadcrumbs i {
  margin-right: 2px;
}

main .breadcrumbs a {
  color: #bc871c;
}
main .breadcrumbs li:last-child a {
  color: #aaa;
}

/** Asides **/
.sm-md-lg .asides {
  padding-right: 35px;
}

.xs .asides {
  margin-top: 25px;
}

.asides aside {
  background: white;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.asides aside:first-child {
  margin-top: 0;
}
.asides aside + aside {
  margin-top: 30px;
}

.xs-sm .asides aside + aside {
  margin-top: 25px;
}

.asides aside h2, .asides aside .h2 {
  background: #212529;
  border-radius: 3px 3px 0 0;
  color: white !important;
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 16px 20px 17px 20px;
  transition: opacity 0.2s;
}
.asides aside a.h2:hover {
  opacity: 0.7;
}
.asides aside h2 i, .asides aside .h2 i {
  margin-left: 5px;
}
.asides .links a {
  transition: background 0.1s, opacity 0.1s;
}
.asides .logos h2 {
  background: #bc871c;
}
.asides .logos ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.asides .logos .bx-wrapper {
  margin: 0;
}
.asides .logos .bx-viewport {
  border: none;
  box-shadow: none;
  left: 0;
}
.asides .logos span {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin: 15px;
  padding-bottom: 75%;
}
.asides .logos .text {
  padding: 15px 20px 20px;
}
.asides .logos .text .btn {
  margin-top: 10px;
}
.asides .submenu .menu {
  list-style: none;
  margin: 0;
  padding: 10px 0 12px 0;
}
.asides .submenu h2 {
  background: #221e1f;
}
.asides .submenu .menu > li > a {
  color: #221e1f;
  display: block;
  font-size: 16px;
  margin: 7px 20px;
  transition: color 0.2s;
}
.asides .submenu a:hover, .asides .submenu li.active > a {
  color: #dab34c !important;
}
.asides .submenu .menu > li.active > a:before {
  content: "\f0da";
  font-family: "Font Awesome 5 Pro";
  margin-right: 5px;
}
.asides .submenu .menu li li.active > a:before {
  content: "\f111";
  font-family: "Font Awesome 5 Pro";
  font-size: 7px;
  margin: 6px 0 0 -12px;
  position: absolute;
}
.asides .blok h2 {
  background: #221e1f;
}
.asides .blok img {
  height: auto;
  width: 100%;
}
.asides .blok .text {
  padding: 15px 20px 20px 20px;
}
.asides .blok .btn {
  margin-top: 15px;
}

/** Logos **/
/** Submenu **/
/** Blok **/
/** Logos **/
.sponsor {
  display: block;
  background-color: black;
  margin-top: 0px;
  height: 120px;
}
.sponsor .logos ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sponsor .logos .bx-wrapper {
  margin: 0;
}
.sponsor .logos .bx-viewport {
  border: none;
  box-shadow: none;
  left: 0;
}
.sponsor .logos span {
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  margin: 15px;
  padding-bottom: 100px;
}

/** Footer **/
footer .bottom {
  padding-bottom: 20px;
  padding-top: 20px;
}

/** Bottom **/
footer .logo {
  margin: -10px 0 0 20px;
}

.sm-md footer .logo {
  margin-left: 0px;
}

.xs footer .logo {
  display: table;
  margin: 0 auto;
}

footer .right {
  text-align: left;
}

.xs footer .right {
  text-align: center;
}

footer .menu {
  color: black;
  display: inline-block;
  font-size: 16px;
  list-style: none;
  margin: 0 15px 0 0;
  padding: 0;
}

.xs footer .menu {
  margin: 20px 0;
}

.sm footer .menu {
  display: block;
  margin: 0 0 10px 0;
}

footer .menu {
  margin: 0 0px 0 0px;
}
footer .menu li {
  display: inline-block;
  margin: 0 20px 0 0px;
  color: #fff;
}
footer .menu li:last-child {
  margin: 0px;
}
footer .menu a {
  color: #fff;
}
footer .menu a:hover {
  color: #fff;
  text-decoration: underline;
}

#navigationMember {
  position: relative;
  top: 0;
  width: 100%;
}

.navbar {
  padding: 0px !important;
}

.card {
  border-radius: 10px !important;
}
.card .card-header {
  border-radius: 0 !important;
  background: none !important;
  border: 0px solid #fff;
  font-size: 25px;
  font-weight: normal;
}
.card .card-body {
  padding-top: 0;
}
.card .card-body hr {
  margin: 1rem 0 !important;
}

table .header {
  border: 0px solid #fff;
  color: #535353;
  background: #fff;
}
table .header th {
  border: 0px solid #fff;
}

.navbar-toggler-icon i {
  font-size: 32px;
  color: #fff;
}

.delete-inline {
  float: left;
  display: contents;
}

.card-success {
  background: #2a9055 !important;
}

header .navbar-nav {
  margin-bottom: -15px !important;
}
@media screen and (max-width: 800px) {
  header .navbar-nav .nav-item {
    text-align: center;
  }
}

@media screen and (max-width: 993px) {
  .logo {
    margin-top: 10px;
  }
  .logo img {
    width: 300px;
  }
  .db header .logo span {
    font-size: 20px;
  }
  .right .second span, .right .second a {
    color: white;
    font-size: 20px;
  }
  .second span {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .logo {
    margin-top: 10px;
  }
  .logo img {
    width: 200px;
  }
  .db header .logo span {
    font-size: 15px;
  }
  .right .second span, .right .second a {
    color: white;
    font-size: 15px;
  }
}
.page-link {
  border: 0px solid #fff;
}

.table thead th {
  border-bottom: 0px solid #fff;
}

.admin-panel .card-header {
  font-size: 14px;
}

.note-editor .btn {
  color: #000;
  font-family: Titillium Web;
  font-weight: normal;
  border-radius: 0;
  font-size: 12px;
}
.note-editor .btn i {
  color: #000;
  font-family: Titillium Web;
  font-weight: normal;
  border-radius: 0;
  font-size: 12px;
}

.modal-dialog .modal-title {
  position: absolute;
}

.note-popover {
  display: none !important;
}

.custom-control-label:before {
  background: linear-gradient(to left, #F2F2F2, #F2F2F2, #F2F2F2, #F2F2F2);
  height: 1.5rem;
  width: 1.5rem;
  left: -1.8rem;
  top: 0rem;
  border-color: white;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background: linear-gradient(to left, #B17E14, #DEB951, #B17E14, #F9E899);
  height: 1.5rem;
  width: 1.5rem;
  border-color: white;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  height: 1.5rem;
  width: 1.5rem;
  border-color: white;
  color: black;
}

.custom-control-label::after {
  height: 1.5rem;
  width: 1.5rem;
  left: -1.7rem;
  top: 0.07rem;
}

.custom-control-label {
  margin: 5px 0 0 5px;
}

.custom-control {
  padding-left: 1.5rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='black' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background: black;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 5px 5px 5px 6px;
}

.jumbotron {
  background: #1D1D1C;
}

@media screen and (max-width: 768px) {
  .jumbotron {
    padding: 0px !important;
  }
  .jumbotron .ml-4 {
    margin-left: 0px !important;
  }
  .jumbotron .mr-4 {
    margin-right: 0px !important;
  }
}
input.form-control, textarea.form-control {
  background: linear-gradient(to left, #F2F2F2, #F2F2F2, #F2F2F2, #F2F2F2) !important;
  border: 0px !important;
}

.btn-link {
  color: #212529 !important;
}

.col-form-label, .form-group label {
  font-weight: bold;
  font-weight: 600;
}

.welcome-box p {
  margin-bottom: 1rem !important;
}
.welcome-box h1, .welcome-box h2, .welcome-box h3, .welcome-box h4, .welcome-box h5, .welcome-box p, .welcome-box i {
  color: #F7F1F1 !important;
}
.welcome-box .btn-primary {
  background: #535353 !important;
}

.font-semibold {
  font-weight: 600;
}

.video {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
  height: 200px;
}

.videodescription {
  padding: 5px;
  background: #E5E5E5;
  width: 100%;
  margin-top: auto;
}
.videodescription .badge {
  margin-right: 5px;
}

.tools {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  flex-grow: 1;
  justify-content: space-between;
  align-self: flex-end;
}

.btngrey {
  background: #1C1C1A !important;
}

.qtagselect__container {
  width: 100% !important;
}

.qtagselect__results, .qtagselect__choice, .qtagselect__field {
  list-style-type: none !important;
  background: white !important;
}

.dropdown-menu .bootstrap-datetimepicker-widget {
  background: #FFFFFF !important;
}

#drag-people-touch {
  z-index: 20;
  overflow-y: scroll;
}

.dropdown-menu-gray {
  background: #292A27;
  color: #a7a7a7;
  background-color: #292A27;
}

.accordion .card {
  margin-bottom: 10px;
}
.accordion .card-header {
  background: #E5E5E5 !important;
  color: #3b3b39;
}
.accordion .card-body {
  background: #d1d1d0 !important;
  padding-top: 10px;
}

.accordion .card-header .accordion-toggle:focus {
  /* symbol for "opening" panels */
  font-family: "Font Awesome 5 Pro";
  content: "\f078";
  float: right;
  color: grey;
}

.accordion .card-header .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: "Font Awesome 5 Pro";
  content: "\f054";
  float: right;
  color: grey;
}

.accordion .card-header .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f078"; /* adjust as needed, taken from bootstrap.css */
}

.balloon li {
  display: inline;
  font-weight: bold;
  background: #fff;
  box-shadow: 0 4px 8px rgba(4, 27, 61, 0.1);
  color: #3b3b39 !important;
  padding: 2px 8px;
  margin-right: 5px;
  border-radius: 5px;
  border: 0px solid #ffffff;
}

.balloon .active, .balloon li:hover {
  position: relative;
  background: #292A27;
  color: #fff;
  background: linear-gradient(to left, #B17E14, #DEB951, #B17E14, #F9E899);
}

.balloon .active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-color: #DEB951;
  border-bottom: 0;
  margin-left: -10px;
  margin-bottom: -8px;
}

.dropdown-item:hover {
  background: #292A27;
  color: #a7a7a7;
  border-bottom: 2px solid yellow;
  -webkit-border-image: -webkit-linear-gradient(left, #B17E14, #DEB951, #B17E14, #F9E899) 0 0 100% 0;
}

.dropdown-item {
  background: #292A27;
  color: #a7a7a7;
  border-bottom: 2px solid #292A27;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
  background: #292A27;
  color: #a7a7a7;
  background-color: #292A27;
}

.left-1 {
  left: 1rem;
}

.left-2 {
  left: 2rem;
}

.left-2-5 {
  left: 2.5rem;
}

.top-0-5 {
  top: 0.8rem;
}

.bg-none {
  background: none !important;
}

.text-black-time {
  color: #000000 !important;
}

.top-1 {
  top: 1rem;
}

.top-2 {
  top: 2rem;
}

.round-button {
  position: absolute;
  margin: auto;
  top: -120px;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  display: block;
  width: 60px;
  height: 60px;
  padding-top: 14px;
  padding-left: 8px;
  line-height: 20px;
  border: 0px solid #fff;
  border-radius: 50%;
  color: #f5f5f5;
  text-align: center;
  text-decoration: none;
  background: #000000;
  font-size: 20px;
  font-weight: bold;
  transition: all 0.3s ease;
}
.round-button i {
  font-size: 1.2rem;
  margin: 20px 20px 20px 23px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.lessonIndex .round-button {
  top: -40px !important;
}

.round-button:hover {
  background: #000;
}

.modal-header, .modal-footer {
  border-bottom: 0px;
}

.form-control {
  background: none !important;
}

.nonbold {
  font-weight: 100 !important;
}

.underline {
  text-decoration: underline !important;
}

/*== start of code for tooltips ==*/
.tool {
  cursor: help;
  position: relative;
}

/*== common styles for both parts of tool tip ==*/
.tool::before,
.tool::after {
  left: 50%;
  opacity: 0;
  position: absolute;
  z-index: -100;
}

.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
  opacity: 1;
  transform: scale(1) translateY(0);
  z-index: 100;
}

/*== pointer tip ==*/
.tool::before {
  border-style: solid;
  border-width: 1em 0.75em 0 0.75em;
  border-color: #3E474F transparent transparent transparent;
  bottom: 100%;
  content: "";
  margin-left: -0.5em;
  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26), opacity 0.65s 0.5s;
  transform: scale(0.6) translateY(-90%);
}

.tool:hover::before,
.tool:focus::before {
  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
}

/*== speech bubble ==*/
.tool::after {
  background: #3E474F;
  border-radius: 0.25em;
  bottom: 180%;
  color: #EDEFF0;
  content: attr(data-tip);
  margin-left: -8.75em;
  padding: 1em;
  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
  transform: scale(0.6) translateY(50%);
  width: 17.5em;
}

.tool:hover::after,
.tool:focus::after {
  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26);
}

@media (max-width: 760px) {
  .tool::after {
    font-size: 0.75em;
    margin-left: -5em;
    width: 10em;
  }
}
.greycolor {
  background: #ECECEC;
  color: #212629;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
  left: 0 !important;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
  left: 0.4rem !important;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
  padding-left: 25px !important;
}

.table-responsive::-webkit-scrollbar {
  -webkit-appearance: none;
}

.table-responsive::-webkit-scrollbar:vertical {
  width: 12px;
}

.table-responsive::-webkit-scrollbar:horizontal {
  height: 12px;
}

.table-responsive::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border: 2px solid #ffffff;
}

.table-responsive::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #cecece;
}

.dropdown-item:active {
  background: #BC871C;
}

@media (min-width: 979px) {
  nav .dropdown:hover > .dropdown-menu {
    display: block;
  }
}
@media (max-width: 450px) {
  .btn {
    font-size: 0.8rem;
  }
}
.tooltipx {
  position: relative;
  display: inline-block;
  border-bottom: 0px dotted black;
}

.right-menu-ho {
  top: 0;
  right: 0;
  position: absolute;
}

.hoverme {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.dd-white, .dd-white i {
  background: white !important;
  color: #1A1A18 !important;
}

.hoverme .wid-40 {
  background: white;
}

.no-flex {
  display: inline-block !important;
}

.mod-table-head-title {
  position: absolute;
  top: 5px;
  left: 2rem;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  vertical-align: middle;
}

p-0 {
  padding: 0 !important;
}

.table-top i {
  font-size: 24px;
}

.middle {
  vertical-align: middle;
}

.mod-table-head {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  vertical-align: middle;
}

.hoverme::-webkit-scrollbar {
  display: none !important;
}

.wid-40 {
  margin-left: 1rem;
  width: 300px;
}

.tooltipx .tooltiptext {
  visibility: hidden;
  max-width: 280px;
  min-width: 230px;
  background-color: black;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 20px;
  position: absolute;
  z-index: 9999;
  left: 0px;
  margin-left: -60px;
}

.tooltipx .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltipx:hover .tooltiptext {
  visibility: visible;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 20;
  font-family: inherit;
  font-size: 0.875rem; /* 14px */
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  border-radius: 0.25rem; /* 4px */
  background-color: #000;
  opacity: 0.9;
  color: #fff;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem; /* 4px 8px */
  text-align: center;
}

.tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem; /* 12px */
  height: 0.4rem; /* 6px */
}

.tooltip .arrow:before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .arrow:before,
.bs-tooltip-auto[x-placement^=top] .arrow:before {
  bottom: 20;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right .arrow:before,
.bs-tooltip-auto[x-placement^=right] .arrow:before {
  left: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom .arrow:before,
.bs-tooltip-auto[x-placement^=bottom] .arrow:before {
  top: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left .arrow:before,
.bs-tooltip-auto[x-placement^=left] .arrow:before {
  right: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.greyish {
  background: #E5E5E5;
  width: 100%;
}

.whitish {
  background: #ffffff;
  width: 100%;
}

.techniek {
  width: 100%;
  border: 0px solid white;
  padding: 4px;
  background: linear-gradient(to left, #B17E14, #DEB951, #B17E14, #F9E899);
}

.activitieslogoff {
  border-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.list-group-horizontal .list-group-item {
  display: inline-block;
}

.list-group-horizontal .list-group-item {
  margin-bottom: 0;
  margin-left: -4px;
  margin-right: 0;
  border-right-width: 0;
}

.list-group-horizontal .list-group-item:first-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}

.list-group-horizontal .list-group-item:last-child {
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-right-width: 1px;
}

.btn svg {
  fill: currentColor; /* Use the current text color as the SVG fill color */
}