.form-control-custom {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem .75rem;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #12263f;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d2ddec;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.disposable-div {
    color: #ffffff;
    background-color: orange;
    border-color: orange;
}

.disposable-div:hover {
    color: #ffffff;
}

.gepersonaliseerd-div {
    color: #ffffff;
    background-color: green;
    border-color: green;
}

.gepersonaliseerd-div:hover {
    color: #ffffff;
}

.w-40 {
    width: 40% !important
}

.w-60 {
    width: 60% !important;
}

.green-div {
    color: #ffffff !important;
    background-color: #5fc27e;
    border-color: #5fc27e;
}

.orange-div {
    color: #ffffff !important;
    background-color: #fc9700;
    border-color: #fc9700;
}

.red-div {
    color: #ffffff !important;
    background-color: #f44455;
    border-color: #f44455;
}

.grey-div {
    color: #343434 !important;
    background-color: #eeeeee;
    border-color: #fefefe;
}


.red-button {
    color: #ffffff !important;
    background-color: #f44455;
    border-color: #f44455;
    float: right;
}

.red-button:hover {
    cursor: pointer;
    color: #ffffff !important;
    background-color: #d12b3b;
    border-color: #d12b3b;
}


/* Sidebutton (Toevoegen, Opslaan, Retour, Bekijken */
.blue-div {
    cursor: pointer;
    color: #fff !important;
    background-color: #2c7be5;
    border-color: #2c7be5;
}

.blue-div:hover {
    color: #fff;
    background-color: #1a68d1;
    border-color: #1862c6
}


/* Mainbutton (Bewerken) */
.blue-button {
    float: right;
    cursor: pointer;
    color: #fff !important;
    background-color: #2c7be5;
    border-color: #2c7be5;
}

.blue-button:hover {
    color: #fff;
    background-color: #1a68d1;
    border-color: #1862c6
}

.green-button {
    cursor: pointer;
    color: #ffffff !important;
    background-color: #5fc27e;
    border-color: #5fc27e;
}

.block {
    display: inline-block;
    text-align: right;
}

.border-top-custom {
    border-top: 2px solid rgba(220, 220, 220, 0.5);
}

.modal-width {
    width: 200%;
}

.w-color {
    color: #ffffff !important;
}

.f-20 {
    font-size: 20px;
}

.max-height {
    max-height: 5rem !important;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

.w-99 {
    width: 99% !important;
}

.w-98 {
    width: 98% !important;
}

.w-2 {
    width: 2% !important;
}

.badge-admin {
    color: white;
    background-color: #f6c343;
}

.badge-employee {
    color: #fff;
    background-color: #2c7be5;
}

.badge-maintainer {
    color: #fff;
    background-color: #00d97e;
}

.badge-organisation {
    color: #fff;
    background-color: #e63757;
}

.badge-VISIBLE {
    color: #fff;
    background-color: #00d97e;
}

.badge-HIDDEN {
    color: #fff;
    background-color: #e63757;
}

.product-image-cell {
    max-width: 100px;
    text-align: center;
    horiz-align: center;
    align-content: center;
}

.product-image-small {
    object-fit: contain;
    max-height: 35px;
    max-width: 100px
}

img {
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 1024px) {
    .col-md-6-responsive {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-12-responsive {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

colgroup col.success {
    background-color: #dff0d8;
}

colgroup col.error {
    background-color: #f2dede;
}

colgroup col.warning {
    background-color: #fcf8e3;
}

colgroup col.info {
    background-color: #d9edf7;
}

colgroup col.highlight {
    background-color: #ffa;
}


.bigdrop {
    /*width: 700px !important;*/
}

.loader {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.table-buttons {
    padding: 0 !important;
    margin: 0 !important;
    float: right;
}

.table-buttons td {
    padding: 0 !important;
    padding-left: .275rem !important;
    border: none;
}


.select2-container .select2-selection--single .select2-selection__rendered {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bigdrop {
    min-width: 350px !important;
    border-top: 1px solid rgba(18, 38, 63, .1) !important;
    border-top-right-radius: .375rem !important;
}

.product-add-row {
    padding-top: 0;
    padding-right: .9375rem;
}

.table-modal-stock td {
    padding: 0.9375rem !important;
}

.color-change-2x {
    -webkit-animation: color-change-2x 1s linear alternate both;
    animation: color-change-2x 1s linear alternate both;
}


@-webkit-keyframes color-change-2x {
    0% {
        background: #ffffff;
    }
    50% {
        background-color: rgba(126, 217, 157, 0.5);
    }
    100% {
        background: #ffffff;
    }
}

@keyframes color-change-2x {
    0% {
        background: #ffffff;
    }
    50% {
        background-color: rgba(126, 217, 157, 0.5);
    }
    100% {
        background: #ffffff;
    }
}

.table-sm td, .table-sm th {
    padding: .8375rem;
}

.toast {
    min-width: 300px;
}

/*.form-control:disabled, .form-control[readonly] {*/
/*    background-color: #ececec;*/
/*    opacity: 1;*/
/*}*/


/*.form-control:disabled, .flatpickr-input[readonly] {*/
/*    background-color: #fff;*/
/*    opacity: 1;*/
/*}*/


.nav-tabs .nav-link {
    padding: 1rem 1rem;
    border-bottom: 3px solid transparent;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
}