/**
 * Kunena 6 - Blue Eagle 5 Compatibility Skin
 * 100% faithful recreation of the classic Blue Eagle 5 theme styling from Joomla 3
 *
 * Primary Blue:     #5388B4
 * Hover Blue:       #609FBF / #437198
 * Dark Header/Grey: #737373
 * Link Blue:        #004b87
 * Hover Link:       #00ccf8
 * Border Grey:      #BFC3C6 / #E5E5E5
 * Unread Green:     #48A348
 */

/* ==========================================================================
   1. GLOBAL RESET & FOUNDATION FOR KUNENA
   ========================================================================== */
#kunena.layout {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: #333333;
}

/* Preserve inline colors and heading sizes in Kunena / Announcement modules */
#kunena.layout [style*="color: #ff0000"],
#kunena.layout [style*="color:#ff0000"],
#kunena.layout [style*="color: #FF0000"],
#kunena.layout [style*="color:#FF0000"],
#kunena.layout [style*="color: red"],
#kunena.layout [style*="color:red"],
#kunena.layout span[style*="red"],
#kunena.layout span[style*="color: #ff0000"],
#kunena.layout span[style*="color:#ff0000"] {
    color: #ff0000 !important;
}

#kunena.layout h1 span, #kunena.layout h1 strong,
#kunena.layout h2 span, #kunena.layout h2 strong,
#kunena.layout h3 span, #kunena.layout h3 strong {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}

/* Module 131 / Announcement Section in kunena_top */
#mod-custom131,
#kunena #mod-custom131 {
    font-size: 13px !important;
    line-height: 1.3 !important;
    color: #555555;
}

#mod-custom131 h2,
#kunena #mod-custom131 h2 {
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.25 !important;
    margin: 4px 0 !important;
    padding: 2px 0 !important;
    text-align: center !important;
}

#mod-custom131 h2 strong,
#mod-custom131 h2 span,
#kunena #mod-custom131 h2 strong,
#kunena #mod-custom131 h2 span {
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.25 !important;
    color: #ff0000 !important;
}

#mod-custom131 a:link,
#mod-custom131 a:visited,
#kunena #mod-custom131 a:link,
#kunena #mod-custom131 a:visited {
    color: #004b87 !important;
    text-decoration: none !important;
}

#mod-custom131 a:hover,
#kunena #mod-custom131 a:hover {
    color: #00ccf8 !important;
    text-decoration: underline !important;
}


/* Remove modern Bootstrap drop shadows and rounded corners */
#kunena.layout .shadow-lg,
#kunena.layout .shadow-sm,
#kunena.layout .shadow,
#kunena.layout .card {
    box-shadow: none !important;
    border-radius: 0 !important;
}

#kunena.layout .rounded,
#kunena.layout .rounded-top,
#kunena.layout .rounded-bottom,
#kunena.layout .rounded-start,
#kunena.layout .rounded-end {
    border-radius: 0 !important;
}

/* ==========================================================================
   2. TOP NAVIGATION TAB BAR (#ktab / .navbar)
   ========================================================================== */
#kunena.layout nav.navbar {
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid #5388B4 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    min-height: 28px !important;
}

#kunena.layout nav.navbar .container-fluid {
    padding: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
}

#kunena.layout .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    align-items: flex-end !important;
}

#kunena.layout .navbar-nav .nav-item {
    margin: 0 2px 0 0 !important;
    padding: 0 !important;
    display: inline-block !important;
}

#kunena.layout .navbar-nav .nav-link {
    background-color: #737373 !important;
    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 26px !important;
    height: 26px !important;
    padding: 0 12px !important;
    border-radius: 5px 5px 0 0 !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin: 0 !important;
    border: none !important;
    transition: background-color 0.15s ease-in-out !important;
}

#kunena.layout .navbar-nav .nav-item.active .nav-link,
#kunena.layout .navbar-nav .nav-link.active,
#kunena.layout .navbar-nav .nav-link:hover,
#kunena.layout .navbar-nav .nav-link:focus {
    background-color: #5388B4 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

/* User dropdown / Login button in header */
#kunena.layout #klogin-desktop,
#kunena.layout .navbar .btn-light {
    background-color: #737373 !important;
    color: #ffffff !important;
    border: 1px solid #555555 !important;
    border-radius: 3px !important;
    font-size: 11px !important;
    padding: 2px 10px !important;
    height: 25px !important;
    line-height: 19px !important;
    margin-bottom: 2px !important;
    box-shadow: none !important;
}

#kunena.layout #klogin-desktop:hover,
#kunena.layout .navbar .btn-light:hover {
    background-color: #5388B4 !important;
    border-color: #5388B4 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   3. BREADCRUMBS & JUMP-TO BAR (Top Box)
   ========================================================================== */
#kunena .kforum-pathway,
.kforum-pathway {
    background-color: #F2F1EE !important;
    border: 1px solid #BFC3C6 !important;
    padding: 3px 8px !important;
    margin: 10px 0 0 0 !important;
    min-height: 26px !important;
    line-height: 20px !important;
    font-size: 11px !important;
    box-sizing: border-box !important;
    display: block !important;
    clear: both !important;
}

#kunena .kpathway-icon {
    color: #999999 !important;
    font-size: 10px !important;
    margin-right: 6px !important;
}

#kunena .kforum-pathway a,
#kunena .breadcrumb a {
    color: #004b87 !important;
    font-weight: bold !important;
    text-decoration: none !important;
    font-size: 11px !important;
}

#kunena .kforum-pathway a:hover,
#kunena .breadcrumb a:hover {
    color: #00ccf8 !important;
    text-decoration: underline !important;
}

#kunena .path-divider {
    color: #F4A94F !important;
    padding: 0 4px !important;
    font-size: 10px !important;
}

/* Second bar directly beneath pathway: jump-to dropdown & mark all read */
#kunena .klist-markallcatsread,
.klist-markallcatsread {
    background-color: #FFFFFF !important;
    min-height: 28px !important;
    overflow: hidden !important;
    border: 1px solid #BFC3C6 !important;
    border-top: none !important;
    margin: 0 0 10px 0 !important;
    padding: 2px 6px !important;
    box-sizing: border-box !important;
    display: block !important;
    clear: both !important;
}

#kunena .klist-markallcatsread .ksectionbody {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    min-height: 24px !important;
}

#kunena .klist-markallcatsread .fltlft {
    float: left !important;
}

#kunena .klist-markallcatsread .fltrt {
    float: right !important;
    margin-left: auto !important;
}

#kunena form#jumpto {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
}

#kunena form#jumpto select,
#kunena form#jumpto select#catid {
    font-size: 11px !important;
    height: 22px !important;
    line-height: 18px !important;
    padding: 0 20px 0 6px !important;
    border: 1px solid #BFC3C6 !important;
    border-radius: 3px !important;
    background-color: #FFFFFF !important;
    color: #333333 !important;
    font-weight: bold !important;
    width: auto !important;
    min-width: 200px !important;
    max-width: 280px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   4. CATEGORY & SECTION HEADERS (.card-header / .kheader)
   ========================================================================== */
