.navbar-brand, .footer-brand {
    font-family: var(--font-family-secondary);
    white-space: normal !important;
}

.navbar-brand, .navbar-brand:hover, .navbar-nav .nav-link, .navbar-nav .nav-link:hover {
    color: white;
    font-weight: bold;
}
.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight:;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: 0px !important;
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    color: var(--nys-color-theme-strong);
    font-weight: bold !important;
    border: 1px solid var(--nys-color-theme-strong) !important;
    border-radius: 0px !important;
    text-align: center !important;
    align-content: center !important;
}

    .nav-tabs .nav-link.active, .card-header {
        background-color: var(--nys-color-theme-strong) !important;
        color: white !important;        
    }

.dcfs-group-container {
    border-radius: var(--nys-radius-md, 1px);
    border: 1px solid var(--nys-color-theme-strong) !important;
    margin: 0px !important;    
    padding: 10px 10px 10px 10px !important;
}

.nys-checkboxgroup__content {
    display: flex;
    flex-direction: column;
    gap: var(--_nys-checkboxgroup-gap);
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.dcfs-label {
    font-weight: var(--nys-font-weight-semibold, 600);
}

.dcfs-header {
    color: white !important;
    background-color: var(--nys-color-theme-strong) !important;
}
.dcfs-popover-body {
    color: black !important;
    background-color: var(--nys-color-health-purple-10) !important;
}
.dcfs-description {
    font-weight: var(--nys-font-weight-regular, 400);
}
.dcfs-instruction {
    font-weight: var(--nys-font-weight-regular, 400);
    font-style: italic !important;       
}
.dropdown-menu.show {
    border: 2px solid #333 !important; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}
.custom-popover {
    --bs-popover-max-width: 650px !important;
    --bs-popover-border-color: var(--nys-color-theme-strong) !important;
    --bs-popover-header-bg: var(--nys-color-theme) !important;
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
.custom-popover .popover-header {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    line-height: 3 !important;
    font-weight: bold !important;
}
.popper-close-right {
    float: right;
    color: white !important;
    font-weight: bold !important;
    border: var(--bs-white) solid;
    margin-top: 3px !important;
}
.dcfs-textinput {
    display: block;
    width: 100%;
    padding: 0 0 !important;    
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--bs-border-radius);
    transition: none !important;
}

#map {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 400px;
    height: 952px;
    max-height: 952px;
}

.map-legend {
    position: relative;
    bottom: 2;
    left: 0;
    top: 1px;
    background-color: white;
    padding: 0px;
    margin: 0px;
    border-radius: 1px;
    border-style:solid;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    margin-left: 0px;
}

.legend-title {    
    font-size: var(--nys-font-ui-sm) !important;
    font-weight: 600;
    color: #333;
    text-align: center !important;   
}

.legend-item {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}

.legend-color {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #555;
}
.result-program-name {
    color: var(--nys-color-theme-strong) !important;
    font-weight:bolder;
}

.facilty-detail-div {  
    background-color: white;
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);    
}

.FullBody {
    height: 80% !important;
}

.dcfs-tooltip {
    --_nys-tooltip-background-color: var(--bs-warning-bg-subtle) !important;
    --_nys-tooltip-color: var(--nys-color-text) !important;
}

.info-wrapper {
    position: relative;
    padding: 0px 28px 0px 0px; 
    font-family: Arial, sans-serif;
    max-width: 250px;
}

.info-title {
    margin: 2px 0px 2px 0px;
    font-size: var(--nys-font-ui-sm) !important;
    font-weight: 600;
    color: #333;
    text-align: left;
    max-width: 230px;
}

.info-close {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    font-weight: normal;
    font-size: 38px;
    color: #666;
    line-height: 1;
}

    .info-close:hover {
        color: #000;
    }

.info-address {
    margin: 6px 0;
    color: #555;
    font-size: var(--nys-font-ui-xs) !important;
}

.dcfs-link-black {
    color: black !important;
    font-size: var(--nys-font-ui-md) !important;    
}

.dcfs-link_18_blue {
    color: #004DD1 !important;
    font-size: var(--nys-font-ui-lg) !important;    
}

.dcfs-link_16_blue {
    color: #004DD1 !important;
    font-size: var(--nys-font-ui-md) !important;   
}
.dcfs-link_13_blue {
    color: #004DD1 !important;
    font-size: 13px !important;    
}
.dcfs-link_18_purple {
    color: var(--nys-color-theme-strong) !important;
    font-size: var(--nys-font-ui-lg) !important;    
}

.dcfs-link_20_purple {
    color: var(--nys-color-theme-strong) !important;
    font-size: var(--nys-font-ui-md) !important;
}

.dcfs-checkbox {
    display: flex;
    align-items: center;
    gap: var(--_dcfs-checkbox-gap);
    font-family: var(--_dcfs-checkbox-font-family);
    font-size: var(--_dcfs-checkbox-font-size);
    font-weight: var(--_dcfs-checkbox-font-weight);
    line-height: var(--_dcfs-checkbox-line-height);
    color: var(--_dcfs-checkbox-color);
}

    .dcfs-checkbox input[type="checkbox"] {
        appearance: none;
        -webkit-appearance: none;
        width: var(--_dcfs-checkbox-size);
        min-width: var(--_dcfs-checkbox-size);
        height: var(--_dcfs-checkbox-size);
        border: var(--_dcfs-checkbox-border-width) solid var(--_dcfs-checkbox-border-color);
        border-radius: var(--_dcfs-checkbox-border-radius);
        background-color: var(--_dcfs-checkbox-background-color);
        cursor: pointer;
        position: relative;
        display: inline-block;
        transition: all 0.12s ease-in-out;
    }
        
