/*patent shared css start*/

.forum-category {
    text-align: center;
    font-style: normal;
    line-height: normal;
    display: inline-flex;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 94px;
    border: 1px solid #E4E4E7;
    background: #F4F4F8;
}
.forum-datatable-items-align {
    display: flex;
    /*flex-shrink:0;*/
    align-items: center;
    gap: 6px;
}
.admin-label-gap {
    gap: 18px;
}
.forum-tag {
    color: #030229;
    text-align: center;
    font-style: normal;
    line-height: normal;
    display: inline-flex;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 94px;
    border: 1px solid #1AC7DE;
}
.forum-report-textarea-height {
    height: 134px !important;
}
.forum-report-modal-align {
    display: flex;
    gap: 24px;
    flex-direction: column;
}
.forum-report-radio-text {
    color: #030229;
    font-family: Nunito;
    font-size: 1.125rem; /*18/16*/
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.forum-reply-items-align {
    display: flex;
    align-items: center;
    gap: 5px;
}
/*patent shared css end*/




/*index page css start*/
.all-categories-dropdown {
    width: 247px;
}

.category-dropdown-width {
    width: 247px;
}

.forum-topic-width {
    width: 560px;
}
.forum-datatable-default-text {
    color: #030229;
    font-family: Nunito;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.community-forum-heading {
    color: #FFF;
    font-family: Nunito;
    font-size: 2rem; /*32/16*/
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
.community-forum-text {
    color: #FFF;
    font-family: Nunito;
    font-size: 1.09rem; /*18/16*/
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 166.667% */
}
.no-topic-found-container {
    background-color: #fff;
    width: 100%;
    height: 543px;
}
.no-topic-found-align {
    display: flex;
    justify-content: center;
    align-items: center;
}
.topic-date {
    color: #6D6D79;
    text-align: right;
    font-family: Nunito;
    font-size: 0.75rem; /*12/16*/
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.forum-action-dropdown {
    color: #030229;
    font-family: Nunito;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0.25rem 0rem;
}

/*index page css end*/


/*forumDetail page css start*/

.reply-line-align {
    position: unset;
    flex-grow: 1;
    max-width: 26px;
    margin-right: -6px;
}
.border-left-reply {
    border-left: 1px solid #E4E4E7;
}
.reply-text-margin-left {
    margin-left: 26px;
}

.reply-text-padding-left {
    padding-left: 33px;
}
.form-detail-backerrow {
    gap: 18.6px;
    display: flex;
    color: var(--Text, #030229);
    font-family: Nunito;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.forum-detail-card-padding {
    padding: 2.5rem;
}
.forum-detail-height {
    height: 695px;
}
.topic_name {
    color: #030229;
    font-family: Nunito;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.forum-detail-align {
    display: flex;
    gap: 8px;
}
.forum-detail-action-dropdown {
    border-radius: 0px;
    z-index: 1;
    width: 156px;
}
.forum-username {
    color: #030229;
    font-family: Nunito;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.forum-admin-label {
    color: #2CA8C3;
    text-align: right;
    font-style: normal;
    line-height: normal;
    display: inline-flex;
    padding: 3px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 46px;
    background: #E9F9FC;
}
.forum-username-date {
    color: #6D6D79;
    text-align: right;
    font-family: Nunito;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.forum-detail-text {
    color: #030229;
    font-family: Nunito;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.forum-reactions-align {
    display: flex;
    gap: 26px;
    align-items: center;
}
.topic-likes-text {
    font-style: normal;
    line-height: normal;
}
.topic-reply-dropdown {
    color: #030229;
    text-align: center;
    font-style: normal;
    line-height: normal;
    padding: 4px 8px;
    align-items: center;
    border-radius: 4px;
    background: #F4F4F8;
}
topic-reply-dropdown-align {
    gap: 8px;
    display: flex;
}

.margin-top-reply-line {
    margin-top: 2.5rem;
}
.forum-action-dropdown {
    color: #030229;
    font-family: Nunito;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0.25rem 0rem;
}
.forum-delete-modal-text {
    color: #030229;
    font-family: Nunito;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.forum-textarea-height {
    height: 110px !important;
}
.footer-border-top {
    border-top: 1px solid #E4E4E7 !important;
}
/*forumDetail page css end*/







/*media queries*/
@media (max-width:355px) {
    .all-categories-dropdown {
        width: 202px !important;
    }

    .community-forum-text {
        line-height: normal !important;
    }

    .category-dropdown-width {
        width: 202px;
    }
}

@media (max-width:354px) {
    .forum-delete-modal-text{
        width:200px;
    }
}
@media (min-width:355px) and (max-width:455px) {
    .forum-delete-modal-text{
        width:220px;
    }
}
@media (min-width:456px)and (max-width:764px) {
    .forum-delete-modal-text{
        width:280px;
    }
}
@media (min-width:765px) and (max-width:990px) {
    .forum-delete-modal-text{
        width:320px;
    }
}
@media (min-width:991px) and (max-width:1299px){
    .forum-delete-modal-text{
        width:400px;
    }
}
@media (min-width:1300px) and (max-width:1439px){
    .forum-delete-modal-text{
        width:694px;
    }
}
@media (min-width:1440px) {
    .forum-delete-modal-text{
        width:694px;
    }
}