html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.facility-planning-grid-row {
    padding-bottom: 80px;
}

.k-pager-info {
    display: block !important;
    visibility: visible !important;
}

.pageTitle {
    font-size: 1rem; /* Changed from 1.25rem to 1rem */
    font-weight: 600;
    color: #1e345d;
    background-color: #e6f2ff;
    padding: 0.35rem 0.75rem; /* Slightly increased padding */
    border-left: 4px solid #f38b00; /* Reduced size of the left border */
    border-radius: 4px;
    margin-bottom: 0.2rem; /* Reduced space below */
    margin-top: 0; /* Removed space above */
    letter-spacing: 0.02px; /* Slightly reduced letter spacing */
    box-shadow: 0 1px 3px rgba(30, 52, 93, 0.04);
}

.pageTitleContainer {
    margin-bottom: 0.35rem; /* Increased space below container */
    padding: 0.15rem 0; /* Reduced padding */
}

/*Navbar Settings*/
ul.nav {
    font-size: 14px;
}

.nav a.nav-link {
    color: white;
}

ul.dropdown-menu {
    font-size: 12px;
}

.dropdown-menu li {
    border-bottom: 1px solid lightgray;
}

    .dropdown-menu li:last-child {
        border-bottom: none;
    }

#ulUserRoles.dropdown-menu li {
    border-bottom: none;
}

.label-name {
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px;
    color: black;
    font-size: initial;
}

.requiredLabelIndicator {
    font-size: 11px;
    color: #C00000;
    font-weight: bold;
}

/*Streetwise Button Colors*/

/*.swbtn-Submit {
    background-color: forestgreen;
    color: #FFFFFF;
}

    .swbtn-Submit :hover {
        background-color: forestgreen;
        color: #FFFFFF;
    }*/

/* Compact buttons for search/controls (smaller footprint) */
.swbtn-Primary,
.swbtn-Submit,
.swbtn-Save,
.swbtn-Edit,
.swbtn-Reset,
.swbtn-Cancel,
.swbtn-Delete,
.swbtn-Cancel,
.swbtn-Back,
.swbtn-Search,
.btn-adv-search {
    height: 34px; /* match .form-control height used across the UI */
    min-height: 34px;
    padding: 0 10px; /* keep comfortable horizontal padding */
    display: inline-flex;
    align-items: center; /* vertically center icon/text */
    justify-content: center;
    line-height: 1;
    font-size: 0.9rem;
    box-sizing: border-box;
}

    /* Adjust icon spacing inside compact buttons */
    .swbtn-Primary i,
    .swbtn-Reset i,
    .swbtn-Cancel,
    .btn-adv-search i {
        margin-right: 6px;
        font-size: 0.95rem;
    }

.swbtn-Primary {
    background-color: #0082CB;
    color: #FFFFFF;
}

    .swbtn-Primary :hover {
        background-color: #0082CB;
        color: #FFFFFF;
    }

.swbtn-Search {
    background-color: #FFC222;
    color: #FFFFFF;
}

    .swbtn-Search :hover {
        background-color: #FFC222;
        color: #FFFFFF;
    }

.swbtn-Cancel {
    /*background-color:  #656886;*/
    background-color: #bcbcbc;
    color: #FFFFFF;
}

.swbtn-Reset {
    background-color: #FF0000;
    color: #FFFFFF;
}

/*.swbtn-Edit {
    background-color: #0082CB;
    color: #FFFFFF;
}*/

/*Advanced Search button color override  */
.btn-adv-search,
.btn-adv-search:visited {
    background-color: #036EB0 !important;
    border-color: #036EB0 !important;
    color: #ffffff !important;
}

    .btn-adv-search:hover {
        background-color: #025a90 !important;
        border-color: #025a90 !important;
    }

    .btn-adv-search:focus,
    .btn-adv-search:active {
        background-color: #024a78 !important;
        border-color: #024a78 !important;
        box-shadow: 0 0 0 0.2rem rgba(3, 110, 176, 0.35) !important;
    }

