.user-panel .info {color: #fff;}
.nav-header {text-transform: uppercase;}

.ui-autocomplete {
    position: absolute;
    z-index: 2150000000 !important;
    cursor: default;
    border: 2px solid #ccc;
    padding: 5px 0;
    border-radius: 2px;
    background-color: #fff;
}

.cus-table-hover tbody tr:HOVER td {background-color: #eee;}
.hide {display: none;}
#tbl_afwerking th, #tbl_afwerking td {padding: 5px;}

tr.active td {background-color: #ffc107;}
tr.totaal td {font-weight: bold;}
table.cus-row-hover tr:HOVER td {cursor: pointer;}

.kalender-header {text-align: center; font-size: 24px; margin-bottom: 20px;}
.kalender-header span {display: inline-block; width: 250px;}
.kalender-body table {border-collapse: collapse;}
.kalender-body th {border: 1px solid #ddd; padding: 5px; vertical-align: top;}
.kalender-body td {border: 1px solid #ddd; padding: 10px; vertical-align: top;}
.kalender-body .dagnummer {font-size: 30px; display: inline-block; line-height: 1;}
.kalender-body .cus-totaal {}
.kalender-body .cus-bon {background-color: #eee; border: 1px solid #bbb; padding: 3px; font-size: 14px; margin-bottom: 5px; border-radius: 5px;}
.kalender-body .cus-bon .badge, .cus-lg-badge {font-size: 14px;}

textarea.form-control {height: 180px !important;}

.navbar-light .navbar-nav .nav-link.btn-danger {color: #fff;}

.badge {font-size: 1rem;}
.cus-badge-sm {font-size: 0.9rem;}

.cus-triple-checkbox {display: inline-block; width: 16px; height: 16px; border-radius: 3px;}
.cus-form-check-triple {padding-left: 0;}
.cus-btn-atelier-stap {font-size: 1.4rem; font-style: italic;}

/* ATELIER */
.cus-body-atelier .btn, .cus-body-atelier .form-control {min-height: 80px; font-size: 1.8rem;}
.cus-body-atelier .card, .cus-body-atelier .card-title {font-size: 1.5rem !important;}
.cus-footer-atelier {position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px;}
.cus-body-atelier .form-check-input {font-size: 2rem;}
.cus-body-atelier .cus-zoek-nummer {background-color: #ffffaa;}

.rabbat {background: url("/img/rabbat.png") no-repeat; width: 250px; height: 120px; position: relative; display: inline-block; font-size: 1.4rem;}
.rabbat-x {position: absolute; top: 0px; left: 100px;}
.rabbat-y {position: absolute; top: 40px; left: 60px;}
.cus-body-atelier .cus-btn-footer {font-size: 1rem; min-height: auto;}

.cus-vandaag {background-color: #fff3cd;}