/**
 $green: rgba(143, 181, 137, 1); //#28c76f;
  $green-shadow: rgba(83, 105, 79, 1); //#64c367;
  $green-light: rgba(166, 210, 160, 1); // #85d888;

rood: rgba(220,53,69,1) !important;	
*/
.main-sidebar .sidebar-brand a .header-logo {
  height: 54px;
}

.header-logo {
  height: 74px;
}

.header-logo.logo {
  display: inline-block;
}

.sidebar-mini .header-logo.logo {
  display: none;
}

.header-logo.favicon {
  display: none;
}

.sidebar-mini .header-logo.favicon {
  display: inline-block;
}

.text-90 {
  font-size: 90%;
}

.text-80 {
  font-size: 80%;
}

.text-70 {
  font-size: 70%;
}

.bg-green {
  background-color: rgb(143, 181, 137);
}

.bg-success {
  background-color: #547c57 !important;
}

.text-green {
  color: rgb(143, 181, 137);
}

.text-bg-green {
  background-color: rgb(143, 181, 137);
  color: white;
}

.text-red {
  color: rgb(220, 53, 69);
}

a.text-green {
  color: rgb(143, 181, 137);
  text-decoration: none;
}

a.text-green:hover {
  color: rgb(83, 105, 79);
  text-decoration: underline;
}

.text-gray {
  color: rgb(128, 128, 128);
}

.theme-icons {
  --fa-secondary-opacity: 1;
  --fa-primary-color: rgba(0, 0, 0, 1);
  --fa-secondary-color: rgba(143, 181, 137, 1);
  transition: 0.8s;
}

.theme-icons:hover {
  --fa-secondary-opacity: 1;
  --fa-primary-color: rgba(180, 180, 180, 1);
  --fa-secondary-color: rgba(166, 210, 160, 1);
  transition: 0.8s;
}

.iconred {
  --fa-secondary-opacity: 1;
  --fa-primary-color: rgba(100, 100, 100, 1);
  --fa-secondary-color: rgba(199,53,40,1);
  transition: 0.8s;
}

.iconred:hover {
  --fa-secondary-opacity: 1;
  --fa-primary-color: rgba(100, 100, 100, 1);
  --fa-secondary-color: rgba(156,42,31,1);
  transition: 0.8s;
}

.dt-length {
  display: inline-block;
  margin-bottom: 1em !important;
  float: left;
}

.dt-search {
  display: inline-block;
  margin-bottom: 1em !important;
  float: right;
}

.dt-info {
  display: inline-block;
  margin-top: 1em !important;
  float: left;
}

.dt-paging {
  display: inline-block;
  margin-top: 1em !important;
  float: right;
}

.form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: transparent !important;
  border-radius: var(--bs-border-radius);
}

.form-check .form-check-label {
  cursor: pointer;
  padding-left: 25px;
  position: relative;
  padding-right: 25px;
}

img.groepfoto1 {
  max-width: 130px;
  height: auto;
}

th.maxw-150, td.maxw-150 {
  width: 180px !important;
  max-width: 180px !important;
}

th.maxw-50, td.maxw-50 {
  width: 60px !important;
  max-width: 60px !important;
}

th.maxw-100, td.maxw-100 {
  width: 120px !important;
  max-width: 120px !important;
}

.ui-autocomplete {
  z-index: 2000;
}

/* sticky header fullcalendar + bootstrap sticky header */
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
  top: 70px;
}

.ui-datepicker {
  z-index: 1500 !important;
}

.select2-container--open {
  z-index: 2000 !important;
}

.bordernonactive {
  border-right: 5px solid red !important;
}

/*
.bordernonactive {
    border-left: 5px solid red !important;
}
*/
.btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.show, .btn-outline-success:first-child:active, :not(.btn-check) + .btn-outline-success:active {
  color: var(--bs-btn-active-color);
  background-color: rgb(143, 181, 137) !important;
  border-color: rgb(143, 181, 137) !important;
}

.eventtitle {
  padding: 4px 2px;
  text-align: left;
  font-size: 110%;
}

.eventdocenten {
  padding: 4px 2px;
  text-align: left;
  font-size: 100%;
  color: #000;
}

/* checkbox KMO portefeuille */
.form-check-input.checkcust {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 4em;
  height: 1.5em;
  /*margin-left: -2.5em;*/
  padding: 5px;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  line-height: 1.5em;
}

.form-check-input.checkcust:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  background-color: rgb(143, 181, 137);
  border-color: rgb(143, 181, 137);
}

.form-check-label.checkcust {
  padding-left: 5em;
  line-height: 1.5em;
}

table.dataTable img.kmologo1 {
  max-height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #fff;
  border-radius: 0px;
}

img.kmologo_small {
  max-height: 22px !important;
}

/*
.fc-event-title {
    white-space: pre !important;
}
*/
#qrcode {
  width: 400px;
  height: 400px;
  /*margin-top: 15px;*/
}

table.fac37detail {
  background: none !important;
}

table.fac37detail tr {
  background: none !important;
}

table.fac37detail td {
  background: none !important;
  vertical-align: top !important;
}

table.fac37detail td.w4em {
  width: 4em !important;
}

.field-invalid {
  border-color: rgb(220, 53, 69) !important;
}

.datepicker-none {
  display: none;
}

.tiny-xl {
  height: 400px;
}

.tiny-sm {
  height: 80px !important;
  overflow: hidden;
}


/*# sourceMappingURL=custom.css.map */