#kunena.layout .kblock div.kheader,
#kunena.layout .card-header {
    background: #5388B4 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 5px 5px 0 0 !important;
    margin: 12px 0 0 0 !important;
    padding: 0 10px !important;
    height: 34px !important;
    line-height: 34px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

#kunena.layout .kblock div.kheader h1,
#kunena.layout .card-header h1 {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    text-align: left !important;
    order: 1 !important;
}

#kunena.layout .kblock div.kheader h1 a,
#kunena.layout .card-header a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

#kunena.layout .kblock div.kheader h1 a:hover,
#kunena.layout .card-header a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* Collapse / Close Button on header (far right) */
#kunena.layout .kheader .close,
#kunena.layout .card-header .close {
    color: #ffffff !important;
    opacity: 0.9 !important;
    font-size: 20px !important;
    font-weight: normal !important;
    cursor: pointer !important;
    line-height: 34px !important;
    text-shadow: none !important;
    order: 2 !important;
    margin-left: auto !important;
    float: right !important;
}

#kunena.layout .kheader .close:hover,
#kunena.layout .card-header .close:hover {
    opacity: 1 !important;
}

/* HIDE modern topic counter inside section headers (not present in Blue Eagle) */
#kunena.layout small[id^="ksection-count"],
#kunena.layout h1.card-header small,
#kunena.layout .card-header small {
    display: none !important;
}

/* HIDE modern button-toolbar collapse button outside header if present */
#kunena.layout .section h2.btn-toolbar {
    display: none !important;
}

/* ==========================================================================
   5. CATEGORY TABLES & 5-COLUMN BLUE EAGLE LAYOUT
   ========================================================================== */
#kunena.layout div.kblock:not(.kpathway),
#kunena div.kblock:not(.kpathway),
#kunena.layout div[id^="section"],
#kunena.layout .kfrontend,
#kunena.layout .card-body {
    border: 1px solid #BFC3C6 !important;
    border-top: none !important;
    background-color: #FFFFFF !important;
    margin-bottom: 15px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#kunena.layout table.kblocktable,
#kunena table.kblocktable,
#kunena.layout table.table,
#kunena table.table {
    margin: 0 !important;
    border-collapse: collapse !important;
    border: none !important;
    width: 100% !important;
    background-color: #FFFFFF !important;
}

/* Alternating Row Colors */
#kunena.layout tr.krow1 td,
#kunena.layout table.table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF !important;
}

#kunena.layout tr.krow2 td,
#kunena.layout table.table tbody tr:nth-child(even) td {
    background-color: #F2F1EE !important;
}

#kunena.layout tr.krow1:hover td,
#kunena.layout tr.krow2:hover td,
#kunena.layout table.table tbody tr:hover td {
    background-color: #EEF4F9 !important;
}

#kunena.layout table.kblocktable td,
#kunena.layout table.table td {
    border-top: none !important;
    border-bottom: 1px solid #E5E5E5 !important;
    border-left: none !important;
    border-right: none !important;
    padding: 8px 10px !important;
    vertical-align: middle !important;
    font-size: 12px !important;
}

/* Column 1: Category Icon */
#kunena td.kcol-first,
#kunena td.kcol-category-icon,
#kunena td#kcat-icon,
td.kcol-first,
td.kcol-category-icon {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 8px 4px !important;
    border-left: none !important;
    border-right: none !important;
    display: table-cell !important;
    box-sizing: border-box !important;
}

#kunena td.kcol-first img,
#kunena td.kcol-category-icon img,
#kunena td#kcat-icon img,
td.kcol-first img,
td.kcol-category-icon img {
    display: inline-block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    vertical-align: middle !important;
}

/* Blue Eagle 3D Folder Icons (CSS fallbacks) */
#kunena span.kreadforum,
#kunena span.knotloginforum,
span.kreadforum,
span.knotloginforum {
    background-image: url(/templates/officeprime-tg/images/kunena/icons/folder_nonew.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 32px !important;
    height: 32px !important;
    display: inline-block !important;
}

#kunena span.kunreadforum,
span.kunreadforum {
    background-image: url(/templates/officeprime-tg/images/kunena/icons/folder.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 32px !important;
    height: 32px !important;
    display: inline-block !important;
}

#kunena span.kreadforum-sm,
span.kreadforum-sm {
    background-image: url(/templates/officeprime-tg/images/kunena/icons/folder_nonew_sm.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 14px !important;
    height: 12px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 4px !important;
}

/* Column 2: Title & Description */
#kunena .kcol-kcattitle h3,
#kunena td.kcol-kcattitle,
td.kcol-kcattitle {
    border-left: none !important;
    border-right: none !important;
    vertical-align: middle !important;
    padding: 8px 10px !important;
}

#kunena .kcol-kcattitle a,
#kunena td.kcol-kcattitle a,
#kunena .kthead-title a,
.kthead-title a {
    color: #004b87 !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 13px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

#kunena .kcol-kcattitle a:hover,
#kunena td.kcol-kcattitle a:hover,
#kunena .kthead-title a:hover,
.kthead-title a:hover {
    color: #00ccf8 !important;
    text-decoration: underline !important;
}

#kunena .kthead-desc,
#kunena .header-desc,
.kthead-desc {
    color: #333333 !important;
    font-size: 11px !important;
    margin-top: 3px !important;
    line-height: 1.4 !important;
}

/* Column 3: Topics count */
#kunena td.kcol-kcattopics,
td.kcol-kcattopics {
    width: 65px !important;
    min-width: 65px !important;
    max-width: 65px !important;
    text-align: center !important;
    vertical-align: middle !important;
    border-left: 1px solid #E5E5E5 !important;
    border-right: 1px solid #E5E5E5 !important;
    padding: 6px 4px !important;
    display: table-cell !important;
    box-sizing: border-box !important;
}

#kunena .kcat-topics-number,
.kcat-topics-number {
    display: block !important;
    font-size: 20px !important;
    font-weight: normal !important;
    color: #777777 !important;
    line-height: 1.1 !important;
    margin-bottom: 2px !important;
}

#kunena .kcat-topics,
.kcat-topics {
    display: block !important;
    font-size: 10px !important;
    color: #888888 !important;
    text-transform: capitalize !important;
}

/* Column 4: Replies count */
#kunena td.kcol-kcatreplies,
td.kcol-kcatreplies {
    width: 65px !important;
    min-width: 65px !important;
    max-width: 65px !important;
    text-align: center !important;
    vertical-align: middle !important;
    border-right: 1px solid #E5E5E5 !important;
    border-left: none !important;
    padding: 6px 4px !important;
    display: table-cell !important;
    box-sizing: border-box !important;
}

#kunena .kcat-replies-number,
.kcat-replies-number {
    display: block !important;
    font-size: 20px !important;
    font-weight: normal !important;
    color: #777777 !important;
    line-height: 1.1 !important;
    margin-bottom: 2px !important;
}

#kunena .kcat-replies,
.kcat-replies {
    display: block !important;
    font-size: 10px !important;
    color: #888888 !important;
    text-transform: capitalize !important;
}

/* Column 5: Last Post */
#kunena td.kcol-kcatlastpost,
td.kcol-kcatlastpost {
    width: 200px !important;
    min-width: 170px !important;
    max-width: 230px !important;
    vertical-align: middle !important;
    padding: 6px 12px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    display: table-cell !important;
    text-align: left !important;
}

#kunena .klatest-subject a,
#kunena .lastpostlink a,
.klatest-subject a {
    color: #004b87 !important;
    font-size: 11px !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

#kunena .klatest-subject a:hover,
#kunena .lastpostlink a:hover,
.klatest-subject a:hover {
    color: #00ccf8 !important;
    text-decoration: underline !important;
}

#kunena.layout .klatest-by,
#kunena.layout .lastpostby {
    font-size: 11px !important;
    color: #333333 !important;
}

#kunena.layout .klatest-by a,
#kunena.layout .lastpostby a {
    font-weight: bold !important;
}

#kunena.layout .klatest-date,
#kunena.layout .datepost {
    font-size: 11px !important;
    color: #777777 !important;
}

/* Subcategories in Category row */
#kunena.layout .kthead-child {
    margin-top: 4px !important;
    font-size: 11px !important;
}

#kunena.layout .kthead-child a {
    color: #004b87 !important;
    font-size: 11px !important;
}

