/*
 BeMyGuest - Widget Booking Bar V1
 */

/* base */
.bmg-widget-bbar {
	position: relative;
	padding: 6px;
}
.bmg-widget-bbar .input-group img {
	display: none;
}
.bmg-widget-bbar.form-inline * + * {
	margin-left: 10px;
}

/* hide trigger */
img.ui-datepicker-trigger {
	display: none;
}

/* datepicker period */
.ui-datepicker-calendar .ui-dp-from a,
.ui-datepicker-calendar .ui-dp-from a:hover {
	background-color: #1e77ae;
	color: #fff;
	background-image: url(../img/dp-from.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	box-shadow: inset 0 9px 9px -9px #1e77ae, inset 0 -9px 9px -9px #1e77ae;
}
.ui-datepicker-calendar .ui-dp-to a,
.ui-datepicker-calendar .ui-dp-to a:hover {
	background-color: #1e77ae;
	color: #fff;
	background-image: url(../img/dp-to.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	box-shadow: inset 0 9px 9px -9px #1e77ae, inset 0 -9px 9px -9px #1e77ae;
}
.ui-datepicker-calendar .ui-dp-btw a {
	background: #e3e3e3;
	color: #1e77ae;
}
.ui-datepicker-calendar .ui-dp-btw a,
.ui-datepicker-calendar .ui-dp-btw a:hover {
	box-shadow: inset 0 9px 9px -9px #1e77ae, inset 0 -9px 9px -9px #1e77ae;
}

/* base - bs3 fix */
.bmg-widget-bbar .input-append .add-on,
.bmg-widget-bbar .input-prepend .add-on {
	text-align: center;
	text-shadow: none;
	background-color: transparent;
	border: 0 ;
}

/* base - bs4 fix */
.bmg-widget-bbar.form-inline .input-group-append {
	margin-left: 0;
}

/* guests select */
.bmg-widget-bbar.form-inline .guests-select > div {
	position: relative;
}
.bmg-widget-bbar.form-inline .guests-select-detail {
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
	padding: 10px 6px;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 0 2px #999;
	z-index: 99;
}
.bmg-widget-bbar .guests-select-detail.arrow:before {
	content: "";
	position: absolute;
	left: calc(50% - 10px);
	top: -10px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid;
	border-bottom-color: inherit;
}
.bmg-widget-bbar .guests-select-detail .form-group {
	text-align: center;
}
.bmg-widget-bbar .text-warning {
	color: rgb(138, 109, 59);
}

/* horizontal */
.bmg-widget-bbar .control-group {
	margin-bottom: 6px;
}
.bmg-widget-bbar .form-horizontal .guests-select-detail {
	position: relative;
	overflow: hidden;
	width: 100%;
}
 .bmg-widget-bbar .form-horizontal .guests-select-detail select.form-control {
	padding: 0;
}