html {
font-family: "Salesforce Sans", sans-serif;
font-size: 100%;
line-height: 1.5;
background: inherit;
color: #080707;
-webkit-tap-highlight-color: transparent;
}
#bs-search-default[data-template="Header Typeahead Panel"] {
padding: 0px;
overflow: hidden;
}
.bs-app{
overflow: auto;
/* padding: 2em 1em 0 1em; */
/* height: calc(100vh - 104px); */
}
.bs-app.loading{
opacity:0.4;
z-index: 100;
}
.bs-header{
display: block;
overflow: hidden;
}
.bs-header .slds-input {
color: #a2a2a2;
font-weight: 400;
border: 2px solid #dddbda;
border-radius: 0;
width: 100%;
transition: border .1s linear,background-color .1s linear;
display: inline-block;
line-height: 1.8rem;
min-height: calc(1.875rem + (1px * 2));
font-size: 1.8rem;
padding: 0.8rem 3rem 0.8rem 2rem;
}
.bs-header .slds-input::placeholder {
color: #dddbda;
font-size: 1.8rem;
line-height: 1.8rem;
}
.bs-header .slds-input-has-icon--right .slds-input__icon {
right: 2rem;
}
.bs-header .slds-input-has-icon .slds-input__icon {
fill: #666;
width: 1.6rem;
height: 1.6rem;
margin-top: -0.8rem;
}
.bs-search-body{
display: flex;
border-top: 2px solid #a8a8a8;
padding-top: 2em;
margin-top: 2.5em;
}
.bs-search-body h2 {
font-size: 18px;
color: rgb(51, 51, 51);
font-weight: 700;
margin-bottom: 15px;
}
.bs-type-ahead-group > .slds-col {
padding: 0 3em;
}
.bs-document{
margin: 15px 0;
}
/* .bs-app .form-inline {
}
*/
.bs-type-ahead .textbox > input {
bottom: 3px;
vertical-align: middle;
width: 100%;
background: none;
font-size: 1em;
height: 100%;
border: none;
outline: 0;
}
.bs-type-ahead .search-btns {
display: block;
cursor: pointer;
position: absolute;
padding: 6px 4px;
height: 34px;
width: 26px;
opacity: .5;
right: 26px;
top: 0;
}
.bs-type-ahead .search-btns:hover {
opacity: 1.0;
background-color: #e7e7e7
}
.bs-type-ahead .search-btns .slds-icon {
height: 16px;
width: 16px;
fill: rgb(43, 89, 195);
}
.bs-type-ahead > ul.menu {
width: 100%;
/* total iframe height (250) minus input height */
height: calc(250px - 34px);
overflow-y: auto;
background-color: #fff;
}
.bs-type-ahead .downshift-input {
width: 100%;
/* input height */
height: 34px;
border: none;
padding-left: 10px;
background-color: inherit;
outline: none;
}
.bs-type-ahead .group-label {
margin-bottom:0px;
padding: 6px 16px;
background: #a8a8a8;
color:#ffffff;
font-weight: 500;
cursor: default;
}
.bs-type-ahead .search-suggestion {
cursor: pointer;
padding:6px 8px;
border-top:1px solid #f2f2f2;
border-left:1px solid #f2f2f2;
}
.bs-type-ahead .search-suggestion:hover {
background:rgba(0,0,0,0.06);
}
.bs-paging{
display: flex;
justify-content: center;
}
.bs-input-group {
width: 100%;
}
.slds-grid {
width: 100%;
}
.search-icon {
cursor: pointer;
}
.search-icon .slds-icon.slds-input__icon {
pointer-events: all;
}