/*=== abstracts css start === */
@font-face {
  font-family: "Myriad_Font";
  src: url("../fonts/Myriad-Pro-Regular.ttf");
  font-style: normal;
  font-weight: normal;
}
/*===// end of abstracts css === */
/*=== base css start === */
* {
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box;
}

::after, ::before {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, ol, ul, p, address, strong, i {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul, li {
  list-style: none;
}

a, a:hover {
  text-decoration: none;
}

body {
  font-family: "Montserrat", sans-serif;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1600px;
  }
}

.text-small {
  font-size: 12px;
  color: #0f0f0f;
  font-weight: 500;
}
.text-small.blue {
  color: #3399cc;
}

.text-normal {
  font-size: 14px;
  color: #0f0f0f;
  font-weight: 500;
  line-height: 20px;
}
.text-normal.blue {
  color: #3399cc;
}

.link-black {
  display: block;
  font-size: 12px;
  color: #0f0f0f;
  font-weight: 500;
}

/*===// end of base css === */
/*=== layouts css start === */
.header .header-top {
  background: #18a6d6;
  padding: 3px 0;
}
.header .header-top .input-group .input-field {
  border-radius: 0;
  font-size: 12px;
  background-color: rgb(21, 138, 178);
  color: #fff;
  border: 0;
}
.header .header-top .input-group .input-field::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7450980392);
}
.header .header-top .input-group .input-field::placeholder {
  color: rgba(255, 255, 255, 0.7450980392);
}
.header .header-top .input-group .btn-submit {
  border-radius: 0;
  border: none;
  background-color: #000000;
  font-family: "Myriad_Font";
  font-size: 18px;
  color: #fff;
}
.header .inner-nav {
  background: #0d0d0d;
}
.header .inner-nav .navbar-brand {
  display: inline-block;
}
@media (max-width: 767px) {
  .header .inner-nav .navbar-brand {
    max-width: 200px;
  }
}
.header .inner-nav .user-info {
  background: #272626;
  padding: 10px;
  min-width: 345px;
}
.header .inner-nav .user-info .custom-w-big {
  width: 68%;
}
.header .inner-nav .user-info .custom-w-small {
  width: 32%;
}
.header .inner-nav .user-info .c-input {
  background: #0d0d0d;
  border-radius: 0;
  border: 0;
  color: #fff;
  font-size: 14px;
}
.header .inner-nav .user-info .c-input::-moz-placeholder {
  color: rgba(253, 253, 253, 0.7607843137);
}
.header .inner-nav .user-info .c-input::placeholder {
  color: rgba(253, 253, 253, 0.7607843137);
}
.header .inner-nav .user-info .img-wrap {
  min-height: 100%;
  width: 100%;
  background: #0d0d0d;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .inner-nav #menu-collapsed .nav-wrap {
  display: flex;
  align-items: center;
}
.header .inner-nav #menu-collapsed .nav-wrap .nav-link {
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  padding: 12px 20px;
}
.header .inner-nav #menu-collapsed .nav-wrap .nav-link:hover {
  background: #18a6d6;
}
.header .inner-nav #menu-collapsed .nav-wrap .nav-link.active {
  background: #18a6d6;
}
@media (max-width: 1199px) {
  .header .inner-nav #menu-collapsed .nav-wrap .nav-link {
    padding: 12px 18px;
  }
}
@media (max-width: 991px) {
  .header .inner-nav #menu-collapsed .nav-wrap {
    flex-direction: column;
    align-items: start;
    width: 100%;
  }
  .header .inner-nav #menu-collapsed .nav-wrap .nav-item {
    width: 100%;
  }
  .header .inner-nav #menu-collapsed .nav-wrap .nav-link {
    display: inline-block;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .header .inner-nav #menu-collapsed.hide {
    display: none;
  }
}

