dl.ws_dropdown dt{
position: relative;
font-weight: 400;
height: 57px;
line-height: 57px;
font-size: 21px;
padding: 0 40px 0 30px;
overflow: hidden;
background-color: #fff;
border: 2px solid #EFEAE7;
}
dl.ws_dropdown dt:focus {
outline-style:none;
outline:0 !important;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2) !important;
box-shadow: 0 0 4px rgba(0,0,0,0.2)!important;
}
dl.ws_dropdown dt span {
position: absolute;
right: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
height: 54px;
width: 40px;
font-size: 21px;
opacity: 1;
color: #000
}
dl.ws_dropdown dt span.close:not(:disabled):not(.disabled):focus,
dl.ws_dropdown dt span.close:not(:disabled):not(.disabled):hover {
opacity: 1;
color: #495057;
}
dl.ws_dropdown dt span.ws_open i {
transform: rotate(180deg);
}
dl.ws_dropdown dt span.ws_close i {
transform: rotate(0deg);
}
dl.ws_dropdown  dd {
margin: 0;
}
dl.ws_dropdown  dd ul {
list-style-type: none;
padding: 0;
font-size: 21px;
background-color: #fff;
border-left: 2px solid #EFEAE7;
border-right: 2px solid #EFEAE7;
}
dl.ws_dropdown  dd ul li {
padding: 15px 30px;
line-height: 1.2;
font-weight: 400;
border-bottom: 2px solid #EFEAE7;
margin-bottom: 0!important;
color: #000;
cursor: pointer;
width: 100%;
}
dl.ws_dropdown  dd ul li:before {
display:none
}
dl.ws_dropdown  dd ul li:hover {
color:#ff0000
}
dl.ws_dropdown dd {
position:relative;
}
dl.ws_dropdown ul {
position:absolute;
display:none;
width:100%;
z-index: 9;
top: 0;
}
dl.ws_dropdown {
margin-bottom:0;
padding:0;
color: #000;
}
dl.ws_dropdown dt {
cursor:pointer;
}
@media only screen and (max-width: 767px) {
.ref-select-mobile dl.ws_dropdown dd ul {
position:relative;
}
dl.ws_dropdown dt, dl.ws_dropdown  dd ul {
font-size: 19px
}
dl.ws_dropdown dt{
height: 45px;
line-height: 45px;
padding-left: 28px;
}
dl.ws_dropdown dt span {
height: 45px;
font-size: 19px;
}
dl.ws_dropdown  dd ul li {
padding: 9px 30px;
}
}