.bro-dropdown {
position: relative;
}
.bro-dropdown-options {
position: absolute;
background: white;
border: 1px solid #ccc;
overflow-x: hidden;
overflow-y: auto;
max-height: 200px;
border-radius: 10px; width: 100%;
z-index: 1000; display: none;
top: calc(100% + 1rem);
}
.opened .bro-dropdown-options {
display: block;
}
.bro-dropdown-option {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: space-between;
width: 100%;
font-size: 1rem;
font-size: 16px !important;
padding: .73rem .93rem;
color: var(--bricks-color-zulpfs);
cursor: pointer;
}
.bro-dropdown-option:hover {
background-color: #F8F8F8;
}
.bro-dropdown-ico {
color: #61677c;
}
.bro-dropdown-input {
box-shadow: 0 0 0 10px rgba(247, 247, 247, 0.11) !important;
border-radius: 10px;
padding: .4rem 1rem !important;
font-size: 1rem !important;
color: var(--bricks-color-zulpfs) !important;
}
.bro-dropdown-input::placeholder {
color: #9e9e9e !important;
font-weight: 400 !important;
}
@media only screen and (max-width: 600px) {
.bro-dropdown-input {
font-size: 16px !important;
}
}