.dd-select {
border-radius: 2px;
border: none;
position: relative;
cursor: pointer;
margin-top: 10px;
background: transparent !important;
}
.dd-select button {
background-color: transparent !important;
color: #3e3e3e;
}
.dd-desc {
color: #000;
display: block;
overflow: hidden;
font-weight: normal;
line-height: 1.4em;
margin-top: 8px;
margin-left: 45px;
font-weight: 800 !important;
text-transform: capitalize;
}
.dd-selected {
position: relative;
overflow: hidden;
display: block;
padding: 15px;
font-weight: normal;
width: 100%;
text-align: left;
font-size: 17px;
text-transform: uppercase;
letter-spacing: 1px;
}
.dd-selected:focus {
z-index: 2001;
}
.dd-pointer {
width: 0;
height: 0;
position: absolute;
right: 10px;
top: 50%;
margin-top: -3px;
}
.dd-selected:focus+.dd-pointer {
z-index: 2002;
}
.dd-pointer-down {
border: solid 5px transparent;
border-top: solid 5px #000;
}
.dd-pointer-up {
border: solid 5px transparent !important;
border-bottom: solid 5px #000 !important;
margin-top: -8px;
}
.dd-options {
border: solid 1px #e5e5e5;
display: none;
position: absolute;
margin: 0;
padding: 0;
background: #fff;
max-height: 400px;
overflow: auto;
z-index: 2000;
}
.dd-options:focus {
outline: 0;
}
.dd-option {
padding: 10px 10px 18px;
display: block;
width: 100%;
text-align: left;
border-bottom: solid 1px #ddd;
overflow: visible;
text-decoration: none;
color: #333;
cursor: pointer;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
box-sizing: border-box;
vertical-align: middle;
}
.dd-options>.dd-option:last-child {
border-bottom: none;
}
.dd-option:hover, .dd-option:active, .dd-option:focus {
background: #f3f3f3;
color: #000;
z-index: 2001;
}
.dd-selected-description-truncated {
text-overflow: ellipsis;
white-space: nowrap;
}
.dd-option-selected {
background: #f6f6f6;
}
.dd-option-image, .dd-selected-image {
vertical-align: middle;
float: left;
margin-right: 5px;
max-width: 35px !important;
}
.dd-image-right {
float: right;
margin-right: 15px;
margin-left: 5px;
}
.dd-container {
position: relative;
}
.dd-selected-text {
font-weight: bold
}