/* search page CSS for Sbar */
.search-page .su__input-search {
    background: #ffffff;
    font-size: 14px;
    color: #333333;
}
.search-page input#search-box-search::placeholder {
    font-size: 14px;
    color: #333333;
}

.search-page #search-box-search .su__btn.su__search_btn.su__animate-zoom.su__flex-vcenter.su__position-absolute.su__zindex.su__bg-transparent.su__rtlleft svg path {
    width: 25px !important;
    height: 25px !important;
    color: #98999B;
}
.search-page .auto-suggestion .su__text-truncate {
    font-size: 14.4px !important;
    color: #2c2c2c!important;
    font-weight: 500;
    line-height: 1.4!important;
    letter-spacing: .04rem !important;
    font-family: "Open Sans", Arial, Verdana, sans-serif !important;
}
.search-page .auto-suggestion .highlight {
    color: #1770d4;
    font-style: italic;
    color: #0f2233;
    font-weight: 700;
}

/* homepage searchbar CSS */
.cc-theme-default form#searchForm {
    width: 522px !important;
}
.auto_cross {
    height: 13px;
    width: 13px;
    margin-top: 1px;
}
/* 1/31/2022 search-homepage */
section.su__w-100.su__py-4.su__search_section.su__bg-blue-grd {
    background-color: #0f2233;
}
.cc-portal a.logo:after {
    content: 'Docs';
    display: block;
    color: white;
    left: 260px;
    top: 25px !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
    color: #ffffff;
    position: absolute;
}
input#search-box-autocomplete {
    padding-left: 19px !important;
    background: #20303e ;
    color: #ffffff;
    border-radius: 0px;
    border: solid 1px rgb(255,255,255,0.2);
    font-family: 'RopaSansPTT-Light', sans-serif;
    font-size: 18px;
}
button.su__btn.su__search_btn.su__animate-zoom.su__flex-vcenter.su__position-absolute.su__zindex.su__bg-transparent.su__rtlleft svg path {
    fill: #ffffff;
}
button.su__btn.su__search_btn.su__animate-zoom.su__flex-vcenter.su__position-absolute.su__zindex.su__bg-transparent.su__rtlleft {
    height: 2.4em !important;
    font-size: 18px !important;
    line-height: normal !important;
    padding: 0 10px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
input#search-box-autocomplete::placeholder {
    color: #ffffff;
    font-family: 'RopaSansPTT-Light', sans-serif;
    font-size: 18px;
}
#auto:focus-within #search-box-autocomplete {
    background: #ffffff ;
}
#auto:focus-within #search-box-autocomplete {
    color: #20303e;
}
#auto:focus-within .su__search_btn svg path {
    fill: #0f2233 !important;
}
.cc-inner section.su__w-100.su__py-4.su__search_section.su__bg-blue-grd {
    padding: 0;
}
.su__suggestions-box::-webkit-scrollbar{width:7px;height:0px;background-color:#F5F5F5;}
.su__suggestions-box::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px}
.su__suggestions-box::-webkit-scrollbar-thumb{border-radius:0px;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.44,#7a99d9),color-stop(0.72,#497dbd),color-stop(0.86,#1c3a94)) !important;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px}
.su__wrapper {scrollbar-width:thin;scrollbar-color:#497dbd transparent}

.su__suggestions-box {
    height: auto;
    max-height: 240px;
    overflow-x: hidden;
    border: 1px solid #333;
    border-radius: 0 !important;
}
.su__suggestions-txt span.su__color-gray.su__f-bold {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans',sans-serif;
}
.auto-suggestion {
    padding-top: 11px;
}
#auto .su__search_btn {
    left: calc(100% - 44px);
}
input#search-box-autocomplete {
    padding-right: 82px;
}
span.su__input-close.su__mr-4.su__animate-zoom.su__position-absolute.su__cursor svg path {
    fill: #0f2233;
}
@media (max-width: 1199px){
.show.cc-home form#searchForm {
    width: 370px !important;
}
}
.cc-theme-default form#searchForm {
    width: 522px;
}
@media (max-width: 480px){
.show form#searchForm {
    width: auto !important;
}
body.cc-left-align nav.title-bar .menu-icon {
    z-index: unset !important;
}
.section.su__w-100.su__py-4.su__search_section.su__bg-blue-grd .su__container {
    margin: 0 !important;
    width: 100%;
    max-width: 100% !important;
}
section.su__w-100.su__py-4.su__search_section.su__bg-blue-grd .su__container {
    max-width: 100%;
}
}
@media (max-width: 320px){
.section.su__w-100.su__py-4.su__search_section.su__bg-blue-grd .su__container {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}
}

.su_autocomplete-block > section.su__search_section {
    padding: 0 !important;
}

.su__feedshow-center{
    background:#fff !important;
    width: 225px !important;
    top: 26% !important;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);    border: 1px solid rgba(0,0,0,0.48);
}
.su_page_rating_box .su__feedshow-overlay.su__d-block.su__zindex-1 {
    display: none !important;
}
.su__feedshow-center .su__pagerating-lay .su__close-svg { 
    width: 20px !important;   
    height: 20px !important;
}
.su__close-svg{
     width: 20px !important;   
    height: 20px !important;
}

.su__feedback-row.su__text-center.su__p-4 {
    padding: 15px !important;
}