/* ==========================================================================
   6. USER GROUP RANK BADGES (Admin Red, Mod Green, etc.)
   ========================================================================== */
#kunena.layout .kwho-admin,
#kunena.layout a.kwho-admin {
    color: #FF0000 !important;
    font-weight: bold !important;
}

#kunena.layout .kwho-globalmoderator,
#kunena.layout a.kwho-globalmoderator {
    color: #006600 !important;
    font-weight: bold !important;
}

#kunena.layout .kwho-moderator,
#kunena.layout a.kwho-moderator {
    color: #0000FF !important;
    font-weight: bold !important;
}

#kunena.layout .kwho-user,
#kunena.layout a.kwho-user {
    color: #5388B4 !important;
    font-weight: bold !important;
}

#kunena.layout .kwho-guest {
    color: #777777 !important;
}

/* ==========================================================================
   7. TOPIC VIEW, MESSAGES, BUTTONS & STATS
   ========================================================================== */
#kunena.layout .mykmsg-header,
#kunena.layout .kmsg-header {
    background-color: #737373 !important;
    color: #ffffff !important;
    padding: 4px 10px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    border-radius: 3px 3px 0 0 !important;
    margin-bottom: 8px !important;
}

#kunena.layout .mykmsg-header a,
#kunena.layout .kmsg-header a {
    color: #ffffff !important;
    font-weight: bold !important;
}

#kunena.layout .message-published {
    background-color: #FFFFFF !important;
    border: 1px solid #BFC3C6 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 15px !important;
    padding: 12px 16px !important;
}

#kunena.layout .kpost-profile,
#kunena.layout .profile-box {
    background-color: #F7F7F7 !important;
    border: 1px solid #E0E0E0 !important;
    padding: 10px !important;
    border-radius: 0 !important;
    margin-bottom: 10px !important;
}

#kunena.layout blockquote {
    background-color: #F9F9F9 !important;
    border: 1px solid #D9D9D9 !important;
    border-left: 4px solid #5388B4 !important;
    padding: 8px 12px !important;
    margin: 10px 0 !important;
    font-size: 12px !important;
}

#kunena.layout pre,
#kunena.layout code {
    background-color: #FAFAFA !important;
    border: 1px solid #BFC3C6 !important;
    border-left: 5px solid #F4A94F !important;
    font-family: "Courier New", Courier, monospace !important;
    font-size: 12px !important;
    padding: 8px 12px !important;
}

/* Action Buttons */
#kunena.layout .btn,
#kunena.layout .kbutton,
#kunena.layout button.btn-outline-primary,
#kunena.layout a.btn-outline-primary {
    background-color: #F2F1EE !important;
    color: #333333 !important;
    border: 1px solid #BFC3C6 !important;
    border-radius: 3px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 3px 8px !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

#kunena.layout .btn:hover,
#kunena.layout .kbutton:hover {
    background-color: #5388B4 !important;
    color: #FFFFFF !important;
    border-color: #5388B4 !important;
}

#kunena.layout .btn-primary {
    background-color: #5388B4 !important;
    color: #FFFFFF !important;
    border: 1px solid #437198 !important;
    border-radius: 3px !important;
}

#kunena.layout .btn-primary:hover {
    background-color: #437198 !important;
}

/* Who is online / Stats */
#kunena.layout #kwho,
#kunena.layout #kstats {
    border: 1px solid #BFC3C6 !important;
    border-top: none !important;
    background-color: #FFFFFF !important;
    margin-bottom: 15px !important;
    padding: 10px 14px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Pagination */
#kunena.layout .pagination .page-item .page-link {
    color: #5388B4 !important;
    border: 1px solid #BFC3C6 !important;
    background-color: #FFFFFF !important;
    margin: 0 2px !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
    border-radius: 3px !important;
}

#kunena.layout .pagination .page-item.active .page-link {
    background-color: #5388B4 !important;
    border-color: #5388B4 !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
}

/* ==========================================================================
   6. TOPIC LIST & CATEGORY VIEW (Blue Eagle 5)
   ========================================================================== */
#kunena table.klist-actions,
table.klist-actions {
    width: 100% !important;
    border: 1px solid #BFC3C6 !important;
    background-color: #F2F1EE !important;
    margin: 0 0 6px 0 !important;
    border-collapse: collapse !important;
}

#kunena table.klist-actions td,
table.klist-actions td {
    padding: 3px 6px !important;
    vertical-align: middle !important;
    font-size: 11px !important;
}

#kunena td.klist-actions-goto,
td.klist-actions-goto {
    width: 25px !important;
    text-align: center !important;
}

#kunena td.klist-actions-goto a,
td.klist-actions-goto a {
    color: #666666 !important;
    text-decoration: none !important;
    font-size: 10px !important;
}

#kunena td.klist-pages-all,
td.klist-pages-all {
    text-align: right !important;
}

/* Category header in category view */
#kunena div.kblock.kflat div.kheader,
#kunena .kblock.kflat .kheader,
.kblock.kflat .kheader {
    background: #5388B4 !important;
    color: #ffffff !important;
    border-radius: 5px 5px 0 0 !important;
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 10px !important;
    margin: 0 !important;
}

#kunena div.kblock.kflat div.kheader h2,
#kunena .kblock.kflat .kheader h2,
.kblock.kflat .kheader h2 {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 34px !important;
}

/* Sticky Topic Rows (Classic Blue Eagle Yellow Background) */
#kunena tr.krow-stickymsg td,
#kunena tr.krow1-stickymsg td,
#kunena tr.krow2-stickymsg td,
tr.krow-stickymsg td,
tr.krow1-stickymsg td,
tr.krow2-stickymsg td {
    background-color: #FFFFCC !important;
}

#kunena tr.krow-stickymsg:hover td,
#kunena tr.krow1-stickymsg:hover td,
#kunena tr.krow2-stickymsg:hover td,
tr.krow-stickymsg:hover td,
tr.krow1-stickymsg:hover td,
tr.krow2-stickymsg:hover td {
    background-color: #FFFFAA !important;
}

