@import 'mixins.less';

.ui-autocomplete.ui-menu {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #444;
    cursor: pointer;
    list-style: none;
    position: absolute;
    z-index: 101 !important;

    li {
		a {
			display: block;
			font-size: 16px;
			line-height: 24px;
			padding: 9px 5px;
			text-decoration: none;
			.regular-font;
			&.ui-state-focus {
				background-color: #ebebeb;
			}

			.sprite {
				display: inline-block;
				height: 24px;
  				margin-right: 5px;
  				width: 24px;
  				vertical-align: middle;
				&.region {
					.sprite(0, -240px);
				}
				&.apartment{
					.sprite(-24px, -240px);
				}
				&.hotel {
					.sprite(-48px, -240px);
				}
				&.villa {
					.sprite(-72px, -240px);
				}
			}
		}	
    }
    
}