.dcfs-checkbox input[type="checkbox"]:hover {
    background-color: var(--_dcfs-checkbox-background-color--hover);
    border-color: var(--_dcfs-checkbox-border-color--hover);
}
       
.dcfs-checkbox input[type="checkbox"]:active {
    background-color: var(--_dcfs-checkbox-background-color--active);
    border-color: var(--_dcfs-checkbox-border-color--active);
}
                
.dcfs-checkbox input[type="checkbox"]:checked {
    background-color: var(--_dcfs-checkbox-background-color--checked);
    border-color: var(--_dcfs-checkbox-border-color--checked);
}
            
.dcfs-checkbox input[type="checkbox"]:checked:hover {
    background-color: var(--_dcfs-checkbox-background-color--checked--hover);
    border-color: var(--_dcfs-checkbox-border-color--checked--hover);
}
            
.dcfs-checkbox input[type="checkbox"]:checked:active {
    background-color: var(--_dcfs-checkbox-background-color--checked--active);
    border-color: var(--_dcfs-checkbox-border-color--checked--active);
}

    .dcfs-checkbox input[type="checkbox"]:checked::after {
        content: "";
        position: absolute;
        top: 5px;
        left: 10px;
        width: 8px;        
        height: 16px;
        border: solid white;
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
    }
       
.dcfs-checkbox input[type="checkbox"]:disabled {
    background-color: var(--_dcfs-checkbox-background-color--disabled);
    border-color: var(--_dcfs-checkbox-border-color--disabled);
    cursor: not-allowed;
}

.dcfs-checkbox input[type="checkbox"]:disabled + label {
    color: var(--_dcfs-checkbox-color--disabled);
    cursor: not-allowed;
}
       
.dcfs-checkbox input[type="checkbox"]:checked:disabled {
    background-color: var(--_dcfs-checkbox-background-color--checked--disabled);
    border-color: var(--_dcfs-checkbox-border-color--checked--disabled);
}

a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: underline !important;
}

#searchTabs .nav-link {
    white-space: normal; 
    text-align: center;
    padding: 0.75rem 1rem;
}

.tab-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#searchTabs .nav-item {
    flex: 1 1 auto; 
    min-width: 240px; 
    margin: 0;
}

#searchTabs .nav-link {
    border-width: 2px !important;
}


.dcfs-label__required {
    display: contents !important;
    font-weight: var(--_dcfs-label-font-weight) !important;
    color: var(--_dcfs-required-font-color) !important;
}

.button-container {
    display: flex;    
    justify-content: flex-start;   
    gap: 10px;
}

.dcfs-input {
    width: 100%;
    font-size: var(--nys-font-size-md, 3px);
    padding: var(--nys-space-50, 3px);
    border-radius: var(--nys-radius-md, 3px);
    border: 1px solid var(--nys-color-text-weakest, #bec0c1);
    background: var(--nys-color-surface, #ffffff);
    color: var(--nys-color-text, #1b1b1b);
    outline: none;
}

.dcfs-select {
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, var(--nys-color-text-weak, #4a4d4f) 50%), linear-gradient(135deg, var(--nys-color-text-weak, #4a4d4f) 50%, transparent 50%);
    background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    padding-right: 35px;    
}

.dcfs-dropdown-40 {
    height: 40px !important;
    min-height: 40px;
}

#Distance {
    height: 40px !important;
    min-height: 40px;
}


.dcfs-dropdown .dropdown-item {
    cursor: pointer;
}


.dcfs-dropdown .form-check-label {
    width: 100%;
    cursor: pointer;
}


.dcfs-dropdown .form-check {
    display: flex;
    align-items: center;
    gap: 2px;
}
.facility-popup {
    overflow: visible;
}

.dcfs-show-label {
    margin-bottom: 0;
    line-height: 42px;
}

.dcfs-show-dropdown {
    width: 90px;
    min-width: 90px;
    height: 42px;
    padding: 6px 32px 6px 10px;
    border: 1px solid #555;
    border-radius: 4px;
    background-color: #fff;
    color: #000;
    font-size: 16px;
}

    .dcfs-show-dropdown:focus,
    .dcfs-show-dropdown:focus-visible {
        outline: 1px dotted black;
        outline-offset: 2px;
        border-color: #000;
        box-shadow: 0 0 0 1px #000;
    }

.facility-popup-close {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    font-weight: normal;
    font-size: 38px;
    color: #666;
    line-height: 1;
}

.facility-popup-close:hover {
    color: #000;
}

.dcfs-route-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(250px, 1fr));
    column-gap: 1rem;
    align-items: start;
}

.dcfs-route-field {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    row-gap: 0;
}

.dcfs-route-label {
    font-weight: 700;
    margin-bottom: 0;
}

.dcfs-route-description {
    margin: 0;
    padding: 0;
    line-height: 1.35;
}

.dcfs-route-field nys-textinput {
    margin-top: 0 !important;
}

@media (max-width: 767.98px) {
    .dcfs-route-grid {
        grid-template-columns: 1fr;
    }

    .dcfs-route-field {
        display: block;
    }
}
.dcfs-route-field {
    position: relative;
}

.dcfs-autocomplete-wrapper {
    position: relative;
    width: 100%;
    min-width: 250px;
}

    .dcfs-autocomplete-wrapper nys-textinput {
        width: 100%;
        display: block;
    }

.dcfs-autocomplete-suggestions {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    z-index: 9999;
    max-height: 300px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    display: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}

    .dcfs-active {
        background-color: var(--bs-list-group-action-hover-bg);
    }

.tooltip-trigger {
    cursor: pointer;
}

    .tooltip-trigger:focus {
        outline: 3px solid var(--nys-color-focus, #face00);
        outline-offset: 3px;
    }