#kunena table.kblocktable tr.krow:nth-child(even) td,
table.kblocktable tr.krow:nth-child(even) td {
    background-color: #F2F1EE !important;
}

#kunena table.kblocktable tr.krow:nth-child(odd) td,
table.kblocktable tr.krow:nth-child(odd) td {
    background-color: #FFFFFF !important;
}

/* Topic Table Columns */
#kunena table.kblocktable td.kcol-ktopicreplies,
td.kcol-ktopicreplies {
    width: 65px !important;
    min-width: 65px !important;
    max-width: 65px !important;
    text-align: center !important;
    vertical-align: middle !important;
    border-right: 1px solid #BFC3C6 !important;
    border-left: none !important;
    border-bottom: 1px solid #BFC3C6 !important;
    padding: 6px 4px !important;
    box-sizing: border-box !important;
}

#kunena .ktopic-replies-number,
.ktopic-replies-number {
    display: block !important;
    font-size: 20px !important;
    font-weight: normal !important;
    color: #777777 !important;
    line-height: 1.1 !important;
    margin-bottom: 2px !important;
}

#kunena .ktopic-replies,
.ktopic-replies {
    display: block !important;
    font-size: 10px !important;
    color: #888888 !important;
    text-transform: capitalize !important;
}

#kunena table.kblocktable td.kcol-ktopictitle,
td.kcol-ktopictitle {
    vertical-align: middle !important;
    text-align: left !important;
    padding: 6px 10px !important;
    border-right: 1px solid #BFC3C6 !important;
    border-left: none !important;
    border-bottom: 1px solid #BFC3C6 !important;
}

#kunena table.kblocktable td.kcol-ktopictitle a.topictitle,
td.kcol-ktopictitle a.topictitle {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #004b87 !important;
    text-decoration: none !important;
}

#kunena table.kblocktable td.kcol-ktopictitle a.topictitle:hover,
td.kcol-ktopictitle a.topictitle:hover {
    color: #00ccf8 !important;
    text-decoration: underline !important;
}

#kunena table.kblocktable td.kcol-ktopicviews,
td.kcol-ktopicviews {
    width: 65px !important;
    min-width: 65px !important;
    max-width: 65px !important;
    text-align: center !important;
    vertical-align: middle !important;
    border-right: 1px solid #BFC3C6 !important;
    border-left: none !important;
    border-bottom: 1px solid #BFC3C6 !important;
    padding: 6px 4px !important;
    box-sizing: border-box !important;
}

#kunena .ktopic-views-number,
.ktopic-views-number {
    display: block !important;
    font-size: 20px !important;
    font-weight: normal !important;
    color: #777777 !important;
    line-height: 1.1 !important;
    margin-bottom: 2px !important;
}

#kunena .ktopic-views,
.ktopic-views {
    display: block !important;
    font-size: 10px !important;
    color: #888888 !important;
    text-transform: capitalize !important;
}

#kunena table.kblocktable td.kcol-ktopiclastpost,
td.kcol-ktopiclastpost {
    width: 190px !important;
    min-width: 170px !important;
    max-width: 220px !important;
    text-align: left !important;
    vertical-align: middle !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
    border-bottom: 1px solid #BFC3C6 !important;
    border-left: none !important;
    border-right: none !important;
}

#kunena .klatest-post-link a,
.klatest-post-link a {
    color: #004b87 !important;
    font-size: 11px !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

#kunena .klatest-post-link a:hover,
.klatest-post-link a:hover {
    color: #00ccf8 !important;
    text-decoration: underline !important;
}

/* ==========================================================================
   7. TOPIC DISPLAY & MESSAGE POSTING (Blue Eagle 5)
   ========================================================================== */

/* Top & Bottom Actions Bar */
#kunena .ktopactions,
.ktopactions {
    margin: 4px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    clear: both !important;
}

#kunena table#topic-actions,
table#topic-actions {
    width: 100% !important;
    border: 1px solid #BFC3C6 !important;
    background-color: #F2F1EE !important;
    margin: 0 !important;
    border-collapse: collapse !important;
}

#kunena table#topic-actions td,
table#topic-actions td {
    padding: 3px 6px !important;
    vertical-align: middle !important;
    font-size: 11px !important;
}

#kunena table#topic-actions td.klist-actions-goto,
table#topic-actions td.klist-actions-goto {
    width: 25px !important;
    text-align: center !important;
}

#kunena table#topic-actions td.klist-actions-goto a,
table#topic-actions td.klist-actions-goto a {
    color: #666666 !important;
    text-decoration: none !important;
    font-size: 11px !important;
}

#kunena table#topic-actions td.klist-actions-forum,
table#topic-actions td.klist-actions-forum {
    text-align: left !important;
    padding: 2px 6px !important;
}

#kunena table#topic-actions td.klist-pages-all,
table#topic-actions td.klist-pages-all {
    text-align: right !important;
    padding: 2px 6px !important;
}

/* Classic Blue Eagle Pagination */
#kunena ul.kpagination,
ul.kpagination {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11px !important;
    float: right !important;
}

