/* control height of bootstrap table wrapper, removes height of pagination and buttons */
.vue-bootstrap-table-wrapper {
    height: calc(100% - 40px);
}

/* Allow drop down lists in tables in modals to overflow their containers and display their option lists fully */
.modal-body .vue-bootstrap-table-scroll-wrapper {
    overflow-y: visible !important;
}

.modal-body .slots-table .vue-bootstrap-table-scroll-wrapper {
    overflow-x: visible !important;
}

/* Scroll contents of the bootstrap table scroll wrapper */
.vue-bootstrap-table-scroll-wrapper {
    max-height: 100%;
    overflow-y: auto;
    overflow-x: auto;
}

.tab-content .vue-bootstrap-table-wrapper .row {
    margin-left: 0px;
    margin-right: 0px;
}

/* Highlight items with the active_filter class to show that they are occupied */
.vue-bootstrap-table-wrapper .form-control.active_filter {
    border: 1px solid #17a2b8;
}