@import url('demo.css');
@import url('common.css');
@import url('icons.css');

.cd-dropdown {
	margin: 0;
}

.cd-dropdown > span{
    height: 50px;
    line-height: 50px;
}

.cd-dropdown ul li span{
    line-height: 50px;
}

.cd-dropdown ul {
	position: absolute;
	top: 4px;
	left: 15px;
	width: 100%;
}

.cd-dropdown > span,
.cd-dropdown ul li {
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.cd-dropdown ul li {
	position: absolute;
	width: 100%;
	pointer-events: none;
}

.cd-active.cd-dropdown > span {
	color: #445B75;
}

.cd-active.cd-dropdown ul li {
	pointer-events: auto;
}

.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: #445B75;
	color: #fff;
}