/* FORUM THREADS */

.forum-thread-card {

}

.forum-thread-card-wrapper {
    background: #fff;
    border: 1px solid #f7f7f7;
    border-radius: 4px;
    padding: 10px 20px;
    margin-bottom: 10px;
    position: relative;
}

.forum-thread-card-wrapper:not(.inline-reply-form) {
    display: flex;
    gap:15px;
}

.forum-thread-card-body {
    flex: 1;
    border-left: 1px solid #f7f7f7;
    padding-left: 15px;
}

.forum-thread-card-wrapper.editing {
    background: rgba(243, 156, 18, 0.03);
}

.forum-thread-card-top {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 3px;
}

.forum-thread-card-top a {
    line-height: normal;
    font-size: 13px;
}

.forum-thread-title {
    line-height: normal;
    font-weight: bold;
    font-size: 12px;
    color: #799900;
    display: flex;
    gap:15px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.forum-thread-content {
    line-height: normal;
    font-size: 14px;
}

.forum-thread-attachments-container h3 {
    padding-left: 10px;
    position: relative;
    margin-bottom: 0;
}

.forum-thread-attachments-container h3 > span {
    color: rgba(155, 89, 182, 1.0);
    font-size: 12px;
    background: #fff;
    z-index: 1;
    position: relative;
    padding: 0 6px;
}

.forum-thread-attachments-container h3:after {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #f7f7f7;
}

.forum-thread-attachments > div {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-size: 12px;
    padding: 2px 6px;
    background: #f7f7f7;
    border-radius: 4px;
}

.forum-thread-attachments > div a:not(.forum-thread-delete-attachment-btn) {
    display: flex;
    align-items: center;
}

.forum-thread-delete-attachment-btn {
    background: rgba(231, 76, 60,1.0);
    border-radius: 4px;
    color: #FFF;
    padding: 2px 4px;
    font-size: 10px;
    transition: all 0.2s ease-in-out;
}

.forum-thread-delete-attachment-btn:hover {
    background: rgba(192, 57, 43, 1.0);
    color: #FFF;
}

.forum-thread-card-autor {
    display: inline-flex;
    gap:10px;
    align-items: center;
}

.forum-thread-controls {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.forum-thread-controls a {
    text-decoration: none;
    padding: 3px 15px;
    border-radius: 15px;
    transition: all 0.2s ease-in-out;
    font-size: 10px;
}

.forum-thread-controls a.reply-post-btn {
    color: #fff;
}

.forum-thread-controls a.bg-danger {
    color: #FFF;
}

.forum-thread-controls a:hover {
    background: #f3f3f3 !important;
    color: #698400 !important;
}

.forum-thread-attachments {
    display: flex;
    gap: 15px;
    padding-left: 5px;
}

#forumThreadTree {
    background: #fbfbfb;
    padding: 15px;
    margin-bottom: 15px;
}

#forumThreadHeaders {
    background: #fbfbfb;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#forumThreadHeaders .forum-thread-item {
    display: flex;
    gap: 15px;
    background: #FFF;
    border-radius: 4px;
    padding: 8px;
    transition: all 0.3s ease;
    font-size: 13px;
    align-items: center;
}

#forumThreadHeaders .forum-thread-item:hover {
    background: #f7f7f7;
}

.forum-thread-item-title a {
    text-decoration: none;
    color: #799900;
}

.forum-thread-item a {
    display: inline-block;
}

.forum-thread-item-author,
.forum-thread-item-description {
    font-size: 12px;
}

.section-thread-post {
    background: #FFFFFF;
    box-shadow: rgb(50 50 93 / 2%) 0 2px 1px 0, rgb(0 0 0 / 5%) 0 0px 2px 0px;
    border-radius: 1px;
    margin-bottom: 1.5rem;
    padding: 25px;
    font-family: 'Rajdhani', sans-serif;
}

#select2-forumCategorySelect-results li {
    font-size: 12px;
    padding: 10px;
}

#select2-forumCategorySelect-results li strong {
    font-size: 14px;
}

.form-submit-post-category-wrapper .select2-selection--single {
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
    padding: .25rem .5rem;
}

.forum-thread-item-group {
    padding: 8px;
    font-weight: 500;
}

.forum-categories-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.forum-categories-wrapper > a {
    flex: 0 0 calc(50% - 15px);
    padding: 8px;
    transition: all 0.3s ease;
    border-radius: 4px;
    text-decoration: none;
}

.forum-categories-wrapper > a:hover {
    background: #f7f7f7;
}

#form-submit-post .dropzone {
    border-radius: 4px;
}

.inline-reply-form:before {
    content: "\f3e5";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    left: -34px;
    top: 10px;
    font-size: 1.5em;
    color: #9eeaf9;
    transform: rotate(180deg);
}

.inline-reply-form .alert-info {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -10px;
    border-radius: 0;
}

.forum-reply-node {
    border-left: 1px solid #f1f1f1;
}

.form-submit-post-dropzone-fileResult {
    margin-top: 8px;
    display: block;
    font-size: 12px;
}

.forum-pagination {
    margin: 2px 0;
    white-space: nowrap;
}

.forum-pagination .page-item.previous.disabled,
.forum-pagination .page-item.next.disabled {
    opacity: 0.5;
}

.forum-pagination .page-item > a,
.forum-pagination .page-item > span {
    font-size: 11px;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 4px;
    margin: 2px 3px 0px;
    padding: 0px 4px;
}

.note-frame {
    font-family: 'Nunito', sans-serif;
}

.note-editor .note-editing-area .note-editable table td,
.note-editor .note-editing-area .note-editable table th {
    border-color: rgba(241, 196, 15, 0.35);
}

/* attachment viewers (ADO #612) */
.forum-attachment-thumbnail img {
    display: block;
    max-width: 160px;
    max-height: 120px;
    margin-right: 6px;
    border-radius: 4px;
}

#forumAttachmentMapModal .forum-attachment-map {
    height: 60vh;
}