/* add your css */
:root {
  /* ---------- Hex Colors ---------- */
  --su__searchboxapp-deepskyblue-light: #1770d4;
  --su__searchboxapp-darkgray: #333;
  --su__searchboxapp-violet: #609;
  --su__searchboxapp-gray: #666;
  --su__searchboxapp-lightblue-alt: #92c4f3;
  --su__searchboxapp-paleblue-cool: #d9ebff;
  --su__searchboxapp-lightgray-14: #f2f2f2;
  --su__searchboxapp-white: #fff;
  --su__searchboxapp-black-rgba: 0, 0, 0;
  --su__searchboxapp-jetgray-rgba: 102, 102, 102;
  --su__searchboxapp-gray-44: rgba(125, 112, 112, 0.439);
}

form#searchForm{
    width: 60%;
    margin: auto;
}
.su__search_section {
    background-color: #004C97 !important;
}

#auto .su__search_btn {
    animation: none;
    width: fit-content;
}


input#search-box-autocomplete {
    border: 1px solid #D4E0EA;
    border-radius: 25px;
    background: #FCFCFC;
    font-weight: 400;
    color: #1D2127;
    font-size: 14px;
    height: 52px;
}

input#search-box-autocomplete:focus-visible{
    outline: none;
}

.su__search-forms .su__input-close svg path{
    fill: #000000;
}

.su__search-forms .su__input-close{
    top: 16px;
    margin-right: 0;
}

.auto-suggestion .su__recent_search_text {
    font-weight: 600;
    font-size: 14px;
    color: #004C97;
    line-height: 100%;
    margin-bottom: 5px;
}

.auto-suggestion .su__suggesticon svg g path{
    fill: #004C97;
}

.auto-suggestion .su__suggestions-list{
    align-items: flex-start;
    padding-left: 5px;
}
.su__autocomplete-suggestion .su__suggestions-list .su__suggesticon{
    top: 3px;
}

.auto-suggestion .su__suggestions-list.su__recentSearch{
    padding-top: 13px;
}

.auto-suggestion .su__suggestions-list.su__recentSearch .su__recentSearch_result span{
    color: #424242;
    font-size: 15px;
    font-weight: 400;
}

.su__suggestions-list .su__suggestBody span:first-of-type {
    display: none;
}

.su__suggestions-list .su__suggestion-title{
    font-weight: 700;
    color: #424242;
    font-size: 15px;
    line-height: 100%;
}

.su__suggestions-list .su__suggestion-title .highlight{
    color: #004C97;
}

.su__suggestions-list .su__suggestBody{
    color: #424242;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}
.su__suggestions-list .su__suggestBody .su__description-truncate{
    padding-left: 0;
}

.su__autocomplete-suggestion{
    border-radius: 6px;
    box-shadow: 0px 4px 20px 0px #00000040;
}

.su__suggestions-box::before{
    content: none;
}

.su__search-forms .su__linear-loader{
    left: 20px;
    width: calc(100% - 45px);
}
.su__linear-loader .MuiLinearProgress-root{
    height: 2px;
}

.auto-suggestion:has(.su__recentSearch) .su__recent_search_text:first-of-type {
  display: none;
}

.su__suggestions-list a.su__text-truncate .su__source-label{
    background-color: #E5EDF4;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #004C97;
    border: none;
    border-radius: 2px;
    padding: 4px 8px;
    margin-left: 5px
}
@media (max-width: 768px) {
    .title-bar-container div.nav-search-wrapper{
        margin-left: 80px;
    }
    form#searchForm {
        width: 95%; 
    }
}