/* Main Styles */

body {
    font-size: 0.875rem;
}
.form-select, .dropdown-item {
    font-size: 0.875rem;
}
.form-label {
    font-size: 0.8rem;
}

/* Images */

img.sm-preview {
    max-width: 40px;
}
img.lg-preview {
    max-width: 300px;
}

img.proberserk-type-icon {
    opacity: 0.6;
}

/* Icons */

i.proberserk-primary {
    color: #446e9b
}

.search-term,
.text-icon {
    cursor: pointer;
}

/* Tables */

table.proberserk-list td:not(:last-child),
table.proberserk-list th:not(:last-child) {
    width:1%;
    white-space:nowrap
}

/* Select */

input[readonly],
select[readonly] {
    background-color: #eee;
}

/* Links */

a.header-link {
    color: rgb(68, 110, 155);
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
}
a.header-link:hover {
    text-decoration: underline;
}

/* Bootstrap 5 cards */

.card {
    box-shadow: 1px 1px 8px rgba(0,0,0,0.35);
    border-radius: 0;
    margin-bottom: 2rem;
}
.card-body {
    padding: 0.8rem;
}
.card-body.article-tag {
    font-size: 75%;
    color: #fff;
    background-color: rgb(51, 51, 51);
    padding-top: 0;
    padding-bottom: 0.2rem;
    text-align: center;
}
.card-body.article-author {
    font-size: 75%;
    border-top: 1px solid #cbcbcb;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;

}
.card-text {

}

/** Bootstrap 5 popover */

.custom-popover {
    --bs-popover-max-width: 320px;
    --bs-popover-body-padding-x: 3px;
    --bs-popover-body-padding-y: 3px;
}

/* Select2 -  jQuery-based replacement for select boxes */
/* Fix cursor vertical align inside select box */
.select2-container .select2-search--inline .select2-search__field {
    margin-bottom: 3px;
}