#kunena ul.kpagination li,
ul.kpagination li {
    display: inline-block !important;
    margin: 0 1px !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

#kunena ul.kpagination li.page,
ul.kpagination li.page {
    font-size: 11px !important;
    color: #333333 !important;
    font-weight: normal !important;
    margin-right: 4px !important;
    display: inline-block !important;
}

#kunena ul.kpagination span.pagenav,
#kunena ul.kpagination a.pagenav,
ul.kpagination span.pagenav,
ul.kpagination a.pagenav {
    background-color: #5388B4 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 1px 6px !important;
    border-radius: 2px !important;
    text-decoration: none !important;
    min-width: 14px !important;
    text-align: center !important;
    display: inline-block !important;
    line-height: 16px !important;
}

#kunena ul.kpagination a.pagenav:hover,
ul.kpagination a.pagenav:hover {
    background-color: #00ccf8 !important;
    color: #ffffff !important;
}

/* Solid Blue Header Bar (TOPIC:) */
#kunena .kblock .kheader,
.kblock .kheader {
    background: #5388B4 !important;
    color: #ffffff !important;
    border-radius: 5px 5px 0 0 !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 10px !important;
    margin: 6px 0 0 0 !important;
    box-sizing: border-box !important;
}

#kunena .kblock .kheader h1,
#kunena .kblock .kheader h2,
.kblock .kheader h1,
.kblock .kheader h2 {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Neutralize Aurelia wrappers */
#kunena .kunena-topic-item > h1,
#kunena .kunena-search,
#kunena .topic-header {
    display: none !important;
}

#kunena div.kblock,
#kunena div.kcontainer,
#kunena div.kbody {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Message Header Bar (#737373) */
#kunena div.kmsg-header,
#kunena div.kmsg-header-right,
div.kmsg-header,
div.kmsg-header-right {
    background-color: #737373 !important;
    color: #ffffff !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#kunena div.kmsg-header h2,
#kunena div.kmsg-header-right h2,
div.kmsg-header h2,
div.kmsg-header-right h2 {
    background-color: #737373 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: normal !important;
    height: 26px !important;
    line-height: 26px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-top: 1px solid #8c8c8c !important;
    box-sizing: border-box !important;
}

#kunena span.kmsg-bullet,
span.kmsg-bullet {
    display: none !important;
}

#kunena span.kmsgtitle,
#kunena span.kmsg-title-right,
span.kmsgtitle,
span.kmsg-title-right {
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
    margin-right: 8px !important;
    background: url(../images/kunena/msgtitleicon.gif) no-repeat left center !important;
    padding-left: 20px !important;
    line-height: 26px !important;
    display: inline-block !important;
}

#kunena span.kmsgtitle-new,
span.kmsgtitle-new {
    background-image: url(../images/kunena/msgtitlenew.gif) !important;
}

#kunena span.kmsgdate,
#kunena span.kmsgdate-right,
span.kmsgdate,
span.kmsgdate-right {
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: normal !important;
    white-space: nowrap !important;
}

#kunena span.kmsg-id-right,
span.kmsg-id-right {
    margin-left: auto !important;
    float: right !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
}

#kunena span.kmsg-id-right a,
span.kmsg-id-right a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Message Table Layout */
#kunena table.kmsg,
table.kmsg {
    width: 100% !important;
    border-collapse: collapse !important;
    border-left: 1px solid #BFC3C6 !important;
    border-right: 1px solid #BFC3C6 !important;
    border-bottom: 1px solid #BFC3C6 !important;
    border-top: none !important;
    background-color: #ffffff !important;
    margin: 0 0 10px 0 !important;
}

#kunena table.kmsg tbody tr:first-child,
table.kmsg tbody tr:first-child {
    height: 100% !important;
}

#kunena table.kmsg tbody tr:last-child,
table.kmsg tbody tr:last-child {
    height: 1px !important;
}

#kunena td.kmessage-right,
td.kmessage-right {
    vertical-align: top !important;
    padding: 10px 14px 4px 14px !important;
    font-size: 12px !important;
    color: #333333 !important;
    line-height: 1.5 !important;
    background-color: #ffffff !important;
}

#kunena div.kmsgbody,
div.kmsgbody {
    min-height: 40px !important;
    font-size: 12px !important;
    color: #333333 !important;
    line-height: 1.5 !important;
}

#kunena div.kmsgtext,
div.kmsgtext {
    font-size: 12px !important;
    color: #333333 !important;
    line-height: 1.5 !important;
}

#kunena div.kmsgtext a,
#kunena div.kmsgtext a.bbcode_url,
div.kmsgtext a,
div.kmsgtext a.bbcode_url {
    color: #004b87 !important;
    text-decoration: none !important;
}

#kunena div.kmsgtext a:hover,
#kunena div.kmsgtext a.bbcode_url:hover,
div.kmsgtext a:hover,
div.kmsgtext a.bbcode_url:hover {
    color: #00ccf8 !important;
    text-decoration: underline !important;
}

#kunena p.klogin-to-reply,
p.klogin-to-reply {
    font-size: 11px !important;
    color: #666666 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: left !important;
    line-height: 24px !important;
}

#kunena p.klogin-to-reply a,
#kunena p.klogin-to-reply a.btn-link,
p.klogin-to-reply a,
p.klogin-to-reply a.btn-link {
    color: #004b87 !important;
    text-decoration: underline !important;
    font-size: 11px !important;
    font-weight: normal !important;
    padding: 0 !important;
}

#kunena p.klogin-to-reply a:hover,
p.klogin-to-reply a:hover {
    color: #00ccf8 !important;
}

/* Message & Topic Action Buttons (Blue Eagle 5 Classic) */
#kunena td.kbuttonbar-right,
td.kbuttonbar-right {
    vertical-align: bottom !important;
    padding: 4px 14px 8px 14px !important;
    border-top: none !important;
    height: 1px !important;
    background-color: #ffffff !important;
}

/* Edit markup notice ('Last edit: by Insclus.', 'Report to moderator', 'IP: ...') */
#kunena div.kmessage-editmarkup-cover,
div.kmessage-editmarkup-cover {
    display: block !important;
    float: right !important;
    text-align: right !important;
    margin: 2px 0 4px 0 !important;
    clear: both !important;
    width: 100% !important;
}

#kunena span.kmessage-editmarkup,
#kunena span.kmessage-informmarkup,
span.kmessage-editmarkup,
span.kmessage-informmarkup {
    background-color: #F2F1EE !important;
    color: #666666 !important;
    border: 1px dotted #BFC3C6 !important;
    font-size: 10px !important;
    padding: 2px 6px !important;
    display: inline-block !important;
    line-height: 14px !important;
    margin-left: 4px !important;
    border-radius: 2px !important;
}

#kunena span.kmessage-informmarkup a,
span.kmessage-informmarkup a {
    color: #004b87 !important;
    text-decoration: none !important;
    font-size: 10px !important;
}

#kunena span.kmessage-informmarkup a:hover,
span.kmessage-informmarkup a:hover {
    color: #00ccf8 !important;
    text-decoration: underline !important;
}

#kunena span.kmessage-editmarkup a,
span.kmessage-editmarkup a {
    font-weight: bold !important;
    text-decoration: none !important;
    color: #990000 !important;
}

/* Bottom Button Row Layout */
#kunena .kmessage-buttons-cover,
.kmessage-buttons-cover {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
}

#kunena .kpost-thankyou,
.kpost-thankyou {
    display: inline-block !important;
    margin: 0 !important;
}

#kunena div.kmessage-thankyou,
div.kmessage-thankyou {
    border-top: 1px dotted #BFC3C6 !important;
    clear: both !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    color: #555555 !important;
    padding: 6px 0 2px 0 !important;
    margin: 8px 0 0 0 !important;
    line-height: 1.5 !important;
}

#kunena div.kmessage-thankyou a,
div.kmessage-thankyou a {
    font-weight: bold;
    text-decoration: none;
}

#kunena div.kmessage-thankyou a:hover,
div.kmessage-thankyou a:hover {
    text-decoration: underline;
}

#kunena .kmessage-buttons-row,
.kmessage-buttons-row {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 3px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Top Action Bar Buttons */
#kunena table#topic-actions td.klist-actions-forum,
table#topic-actions td.klist-actions-forum {
    text-align: left !important;
    padding: 2px 6px !important;
}

#kunena td.klist-actions-forum .kmessage-buttons-row,
td.klist-actions-forum .kmessage-buttons-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 3px !important;
    margin: 1px 0 !important;
}

/* Universal Button Styles (Blue Eagle 5) */
#kunena a.btn,
#kunena button.btn,
#kunena .btn,
#kunena a.kbutton,
#kunena .kmessage-buttons-cover a,
#kunena .kmessage-buttons-cover button,
#kunena td.klist-actions-forum a,
#kunena td.klist-actions-forum button,
a.btn,
button.btn,
.btn {
    display: inline-block !important;
    height: 22px !important;
    line-height: 22px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    border-radius: 2px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: none !important;
    vertical-align: middle !important;
    font-family: Arial, Helvetica, sans-serif !important;
    white-space: nowrap !important;
}

/* Hide SVG icons inside buttons to match Blue Eagle 5 */
#kunena a.btn svg,
#kunena button.btn svg,
#kunena .btn svg,
#kunena .kmessage-buttons-cover svg,
#kunena td.klist-actions-forum svg {
    display: none !important;
}

