.spratc{
	background: #FFFFFF;
	padding: 10px;
	max-height: 300px;
	overflow-y: auto;
	border: 1px solid #dddddd;
	/* position: relative; */
	position: absolute;
	z-index: 10;
	top: 100%;
	border: 2px solid #0e72bc;
	border-top: none;
	/* border-radius: 30px; */
	scrollbar-color: #0e72bc transparent;
	scrollbar-width: thin;
	width: 100%;
	text-align: left;
}
.spratc::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

.spratc::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.spratc::-webkit-scrollbar-thumb {
  background-color: #30302e;
  /* background-color: #333333; */
  outline: 1px solid slategrey;
}

.spratc > div.itm{
	padding: 5px;
	cursor: pointer;
}
.spratc > div.itm + div.itm{
	border-top: 1px solid #dddddd;
}
.spratc > div.itm b{
	color: #000000;
}
.spratc > div.itm span{
	display: block;
	font-size: 12px;
	margin-top: 5px;
}
.spratc > div.itm span > i{
	color: #0e72bc;
}
.spratc > div.itm:hover, .spratc > div.itm.activ{
	background: #0e72bc;
    color: #FFFFFF;
}
.spratc > div.itm:hover b, .spratc > div.itm.activ b{
	color: #FFFFFF;
}
.spratc > div.itm:hover span > i, .spratc > div.itm.activ span > i{
    color: #FFFFFF;
}