@import url('/Booking/App/css/component/_BoxReserve.css');
@import url('/Booking/App/css/component/_BookingHorizontal.css');
@import url('/Booking/App/css/component/radioInput.css');
@import url('/Booking/App/css/component/titles.css');
@import url('/Booking/App/css/component/inputs.css');
@import url('/Booking/App/css/component/button.css');
@import url('/Booking/App/css/component/quotation.css');
@import url('/Booking/App/css/component/message.css');
@import url('/Booking/App/css/component/dropdown.css');
@import url('/Booking/App/css/component/plugin-calendar.css');
@import url('/Booking/App/css/component/icon.css');

@font-face {
	font-family: "Nunito";
	src: url("/Booking/App/Fonts/NunitoSans-Regular.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*-------------------------booking------------------*/
:root {
	--border-section: 8px;
	--padding-section: 20px;
	--bg-section-title: #39a4ac;
	--color-label: #39a4ac;
	--color-button-active: #f4436d;
	--color-icon: #39a4ac;
	--color-gray: #b6b5b575;
	--box-bg-primary: white;
	--box-font: 'Nunito';
	--box-width: 320px;
	--box-min-heigth: 370px;
	--box-icon-primary: 15px;
	--box-size--primary: 18px;
	--booking-form-spacing: 10px 20px;
	--booking-height-min: 367px !important;
}
/*-------------------------end booking------------------*/

/*-------------------------plugin-calendar------------------*/
:root {
	--width-max: auto;
	--width-min: auto;
	--bg-primary: white;
	--size-primary: 18px;
	--box-title-shadow: none;
	--padding-container: 10px;
	--bg-select-day: rgb(16, 152, 161);
	--bg-disabled-day: rgb(189, 186, 186);
	--bg-today: rgb(7, 97, 68);
	--bg-day-active: #1D875A;
	--theme-color: #666;
}
/*------------------------end plugin-calendar------------------*/

.u-booking__padding-tb {
	padding: 10px 0;
}

.u-booking__padding {
	padding: 10px 20px 20px 20px;
}

.u-booking__mt-2 {
	margin: 10px 0 0;
}
.section__relative {
	position: relative !important;
}

.section__view--buttom {
	padding: 20px;
}