/* Site-specific styles for BuyerGuide */
:root {
    --bs-link-color: #337ab7;
    --bs-link-color-rgb: 51, 122, 183;
    --bs-link-opacity: 1;
}

a {
    color: #337ab7;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: underline;
}
.has-appointments {
    font-weight: bold;
    color: #0d6efd;
}

.hover:hover {
    border: solid 1px gray;
    border-style: ridge;
}

/* Project nav tabs — matches legacy navigation.css and theme.css (Bootstrap 3 style) */
.project-nav-tabs {
    margin-bottom: 0;
    border-bottom: none;
}

.project-nav-tabs .nav-item {
    margin-right: 2px;
    height: 38px;
    border: none;
    background: #f0f0f0;
    border-radius: 0;
    border-right: solid 1px white;
}

.project-nav-tabs .nav-link {
    line-height: 38px;
    padding: 0 15px;
    border: none;
    border-radius: 0;
    color: #337ab7 !important;
    height: 38px;
    text-transform: capitalize;
}

    .project-nav-tabs .nav-link.active,
    .project-nav-tabs .nav-link.active:focus,
    .project-nav-tabs .nav-link.active:hover {
        background-color: var(--dashboard-primary, #000) !important;
        color: #fff;
        border: none;
        border-radius: 0;
        border-right: solid 1px white;
        text-decoration: none;
        font-weight: 600;
    }

.project-nav-tabs .nav-link:hover:not(.active) {
    background-color: color-mix(in srgb, var(--dashboard-primary, #000) 8%, transparent);
    color: #337ab7;
    border: none;
    border-radius: 0;
    text-decoration: none;
}

/* Project sidebar — matches legacy _aside-left.asp / navigation.css (Bootstrap 3) */
/* !important is required throughout to beat DynamicClassicCss tenant overrides injected after this file */
.project-sidebar-legacy {
    background-color: #fff !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #333 !important;
}

    .project-sidebar-legacy h3 {
        margin-top: 0;
        margin-bottom: 5px;
        font-weight: 400 !important;
        font-size: 18px !important;
        color: #d11a1a !important;
    }


    .project-sidebar-legacy h5 {
        margin-top: 0;
        margin-bottom: 10px;
        font-weight: 400 !important;
        font-size: 14px !important;
    }

.project-sidebar-legacy h3.project-type-1 {
    color: red !important;
    font-size: 24px !important;
}

.project-sidebar-legacy h3 small {
    font-size: 65% !important;
    font-weight: 400 !important;
    color: #555 !important;
}

.project-sidebar-legacy hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #e3e3e3;
}

.project-sidebar-legacy h5 {
    font-weight: 600 !important;
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 10px;
    font-size: 14px !important;
    color: #333 !important;
}

.project-sidebar-legacy__list {
    /* mirrors .navbar from navigation.css: background #fff, no border, min-height 10px, padding-bottom 20px */
    background-color: #fff !important;
    border: none !important;
    min-height: 10px;
    padding: 0 0 20px 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.project-sidebar-legacy__link {
    /* mirrors .navbar-inverse .navbar-nav > li > a from navigation.css */
    display: block !important;
    color: #337ab7 !important;
    font-size: 14px !important;
    padding: 2px 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    line-height: 22px !important;
}

.project-sidebar-legacy__link:hover,
.project-sidebar-legacy__link:focus {
    /* Bootstrap 3 .nav > li > a hover: background #eee */
    color: #000 !important;
    text-decoration: none !important;
    background-color: #eeeeee !important;
}

.search-input-sm {
    height: 30px;
}

/* Breadcrumbs — matches Classic SB Admin 2 styling */
.container-fluid.container-breadcrumb {
    padding-left: 30px;
    padding-right: 30px;
}

.container-breadcrumb .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 0.35rem;
}

.container-breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

.container-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #858796;
    content: "/";
}

.container-breadcrumb .breadcrumb-item.active {
    color: #858796;
}

.container-breadcrumb a {
    text-decoration: none;
}

.container-breadcrumb .pull-right {
    margin-left: auto;
}

.container-breadcrumb .pull-right + .pull-right {
    margin-left: 0.5rem;
}

/* Legacy container spacing override (Bootstrap 3-style) */
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* Ensure outline danger buttons remain visible when themed overrides are applied. */
.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
    background-color: transparent;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active {
    color: #ffffff !important;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    color: #000000 !important;
}

.classic-diagnostics-footer {
    clear: both;
    padding-top: 30px;
    padding-bottom: 80px;
    background-color: transparent !important;
}

.classic-diagnostics-footer,
.classic-diagnostics-footer * {
    color: #808080 !important;
}

.classic-diagnostics-footer__meta {
    font-size: 0.875rem;
    line-height: 1.5;
}

.classic-diagnostics-footer__separator {
    margin: 0 0.25rem;
}

.classic-diagnostics-footer__break {
    flex-basis: 100%;
    height: 0;
}

.tenant-test-theme footer.classic-diagnostics-footer {
    background-color: transparent !important;
}

.z-index-5000 {
    z-index: 5000 !important;
}

.tenant-test-theme footer.classic-diagnostics-footer,
.tenant-test-theme footer.classic-diagnostics-footer * {
    color: #808080 !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
    color: #000000 !important;
}

.btn[class*="btn-outline-"]:hover,
.btn[class*="btn-outline-"]:focus,
.btn[class*="btn-outline-"]:active {
    color: #000000 !important;
}

.project-details-header {
    min-height: var(--project-header-min-height, 56px);
}

.project-details-hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #808080 !important;
}

.project-details-title small {
    font-size: 65%;
    font-weight: 400;
    color: #555;
}

.form-control-sm{
    height:30px;
}

form[data-mode="view"] .form-select:disabled {
    background-image: none;
}

.form-label {
    font-weight: 700;
}

.tooltip-warning .tooltip-inner {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffecb5;
    display: flex;
    align-items: center;
    gap: 5px;
}

.tooltip-warning .tooltip-inner::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f071"; /* fa-triangle-exclamation */
}

.tooltip-warning[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: #664d03;
}

.tooltip-warning[data-popper-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: #664d03;
}

.floatright{
    float:right;
}