.wrapper-dropdown{position:relative;width:250px;margin:0 auto;padding:10px;background:#fff;border:1px solid silver;cursor:pointer;outline:0;font-weight:700}.wrapper-dropdown:after{content:"";width:0;height:0;position:absolute;right:10px;top:50%;margin-top:-3px;border-width:6px 6px 0 6px;border-style:solid;border-color:#333 transparent}.wrapper-dropdown.active:after{border-width:0 6px 6px 6px}.wrapper-dropdown.active .dropdown{opacity:1;pointer-events:auto}.wrapper-dropdown .dropdown{position:absolute;top:100%;margin-top:1px;left:-1px;right:-1px;padding:0;z-index:100;background:#fff;border:inherit;border-top:none;list-style:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;box-shadow:0 2px 1px #aaa;opacity:0;pointer-events:none}.wrapper-dropdown .dropdown li{position:relative}.wrapper-dropdown .dropdown li:hover{background:#f0f0f0}.wrapper-dropdown-1 .dropdown li{padding:10px;font-weight:400;text-transform:none}.wrapper-dropdown-4 .dropdown li label{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;font-weight:400;margin:0;text-transform:none}.wrapper-dropdown-4 .dropdown li label.dropdown-item{padding:10px;width:100%}.wrapper-dropdown-4 .dropdown li label.custom-checkbox{position:absolute;right:0;padding-top:6px}.wrapper-dropdown-4 .dropdown li label.custom-checkbox span{margin:2px 12px 2px 2px}