.container {
    max-width: 100%;
}

.col-xxl-4 {
    @media (min-width:1900px){
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    }
}
.statistics-tile {
    height: calc(100% - 2rem);
    margin-bottom: 2rem;
    background-color: #fff;
    padding: 1rem;
    border-radius: 0.25rem;
    box-shadow: 0 0px 18px rgba(0, 0, 0, 0.1);
}
.statistics-tile h3 {margin-bottom: 1rem;}
.statistics-tile .responsive-table {
    max-width: 100%;
    @media (max-width:1400px) {
        overflow-x: scroll;
    }

}
.statistics-tile .table.table-bordered td,
.statistics-tile .table.table-bordered th {
    font-weight: 500;
    padding: 0.75rem 1.25rem;
    border: none;
    color: #212529;
}
.statistics-tile .table.table-bordered thead th {
    font-weight: 700;
    background: #e0e3e4;
}
.statistics-tile .table.table-bordered tr {
    border-top: 1px solid #e0e3e4;
    border-bottom: 1px solid #e0e3e4;
}
.statistics-tile .table.table-bordered tbody tr:nth-child(odd) {
    background:rgba(245, 245, 246, 0.5)
}

.bochum-color-btn {
    background-color: rgb(231, 122, 15);
    border-color: rgb(231, 122, 15);
    text-transform: none;
}

.bochum-color-btn:hover {
    background-color: rgb(164, 87, 10);
    border-color: rgb(164, 87, 10);
    text-transform: none;
}


.paginate_button.page-item.active>a {
    background-color: rgb(164, 87, 10) !important;
    border-color: rgb(164, 87, 10) !important;
}

.paginate_button.page-item>a {
    background-color: #EC7D0F;
    border-color: #EC7D0F;
    color: white;
}

.paginate_button.page-item.disabled>a {
    background-color: #EC7D0F;
    border-color: #EC7D0F;
    color: white;
}

.paginate_button.page-item>a:hover {
    background-color: rgb(164, 87, 10) !important;
    border-color: rgb(164, 87, 10) !important;
    color: white !important;
}

body.loading::before {
    background: rgb(255 255 255 / 50%);
    z-index: 9999;
}
body.loading::after {
    z-index: 99999;
}

dl.definition-list {
    display: grid;
    grid-gap: 8px 24px;
    grid-template-columns: max-content;
}
dl.definition-list dt {
    font-weight: bold;
}
dl.definition-list dd {
    margin: 0;
    grid-column-start: 2;
}

.btn-secondary.disabled {
    color: #fff;
    background-color: #cecece;
    border-color: #cecece;
    cursor: not-allowed
}

.autocomplete {
    /*the container must be positioned relative:*/
    /*position: relative;*/
    /*display: inline-block;*/
}
.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 15px;
    right: 15px;
    margin-top: -4px;
}
.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}
.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}
#otto.hk-wrapper .form-control[readonly], #otto.hk-wrapper .form-control[disabled] {
    background-color: #f9f9f9;
}
#tarifliste {
    min-height: 100px;
}
.form-check {margin-top: 10px;}
.form-check-label {margin-top: 0;}

#otto.hk-wrapper .custom-select {
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px !important;
}

/* Abstand Suchen-Feld */
.dataTables_filter > label > input.form-control { margin-left: 0.5em; }

tr[data-action] { cursor: pointer; }

.status-indicator {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    margin: -3px 2px;
}

.status-indicator.status-indicator--active {
    background-color: #20ba00;
}

.status-indicator.status-indicator--inactive {
    background-color: #cd0707;
}