.mandatory:BEFORE {content: '* ';}
.text-right {text-align: right;}
.text-center {text-align: center;}
.navbar-brand, .navbar-brand > img {width: 15rem;}
.cus-inline-label {display: inline-block;}

.cus-prijs {font-size: 30px; font-weight: bold;}
.cus-btw {font-size: 12px;}

.list-group-item.active, .list-group-item:HOVER {background-color: #a0c518;}

.cus-table-small {font-size: 14px;}
.cus-table-small .form-control, .cus-table-small .btn {font-size: 13px; padding: 0.4rem 1rem;}

.datepicker {padding: 0.65rem 1.25rem;}

footer a {color: rgba(255, 255, 255, 0.5) !important;}
textarea.form-control {height: 200px;}

.cus-tebetalen-lidgeld {padding: 15px; background-color: #a0c518; border-radius: 10px; color: #fff; font-weight: bold;}
.btn-block {display: block; width: 100%;}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    border: 0 !important;
    background-color: #fff !important;
}

.cus-icon-hoe {font-size: 50px; color: #1d70b8;}

@media (min-width: 768px) {
    .cus-show-mobile {display: none;}
}

@media (min-width: 992px) {
    .section {padding-bottom: 4rem !important; }
    .cus-section-small {padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
}


@media (max-width: 768px) {
    .cus-pay-logo {text-align: center; margin-bottom: 20px;}
    .cus-pay-logo img {max-width: 80%;}
    .cus-pay-header {margin-top: 20px;}
    .cus-pay-btn {margin-top: 40px;}
    .cus-pay-btn a {display: block; width: 100%;}
}