/*------Reset button -----------*/
.swbtn-Reset {
    background-color: #d47500;
    background-image: linear-gradient(#ff9c21, #d47500 50%, #c06a00);
    border-color: #c06a00;
    color: #FFFFFF;
}

    .swbtn-Reset:hover {
        background-image: linear-gradient(#ffad42, #c06a00 50%, #a85c00);
        border-color: #a85c00;
        color: #FFFFFF;
    }

    .swbtn-Reset:active,
    .swbtn-Reset:focus {
        background-image: linear-gradient(#c06a00, #d47500 50%, #ff9c21);
        border-color: #a85c00;
        color: #FFFFFF;
    }

.user-info-section {
    background-color: #e6f2ff; /* Light blue */
    border-radius: 6px;
    margin-bottom: 8px;
    padding: 8px 12px;
    transition: background 0.2s;
}

.user-info-section:hover {
        background-color: #cce6ff; /* Slightly darker blue on hover */
    }

.dropdown-menu {
    background-color: #e6f2ff !important;
}

/* Make the entire user roles dropdown menu light blue */
#ulUserRoles.dropdown-menu {
    background-color: #e6f2ff !important;
    /* Optional: remove box-shadow for a flatter look */
    box-shadow: none;

    position: relative;
}

/* Optional: make all dropdown items transparent so only the menu bg shows */
#ulUserRoles.dropdown-menu li {
        background-color: transparent !important;
}

/* Pointer Arrow*/
    #ulUserRoles.dropdown-menu::before {
        content: "";
        display: block;
        position: absolute;
        top: -10px; /* Adjust as needed */
        right: 16px; /* Move arrow to the far right, adjust as needed */
       /* left: 32px;*/ /* Adjust to align with your button */
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #e6f2ff; /* Match your dropdown background */
        z-index: 1051; /* Above the menu */
    }

    /* Pointer Arrow*/
    #ulmenuPointerArrow.dropdown-menu::before {
        content: "";
        display: block;
        position: absolute;
        top: -10px; /* Adjust as needed */
        /*right: 16px;*/ /* Move arrow to the far right, adjust as needed */
        left: 32px; /* Adjust to align with your button */
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #e6f2ff; /* Match your dropdown background */
        z-index: 1051; /* Above the menu */
    }

/* Facility planning details styles */
.facility-planning-container {
    background: #fff;
}

.facility-header {
    align-items: flex-start;
}

.facility-subtitle {
    color: #6c757d;
    font-size: 0.95rem;
}

.facility-header-actions .badge-status {
    font-size: 0.9rem;
    padding: 0.45rem 0.6rem;
    border-radius: 0.35rem;
}

.detail-card, .summary-card {
    border: 1px solid #e9eef6;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.02);
}

.detail-card .card-body {
    padding: 1rem 1rem;
}

.qualifiedIdeaDetailBox {
    min-height: 90px;
    background: #fbfdff;
    border: 1px solid #eef4fb;
    border-radius: 4px;
    padding: 0.75rem;
}

.description-text {
    white-space: pre-wrap;
    color: #333;
    font-size: 0.95rem;
}

.bg-purple {
    background-color: #9b59b6 !important;
    color: #fff !important;
    padding: 0.25rem 0.45rem;
    border-radius: 0.25rem;
    font-weight: 700;
}

