.b_pub_search {
    margin: auto;
    width: 50%;
}

.b_background {
    background-color: black; 
    opacity:0.8; 
    width:100%; 
    height:100%; 
    position: fixed; 
    z-index:2999999999; 
    visibility:hidden;
    top:0;
}

.b_overlay_container {
    position: fixed; 
    width: 1134px; 
    margin:auto;
    z-index: 3000000000; 
    visibility: hidden; 
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-flow: column;
    height: 100%;
}
.b_frame_container {
    position: relative; 
    width: 100%; 
    border-radius: 20px 20px 0 0; 
    background: #fff;
    opacity: 0;
    transition: opacity 1s;
    z-index: 102;
    flex: 1 1 auto;
    overflow: hidden;
    height: 100%;
}

.b_pub_frame {
    height:100%; 
    width:100%; 
    border: none;
    opacity: 0;
    transition: opacity 1s;
    padding-top: 20px;
}

.b_overlay_header {
    position: relative;
    max-height: 44px;
    flex: 0 1 50px;
    height:100%;
    min-height:44px;
}

.b_overlay_close {
    top: 16px;
    right: 20px;
    width: 16px;
    cursor: pointer;
    position: absolute;
    height: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFqSURBVHgBtZfRjYMwDEDjwi9SVmAD2OAYoZvcTdKR0E0A3wjBCpH4Bs5GReIoEMcklloladr3aogtlMLo+z7ruq6sqkqrwIEsTaymaTKaA8GnaSpxrOd5rodhKPI8NypAEHwcxxIACG5wXDzw7UXwxQY/SJIkSCZ2cAodx/HrEUXRExfrdWMIiQO4omzj/AnrBlwo8fVvg4/LcQbHP16kaWpgu9G3hA1Oc9h/wZcEB/4h4EuCCz8UuCvhAj8VkEq4wi8FXCUkcKsAV0IKZwnYJLTWSgpnC1xJLD8ihDsJnElswxXuLHAlIYFTPJQgsH0frhvjXrGdL8H+htuGpGyzM3DRUut1Lmnl7GN4dtTeY3HvYBUi2zm/0zuspZhbZKQS4AN+RwJ8waUS4BMukQDfcFcJCAF3kYBQcK4EhIRzJKBtW4J/hYJbJH7p0ewHxyYknGJ5CgIoNr3DIOt7tcsoE2SpAgcx3qwlE3/qdwEFkCgrRQAAAABJRU5ErkJggg=='); 
    background-size: contain;
}

.b_overlay_close:hover {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC/SURBVHgB1ZdRCsJADESDJ/Aovf9PvUGP0iOMq0YogjTJzhgM9Kvw3mt3W1izMQCWca3jupp4Hg53LXaQ73jNpoxw+eau/RnhNceRRHzI37N+u0GNOHUoI8JsRUSayYwosxgR04wZAO0tVkBg76MMkC7PgGXyiEAuD0To5ScRv5EHIkryi/3TtC5B6yZE52eIzh9RBkyPqABpETOg6QjGU5QZIK5jmgXwd3KYqZCH2Up5KAK9R7Nb/+HUb7Qdz+/P1Y8twEwMcAAAAABJRU5ErkJggg==');
    background-size: contain;
}

.b_searchboxForm, #b_searchboxForm {
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 4px 1px rgba(0,0,0,.18);
    border-radius: 20px;
    height: 40px;
    display: flex;
}

#sb_form {
    width: 550px;
    margin: auto;
    border-collapse: collapse;
    border-spacing: 0;
    list-style: none;
}

#sb_form_q {
    font: 16px/normal 'Roboto',Sans-Serif;
    margin: 5px 0 1px 20px;
    padding: 0;
    border: 0;
    outline: none;
    box-sizing: content-box;
    vertical-align: top;
    border-radius: 6px;
    height: 30px;
    width: 100%;
}

#sb_form_q::-webkit-input-placeholder{
    font: 16px/normal 'Roboto',Sans-Serif;
    color: #919191;
    line-height: 30px;
}
#sb_form_q::-moz-placeholder{
    font: 16px/normal 'Roboto',Sans-Serif;
    color: #919191;
    line-height: 30px;
}
#sb_form_q:-ms-input-placeholder{
    font: 16px/normal 'Roboto',Sans-Serif;
    color: #919191;
    line-height: 30px;
}
#sb_form_q::placeholder {
    font: 16px/normal 'Roboto',Sans-Serif;
    color: #919191;
    line-height: 30px;
}

.sa_drw{
    list-style: none;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 4px 1px rgba(0,0,0,.18);
    font: 16px/normal 'Roboto',Sans-Serif;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    cursor: pointer;
    margin: unset;
    padding-inline-start: 0;
    padding-left: 0;
}

.sa_tm {
    margin-left: 20px;
    margin-right: 10px;
    line-height: 36px;
}

li:last-of-type.sa_hv {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}


.sa_as {
    position: absolute;
    width: 100%;
    z-index: 10000000 !important;
}
.sa_hv {
    background: #ececec;
}
#sw_as {
    z-index: 10000000 !important;
    position: relative;
}