/* 1. Dark Grey Buttons (#737373) */
#kunena #btn_reply,
#kunena #btn_quote,
#kunena #btn_quickreply,
#kunena #btn_thankyou,
#kunena #btn_unthankyou,
#kunena a#btn_reply,
#kunena a#btn_quote,
#kunena a#btn_quickreply,
#kunena a#btn_thankyou,
#kunena a#btn_unthankyou,
a#btn_reply,
a#btn_quote,
a#btn_quickreply,
a#btn_thankyou,
a#btn_unthankyou {
    background-color: #737373 !important;
    color: #ffffff !important;
}

#kunena #btn_reply:hover,
#kunena #btn_quote:hover,
#kunena #btn_quickreply:hover,
#kunena #btn_thankyou:hover,
#kunena #btn_unthankyou:hover,
a#btn_reply:hover,
a#btn_quote:hover,
a#btn_quickreply:hover,
a#btn_thankyou:hover,
a#btn_unthankyou:hover {
    background-color: #555555 !important;
    color: #ffffff !important;
}

/* 2. Primary Blue Buttons (#5388B4) */
#kunena #btn_subscribe,
#kunena #btn_unsubscribe,
#kunena #btn_favorite,
#kunena #btn_unfavorite,
#kunena a#btn_subscribe,
#kunena a#btn_unsubscribe,
#kunena a#btn_favorite,
#kunena a#btn_unfavorite,
a#btn_subscribe,
a#btn_unsubscribe,
a#btn_favorite,
a#btn_unfavorite {
    background-color: #5388B4 !important;
    color: #ffffff !important;
}

#kunena #btn_subscribe:hover,
#kunena #btn_unsubscribe:hover,
#kunena #btn_favorite:hover,
#kunena #btn_unfavorite:hover,
a#btn_subscribe:hover,
a#btn_unsubscribe:hover,
a#btn_favorite:hover,
a#btn_unfavorite:hover {
    background-color: #437198 !important;
    color: #ffffff !important;
}

/* 3. Mauve / Lavender Moderation Buttons (#c199c7) */
#kunena #btn_sticky,
#kunena #btn_unsticky,
#kunena #btn_unlock,
#kunena #btn_lock,
#kunena #btn_moderate,
#kunena #btn_delete,
#kunena #btn_edit,
#kunena #btn_permdelete,
#kunena #btn_undelete,
#kunena #btn_publish,
#kunena a#btn_sticky,
#kunena a#btn_unsticky,
#kunena a#btn_unlock,
#kunena a#btn_lock,
#kunena a#btn_moderate,
#kunena a#btn_delete,
#kunena a#btn_edit,
#kunena a#btn_permdelete,
#kunena a#btn_undelete,
#kunena a#btn_publish,
a#btn_sticky,
a#btn_unsticky,
a#btn_unlock,
a#btn_lock,
a#btn_moderate,
a#btn_delete,
a#btn_edit,
a#btn_permdelete,
a#btn_undelete,
a#btn_publish {
    background-color: #c199c7 !important;
    color: #ffffff !important;
}

#kunena #btn_edit,
#kunena a#btn_edit {
    margin-left: 5px !important;
}

#kunena #btn_sticky:hover,
#kunena #btn_unsticky:hover,
#kunena #btn_unlock:hover,
#kunena #btn_lock:hover,
#kunena #btn_moderate:hover,
#kunena #btn_delete:hover,
#kunena #btn_edit:hover,
#kunena #btn_permdelete:hover,
#kunena #btn_undelete:hover,
#kunena #btn_publish:hover,
a#btn_sticky:hover,
a#btn_unsticky:hover,
a#btn_unlock:hover,
a#btn_lock:hover,
a#btn_moderate:hover,
a#btn_delete:hover,
a#btn_edit:hover,
a#btn_permdelete:hover,
a#btn_undelete:hover,
a#btn_publish:hover {
    background-color: #aa7eb0 !important;
    color: #ffffff !important;
}

/* Right-side User Profile Box (#EFF0F4) */
#kunena td.kprofile-right,
td.kprofile-right {
    width: 175px !important;
    min-width: 175px !important;
    max-width: 175px !important;
    background-color: #EFF0F4 !important;
    border-left: 1px solid #BFC3C6 !important;
    vertical-align: top !important;
    padding: 8px 6px !important;
    box-sizing: border-box !important;
}

#kunena ul.kpost-profile,
ul.kpost-profile {
    list-style: none !important;
    margin: 2px 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 11px !important;
    color: #333333 !important;
}

#kunena ul.kpost-profile li,
ul.kpost-profile li {
    list-style: none !important;
    margin: 1px 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    color: #333333 !important;
}

#kunena li.kpost-username,
li.kpost-username {
    font-size: 13px !important;
    font-weight: bold !important;
    margin-bottom: 2px !important;
}

#kunena li.kpost-username a,
li.kpost-username a {
    font-size: 13px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    color: #004b87 !important;
}

#kunena li.kpost-username a:hover,
li.kpost-username a:hover {
    color: #00ccf8 !important;
    text-decoration: underline !important;
}

/* User Role Link Colors */
#kunena li.kpost-username a.kwho-globalmoderator,
#kunena li.kpost-username a.kwho-moderator,
#kunena a.kwho-globalmoderator,
#kunena a.kwho-moderator,
.kwho-globalmoderator,
.kwho-moderator,
a.kwho-globalmoderator,
a.kwho-moderator {
    color: #990000 !important;
    font-weight: bold !important;
}

#kunena li.kpost-username a.kwho-admin,
#kunena a.kwho-admin,
.kwho-admin,
a.kwho-admin {
    color: #ff0000 !important;
    font-weight: bold !important;
}

#kunena li.kpost-avatar img.kavatar,
#kunena .kpost-avatar img,
#kunena td.kprofile-right img.kavatar,
td.kprofile-right img.kavatar,
li.kpost-avatar img.kavatar,
.kpost-avatar img {
    max-width: 90px !important;
    max-height: 90px !important;
    width: auto !important;
    height: auto !important;
    border: none !important;
    margin: 0 auto !important;
    display: block !important;
}

#kunena span.topic-starter,
span.topic-starter {
    display: block !important;
    font-size: 10px !important;
    color: #666666 !important;
    margin-top: 4px !important;
    font-weight: normal !important;
}

#kunena span.label-default,
#kunena span.label-secondary,
#kunena .label-default,
span.label-default,
span.label-secondary,
.label-default {
    background-color: #737373 !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: bold !important;
    border-radius: 3px !important;
    padding: 1px 6px !important;
    display: inline-block !important;
    text-transform: capitalize !important;
    line-height: 14px !important;
}

#kunena span.label-success,
span.label-success {
    background-color: #48A348 !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: bold !important;
    border-radius: 3px !important;
    padding: 1px 6px !important;
    display: inline-block !important;
    text-transform: capitalize !important;
    line-height: 14px !important;
}

