
.wrapper-dropdown {
 /* Size and position */
 display:inline-block;
 position: relative;
 min-width: 140px;
 margin: 0 auto;
 padding: 3px 10px;

 background: #fff;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius: 3px;
 border: 1px solid #999;
 box-shadow: 0 1px 1px #ddd;
 cursor: pointer;
 outline: none;

 color: #245;
}

.wrapper-dropdown:after {
 content: "";
 width: 0;
 height: 0;
 position: absolute;
 right: 15px;
 top: 50%;
 margin-top: -3px;
 border-width: 6px 6px 0 6px;
 border-style: solid;
 border-color: #8aa8bd transparent;
}

.wrapper-dropdown span:first-of-type {
  width: 100%;
  display: inline-block;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius: 3px;
 box-shadow: 0 0 8px rgba(255,255,255,.5);
}

.wrapper-dropdown .dropdown {
  /* Size & position */
 position: absolute;
 left: 0;
 right: 0;
 margin-top: 12px;
 /* Styles */
 background: white;
 border-radius: inherit;
 border: 1px solid #999;
 box-shadow: 0 0 5px #eee;
 font-weight: normal;
 transition: all 0.2s ease-in;
 list-style: none;

 /* Hiding */
 opacity: 0;
 pointer-events: none;
}

.wrapper-dropdown .dropdown div {
float:none;
width:72%;
}
.wrapper-dropdown .dropdown li {
 margin-left: -40px;
 padding:4px 0px 1px;
 display: block;
 text-decoration: none;
 color: #8aa8bd;
 border-bottom: 1px solid #bbb;
 box-shadow: inset 0 1px 0 rgba(255,255,255,1);
 transition: all 0.3s ease-out;
}
.wrapper-dropdown .dropdown li:first-of-type {
 border-radius: 7px 7px 0 0;
}
.wrapper-dropdown .dropdown li:last-of-type {
 border-radius: 0 0 7px 7px;
 border: none;
}
.wrapper-dropdown .dropdown li:hover {
 background: #f3f8f8;
}

.wrapper-dropdown .dropdown:after {
 content: "";
 width: 0;
 height: 0;
 position: absolute;
 bottom: 100%;
 right: 15px;
 border-width: 0 6px 6px 6px;
 border-style: solid;
 border-color: #fff transparent; 
}

.wrapper-dropdown .dropdown:before {
 content: "";
 width: 0;
 height: 0;
 position: absolute;
 bottom: 100%;
 right: 13px;
 border-width: 0 8px 8px 8px;
 border-style: solid;
 border-color: rgba(0,0,0,0.1) transparent; 
}

.wrapper-dropdown.active .dropdown {
 opacity: 1;
 pointer-events: auto;
}