.masthead-container-row {
    margin-top: 15px;
}

#sb_go_par {
    position:relative;
}

.b_searchboxSubmit {
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-width: 0;
    margin: 0 !important;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAQAAAAngNWGAAAAlElEQVR4AWxOVQFAIQwkAtdgEYh0UReBCEQgwRNct5/JmWkFQvHmVtDcCw4hQ0YHuBss5hch/yZgpsUDms8edrpY+ERdYcxqGTZDM53zSafDLqDTIUeXC1DS5xuSABoXTYZUEwm7kWhfEw7Hy0CxR0TFDBDeFBQgHNePgMpQ7MGReiDRCFWKHwwepRtAbMJKNwhOAAAGv3AKZz9t+AAAAABJRU5ErkJggg==') no-repeat center;
}

.b_searchbox {
    margin: 5px 0 1px 20px !important;
    padding: 0 10px 0 0 !important;
    max-height: 30px !important;
    height: 35px !important;
}

.sa_hd {
    color: #444;
    font: 600 13px/16px 'Roboto',Sans-Serif;
    cursor: default;
    padding-top: 8px;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 20px;
}

/*for privacy note showing below QF*/
.as_bpr {
    background-color: #f5f5f5;
    height: 40px;
    cursor: pointer;
    line-height: 40px;
}

.as_bprtxt {
    font-size: 11px;
    padding-left: 20px;
    line-height: 40px;
}

.as_bpr > span > a {
    font-size: 11px;
    color: #003dbf;
}

html {
    width: 100%;
}

/* Highlight to search */

#searchBox {
    background-color: #fff;
    color: #666;
    text-align: center;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    max-width: 204px;
    font: 13px/normal 'Roboto',Helvetica,Sans-Serif;
    position: absolute;
    border-radius: 6px;
    border: none;
    outline: 0;
    box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 2px 3px 0 rgba(0,0,0,.1);
    margin-top: 6px;
    display: none;
}

#searchBox:after {
    content: '';
    left: 50%;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    top: -4px;
    border-bottom-color: #fff;
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

#searchBox:before {
    content: '';
    left: 50%;
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #ddd;
    top: -5px;
}

#searchBox:hover {
    box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 2px 4px 1px rgba(0,0,0,.14);
}

.selectedText {
    margin-left: 12px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1.3em;
    max-height: 1.3em;
    word-wrap: break-word;
}

#selectedText {
    font-weight: bold;
}

#searchIconOuter {
    width: 16px;
    height: 16px;
}

#searchIconInner {
    display: inline-flex;
    width: 45px;
    height: 45px;
    transform: scale(.4);
    background-image: url('https://www.bing.com/sa/simg/SharedSpriteDesktop_2x_090619.png');
    background-position: -292px 0px;
    transform-origin: top left;
}

#searchAttribution {
    position: absolute;
    font: 11px/normal 'Roboto',Helvetica,Sans-Serif;
    display:none;
    margin-top:2px;
    color: #767676;
    text-decoration: none;
}

#searchAttribution:hover {
    text-decoration: underline;
}
    
/* for trending queries under searchbox */

.b_trending_cont {
    font-size: 12px;
    padding-top: 8px;
    margin-left: 20px;
}

.b_trending_title {
    display: inline-block;
    margin-right: 10px;
}

.b_trending_ele {
    display: inline-block;
    color: black;
    cursor: pointer;
    text-decoration: none;
}

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

.b_trending_spacer {
    margin-left: 5px;
    margin-right: 5px;
}

/*for search reminder*/
#reminder-search {
    position: absolute;
    width: 155px;
    z-index: 1;
    font-size: 0.8em;
    text-align: center;
    color: white;
    padding: 5px 16px;
    border-radius: 8px 8px 6px 6px;
    -webkit-animation: fadeinout 6s linear forwards;
    animation: fadeinout 6s linear forwards;
    transform: translate(-62.5px, 4px);
}

#reminder-search:before {
    content: '';
    left: 50%;
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #007eff;
    top: -4px;
}

@-webkit-keyframes fadeinout {
  0% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeinout {
  0% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  100% { opacity: 0; }
}

#reminder-close {
    top: 5px;
    right: 5px;
    width: 8px;
    cursor: pointer;
    position: absolute;
    height: 8px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC/SURBVHgB1ZdRCsJADESDJ/Aovf9PvUGP0iOMq0YogjTJzhgM9Kvw3mt3W1izMQCWca3jupp4Hg53LXaQ73jNpoxw+eau/RnhNceRRHzI37N+u0GNOHUoI8JsRUSayYwosxgR04wZAO0tVkBg76MMkC7PgGXyiEAuD0To5ScRv5EHIkryi/3TtC5B6yZE52eIzh9RBkyPqABpETOg6QjGU5QZIK5jmgXwd3KYqZCH2Up5KAK9R7Nb/+HUb7Qdz+/P1Y8twEwMcAAAAABJRU5ErkJggg==');
    background-size: contain;
}

/*for footnote below QF*/
.footnote {
    position: absolute;
    right: 20px;
    font-size: 11px;
    padding: 2px 8px;
    background: rgba(225, 225, 225, .6);
    color: #212529;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}