/* buttons */
a.btn,
a.btn:hover {
    text-decoration: none;
}

/* Gallery and Download */
#gallery, #downloads {
    float: none;
    width: 100%;
    display: inline-block;
}

#gallery, #downloads img {
    width: 100%;
    height: auto;
}

pre code {
    white-space: pre !important;
}

.captcha {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.has-error .cke {
    border-color: #a94442;
}

span.social-logins > a.btn.btn-link.provider-twitter {
    color: #1DA1F2;
}

span.social-logins > a.btn.btn-link.provider-twitter:hover {
    color: #0c85d0;
}

img {
    max-width: 100%;
    height: auto;
}

.badge {
    vertical-align: middle !important;
}


/* ilch Standard */
.ilch-border {
    border: var(--bs-border-width) solid var(--bs-border-color);
}
.ilch-head, #rememberedPosts > .table > thead > .ilch-head {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-secondary-color);
}
.ilch-head a,
.ilch-head a:hover {
    color: var(--bs-body-color);
}
.ilch-head-dark {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
}
.ilch-head-dark a {
    color: var(--bs-body-color);
}
.ilch-head-dark a:hover {
    color: var(--bs-secondary-color);
}
.ilch-bg {
    background-color: var(--bs-body-bg);
}
.ilch-bg--hover {
    background-color: var(--bs-body-bg);
}
.ilch-bg--hover:hover {
    background-color: var(--bs-tertiary-bg);
}
.ilch-devider {
    border-color: var(--bs-border-color);
}
.ilch-link {
    color: var(--bs-body-color);
}
.ilch-link-red {
    color: var(--bs-red);
}

/* Set cursor and remove left border on input-group-addon fa-times span to remove input value */
.input-group .input-group-addon span.fa-times {
    cursor: pointer;
}
.input-group > :not(.input-group-addon):not(.input-group-btn) + .input-group-addon {
    border-left-width: 0;
}

/* input-group in BS5 has a width of 100% */
.input-group {
    width:auto !important;
}

/* .page-header does not exist for BS5 */
.page-header {
    padding-bottom:9px;
    margin:40px 0 20px;
    border-bottom:1px solid #eee
}

/* .pagination */
.pagination >.page-item>.page-link,
.pagination >li >.page-link {
    color:#337ab7;
}

.pagination >.active{
    --bs-pagination-active-bg: #337ab7;
    --bs-pagination-active-border-color: #337ab7;
}

.pagination > .active >.page-link {
    color: #ffffff;
}

/* .has-error */
.has-error label {
    color:#ae2d3a !important;
}
.has-error input {
    border-color:#ae2d3e !important;
}

/* #mediaModal */
#mediaModal {
    z-index: 100000 !important;
    visibility: visible;
    overflow: hidden;
    padding: 1%;
    --bs-modal-width: 100%;
}
#mediaModal .modal-dialog {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: auto !important;
}
#mediaModal .modal-content {
    height: 96%;
    border-radius: 0;
    overflow: hidden;
}
#mediaModal .modal-body {
    height: 100%;
    border-radius: 0;
    padding: 0 0 57px !important;
}
#mediaModal .modal-footer {
    display: none;
}

/* custom tooltip for BS5 */
.custom-tooltip {
    font-family: var(--bs-body-font-family) !important;
    font-size: var(--bs-body-font-size) !important;
    --bs-tooltip-bg: #fff !important;
    --bs-tooltip-color: #333 !important;
    --bs-tooltip-padding-x: 15px !important;
    --bs-tooltip-padding-y: 10px !important;
    --bs-tooltip-opacity: 1 !important;
    border-radius: 5px !important;
    box-shadow: rgba(60, 80, 100, 0.5) 0px 1px 3px !important;
}

/* sortable table rows and tables that can be filtered */
#sortTable th.sort:after {
    font-family: "Font Awesome 6 Free", sans-serif;
    font-weight: 900;
    display: inline;
    content: ' \f0dc';
    color: #ccc;
}
#sortTable th.sort:hover::after,
#sortTable th.sort.asc:hover::after,
#sortTable th.sort.desc:hover::after {
    color: #f00;
}
#sortTable th.sort.asc:after {
    font-family: "Font Awesome 6 Free", sans-serif;
    font-weight: 900;
    display: inline;
    content: ' \f0dd';
    color: #000;
}
#sortTable th.sort.desc:after {
    font-family: "Font Awesome 6 Free", sans-serif;
    font-weight: 900;
    display: inline;
    content: ' \f0de';
    color: #000;
}
div.heading-filter-wrapper {
    height: 32px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
div.heading-filter-wrapper h1 {
    border-bottom: none;
}
div.input-group.filter {
    top: -4px;
    width: 300px;
}
div.input-group.filter input:not(:placeholder-shown) {
    font-weight: bold;
    color: #a94442;
    background: #f2dede;
}

.ck-content {
    overflow: auto;
}