/* DEFAULTS */

body {
    color: #5f5d5c;
}

.main-body {
    background-color: #edf1f5;
}

.rounded-block {
    background-color: #ffffff;
    color: #6a6a6a;
}

.c-block__head--inverse {
    background-color: #000;
}

.c-block__head i {
    color: #000;
}


/* END OF DEFAULTS */



/* BUTTONS */

.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-ongoing {
    color: #ffffff;
    background-color: #000;
    border-color: #000;
}

.btn-ongoing:hover {
    color: #ffffff;
    background-color: #000;
    border-color: #000;
}

/* END OF BUTTONS */



/* LINKS - Used in authentication forms */

.link-1 {
    color: #000;
}

.link-1:hover {
    color: #000;
}

/* END OF LINKS */



/* LISTS - Used in dashboard (top employees) */

.show-list a {
    color: #5f5d5c;
}

.show-list a:hover {
    color: #000;
}

.show-list a svg {
    color: #adccaa;
}

/* END OF LISTS */



/* SIDE MENU */

.side-menu {
    background-color: #000000;
}

.side-menu__bar{
    background-color: #5a5a5a;
    color: #ffffff;
}

.side-menu__list ul {
    background-color: #000;
}

.side-menu__list li a {
    color: #ffffff;
}

.side-menu__list li a:hover {
    color: #ffffff;
}

.side-menu__list li a.active {
    color: #ffffff;
    border-left: 3px solid #ffffff;
}

.side-menu .btn.dropdown-toggle {
    background-color: #ffffff !important;
    border: 1px solid #393939 !important;
    color: #bababa;
}

.text-online {
    color: #fff;
}

.icon-online {
    border-color: #fff;
    background-color: #1f8c11;
}

/* END OF SIDE MENU */



/* HEADER */

.header {
    background-color: #ffffff;
}

.header .js-menu-handler {
    color: #000 !important;
}

.header .js-menu-handler:hover {
    color: #000 !important;
}

.fa-count[data-count]:after {
    color: white;
    background: #000;
}

.header .icon-span {
    background-color: #dbe2e8;
}

.header .icons i {
    color: #5f5d5c;
}

.header .icon-span:hover {
    background-color: #000;
}

.header .icon-span:hover:after {
    background-color: #fff;
    color: #000;
}

.header .icon-span:hover i {
    color: #fff;
}

.icons__row span {
    background-color: #edf1f5;
    color: #151515;
}

/* END OF HEADER */



/* ORDERS */

tr.active .sticky-cell {
    background-color: #3c515c;
}

.no-rows {
    color: #95a6b7;
    background-color: #edf1f5;
    border: 1px solid #d8dee4;
}

.icon--color {
    color: #000;
}

.approve-orders .order.active, tr.active .sticky-cell {
    background-color: #151515;
    color: #fff;
}

.approve-orders .order.active i {
    color: #fff;
}

/* END APPROVE ORDERS */



/* TXT BUTTON - Used in finance */

.txt-button__icon {
    color: #000;
}

.txt-button__content h5 {
    color: #000;
}

.txt-button__counter {
    background-color: #000;
    color: #fff;
}

/* END OF TXT BUTTON */



/* PRODUCTS */

.product__name {
    color: #000;
}

.product__category {
    color: #000;
}

.product__info {
    color: #000;
}

.product__info--disabled {
    color: #ccc;
}

.product__price, .product__price:disabled {
    color: #151515;
    background-color: #e9ecef;
}

.product__price-label {
    color: #151515;
    background-color: #edf1f5;
}

/* END OF PRODUCTS */

/* Color behind text in dashboard slider */

.carousel-caption--beneath {
    background-color: #000;
}

/* Bram */

.main-content {
    background-color: #edf1f5;
}

.bg-info {
    background-color: #000!important;
}

.bg-success {
    background-color: #14ad00!important;
}

.btn-outline-primary {
    color: #000;
    background-color: #fff;
    border-color: #000;
}

.btn-outline-primary:hover {
    color: #000;
    background-color: #fff;
    border-color: #000;
}

.btn-outline-secondary {
    color: #3c515c;
    background-color: #fff;
    border-color: #3c515c;
}

.btn-outline-secondary:hover {
    color: #ffffff;
    background-color: #000;
    border-color: #000;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #000;
    background-color: #000;
}

.btn-secondary {
    color: #fff;
    background-color: #a0a0a0;
    border-color: #a0a0a0;
}
.c-block.product .justify-content-center .col-xl-4:first-child{display: block!important;}
.page-container .row:nth-child(2) .col-xl-4:first-child{display: none;}
.txt-button__counter{display: none;}
.side-menu__bar.mb-3{display: none;}
[data-id="select-department"]{display: none;}
/*[value="orderAll"]{display: none;}*/