#kunena li.kpost-rank-title,
li.kpost-rank-title {
    font-size: 11px !important;
    color: #333333 !important;
    font-weight: normal !important;
    margin-top: 4px !important;
}

#kunena li.kpost-rank-img img,
li.kpost-rank-img img {
    margin: 2px auto !important;
    display: block !important;
}

#kunena li.kpost-personal,
li.kpost-personal {
    font-size: 11px !important;
    color: #444444 !important;
    margin: 4px 0 !important;
    line-height: 1.25 !important;
}

#kunena li.kpost-posts,
#kunena li.kpost-thankyou-count,
li.kpost-posts,
li.kpost-thankyou-count {
    font-size: 11px !important;
    color: #555555 !important;
    margin: 2px 0 !important;
}

/* User Profile Gender Icons (Sprite from default.png) */
#kunena .kicon-profile,
.kicon-profile {
    width: 16px !important;
    height: 16px !important;
    display: inline-block !important;
    vertical-align: text-top !important;
    margin: 4px auto 0 auto !important;
    background: url(../images/kunena/iconsets/profile/default/default.png) no-repeat !important;
}

#kunena .kicon-profile-gender-male,
.kicon-profile-gender-male {
    background-position: 0 -374px !important;
}

#kunena .kicon-profile-gender-female,
.kicon-profile-gender-female {
    background-position: 0 -168px !important;
}

/* Forum Jump Dropdown */
#kunena #jumpto,
form#jumpto {
    text-align: right !important;
    margin: 10px 0 !important;
    clear: both !important;
}

#kunena #jumpto select,
form#jumpto select {
    font-size: 11px !important;
    padding: 2px 4px !important;
    border: 1px solid #BFC3C6 !important;
    border-radius: 3px !important;
    color: #333333 !important;
    background-color: #ffffff !important;
}

/* Topic Post / Edit Form Styles (Blue Eagle 5) */
#kunena table#kpostmessage,
table#kpostmessage {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 0px !important;
}

#kunena #kpostmessage tr.krow1,
#kpostmessage tr.krow1 {
    background-color: #f7f7f7 !important;
}

#kunena #kpostmessage tr.krow2,
#kpostmessage tr.krow2 {
    background-color: #efefef !important;
}

#kunena #kpostmessage td.kcol-first,
#kpostmessage td.kcol-first {
    width: 18% !important;
    text-align: right !important;
    vertical-align: middle !important;
    padding: 8px 14px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    color: #333333 !important;
}

#kunena #kpostmessage td.kcol-mid,
#kpostmessage td.kcol-mid {
    padding: 8px 14px !important;
    vertical-align: middle !important;
    font-size: 11px !important;
}

#kunena #kpostmessage td.kpost-editor-cell,
#kpostmessage td.kpost-editor-cell {
    padding: 10px !important;
}

#kunena #kpostmessage input.postinput,
#kunena #kpostmessage input#subject,
#kpostmessage input.postinput,
#kpostmessage input#subject {
    width: 99% !important;
    max-width: 100% !important;
    height: 26px !important;
    padding: 3px 6px !important;
    border: 1px solid #7ea7c8 !important;
    border-radius: 2px !important;
    background-color: #ffffff !important;
    font-size: 12px !important;
    box-sizing: border-box !important;
}

#kunena #kpostmessage textarea#message,
#kunena #kpostmessage textarea.kinputbox,
#kpostmessage textarea#message,
#kpostmessage textarea.kinputbox {
    width: 100% !important;
    min-height: 220px !important;
    border: 1px solid #7ea7c8 !important;
    border-radius: 2px !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    background-color: #ffffff !important;
    resize: vertical !important;
}

#kunena #kpost-buttons,
#kpost-buttons {
    text-align: center !important;
    padding: 12px 6px !important;
    background-color: #efefef !important;
}

#kunena #kpost-buttons button,
#kunena #kpost-buttons input[type="submit"],
#kunena #kpost-buttons input[type="reset"],
#kpost-buttons button,
#kpost-buttons input[type="submit"],
#kpost-buttons input[type="reset"] {
    display: inline-block !important;
    background: #e6e6e6 linear-gradient(to bottom, #ffffff, #e6e6e6) !important;
    border: 1px solid #cccccc !important;
    border-radius: 3px !important;
    color: #333333 !important;
    font-size: 12px !important;
    font-weight: normal !important;
    padding: 4px 14px !important;
    margin: 0 4px !important;
    cursor: pointer !important;
    text-shadow: 0 1px 0 #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    height: auto !important;
    line-height: normal !important;
}

#kunena #kpost-buttons button:hover,
#kpost-buttons button:hover {
    background: #dcdcdc !important;
    border-color: #adadad !important;
    color: #333333 !important;
}

#kunena .kattachment button#kshow_attach_form,
.kattachment button#kshow_attach_form {
    display: inline-block !important;
    background: #e6e6e6 linear-gradient(to bottom, #ffffff, #e6e6e6) !important;
    border: 1px solid #cccccc !important;
    border-radius: 3px !important;
    color: #333333 !important;
    font-size: 11px !important;
    padding: 3px 10px !important;
    cursor: pointer !important;
}

/* Topic History Box */
#kunena .khistory,
.khistory {
    margin-top: 20px !important;
}

#kunena .khistory .kheader,
.khistory .kheader {
    background: #5388b4 !important;
    padding: 4px 10px !important;
    color: #ffffff !important;
}