/* Shared size */
.btn-view-action {
    font-weight: 500;
    font-size: 0.8125rem;
    padding: 0.35rem 0.65rem;
    min-width: 70px;
    line-height: 1.4;
}
/* Submit*/
.btn.swbtn-Submit {
    background: linear-gradient(to bottom, #0082CB 0%, #036EB0 100%);
    border: 1px solid #036EB0;
    color: #ffffff;
    transition: background 0.2s ease, box-shadow 0.2s ease;
}

    .btn.swbtn-Submit:hover {
        background: linear-gradient(to bottom, #0073b3 0%, #025a90 100%);
        box-shadow: 0 2px 4px rgba(3, 110, 176, 0.3);
    }
    .btn.swbtn-Submit:focus {
        background: linear-gradient(to bottom, #036EB0 0%, #0082CB 100%);
        box-shadow: 0 0 0 0.2rem rgba(3, 110, 176, 0.35);
    }

/* Save */
.btn.swbtn-Save {
    background: linear-gradient(to bottom, #5bc0de 0%, #2f96b4 100%);
    border: 1px solid #2f96b4;
    color: #fff;
}
.btn.swbtn-Save:hover {
    background: linear-gradient(to bottom, #46b8da 0%, #2a8ba3 100%);
    color: #fff;
}

/* Back / Cancel */
.btn.swbtn-Back {
    background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
    border: 1px solid #cccccc;
    color: #333;
}
.btn.swbtn-Back:hover {
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #d9d9d9 100%);
    border-color: #b3b3b3;
    color: #1a1a1a;
}

/* Edit button - global, reusable across all pages */
.btn.swbtn-Edit {
    background-color: #0082CB;
    background-image: linear-gradient(to bottom, #28496b 0%, #0082CB 100%);
    border: 1px solid #0082CB;
    color: #ffffff;
}

    .btn.swbtn-Edit:hover {
        background-image: linear-gradient(to bottom, #31567c 0%, #0a426f 100%);
        color: #ffffff;
    }

    .btn.swbtn-Edit:focus,
    .btn.swbtn-Edit:active {
        background-image: linear-gradient(to bottom, #0082CB 0%, #28496b 100%);
        border-color: #0082CB;
        color: #ffffff;
    }

/* Delete button - keep shared size from .btn-view-action */
.btn.swbtn-Delete {
    background-color: #bd362f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#bd362f));
    background-image: linear-gradient(to bottom, #ee5f5b 0%, #bd362f 100%);
    border: 1px solid #bd362f;
    color: #ffffff;
}

    .btn.swbtn-Delete:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f07976), to(#a9302a));
        background-image: linear-gradient(to bottom, #f07976 0%, #a9302a 100%);
        border-color: #a9302a;
        color: #ffffff;
    }

    .btn.swbtn-Delete:focus,
    .btn.swbtn-Delete:active {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#bd362f), to(#ee5f5b));
        background-image: linear-gradient(to bottom, #bd362f 0%, #ee5f5b 100%);
        border-color: #a9302a;
        color: #ffffff;
    }

/* Shared Span of Control button */
.btnSOC.btnSOC-small {
    margin-top: 0;
    margin-bottom: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex: 0 0 auto;
    white-space: nowrap;

    font-weight: 500;
    font-size: 0.8125rem;
    padding: 0.35rem 0.65rem;
    min-width: 70px;
    line-height: 1.4;

    border: 1px solid #656886;
    border-radius: 0.35rem;
    color: #ffffff;
    background: linear-gradient(to bottom, #7a7f9e 0%, #656886 100%);
    box-shadow: 0 1px 2px rgba(101, 104, 134, 0.25);
    text-shadow: none;
    transform: none;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

    .btnSOC.btnSOC-small:hover,
    .btnSOC.btnSOC-small:focus,
    .btnSOC.btnSOC-small:active {
        color: #ffffff;
        font-weight: 500;
        font-size: 0.8125rem;
        padding: 0.35rem 0.65rem;
        min-width: 70px;
        line-height: 1.4;
        border: 1px solid #5a5d79;
        border-radius: 0.35rem;
        background: linear-gradient(to bottom, #6b708d 0%, #5a5d79 100%);
        planning-summary .css. box-shadow: 0 1px 2px rgba(101, 104, 134, 0.25);
        transform: none;
    }

/* Responsive tweaks */
@media (max-width: 767.98px) {
    .facility-header {
        flex-direction: column;
        gap: .5rem;
    }

    .facility-header-actions {
        text-align: left;
    }
}

/* Compact header + cell sizing — reduced further */
#facilityPlanningGrid.k-grid .k-grid-header .k-header,
#facilityPlanningGrid.k-grid .k-table-th,
#IdeaGrid.k-grid .k-grid-header .k-header,
#IdeaGrid.k-grid .k-table-th,
#ideaGrid.k-grid .k-grid-header .k-header,
#ideaGrid.k-grid .k-table-th {
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 4px 6px; /* smaller padding */
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Force a smaller header row */
#facilityPlanningGrid.k-grid .k-grid-header,
#IdeaGrid.k-grid .k-grid-header,
#ideaGrid.k-grid .k-grid-header {
    height: 30px !important;
    min-height: 30px !important;
    box-sizing: border-box;
}

    /* Ensure header link content is vertically centered */
    #facilityPlanningGrid.k-grid .k-grid-header .k-header .k-link,
    #IdeaGrid.k-grid .k-grid-header .k-header .k-link,
    #ideaGrid.k-grid .k-grid-header .k-header .k-link {
        display: flex !important;
        align-items: center !important;
        height: 30px !important;
        padding: 0 !important;
    }

/* Compact body cells to match header */
#facilityPlanningGrid.k-grid .k-grid-content td,
#facilityPlanningGrid.k-grid .k-table-td,
#IdeaGrid.k-grid .k-grid-content td,
#IdeaGrid.k-grid .k-table-td,
#ideaGrid.k-grid .k-grid-content td,
#ideaGrid.k-grid .k-table-td {
    font-size: 13px !important;
    padding: 4px 6px !important;
    vertical-align: middle !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    /* Smaller icons in action cells */
    #facilityPlanningGrid.k-grid .k-grid-content td a,
    #IdeaGrid.k-grid .k-grid-content td a,
    #ideaGrid.k-grid .k-grid-content td a,
    #facilityPlanningGrid.k-grid .k-grid-content td i,
    #IdeaGrid.k-grid .k-grid-content td i,
    #ideaGrid.k-grid .k-grid-content td i {
        margin-right: 6px !important;
        font-size: 13px !important;
    }

/* Responsive adjustments */
@media (max-width: 767px) {
    #facilityPlanningGrid.k-grid .k-grid-header .k-header,
    #IdeaGrid.k-grid .k-grid-header .k-header,
    #ideaGrid.k-grid .k-grid-header .k-header {
        font-size: 11px !important;
        padding: 4px 6px !important;
        height: auto !important;
    }

    #facilityPlanningGrid.k-grid .k-grid-content td,
    #IdeaGrid.k-grid .k-grid-content td,
    #ideaGrid.k-grid .k-grid-content td {
        font-size: 12px !important;
        padding: 4px 6px !important;
        white-space: normal !important;
    }
}

/* Ensure facility-planning row and grid use the same full width and no extra side padding */
    .facility-planning-grid-row, .facility-planning-grid-row .k-grid, #facilityPlanningGrid.k-grid {
    width: 100% !important;
    box-sizing: border-box;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Keep the small top spacing you previously applied, but not affect horizontal sizing */
.facility-planning-grid-row {
    padding-top: 12px; /* adjust as needed */
    padding-bottom: 80px;
}

/* News feed icons styling */
.news-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
}

.news-title-icon {
    color: #036EB0;
    font-size: 0.95rem;
    line-height: 1;
}

.news-desc {
    display: flex;
    align-items: flex-start; /* icon aligns with the top of the text */
    gap: 8px;
    font-size: 12px;
    line-height: 1.5;
    color: #333;
}

/* Icon styling - align to top and slightly muted */
.news-desc-icon {
    color: #B1C4D4;
    font-size: 0.95rem;
    line-height: 1;
    flex: 0 0 auto;
    margin-top: 2px; /* small nudge so the icon visually aligns with first text line */
}

/* Content wrapper allows HTML inside description to wrap naturally */
.news-desc-content {
    flex: 1 1 auto;
    min-width: 0; /* prevents overflow in flex children when truncating */
}

/* Small responsive tweak */
@media (max-width: 576px) {
    .news-desc {
        gap: 6px;
    }
    .news-desc-icon {
        margin-top: 1px;
    }
}

/* Small responsive tweak */
@media (max-width: 576px) {
    .news-title-icon {
        margin-right: 6px;
    }
}
/* Document review icon for idea links */
.review-action-icon {
    color: #F38B00;
    margin-right: 8px;
    font-size: 1rem;
    line-height: 1;
    vertical-align: middle;
}

/* Slightly larger touch target on small screens */
@media (max-width: 576px) {
    .review-action-icon {
        margin-right: 6px;
        font-size: 1.05rem;
    }
}
.pending-icon {
    color: #FFC222; /* amber */
    margin-right: 8px;
    font-size: 0.95rem;
    line-height: 1;
    vertical-align: middle;
}

/* Compact News Feed spacing (scoped) */
.index-NewsFeed .accordion-body-custom {
    padding: 0.5rem 0.5rem;
}

.index-NewsFeed .col-md-12 {
    padding-left: 0.35rem;
    padding-right: 0.35rem;
}

.index-NewsFeed .card {
    margin-bottom: 8px;
    border-radius: 6px;
}

.index-NewsFeed .card-body.py-3.px-4,
.index-NewsFeed .card-body {
    padding: 0.5rem 0.75rem !important; /* override bootstrap utility classes */
}

.index-NewsFeed .news-title {
    gap: 6px;
    font-size: 13px;
    margin-bottom: 4px;
}

.index-NewsFeed hr {
    margin: 6px 0;
}

.index-NewsFeed .news-desc {
    gap: 6px;
    font-size: 12px;
}

.index-NewsFeed .news-desc-content {
    font-size: 12px;
    line-height: 1.4;
    min-width: 0;
}

/* Meta row spacing (attachments / updated by) */
.index-NewsFeed .d-flex.align-items-center.w-100.pt-2.border-top {
    padding-top: 6px;
}

@media (max-width: 576px) {
    .index-NewsFeed .card-body {
        padding: 0.5rem 0.5rem !important;
    }

    .index-NewsFeed .news-title,
    .index-NewsFeed .news-desc {
        gap: 6px;
        font-size: 12px;
    }
}