@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');
 :root {
     --pbmit-global-color:  #cc322f;
     --pbmit-secondary-color: #A82927;
     --pbmit-light-color: #7f7f7f;
     --pbmit-white-color:#ffffff;
     --pbmit-blackish-color: #232323;
     --pbmit-link-color-normal: #222222;
     --pbmit-link-color-hover:#cc322f;
     --pbmit-global-color-rgb: 247, 175, 54;
     --pbmit-secondary-color-rgb: 254, 160, 96;
     --pbmit-responsive-breakpoint: 1200px;
     --pbmit-body-typography-font-family: 'Mulish', sans-serif;
     --pbmit-body-typography-variant: regular;
     --pbmit-body-typography-font-size: 20px;
     --pbmit-body-typography-line-height: 1.7;
     --pbmit-body-typography-color: #232323;
     --pbmit-heading-typography-font-family: 'Comfortaa', sans-serif;
     --pbmit-heading-color: #222222;
     --pbmit-heading-font-variant: 600;
     --pbmit-btn-typography-font-family: 'Montserrat', sans-serif;
     --pbmit-btn-typography-variant: 600;
     --pbmit-btn-typography-font-size: 13px;
     --pbmit-btn-typography-line-height: 24px;
}

.groen {
	color: rgba(52,204,47,1); /* #34cc2f */
}

.niko_groen {
	color: #2FCC96;
}
.niko_geel {
	color: #CCAC2F;
}
.niko_oranje {
	color: #CC692F;
}
.niko_blauw {
	color: #2F8BCC;
}


.backend .form-control, .backend input {
     display: block;
     width: 100%;
     padding: .375rem .75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: var(--bs-body-color);
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-color: var(--bs-body-bg);
     background-clip: padding-box;
     border: var(--bs-border-width) solid var(--bs-border-color);
     border-radius: var(--bs-border-radius);
     transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
     
     /*
     height: 50px;
     display: block;
     width: 100%;
     font-size: 13px;
     line-height: normal;
     padding: 0px 15px;
     font-weight: normal;
     border: solid 1px #333;
     border-radius: 5px;
     margin-bottom: 0px;
     background-color: var(--pbmit-white-color);
     font-weight: 500;
     */
} 
.backend .form-control, .backend textarea {
     display: block;
     width: 100%;
     padding: .375rem .75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: var(--bs-body-color);
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-color: var(--bs-body-bg);
     background-clip: padding-box;
     border: var(--bs-border-width) solid var(--bs-border-color);
     border-radius: var(--bs-border-radius);
     transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
     /*height: 42px;
     display: block;
     width: 100%;
     font-size: 13px;
     line-height: normal;
     padding: 15px 15px;
     font-weight: normal;
     border: solid 1px #333;
     border-radius: 5px;
     margin-bottom: 0px;
     background-color: var(--pbmit-white-color);
     font-weight: 500;
     */
} 

.backend textarea.tags {
     height: 100px !important;
}


.btn-categorie {
  background-color: #ffffff;
  color: #cc322f !important;
  border-color: #cc322f;
  margin-right: 5px;
  margin-bottom: 5px;
}

.btn-categorie:hover, .btn-categorie:active {
  background-color: #cc322f;
  color: #fff !important;
  border-color: #cc322f;
}

.selected {
  background-color: #cc322f;
  color: #fff !important;
  border-color: #cc322f;
}

.no-padding {
  padding-left: 0px;
  padding-right: 0px; }



.lg-inline .lg-backdrop {
     z-index: 2;
}
.fs-small {
     font-size: 75%;
}

.bg-gray-200 {
     background-color: #e9ecef;
}