/* -----------------------------------------------------------
	General
-------------------------------------------------------------- */
.text-center {
	text-align: center;
}

/* -----------------------------------------------------------
	Connect Register Panel
-------------------------------------------------------------- */
p.hostme-submit-btn {
	margin-top: 0;
}
p.hostme-submit-btn span {
    display: none;
	margin: 0 5px;
    width: 20px;
    height: 20px;
	opacity: 0.7;
	background: url(../../../../wp-admin/images/spinner.gif) no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    vertical-align: middle;
}

/* -----------------------------------------------------------
	Panels
-------------------------------------------------------------- */
.hostme-panel-select-restaurant,
.hostme-panel-current-restaurant {
	display: none;
}

/* -----------------------------------------------------------
	Select Restaurant Panel
-------------------------------------------------------------- */
.hostme-search-restaurant-field {
	position: relative;
	margin-bottom: 0;
}
.hostme-search-restaurant-field .spinner {
	position: absolute;
    top: 0;
    right: 0;
    margin-top: 2px;
    margin-right: 2px;
}
.hostme-restaurant-list-container ul {
	max-height: 210px;
    overflow: hidden;
    overflow-y: auto;
	margin-top: 0;
}
.hostme-restaurant-list-container ul li {
	position: relative;
	margin-bottom: 0;
    padding: 3px 6px;
	line-height: 28px;
    font-size: 14px;
    border: 1px solid #ddd;
	border-top: 0;
}
.hostme-restaurant-list-container ul li:hover {
	cursor: pointer;
}
.hostme-restaurant-list-container ul li:hover:after {
	position: absolute;
	display: inline-block;
    right: 0;
    font-size: 30px;
	content: "\f139";
	font-family: dashicons;
}
.hostme-no-restaurant-found {
	display: none;
}
.hostme-go-back {
	cursor: pointer;
	text-decoration: underline;
}

/* -----------------------------------------------------------
	Phone Validation
-------------------------------------------------------------- */
.intl-tel-input {
	width: 100%;
}
.iti-flag {
	background-image: url( '../images/flags.png' );
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2 / 1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx) {
  .iti-flag {
		background-image: url( '../images/flags@2x.png' );
	}
}