.mM_custom_select {
margin-bottom: 20px;
}
.mM_custom_select select {
display: none;
}
.mM_custom_select .mM_select_selected {
padding: 15px 45px 11px 25px;
border: 1px solid #374052;
position: relative;
border-radius: 25px;
line-height: 1;
background: #e5eaee;
transition: border-radius .4s, border .4s, color .4s, background .4s;
}
.mM_custom_select .mM_select_selected.mM_select_arrow_active {
border-radius: 25px 25px 0 0;
border-bottom-color: transparent;
background: #374052;
color: #fff;
}
[class*="bewerben_form"] .mM_custom_select .mM_select_selected.mM_select_arrow_active {
color: #6c6c6c;
}
.mM_custom_select .mM_select_item:hover {
background: #374052;
color: #fff;
}
.mM_custom_select .mM_select_arrows {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 6px;
}
.mM_custom_select .mM_select_arrow_down {
position: relative;
width: 100%;
height: 100%;
transition: transform .4s, border .4s;
}
.mM_custom_select .mM_select_arrow_active .mM_select_arrow_down,
.mM_custom_select .mM_select_selected:hover .mM_select_arrow_down {
transform: rotateX(180deg);
border-top-color: #fff;
}
.mM_custom_select .mM_select_arrow_down:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
border-top: 6px solid #374052;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
transform: translate(-50%, -50%);
}
[class*="bewerben_form"] .mM_custom_select .mM_select_arrow_down:after {
display: none;
}
.mM_custom_select .mM_select_items {
border: 1px solid transparent;
border-top: none;
border-radius: 0 0 25px 25px;
transition: border-color .4s;
background: #e5eaee;
overflow: hidden;
position: absolute;
left: 0;
top: 100%;
width: 100%;
z-index: 5;
}
.mM_custom_select .mM_select_selected.mM_select_arrow_active + .mM_select_items {
border-color: #374052;
}
.mM_custom_select .mM_select_item {
padding: 15px 25px 11px;
transition: background .4s, color .4s;
}
.mM_custom_select .mM_select_item:last-child {
border-radius: 0 0 25px 25px;
}
.mM_custom_select .mM_select_item:hover,
.mM_custom_select .mM_select_item.mM_same_as_selected {
background: #374052;
color: #fff;
}