/* Custom styles
-------------------------------------------------- */

.logo-dashboard {
    max-width: 200px;
    padding: .5rem 1rem;
}

.logo-signin {
    max-width: 300px;
    margin-bottom: 25px;
}

main {
    padding-top: 1rem;
}

.selectAuteurs, .selectUitgeverijen, .selectGenres, .selectTrefwoorden, .selectBoeken, .selectExemplaren {
    margin-bottom: 0rem !important;
}

.auteur-badge, .trefwoord-badge, .exemplaar-badge {
    margin-left: 15px;
    cursor: pointer;
}

.boek-details {
    max-width: 150px;
    vertical-align: top;
    cursor: pointer;
}

.afbeeldingen-thumbnails {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}

.afbeeldingen-thumbnails > div {
    text-align: center;
    padding: 5px;
}

.afbeeldingen-thumbnails > div > img {
    margin-bottom: 10px;
}

.afbeeldingen-thumbnails > div > span {
    display: block;
}

.tr-clickable {
    cursor: pointer;
}

td > a, td > a:hover {
    text-decoration: none;
}

th {
    color: #6c757d;
    font-size: 0.925rem;
}

.navigation-links {
    margin-top: 20px;
    margin-bottom: 20px;
}

.navigation-links span {
    margin: 0 5px;
    color: #007bff;
}

.user-image {
    max-width: 18rem;
}

.avatar {
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

.dropdown-menu {
    position: absolute !important;
    left: unset;
    right: 0;
}

.i-sidebar {
    font-size: 1.1rem;
}

.span-sidebar {
    display: inline-block;
    width: 2rem;
    margin-left: 1rem;
    color: #59bdaa;
}

.span-toevoegen {
    display: inline-block;
    width: 1.5rem;
    font-size: 1.1rem;
    opacity: 0.6;
}

.span-crud {
    display: inline-block;
    width: 1.5rem;
    font-size: 1.1rem;
    color: #007bff;
    text-align: center;
    opacity: 0.6;
}

.span-crud:hover, .span-toevoegen:hover {
    opacity: 1;
}

.sidebar .nav-link.active {
    color: #ffa600;
}

.span-menuitem:hover {
    color: #ffa600;
}

.td-crud-icons {
    text-align: right;
    min-width: 135px;
}

.td-crud-icons span {
    color: #007bff;
    vertical-align: middle;
}

.roles-edit {
    margin-bottom: 2rem;
}

.center-cell-data {
    text-align: center;
}

.end-cell-data {
    text-align: end;
}

.modal-body {
    text-align: center;
}

element.style {
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

#setlanguage {
    margin-right: 0.3rem;
    margin-left: 0.3rem;
}

#setlanguage > .btn, .btn-sm {
    padding: .25rem .2rem;
    color: #6c757d;
}

#setlanguage > span {
    margin-top: 0.2rem;
}

.table-reservaties td, .table-boeken td, .table-ontleningen td {
    vertical-align: middle;
}

.td-buttons {
    display: flex;
    justify-content: center;
}

.td-boeken-buttons {
    display: flex;
    justify-content: flex-end;
}

.td-boeken-buttons a {
    align-self:center;
}

.td-boeken-buttons form {
    margin-left: 10px;
}

.td-buttons form {
    margin: 0px 5px;
}

.boek-details-header {
    display: flex;
    justify-content: space-between;
}

.header-pagination {
    display: flex;
    justify-content: space-between;
    line-height: 1;
    padding: 10px 0;
}

.header-pagination p {
    margin: 0;
}

.h4-auteur-details {
    margin-top: 1rem;
}