/*
    algemene styling; niet alleen specifiek geschikt voor deze website
*/

.bld { font-weight: bold !important; }
.all { text-align: left !important; }
.alc { text-align: center !important; }
.alr { text-align: right !important; }
.fullscreen { width: 100%; height: 100%; }
.val-mid    { vertical-align:middle !important; }
.fl-l   { float: left !important; }
.fl-r   { float: right !important; }

.w40    { width: 40px !important; }
.w50    { width: 50px !important; }
.w80    { width: 80px !important; }
.w100   { width: 100px !important; }
.w120   { width: 120px !important; }
.w140   { width: 140px !important; }
.w150   { width: 150px !important; }
.w180   { width: 180px !important; }
.w200   { width: 200px !important; }
.w250   { width: 250px !important; }
.w300   { width: 300px !important; }
.w400   { width: 400px !important; }
.w50p   { width: 50% !important; }
.w100p  { width: 100% !important; }

.mt-0   { margin-top: 0px !important; }
.mt-5  { margin-top: 5px !important; }
.mt-10  { margin-top: 10px !important; }
.mt-20  { margin-top: 20px !important; }
.ml-0   { margin-left: 0px !important; }
.ml-10  { margin-left: 10px !important; }
.ml-20  { margin-left: 20px !important; }
.mb-0   { margin-bottom: 0px !important; }
.mb-5   { margin-bottom: 5px !important; }
.mb-10  { margin-bottom: 10px !important; }
.mb-20  { margin-bottom: 20px !important; }
.mr-0   { margin-right: 0px !important; }
.mr-5  { margin-right: 5px !important; }
.mr-10  { margin-right: 10px !important; }
.mr-20  { margin-right: 20px !important; }

.pd-0   { padding: 0px !important; }
.pd-2   { padding: 2px !important; }
.pd-5   { padding: 5px !important; }
.pd-10  { padding: 10px !important; }
.pl-0   { padding-left: 0px !important; }
.pl-5   { padding-left: 5px !important; }
.pl-10  { padding-left: 10px !important; }
.pr-0   { padding-right: 0px !important; }
.pr-5   { padding-right: 5px !important; }
.pr-10  { padding-right: 10px !important; }
.pt-0   { padding-top: 0px !important; }
.pt-5   { padding-top: 5px !important; }
.pt-10  { padding-top: 10px !important; }
.pb-0   { padding-bottom: 0px !important; }
.pb-5   { padding-bottom: 5px !important; }
.pb-10  { padding-bottom: 10px !important; }

.nowrap { white-space:nowrap; }
.point  { cursor: pointer; }

.bld    { font-weight: bold; }

.dp-inl { display: inline !important; }
.dp-bl  { display: block !important; }
.dp-no  { display: none !important; }

.dflex-row-ac {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.dflex-jc-space-btw {
    justify-content:space-between;
}