/* Table Contextual Classes */
.table-active, .table-active > td, .table-active > th {
    background-color: rgba(0,0,0,.075);
    color: inherit;
}

.table-primary, .table-primary > td, .table-primary > th {
    background-color: #b8daff;
    color: inherit;
}

.table-secondary, .table-secondary > td, .table-secondary > th {
    background-color: #d6d8db;
    color: inherit;
}

.table-success, .table-success > td, .table-success > th {
    background-color: #c3e6cb;
    color: inherit;
}

.table-danger, .table-danger > td, .table-danger > th {
    background-color: #f5c6cb;
    color: inherit;
}

.table-warning, .table-warning > th, .table-warning > td {
    background-color: #ffeeba;
    color: inherit;
}

.table-info, .table-info > td, .table-info > th {
    background-color: #bee5eb;
    color: inherit;
}

.table-light, .table-light > td, .table-light > th {
    background-color: #fdfdfe;
    color: inherit;
}

.table-dark, .table-dark > td, .table-dark > th {
    background-color: #c6c8ca;
    color: #fff;
}

/* Table-Hovers tr */
.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,.075);
}

.table-hover .table-primary:hover {
    background-color: #9fcdff;
    color: inherit;
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf;
}

.table-hover .table-success:hover {
    background-color: #b1dfbb;
    color: inherit;
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7;
    color: inherit;
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1;
    color: inherit;
}

.table-hover .table-info:hover {
    background-color: #abdde5;
    color: inherit;
}

.table-hover .table-light:hover {
    background-color: #ececf6;
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

/* Table-Hovers td */
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    background-color: rgba(0,0,0,.075);
}

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    background-color: rgba(0,0,0,.075);
    color: inherit;
}

.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
    background-color: #9fcdff;
    color: inherit;
}

.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
    background-color: #c8cbcf;
}

.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
    background-color: #b1dfbb;
    color: inherit;
}

.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
    background-color: #f1b0b7;
    color: inherit;
}

.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
    background-color: #ffe8a1;
    color: inherit;
}

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    background-color: #abdde5;
    color: inherit;
}

.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
    background-color: #ececf6;
    color: inherit;
}

.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
    background-color: #b9bbbe;
}

/* Stateborders in der ersten Tabellenzelle */
.table tbody tr.secondary td:first-child {
    border-left: 3px solid #c9c9c9;
    padding-left: 17px;
}

.table tbody tr.success td:first-child,
.table tbody tr.warning td:first-child,
.table tbody tr.primary td:first-child,
.table tbody tr.online td:first-child,
.table tbody tr.info td:first-child,
.table tbody tr.secondary td:first-child,
.table tbody tr.danger td:first-child {
    border-left-width: 6px;
}

/* Disabled Checkbox */
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    border-color: transparent;
    background-color: transparent;
}

/* Beagle Custom-Select ist zu hoch */
.costum-control {
    max-height: 37px;
}

/* Fixes für Bootstrap 4.2.1 */
.input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) {
    height: 37px;
}

@media (min-width: 768px) {
    .be-offcanvas-menu-sm .be-left-sidebar {
        background-color: white;
    }
}

@media (max-width: 767.98px) {
    .main-content {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
    }

    .be-offcanvas-menu .be-top-header .be-right-navbar {
        padding-right: 15px;
    }

    .navbar-expand .be-user-nav > li.dropdown > a {
        padding-right: 0;
    }
}

.be-top-header .page-title {
    padding: 0 25px;
}