.bapf_sfilter.bapf_srch .bapf_form {
display: flex;
flex-direction: row;
}
.bapf_sfilter.bapf_srch .bapf_form .bapf_input {
flex-basis: 100%;
min-width: 100px;
}
.bapf_sfilter.bapf_srch .bapf_form .bapf_search {
margin-left: 5px;
}
.bapf_sfilter.bapf_srch .bapf_form {
padding: 0;
margin: 0;
}
.bapf_srch .bapf_suggest {
position: relative;
}
.bapf_srch .bapf_current_suggest {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: white;
border: 1px solid #eee;
z-index: 1000;
overflow: auto;
}
.bapf_srch .bapf_current_suggest .bapf_suggest_element {
cursor: pointer;
color: #444;
}
.bapf_srch .bapf_current_suggest .bapf_suggest_element:hover {
background-color: #f3f3f3;
color: #111;
}
.bapf_srch .bapf_current_suggest .bapf_suggest_element {
display: block;
margin: 0;
padding: 5px;
}
.bapf_loader_search {
position: relative;
height: 100px;
}
.bapf_srch.bapf_button_icon .bapf_form {
position: relative;
}
.bapf_srch.bapf_button_icon .bapf_input {
height: 32px;
line-height: 32px;
font-size: 20px;
}
.bapf_srch.bapf_button_icon span.bapf_search {
position: absolute;
right: 0;
line-height: 32px;
top: 0;
font-size: 24px;
padding: 0;
margin: 0;
display: block;
width: 32px;
text-align: center;
cursor: pointer;
color: #777;
}
.bapf_srch.bapf_button_icon span.bapf_search:hover {
color: #333;
} .berocket_single_filter_widget .bapf_srch.bapf_search_divi .bapf_form {
background: #eeeeee;
border-radius: 6px;
position: relative;
}
.berocket_single_filter_widget .bapf_srch.bapf_search_divi .bapf_form input {
background-color: transparent;
border: 0;
padding: 2px 2px 2px 32px;
color: #4e4e4e;
height: 40px;
max-width: 100%;
width: 300px;
}
.berocket_single_filter_widget .bapf_srch.bapf_search_divi .bapf_form span {
position: absolute;
left: 5px;
top: 8px;
cursor: pointer;
} .berocket_single_filter_widget .bapf_srch.bapf_search_dark_button .bapf_form {
background: white;
border-radius: 10px;
position: relative;
box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.4);
}
.berocket_single_filter_widget .bapf_srch.bapf_search_dark_button .bapf_form input {
background-color: transparent;
border: 0;
padding: 2px 32px 2px 11px;
color: #4e4e4e;
height: 30px;
max-width: 100%;
width: 300px;
}
.berocket_single_filter_widget .bapf_srch.bapf_search_dark_button .bapf_form span {
position: absolute;
background: #444041;
right: 0;
top: 0;
height: 30px;
width: 30px;
cursor: pointer;
border-radius: 0 10px 10px 0;
text-align: center;
line-height: 30px;
}
.berocket_single_filter_widget .bapf_srch.bapf_search_dark_button .bapf_form span i {
color: white;
} .berocket_single_filter_widget .bapf_srch.bapf_search_white_button .bapf_form {
background: white;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 30px;
position: relative;
box-shadow: 1px 2px 0 1px rgba(0, 0, 0, 0.2);
}
.berocket_single_filter_widget .bapf_srch.bapf_search_white_button .bapf_form input {
background-color: transparent;
border: 0;
padding: 2px 32px 2px 11px;
color: #4e4e4e;
height: 30px;
max-width: 100%;
width: 300px;
}
.berocket_single_filter_widget .bapf_srch.bapf_search_white_button .bapf_form span {
position: absolute;
right: 0;
top: 0;
height: 30px;
width: 30px;
cursor: pointer;
text-align: center;
line-height: 30px;
border: 0;
}