/* Greatly modified version of the jquery-ui.css */

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}

.ui-menu .ui-menu {
	position: absolute;
}

.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

/* for jQuery UI 1.12 which introduces a wrapper */
.ui-menu .ui-menu-item:not([role]) {
	padding: 0;
}

.ui-menu-item-wrapper {
	padding: 3px 1em 3px 2em;
}
.rtl .ui-menu .ui-menu-item {
	text-align: right;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}

.ui-menu-icons .ui-menu-item[role] {
	padding-left: 2em;
}

.rtl .ui-menu-item-wrapper, /* for jQuery UI 1.12 which introduces a wrapper */
.rtl .ui-menu-icons .ui-menu-item[role] {
	padding-left: 1em;
	padding-right: 2em;
}

/* left-aligned */
.ui-selectmenu-text .ui-icon,
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .3em;
	margin: auto 0;
}

.rtl .ui-selectmenu-text .ui-icon,
.rtl .ui-menu .ui-icon {
	right: .3em;
	left: auto;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 23px;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}

.ui-selectmenu-open {
	display: block;
}

.ui-selectmenu-button, /* jQuery UI 1.11.4 - WP < 5.6 */
.ui-selectmenu-button.ui-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	box-sizing: border-box; /* To keep width calculation in percent since WP 5.6 */
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	padding: 0;
	line-height: normal; /* Override WC Bookings styles with WP < 5.6 */
	height: 28px; /* Override WC Bookings styles with WP < 5.6 */
}

.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	position: absolute;
	top: 26%;
	width: 16px;
	height: 16px;
	text-indent: 0; /* due to text-indent for jquery ui-dialog in wizard */
	background: none;
}

.rtl .ui-selectmenu-button span.ui-icon {
	left: 0.5em;
	right: auto;
}


.ui-selectmenu-button.ui-widget span.ui-selectmenu-text, /* Override WC Bookings styles with WP < 5.6 */
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.1em 2.1em 0.2em 2em;
	display: block;
	line-height: 23px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0;
}

.rtl .ui-selectmenu-button span.ui-selectmenu-text {
	text-align: right;
	padding: 0.2em 2em 0.2em 2.1em;
}

.ui-widget-content,
.ui-state-default,
.ui-selectmenu-button.ui-state-default, /* Override WC Bookings styles with WP < 5.6 */
.ui-button.ui-selectmenu-button-closed, /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
.ui-button.ui-selectmenu-button-open, /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
	color: #32373c;
}
/* Override to have same styles as WP form styles since WordPress 5.4 */
.languages_page_mlang .ui-selectmenu-button.ui-state-default,
.languages_page_mlang .ui-selectmenu-button.ui-selectmenu-button-closed, /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
.languages_page_mlang .ui-selectmenu-button.ui-selectmenu-button-open{ /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
	box-shadow: 0 0 0 transparent;
	border-radius: 4px;
	border: 1px solid #7e8993;
}

/* From this line and below: override WooCommerce bookings plugin styles which overrides default WordPress styles */
.pll-selectmenu-menu .ui-widget,
.pll-selectmenu-button.ui-widget {
	font-size: 13px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.languages_page_mlang .ui-button.ui-selectmenu-button:focus{
	color: #016087; /* Same color as WordPress focused select HTML tag */
	border-color: #007cba;
	box-shadow: 0 0 0 1px #007cba;
	outline: 2px solid transparent;
	background: #fff; /* Override bookings plugin styles which overrides default WordPress styles */
}

.languages_page_mlang .ui-menu-item,
.languages_page_mlang .ui-widget-content .ui-state-hover,
.languages_page_mlang .ui-widget-content .ui-state-focus,
.languages_page_mlang .ui-widget-content .ui-state-active {
	color: #016087; /* Same color as option in a WordPress focused select HTML tag */
	margin: 0;
}

.ui-selectmenu-open .ui-widget-content .ui-state-hover, /* Override WC Bookings styles with WP < 5.6 */
.ui-selectmenu-open .ui-widget-content .ui-state-focus, /* Override WC Bookings styles with WP < 5.6 */
.ui-selectmenu-open .ui-widget-content .ui-state-active, /* Override WC Bookings styles with WP < 5.6 */
.pll-selectmenu-menu .ui-widget-content .ui-state-hover,
.pll-selectmenu-menu .ui-widget-content .ui-state-focus,
.pll-selectmenu-menu .ui-widget-content .ui-state-active { /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
	background: #d5d5d5;
	border: 0;
}

.ui-selectmenu-button.ui-state-focus {
	border: 1px solid #5b9dd9;
	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
}

.ui-icon-triangle-1-s:before {
	content: "";
	background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 0px top 55%;
	background-size: 16px 16px;
	box-sizing: border-box;
	position: absolute;
	width: 16px;
	height: 16px;
}

.pll-selectmenu-button.ui-button:hover,
.pll-wizard .ui-button:hover,
.pll-wizard .ui-button:focus {
	background: #fff; /* To override jQuery ui-dialog styles provided by WordPress */
}

.ui-widget-content {
	max-height: 231px;
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