.footer p {
  font-weight: 400;
  font-size: 10px;
}
.footer .footer-top {
  background: #18a6d6;
}
.footer .footer-top .link-wrapper {
  padding-top: 10px;
}
.footer .footer-top .link-wrapper a {
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  display: inline-block;
  margin-right: 15px;
  transition: 0.3s;
}
.footer .footer-top .link-wrapper a:hover {
  transform: scale(1.1);
}
.footer .footer-bottom {
  background: #0d0d0d;
}

/*===// end of layouts css === */
/*=== components css start === */
.btn-main {
  font-size: 12px;
  background: #18a6d6;
  color: #ffffff;
  border-radius: 0;
}
.btn-main:hover {
  color: #ffffff;
  background: #18a6d6;
  border-radius: 3px;
}

.cont-card {
  padding-bottom: 8px;
}
.cont-card .c-header {
  background: #18a6d6;
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 10px;
  width: 100%;
}
.cont-card .c-header .heading {
  font-family: "Myriad_Font";
  font-size: 18px;
  color: #ffffff;
  padding: 0;
  margin: 0;
}
.cont-card .c-header .heading-small {
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  padding: 0;
  margin: 0;
}
.cont-card .c-body {
  border: 1px solid #e7e8e3;
  padding: 10px;
}
.cont-card .c-body ul li a {
  transition: 0.2s;
}
.cont-card .c-body ul li a:hover .text-small {
  color: #18a6d6;
}

.cont-card .c-header {
    border-radius: 8px 8px 0px 0px;
}
.cont-card .c-body {
    border-radius: 0px 0px 8px 8px;
}
/* Aangepaste stijlen voor de badge */
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

