/** Overriding bootstrap styles */
:root {
    --inherent-blue: #4B5FFF;
    --inherent-blue-rgb: 75, 95, 255;
}


/** Custom styles */
img.object-contain {
    object-fit: contain;
}

.preserve-break {
    white-space: pre-line;
}

.wrap-breaks {
    /**
     * Makes lines display without wrapping, but preserves line breaks
     * For some reason PHPStorm complains that these properties don't exist by they are in the docs
     * https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap-mode
     * https://developer.mozilla.org/en-US/docs/Web/CSS/white-space-collapse
     */
    text-wrap: nowrap;
    text-wrap-mode: nowrap;
    white-space-collapse: preserve-breaks;
}

.scroll-x {
    overflow-x: scroll;
}

/** Filterable table display */
.filterable-table thead tr th {
    vertical-align: top;
    background-color: var(--inherent-blue);
}
.filterable-table tbody tr:nth-of-type(2n+1) > * {
    --bs-table-bg-type: rgba(var(--inherent-blue-rgb), 0.1);
}
.filterable-table thead tr:first-of-type th:first-of-type {
    border-radius: 8px 0 0 0;
}
/* Use nth-last-child(2) here to get the second to last header (the last header is for the hidden ordering value) */
.filterable-table thead tr:first-of-type th:nth-last-child(2) {
    border-radius: 0 8px 0 0;
}

.form-control:focus {
    border: 2px var(--bs-primary) solid;
}

.btn-hover:hover {
    color: white;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-menu {    /* used to be tt-dropdown-menu in older versions */
    width: 422px;
    margin-top: 4px;
    padding: 4px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    line-height: 24px;
}

.tt-suggestion.tt-cursor,.tt-suggestion:hover {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}

.custom-col-tab {
    width: 20rem;
}

/* Add styling for pagination */
.pagination {
    display: flex;
    justify-content: center;
    list-style-type: none;
}

.pagination li {
    margin: 0 5px;
}

.pagination li a {
    text-decoration: none;
    color: #000;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.pagination li a.active {
    background-color: #007bff;
    color: white;
}

.pagination li a.disabled {
    pointer-events: none;
    color: #ccc;
}