/* 18-12-2024 Aangevraagde velden om te verbregen in het aanmaken en bewerken van werknemers  */
/* create */
form[action*="/employee/create.html"] [data-id="select-department"] { display: block!important; }

form[action*="/employee/create.html"] label[for="prefixes"],
form[action*="/employee/create.html"] input#prefixes { display: none; }

form[action*="/employee/create.html"] label[for="location"],
form[action*="/employee/create.html"] button[data-id="location"] { display: none; }

form[action*="/employee/create.html"] label[for="phone"],
form[action*="/employee/create.html"] input#phone { display: none; }

form[action*="/employee/create.html"] label[for="mobile"],
form[action*="/employee/create.html"] input#mobile { display: none; }

form[action*="/employee/create.html"] label[for="freeField2"],
form[action*="/employee/create.html"] input#freeField2 { display: none; }

form[action*="/employee/create.html"] label[for="zipCode"],
form[action*="/employee/create.html"] input#zipCode { display: none; }

form[action*="/employee/create.html"] label[for="houseNumber"],
form[action*="/employee/create.html"] input#houseNumber { display: none; }

form[action*="/employee/create.html"] label[for="street"],
form[action*="/employee/create.html"] input#street { display: none; }

form[action*="/employee/create.html"] label[for="city"],
form[action*="/employee/create.html"] input#city { display: none; }

form[action*="/employee/create.html"] label[for="remark"],
form[action*="/employee/create.html"] textarea#remark { display: none; }

form[action*="/employee/create.html"] label[for="username"],
form[action*="/employee/create.html"] input#username { display: none; }

form[action*="/employee/create.html"] label[for="department"],
form[action*="/employee/create.html"] button[data-id="department"] { display: block;!important; }

/* update employees */
label[for="prefixes"],
input#prefixes { display: none; }

label[for="location"],
button[data-id="location"] { display: none; }

label[for="phone"],
input#phone { display: none; }

label[for="mobile"],
input#mobile { display: none; }

label[for="freeField2"],
input#freeField2 { display: none; }

label[for="zipCode"],
input#zipCode { display: none; }

label[for="houseNumber"],
input#houseNumber { display: none; }

label[for="street"],
input#street { display: none; }

label[for="city"],
input#city { display: none; }

label[for="country"],
label[for="country"] + .dropdown,
select#country { display: none; }

label[for="remark"],
textarea#remark { display: none; }

label[for="username"],
input#username { display: none; }

label[for="locations"],
button[data-id="locations"] { display: none; }

form[action*="/finance/updateAddress.html"] label[for="zipCode"],
form[action*="/finance/updateAddress.html"] input#zipCode { display: block!important; }

form[action*="/finance/updateAddress.html"] label[for="houseNumber"],
form[action*="/finance/updateAddress.html"] input#houseNumber { display: block!important; }

form[action*="/finance/updateAddress.html"] label[for="street"],
form[action*="/finance/updateAddress.html"] input#street { display: block!important; }

form[action*="/finance/updateAddress.html"] label[for="city"],
form[action*="/finance/updateAddress.html"] input#city { display: block!important; }

/* freefield 'block' update 19-12-2024 */
#freeField2, #freeField3, #freeField4,#freeField5,#freeField6,#freeField9,#freeField10
{background-color: #9a9a9a; color: black; cursor: no-drop;}


/* freefield 'block' create 19-12-2024 */
form[action*="/employee/create.html"] #password, form[action*="/employee/create.html"] #freeField2, form[action*="/employee/create.html"] #freeField3, form[action*="/employee/create.html"] #freeField4, form[action*="/employee/create.html"] #freeField5, form[action*="/employee/create.html"] #freeField6, form[action*="/employee/create.html"] #freeField9, form[action*="/employee/create.html"] #freeField10
{display: none!important;}

form[action*="/employee/create.html"] label[for="password"], form[action*="/employee/create.html"] label[for="freeField2"], form[action*="/employee/create.html"] label[for="freeField3"], form[action*="/employee/create.html"] label[for="freeField4"], form[action*="/employee/create.html"] label[for="freeField5"], form[action*="/employee/create.html"] label[for="freeField6"],  form[action*="/employee/create.html"] label[for="freeField9"], form[action*="/employee/create.html"] label[for="freeField10"]
{display: none!important;}


/* Alternatief verzending niet weergeven */
.form-check:has(input[value="alternative"]) {display: none;}

/* Sterretje voor verplichte velden */
label[for]:has(+ input[required])::after {
    content: " *";
    font-weight: bold;
}