.ycTour_wrapper{

	position: relative;

	background-color: #EEE;

	padding: 10px;

}

.picker-day, .picker-top-row{
	display: flex;
	justify-content: space-between;
}
.woocommerce_options_panel .ycTour_wrapper label, .woocommerce_options_panel .ycTour_wrapper legend{
	margin: 0px 0px 0px 0px;
}

.ycTour_row{ display: flex; flex-direction: row; justify-content: space-between; }

.ycTour_col{ max-width: 50%; width: 50% }



.ycGroupContainer{ margin-top: 10px; background-color: #FFF; padding: 10px; border-radius: 10px;  }

.ycGroupTitle{background-color: #FFF; display: flex; justify-content: space-between; }

.ycGroupTitle h2{ font-weight: bold !important; }

.ycGroupTitle .ycTitleTools{ padding: 10px; }

.ycGroupSettings{ background-color: #FFF; padding: 10px; }

.ycTour_field{ display: flex; justify-content: flex-start; margin-bottom: 10px;  }

.ycTour_field label{ width: 130px; margin-top: 5px; }

.ycTour_Loader{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding: 20px; background-color: rgba(255,255,255,0.9); }

.ycTour_Loader .spinner{ position: sticky; top:150px; }

.ycTour_Loader .spinner::before{ content: "Please Wait. "; right: 20px;

position: absolute;

white-space: pre;}



/**
 * Checkbox Toggle UI
 */
input[type="checkbox"].wppd-ui-toggle {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-tap-highlight-color: transparent;

	width: auto;
	height: auto;
	vertical-align: middle;
	position: relative;
	border: 0;
	outline: 0;
	cursor: pointer;
	margin: 0 4px;
	background: none;
	box-shadow: none;
}
input[type="checkbox"].wppd-ui-toggle:focus {
	box-shadow: none;
}
input[type="checkbox"].wppd-ui-toggle:after {
	content: '';
	font-size: 8px;
	font-weight: 400;
	line-height: 18px;
	text-indent: -14px;
	color: #ffffff;
	width: 36px;
	height: 18px;
	display: inline-block;
	background-color: #a7aaad;
	border-radius: 72px;
	box-shadow: 0 0 12px rgb(0 0 0 / 15%) inset;
}
input[type="checkbox"].wppd-ui-toggle:before {
	content: '';
	width: 14px;
	height: 14px;
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	margin: 0;
	border-radius: 50%;
	background-color: #ffffff;
}
input[type="checkbox"].wppd-ui-toggle:checked:before {
	left: 20px;
	margin: 0;
	background-color: #ffffff;
}
input[type="checkbox"].wppd-ui-toggle,
input[type="checkbox"].wppd-ui-toggle:before,
input[type="checkbox"].wppd-ui-toggle:after,
input[type="checkbox"].wppd-ui-toggle:checked:before,
input[type="checkbox"].wppd-ui-toggle:checked:after {
	transition: ease .15s;
}
input[type="checkbox"].wppd-ui-toggle:checked:after {
	content: 'ON';
	background-color: #2271b1;
}

input[type="checkbox"].wppd-ui-toggle.wppd-ui-danger:checked:after {
	content: 'ON';
	background-color: #d63638;
}



[type="radio"].wppd-ui-radio:checked,
[type="radio"].wppd-ui-radio:not(:checked) {
	position: absolute;
	left: -9999px;
}
[type="radio"].wppd-ui-radio:checked + label,
[type="radio"].wppd-ui-radio:not(:checked) + label
{
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #666;
}
[type="radio"].wppd-ui-radio:checked + label:before,
[type="radio"].wppd-ui-radio:not(:checked) + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}
[type="radio"].wppd-ui-radio:checked + label:after,
[type="radio"].wppd-ui-radio:not(:checked) + label:after {
	content: '';
	width: 12px;
	height: 12px;
	background: #2271b1; /*#F87DA9*/
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
[type="radio"].wppd-ui-radio:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
[type="radio"].wppd-ui-radio:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.wppd-ui-inline-container{ display: flex;
	justify-content: start;
	align-items: center; }
.wppd-ui-inline-item{}
.wppd-ui-ul{
	list-style: none;
	display: grid;
	grid-template-columns: auto auto auto;
}
.wppd-ui-inline-selector{ display: flex;
	justify-content: start;
	align-items: center; }
.wppd-ui-inline-selector label{
	width: auto !important;
	padding: 1rem !important;
}
.wppd-ui-time-selector{
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-gap: 5px;
	margin-bottom: 5px;
}
.wppd-ui-pointer{ cursor: pointer; }

@media screen and (max-width: 600px) {
.ycTour_row{ flex-direction: column; }
.ycTour_col{ width: auto; max-width: 100%; }
}