.cd-dropdown,.cd-select{position:relative;max-width:300px;margin:20px auto;display:block;text-align:left}
.cd-dropdown>span{width:100%;line-height:20px;color:#353535;font-weight:700;font-size:12px;background:#fff;white-space:nowrap;display:block;padding:20px 50px 20px 20px;position:relative;cursor:pointer}
.cd-dropdown>span:after{content:'\25BC';position:absolute;right:0px;top:15%;width:50px;text-align:center;background:#fff;font-size:12px;padding:10px;height:70%;line-height:24px;border-left:1px solid #ddd}
.cd-dropdown.cd-active>span:after{content:'\25B2'}
.cd-dropdown ul{list-style-type:none;margin:0;padding:0;display:block;position:relative}
.cd-dropdown ul li{display:block}
.cd-dropdown ul li span{font-size:12px;width:100%;background:#fff;line-height:20px;padding:20px;display:block;color:#353535;cursor:pointer;font-weight:700}
.cd-dropdown>span,.cd-dropdown ul li span{-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cd-dropdown>span span[class^="icon-"],.cd-dropdown>span span[class*=" icon-"]{padding:0 30px 0 45px}
/* Select fallback styling */
.cd-select{border:1px solid #ddd}

.cd-dropdown>span,.cd-dropdown ul li:nth-last-child(-n+3) span{box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.cd-dropdown ul{position:absolute;top:0px;width:100%}
.cd-dropdown ul li{position:absolute;width:100% !important}
.cd-active.cd-dropdown>span{color:#353535}
.cd-active.cd-dropdown>span,.cd-active.cd-dropdown ul li span{box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.cd-active.cd-dropdown ul li span{-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}
.cd-active.cd-dropdown ul li span:hover{background:#6f26ac;color:#fff}

@media (max-width: 480px){
	.cd-dropdown>span{font-size:12px}
	.cd-dropdown ul li span{font-size:12px}
}