.xdsoft_autocomplete,
.xdsoft_autocomplete div,
.xdsoft_autocomplete span{
/*	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;*/
}

.xdsoft_autocomplete{
display:inline;
position:relative;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
text-align: start;
}

.xdsoft_autocomplete .xdsoft_input{
	position:relative;
	z-index:2;
}
.xdsoft_autocomplete .xdsoft_autocomplete_dropdown{
	position:absolute;
	border: 1px solid #ccc;
	border-top-color: #d9d9d9;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	cursor: default;
	display:none;
	z-index: 1001;
	margin-top:-1px;
	background-color:#fff;
	min-width:100%;
	overflow:auto;
}
.xdsoft_autocomplete .xdsoft_autocomplete_hint{
	position:absolute;
	z-index:1;
	color:#ccc !important;
	-webkit-text-fill-color:#ccc !important;
	text-fill-color:#ccc  !important;
	overflow:hidden !important;
	white-space: pre  !important;
}

.xdsoft_autocomplete .xdsoft_autocomplete_hint span{
	color:transparent;
	opacity: 0.0;
}

.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > .xdsoft_autocomplete_copyright{
	color:#ddd;
	font-size:10px;
	text-decoration:none;
	right:5px;
	position:absolute;
	margin-top:-15px;
	z-index:1002;
}
.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div{
	background:#fff;
	white-space: nowrap;
	cursor: pointer;
	line-height: 22px;
	padding: 10px;
	font-size:14px;
	font-family: "Roboto", Arial, sans-serif;
	color:#696969;
}

.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div:nth-child(even) {background: #EEE}
.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div:nth-child(odd) {background: #FFF}


.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div.active{
	background: #0097CF;
	color: #FFFFFF;
}


/* Turn on a 13x13 scrollbar */
.xdsoft_autocomplete ::-webkit-scrollbar {
    width: 5px;
    height: 0px;
}

.xdsoft_autocomplete ::-webkit-scrollbar-button:vertical {
    background-color: silver;
    border: 1px solid gray;
}

/* Turn on single button up on top, and down on bottom */
.xdsoft_autocomplete ::-webkit-scrollbar-button:start:decrement,
.xdsoft_autocomplete ::-webkit-scrollbar-button:end:increment {
    display: block;
}

/* Turn off the down area up on top, and up area on bottom */
.xdsoft_autocomplete ::-webkit-scrollbar-button:vertical:start:increment,
.xdsoft_autocomplete ::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}

/* Place The scroll down button at the bottom */
.xdsoft_autocomplete ::-webkit-scrollbar-button:vertical:increment {
    display: none;
}

/* Place The scroll up button at the up */
.xdsoft_autocomplete ::-webkit-scrollbar-button:vertical:decrement {
    display: none;
}

/* Place The scroll down button at the bottom */
.xdsoft_autocomplete ::-webkit-scrollbar-button:horizontal:increment {
    display: none;
}

/* Place The scroll up button at the up */
.xdsoft_autocomplete ::-webkit-scrollbar-button:horizontal:decrement {
    display: none;
}

.xdsoft_autocomplete ::-webkit-scrollbar-track:vertical {
    background-color: blue;
    border: 1px dashed pink;
}

/* Top area above thumb and below up button */
.xdsoft_autocomplete ::-webkit-scrollbar-track-piece:vertical:start {
    border: 0px;
}

/* Bottom area below thumb and down button */
.xdsoft_autocomplete ::-webkit-scrollbar-track-piece:vertical:end {
    border: 0px;
}

/* Track below and above */
.xdsoft_autocomplete ::-webkit-scrollbar-track-piece {
    background-color: silver;
}

/* The thumb itself */
.xdsoft_autocomplete ::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #048DC3;
}

/* The thumb itself */
.xdsoft_autocomplete ::-webkit-scrollbar-thumb:horizontal {
    height: 50px;
    background-color: #048DC3;
}

/* Corner */
.xdsoft_autocomplete ::-webkit-scrollbar-corner:vertical {
    background-color: black;
}

/* Resizer */
.xdsoft_autocomplete ::-webkit-scrollbar-resizer:vertical {
    background-color: gray;
}