/* Verschillende kleuren voor de badge */
.badge-primary { background-color: #18a6d6; }
.badge-secondary { background-color: #6c757d; }
.badge-success { background-color: #28a745; }
.badge-danger { background-color: #dc3545; }
.badge-warning { background-color: #ffc107; }
.badge-info { background-color: #17a2b8; }
.badge-light { background-color: #f8f9fa; color: #495057; }
.badge-dark { background-color: #343a40; }

/* Aangepaste stijlen voor de button */
.btn {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

/* Verschillende kleuren voor de button */
.btn-primary { background-color: #18a6d6; border-color: #516484; color: #fff; }
.btn-secondary { background-color: #6c757d; border-color: #6c757d; color: #fff; }
.btn-success { background-color: #28a745; border-color: #28a745; color: #fff; }
.btn-danger { background-color: #dc3545; border-color: #dc3545; color: #fff; }
.btn-warning { background-color: #ffc107; border-color: #ffc107; color: #fff; }
.btn-info { background-color: #17a2b8; border-color: #17a2b8; color: #fff; }
.btn-light { background-color: #f8f9fa; border-color: #f8f9fa; color: #495057; }
.btn-dark { background-color: #343a40; border-color: #343a40; color: #fff; }


.nav-tabs .nav-link, a {
    color: #0f0f0f;
}
/* Aangepaste stijlen voor het label */
.label {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

/* Verschillende kleuren voor het label */
.label-primary { background-color: #007bff; color: #fff; }
.label-secondary { background-color: #6c757d; color: #fff; }
.label-success { background-color: #28a745; color: #fff; }
.label-danger { background-color: #dc3545; color: #fff; }
.label-warning { background-color: #ffc107; color: #fff; }
.label-info { background-color: #17a2b8; color: #fff; }
.label-light { background-color: #f8f9fa; color: #495057; }
.label-dark { background-color: #343a40; color: #fff; }
/*===// end of components css === *//*# sourceMappingURL=style.css.map */


.c-body .item { margin-bottom: 12px; text-align: center; padding: 10px 0px 10px 0px; border: 1px solid #e4e4e4; border-radius: 4px; background: #f3f3f3; transition: all 0.3s; }
.c-body i { margin: 6px auto 6px auto; color: #000;}
.c-body .text { display: block; font-weight: bold; text-transform: uppercase; color: #aaa; }

.veiling {
  margin:0px;padding:0px;
  width:100%;
  border:1px solid #ffffff;

  -moz-border-radius-bottomleft:0px;
  -webkit-border-bottom-left-radius:0px;
  border-bottom-left-radius:0px;

  -moz-border-radius-bottomright:0px;
  -webkit-border-bottom-right-radius:0px;
  border-bottom-right-radius:0px;

  -moz-border-radius-topright:0px;
  -webkit-border-top-right-radius:0px;
  border-top-right-radius:0px;

  -moz-border-radius-topleft:0px;
  -webkit-border-top-left-radius:0px;
  border-top-left-radius:0px;
}.veiling table{
    border-collapse: collapse;
        border-spacing: 0;
  width:100%;
  height:100%;
  margin:0px;padding:0px;
}.veiling tr:last-child td:last-child {
  -moz-border-radius-bottomright:0px;
  -webkit-border-bottom-right-radius:0px;
  border-bottom-right-radius:0px;
}
.veiling table tr:first-child td:first-child {
  -moz-border-radius-topleft:0px;
  -webkit-border-top-left-radius:0px;
  border-top-left-radius:0px;
}
.veiling table tr:first-child td:last-child {
  -moz-border-radius-topright:0px;
  -webkit-border-top-right-radius:0px;
  border-top-right-radius:0px;
}.veiling tr:last-child td:first-child{
  -moz-border-radius-bottomleft:0px;
  -webkit-border-bottom-left-radius:0px;
  border-bottom-left-radius:0px;
}.veiling tr:hover td{

}
.veiling tr:nth-child(odd){ background-color:#f9f9f9 }
.veiling tr:nth-child(even)    { background-color:#ffffff; }.veiling td{
  vertical-align:middle;


  border:1px solid #ffffff;
  border-width:0px 1px 1px 0px;
  text-align:left;
  padding:7px;
  font-size:10px;
  font-family:Verdana;
  font-weight:normal;
  color:#000000;
}.veiling tr:last-child td{
  border-width:0px 1px 0px 0px;
}.veiling tr td:last-child{
  border-width:0px 0px 1px 0px;
}.veiling tr:last-child td:last-child{
  border-width:0px 0px 0px 0px;
}
.veiling tr:first-child td {
    background: -o-linear-gradient(bottom, #e0e0e0 5%, #b2b1b0 100%);
    /* background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e0e0e0), color-stop(1, #b2b1b0) ); */
    background: -moz-linear-gradient( center top, #e0e0e0 5%, #b2b1b0 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e0e0e0", endColorstr="#b2b1b0");
    background: -o-linear-gradient(top,#e0e0e0,b2b1b0);
    background-color: #18a6d6;
    border: 0px solid #ffffff;
    text-align: center;
    border-width: 0px 0px 1px 1px;
    font-size: 12px;
    /* font-family: Verdana; */
    font-weight: bold;
    color: #ffffff;
}
.veiling tr:first-child:hover td{
  background:-o-linear-gradient(bottom, #e0e0e0 5%, #b2b1b0 100%);  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e0e0e0), color-stop(1, #b2b1b0) );
  background:-moz-linear-gradient( center top, #e0e0e0 5%, #b2b1b0 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e0e0e0", endColorstr="#b2b1b0");  background: -o-linear-gradient(top,#e0e0e0,b2b1b0);

  background-color:#e0e0e0;
}
.veiling tr:first-child td:first-child{
  border-width:0px 0px 1px 0px;
}
.veiling tr:first-child td:last-child{
  border-width:0px 0px 1px 1px;
}
/* Pas de achtergrondkleur van de radiobuttons aan */
.form-check-input:checked {
    background-color: #18a6d6; /* Aanpassen aan je gewenste kleur */
}
.btn-group-sm>.btn, .btn-sm {
    padding: 0.2rem 0.4rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}