#kunena .khistory .kheader h2 span,
.khistory .kheader h2 span {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

#kunena .khistory .ktitle-desc,
.khistory .ktitle-desc {
    color: #e0eaf3 !important;
    font-size: 11px !important;
    padding-top: 2px !important;
}

#kunena .khistory .ksth th,
.khistory .ksth th {
    background: #737373 !important;
    color: #ffffff !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
    font-weight: normal !important;
}

#kunena .khistory .ksth th span.kmsgdate,
.khistory .ksth th span.kmsgdate {
    color: #ffffff !important;
    font-size: 11px !important;
}

#kunena .khistory td.kprofile-left,
.khistory td.kprofile-left {
    background-color: #f7f7f7 !important;
    border-right: 1px solid #e0e0e0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

#kunena .khistory td.kmessage-left,
.khistory td.kmessage-left {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

/* ==========================================================================
   MODERN KUNENA USER LOGIN / LOGOUT DROPDOWN
   ========================================================================== */

/* Toggle Button in Navbar */
.klogout-modern {
    display: inline-block !important;
    position: relative !important;
    float: right !important;
    margin: 1px 4px 0 0 !important;
}

.klogout-modern .btn-group {
    position: relative !important;
}

.klogout-toggle-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 3px 10px 3px 6px !important;
    background: #64748b !important;
    border: 1px solid #475569 !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
    line-height: 20px !important;
    outline: none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
}

.klogout-toggle-btn:hover,
.klogout-toggle-btn:focus,
.klogout-toggle-btn[aria-expanded="true"] {
    background: #475569 !important;
    border-color: #334155 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.klogout-toggle-avatar-wrap {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.klogout-toggle-avatar-wrap img {
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
    object-fit: cover !important;
    border: 1px solid #ffffff !important;
    display: block !important;
}

.kstatus-dot {
    position: absolute !important;
    bottom: -1px !important;
    right: -1px !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    border: 1.5px solid #2e4c6d !important;
}

.kstatus-dot-0 { background-color: #10b981 !important; }
.kstatus-dot-1 { background-color: #f59e0b !important; }
.kstatus-dot-2 { background-color: #ef4444 !important; }
.kstatus-dot-3 { background-color: #94a3b8 !important; }

.klogout-toggle-name {
    font-size: 12px !important;
    color: #ffffff !important;
    max-width: 120px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.klogout-toggle-btn::after {
    display: inline-block !important;
    margin-left: 4px !important;
    vertical-align: middle !important;
    content: "" !important;
    border-top: 4px solid #ffffff !important;
    border-right: 4px solid transparent !important;
    border-bottom: 0 !important;
    border-left: 4px solid transparent !important;
}

/* Dropdown Card Container */
.klogout-dropdown-card {
    width: 280px !important;
    padding: 0 !important;
    margin-top: 6px !important;
    border-radius: 10px !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22), 0 4px 10px rgba(0, 0, 0, 0.08) !important;
    background: #ffffff !important;
    overflow: hidden !important;
    font-family: Arial, Helvetica, sans-serif !important;
    z-index: 1050 !important;
}

/* Header Section */
.klogout-header {
    background: linear-gradient(135deg, #1e3a5f 0%, #2a4d77 60%, #172b43 100%) !important;
    padding: 16px 14px 14px 14px !important;
    text-align: center !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.klogout-avatar-container {
    position: relative !important;
    display: inline-block !important;
    margin: 0 auto 8px auto !important;
}

.klogout-avatar-link {
    display: inline-block !important;
    position: relative !important;
}

.klogout-avatar-link img {
    border-radius: 50% !important;
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    object-fit: cover !important;
    border: 3px solid rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35) !important;
    display: block !important;
}

.kstatus-indicator {
    position: absolute !important;
    bottom: 2px !important;
    right: 2px !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.kstatus-indicator-0 { background-color: #10b981 !important; }
.kstatus-indicator-1 { background-color: #f59e0b !important; }
.kstatus-indicator-2 { background-color: #ef4444 !important; }
.kstatus-indicator-3 { background-color: #94a3b8 !important; }

.klogout-username {
    display: block !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    margin: 0 0 5px 0 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

.klogout-username:hover {
    color: #38bdf8 !important;
    text-decoration: none !important;
}

.klogout-badge-wrap {
    margin: 3px 0 6px 0 !important;
}

.klogout-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 2px 10px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
}

.kbadge-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
}

.kbadge-online {
    background: rgba(16, 185, 129, 0.22) !important;
    color: #6ee7b7 !important;
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
}
.kbadge-online .kbadge-dot { background-color: #34d399 !important; }

.kbadge-away {
    background: rgba(245, 158, 11, 0.22) !important;
    color: #fcd34d !important;
    border: 1px solid rgba(245, 158, 11, 0.4) !important;
}
.kbadge-away .kbadge-dot { background-color: #fbbf24 !important; }

.kbadge-busy {
    background: rgba(239, 68, 68, 0.22) !important;
    color: #fca5a5 !important;
    border: 1px solid rgba(239, 68, 68, 0.4) !important;
}
.kbadge-busy .kbadge-dot { background-color: #f87171 !important; }

.kbadge-invisible {
    background: rgba(148, 163, 184, 0.22) !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(148, 163, 184, 0.4) !important;
}
.kbadge-invisible .kbadge-dot { background-color: #cbd5e1 !important; }

.klogout-custom-status {
    font-size: 11px !important;
    color: #cbd5e1 !important;
    font-style: italic !important;
    margin: 4px auto 2px auto !important;
    max-width: 240px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.klogout-lastvisit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    font-size: 11px !important;
    color: #94a3b8 !important;
    margin-top: 5px !important;
}

.klogout-lastvisit svg {
    opacity: 0.8 !important;
}

/* Status Switcher Section */
.klogout-status-section {
    padding: 10px 12px 10px 12px !important;
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.klogout-section-title {
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #64748b !important;
    margin-bottom: 7px !important;
    text-align: left !important;
}

.klogout-status-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
}

.kstatus-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 6px 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #475569 !important;
    transition: all 0.15s ease !important;
    cursor: pointer !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

.kstatus-btn:hover {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #1e293b !important;
    text-decoration: none !important;
}

.kstatus-btn-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}

.kstatus-btn-online .kstatus-btn-dot { background-color: #10b981 !important; }
.kstatus-btn-away .kstatus-btn-dot { background-color: #f59e0b !important; }
.kstatus-btn-busy .kstatus-btn-dot { background-color: #ef4444 !important; }
.kstatus-btn-invisible .kstatus-btn-dot { background-color: #94a3b8 !important; }

.kstatus-btn-online.is-active {
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
    color: #065f46 !important;
    box-shadow: inset 0 0 0 1px #34d399 !important;
}

.kstatus-btn-away.is-active {
    background: #fffbeb !important;
    border-color: #fde68a !important;
    color: #92400e !important;
    box-shadow: inset 0 0 0 1px #fbbf24 !important;
}

.kstatus-btn-busy.is-active {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #991b1b !important;
    box-shadow: inset 0 0 0 1px #f87171 !important;
}

.kstatus-btn-invisible.is-active {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
    box-shadow: inset 0 0 0 1px #94a3b8 !important;
}

/* Menu List Navigation */
.klogout-menu-list {
    padding: 6px 0 !important;
    background: #ffffff !important;
}

.klogout-menu-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 16px !important;
    font-size: 13px !important;
    color: #334155 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    border: none !important;
    background: transparent !important;
}

.klogout-menu-item:hover,
.klogout-menu-item:focus {
    background: #f1f5f9 !important;
    color: #0284c7 !important;
    text-decoration: none !important;
    padding-left: 19px !important;
}

.klogout-item-icon {
    color: #64748b !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    flex-shrink: 0 !important;
    transition: color 0.15s ease !important;
}

.klogout-menu-item:hover .klogout-item-icon {
    color: #0284c7 !important;
}

.klogout-item-text {
    flex-grow: 1 !important;
    font-size: 12.5px !important;
    text-align: left !important;
}

.klogout-item-badge {
    background: #0284c7 !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: bold !important;
    padding: 1px 6px !important;
    border-radius: 10px !important;
    margin-left: auto !important;
}

/* Footer & Logout Button */
.klogout-footer {
    padding: 10px 14px 12px 14px !important;
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.klogout-form {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
}

.klogout-btn-submit {
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 8px 14px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    border: 1px solid #fecaca !important;
    background: #fff1f2 !important;
    color: #be123c !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    outline: none !important;
}

.klogout-btn-submit:hover,
.klogout-btn-submit:focus {
    background: #e11d48 !important;
    color: #ffffff !important;
    border-color: #be123c !important;
    box-shadow: 0 3px 8px rgba(225, 29, 72, 0.28) !important;
}