# booking/10.10.1/includes/__css/client/form__templates.css

Booking Calendar, version 10.10.1. 60 lines.

- Page: https://pluginprobe.com/plugins/booking/10.10.1/code/includes/__css/client/form__templates.css
- Raw: https://pluginprobe.com/plugins/booking/10.10.1/raw/includes/__css/client/form__templates.css
- Modified: 2025-02-04T07:39:28+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/booking/10.10.1/code/includes/__css/client/form__templates.css#L10-L20`.

```css
/*!   ==  Align Form Elements  ======================================================================================  */
/*!   ==  Right  ==  */
.wpbc_aling_right,
.wpbc_aling_right .wpbc_times_selector {
	justify-content: flex-end !important;
}
@media (max-width: 400px) {
	.wpbc_aling_right .wpbc_times_selector div {
		margin: 7px 0 0 15px;
	}
}
/*!   ==  Center  ==  */
.wpbc_aling_center,
.wpbc_aling_center .wpbc_times_selector {
	justify-content: center !important;
}
/*!   ==  Simple booking form - Center ==  */
.wpbc_container_booking_form .wpbc_booking_form_simple .wpbc_aling_center .wpbc__field {
	justify-content: center !important;
}
.wpbc_container_booking_form .wpbc_booking_form_simple .wpbc_aling_center .wpbc__field label{
	 text-align: center !important;
}
/*!   ==  Center Calendar ? ==  */
.wpbc_aling_center .wpbc_calendar_wraper{
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
@media (max-width: 400px) {
	.wpbc_aling_center .wpbc_times_selector div {
		margin: 7px 15px;
	}
}
/*!   ==  Wizard Form Tmeplate - Bordered Well Padding  ============================================================  */
.wpbc_wizard__border_container {
	box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 6px 0px;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 2px;
	background: #FFF;
	padding: 10px 30px;
	box-sizing: border-box;
	margin: auto;
	max-width: 100%;
	width: 100%;
}
.wpbc_wizard__border_container .wpbc_times_selector div {
	flex: 0 0 120px;
}
.wpbc_theme_dark_1 .wpbc_wizard__border_container {
	border: 1px solid rgb(0, 0, 0);
	background: #626262;
	color: #999;
	color: #bbb;
	box-shadow: 0 0px 3px #3b3b3b;
}
.wpbc_theme_dark_1 .wpbc_wizard__border_container label {
	color: #fff;
}
```