/* - styled-select.css - */
/* https://gestionale.consolohub.com/portal_css/styled-select.css?original=1 */
.select-hidden{
display: none;
visibility: hidden;
padding-right: 10px;
}
.select{
cursor: pointer;
display: inline-block;
position: relative;
font-size: 16px;
color: #fff;
width: 100%;
background-color: #fff;
}
.select-styled{
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
-moz-transition: all 0.15s ease-in;
-o-transition: all 0.15s ease-in;
-webkit-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
width: 100%;
border: 1px solid #e4e4e4;
padding: 4px 7px;
color: #000;
display: flex;
align-items: center;
font-size: 12px;
line-height: 1.5;
}
.select-styled:after{
font-family: "Font Awesome 5 Pro";
content: "\f0d7";
position: absolute;
color: #595958;
top: 3px;
right: 10px;
font-size: 15px;
font-weight: 600;
}
.select-styled:hover{
background-color: #fff;
}
.select-styled:active,.select-styled.active{
background-color: #fff;
}
.select-styled:active:after,.select-styled.active:after{
top: 3px;
}
.select-options{
display: none;
top: 100%;
right: 0;
left: 0;
z-index: 999;
list-style: none;
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: 3px;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
margin: 3px 0 0 0 !important;
padding: 10px 0;
position: absolute;
max-height: 150px;
overflow-y: scroll;
}
.select-options li{
padding: 5px 0;
border-top: 1px solid #e4e4e4;
-moz-transition: all 0.15s ease-in;
-o-transition: all 0.15s ease-in;
-webkit-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
color: #000;
font-weight: normal;
font-size: 12px;
border-top: 0;
margin: 5px 0;
text-indent: 7px;
list-style: none;
}
.select-options li:hover{
background-color: #e4e4e4;
}
.select-options li[rel="hide"]{
display:none;
}
.select-options:before{
border-bottom-color: #e4e4e4 !important;
border-width: 8px !important;
margin-left: -8px;
}
.select-options:after{
border-bottom-color: #fff !important;
border-width: 6px !important;
margin-left: -6px;
}
.select-options:after, .select-options:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}