.datalist-polyfill {
	list-style: none;
	display: none;
	background: white;
	box-shadow: 0 2px 2px #999;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	max-height: 300px;
	overflow-y: auto;
}

.datalist-polyfill:empty {
	display: none !important;
}

    .datalist-polyfill > li {
        padding: 3px;
        font: 13px "Lucida Grande", Sans-Serif;
    }
    
    .datalist-polyfill__active {
        background: #3875d7;
        color: white;
    }
    
    
    
    
/*FONTS*/
@font-face {
  font-family: 'Poppins';
  src: url(fonts/poppins/Poppins-Black.ttf);
  font-weight: 900;
}
@font-face {
  font-family: 'Poppins';
  src: url(fonts/poppins/Poppins-ExtraBold.ttf);
  font-weight: 800;
}
@font-face {
  font-family: 'Poppins';
  src: url(fonts/poppins/Poppins-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: 'Poppins';
  src: url(fonts/poppins/Poppins-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: 'Poppins';
  src: url(fonts/poppins/Poppins-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: 'Poppins';
  src: url(fonts/poppins/Poppins-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: 'Poppins';
  src: url(fonts/poppins/Poppins-Light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: 'Poppins';
  src: url(fonts/poppins/Poppins-ExtraLight.ttf);
  font-weight: 200;
}
@font-face {
  font-family: 'Poppins';
  src: url(fonts/poppins/Poppins-Thin.ttf);
  font-weight: 100;
}