﻿/* .tt-input, UPDATE: newer versions use tt-input instead of tt-query */
/*tt-input:focus,*/
.tt-hint {
/*	width: 396px;*/
	font-size: .983rem;
	outline: none;
}

.tt-input {
	min-width:19.25rem;
}


.tt-hint {
	/*color: #999;*/
	color: rgba(0,0,0,.3);
	right:.25rem;
}

.tt-menu { /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
	/*	width: 422px;
	margin-top: 12px;*/
	/*padding: 8px 0;*/
	padding:8px 4px;
	background-color: #fff;
	border: 1px solid #ccc;
	/*	border: 1px solid rgba(0, 0, 0, 0.2);*/
	border: 1px solid #545557;
	border-top: 2px solid transparent;
	border-radius: var(--button-radius);
	/*	border-top-right-radius:0;*/
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-top: .45rem;
/*	min-width: 110%;*/
width:340px;
	box-shadow: 2px 2px 5px rgba(0,0,0,.1);
	transform: translate(-1px, -1px);
}

@media screen and (min-width:425px) {
	.tt-menu {
		width:400px;
	}
}

.tt-suggestion {
	padding: 3px 20px;
	font-size: .9rem;
	line-height: 24px;
	display: block;
	color: #797777;
}

	.tt-suggestion.tt-cursor, .tt-suggestion:hover { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
		background-color:#ddd;
	}

	.tt-suggestion p {
		margin: 0;
	}

	.tt-suggestion strong {
		color:var(--secondary-bg);
	}

a.tt-suggestion {
	cursor: url('/css/images/flag.svg'), pointer;
}



