.booking-resource-creation-wizard-app,
.booking-resource-creation-wizard {
	height: 100%;
}

.resource-creation-wizard-layout {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.resource-creation-wizard__wrapper {
	position: relative;
	flex: 1;
	padding: 24px 10px 15px 21px;
	overflow-y: scroll;
}

.resource-creation-wizard__wrapper::-webkit-scrollbar {
	width: 5px;
}

.resource-creation-wizard__wrapper::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background: var(--ui-color-base-20);
}

.resource-creation-wizard__header {
	margin: 0 0 20px 5px;
}

.resource-creation-wizard__header-title {
	font-size: var(--ui-font-size-4xl);
	font-weight: var(--ui-font-weight-light);
}

.resource-creation-wizard__content {
	border-radius: var(--ui-border-radius-md);
	overflow: hidden;
}

.resource-creation-wizard__footer {
	position: relative;
	padding: 15px;
	background: var(--ui-color-palette-white-base);
	box-shadow: 0 -2px 4px 0 #c6c9cb;
	display: flex;
	gap: 12px;
}

.resource-creation-wizard__form {
	background-color: var(--ui-color-palette-white-base);
}

.booking--rcw--more {
	color: var(--ui-color-link-primary-base);
	cursor: pointer;
	white-space: nowrap;
}

.resource-creation-wizard-layout .ui-form-section .ui-form-row-inline {
	margin-bottom: 0;
}

.resource-creation-wizard-layout .ui-form-row-inline {
	display: flex;
}

.resource-creation-wizard-layout .ui-form-row-inline .ui-form-row {
	padding-right: 15px;
	box-sizing: border-box;
}

.resource-creation-wizard-layout .ui-form-row {
	display: flex;
	max-width: 100%;
	overflow: hidden;
	flex-direction: column;
	align-items: flex-start;
}

.resource-creation-wizard-layout .ui-form-row-inline .ui-form-content {
	display: flex;
	align-items: center;
}

.resource-creation-wizard-layout .ui-form-content {
	width: 100%;
	max-width: 100%;
}

.resource-creation-wizard-layout .ui-form-label {
	display: block;
	font: 13px var(--ui-font-family-primary,var(--ui-font-family-helvetica));
	color: rgba(82,92,105,.85);
	flex-shrink: 0;
	margin-bottom: 10px;
	margin-right: 0;
}

.resource-creation-wizard-layout .ui-form-row .ui-ctl-label-text {
	padding-bottom: 0;
}

.resource-creation-wizard-layout .ui-form .ui-ctl-label-text {
	display: inline-block;
	vertical-align: top;
}

.resource-creation-wizard-layout .ui-form+.ui-form {
	margin-top: 20px;
}

.resource-creation-wizard-layout .ui-form-row-inline .ui-ctl {
	width: auto;
	margin-bottom: 0
}

.resource-creation-wizard__back-button {
	margin-left: 12px;
}

.resource-category-card__header {
	display: flex;
	padding: 20px 24px 16px 24px;
	flex-direction: column;
	gap: 8px;
	opacity: 0.8;
	border-radius: var(--ui-border-radius-md) var(--ui-border-radius-md) 0 0;
	background: rgba(var(--ui-color-palette-white-base-rgb), 0.7);
}

.resource-category-card__header a {
	-webkit-text-decoration-color: var(--ui-color-link-primary-base, #2066b0);
	        text-decoration-color: var(--ui-color-link-primary-base, #2066b0);
	mix-blend-mode: normal;
}

.resource-category-card__header__title {
	color: var(--ui-color-base-solid);
	font-size: var(--ui-font-size-2xl);
}

.resource-category-card__content {
	padding: 14px 10px;
}

.resource-creation-wizard__form-settings {
	display: flex;
	flex-direction: column;
	gap: 22px;
	padding: 18px 24px 24px 18px;
	border-radius: 18px;
	background: var(--ui-color-palette-white-base);
}

.resource-creation-wizard__form-settings .ui-ctl-element {
	border-radius: var(--ui-border-radius-xs);
}

.resource-creation-wizard__form-settings-element.--placeholder {
	color: var(--ui-color-palette-gray-50);
	cursor: pointer;
}

.resource-notification-card {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.resource-notification-card select {
	-webkit-appearance: none;
	appearance: none;
	background-color: unset;
}

.booking-resource-creation-wizard-notification-container {
	--border-radius: 18px;
	overflow: hidden;
	border-radius: var(--border-radius);
}

.booking-resource-creation-wizard-notification {
	overflow: hidden;
	box-sizing: border-box;
	padding: 18px;
	border-radius: var(--border-radius);
	background: rgba(var(--ui-color-palette-white-base-rgb), 0.7);
}

.booking-resource-creation-wizard-notification.--manager {
	margin-top: 12px;
}

.booking-resource-creation-wizard-notification-main {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.resource-creation-wizard__form-notification-info {
	position: relative;
	padding: 14px 18px;
	border-radius: 12px;
	border: solid 1px rgba(var(--ui-color-palette-black-solid-rgb), 0.11);
	background: var(--ui-color-palette-white-base);
}

.resource-creation-wizard__form-notification-info.--message {
	margin-bottom: 8px;
}

.resource-creation-wizard__form-notification-info.--message:after {
	content: '';
	position: absolute;
	bottom: -15px;
	left: 18px;
	width: 16px;
	height: 15px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_583_241781)'%3E%3Cpath d='M0-2h19L3.414 13.586C2.154 14.846 0 13.953 0 12.172V-2z' fill='%23fff'/%3E%3Cpath d='M.5-1.5h17.293L3.06 13.232c-.945.945-2.561.276-2.561-1.06V-1.5z' stroke='%23000' stroke-opacity='.11'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_583_241781'%3E%3Cpath fill='%23fff' d='M0 0h16v15H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.resource-creation-wizard__form-notification-info-switcher {
	margin-left: auto;
}

.resource-creation-wizard__form-notification-info-title-row {
	display: flex;
	align-items: center;
	gap: 7px;
}

.resource-creation-wizard__form-notification-info-title-row.--main {
	margin-top: 16px;
}

.resource-creation-wizard__form-notification-info-title {
	color: var(--ui-color-palette-black-solid);
	font-size: var(--ui-font-size-2xl);
	transition: color 200ms;
}

.booking-resource-creation-wizard-notification-container.--disabled .resource-creation-wizard__form-notification-info-title {
	color: var(--ui-color-palette-gray-90);
}

.resource-creation-wizard__form-notification-info-title-row .ui-icon-set {
	--ui-icon-set__icon-size: 28px;
	--ui-icon-set__icon-color: var(--ui-color-primary);
}

.booking-resource-creation-wizard-notification-container.--disabled .resource-creation-wizard__form-notification-info-title-row .ui-icon-set {
	--ui-icon-set__icon-color: var(--ui-color-palette-gray-30);
}

.resource-creation-wizard__form-notification-info-text-row {
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
	font-size: var(--ui-font-size-sm);
	color: var(--ui-color-palette-gray-60);
}

.resource-creation-wizard__form-notification-text-row {
	display: flex;
	padding: 0 11px;
}

.resource-creation-wizard__form-notification-text-row-icon {
	width: 18px;
	height: 18px;
	background: var(--ui-color-palette-gray-50);
	margin-right: 5px;
}

.resource-creation-wizard__form-notification-text-row-checkbox {
	margin-right: 5px;
}

.resource-creation-wizard__form-notification-info-text-row-template-edit-btn.--dotted {
	border-bottom: 1px dotted;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	cursor: pointer;
}

.resource-creation-wizard__form-notification-info-text-row-template-edit-btn {
	font-size: 13px;
	color: var(--ui-color-palette-gray-60);
	margin-left: auto;
}

.resource-creation-wizard__form-notification-text {
	padding-top: 1px;
	color: var(--ui-color-palette-gray-90);
	font-size: var(--ui-font-size-sm);
}

.resource-creation-wizard__form-notification-info-template {
	color: var(--ui-color-palette-black-solid);
	font-size: var(--ui-font-size-sm);
	transition: opacity 200ms, filter 200ms;
}

.resource-creation-wizard__form-notification-info-template span.--accent {
	color: var(--ui-color-palette-blue-40);
	cursor: pointer;
}

.resource-creation-wizard__form-notification-info-template span.--bold {
	color: var(--ui-color-palette-blue-70);
	font-weight: var(--ui-font-weight-medium);
}

.booking-resource-creation-wizard-notification-container.--disabled .resource-creation-wizard__form-notification-info-template {
	opacity: 0.5;
	filter: grayscale(1);
}

.notification-label {
	margin-right: 0;
}

.notification-label:hover {
	cursor: pointer;
}

.notification-label.--active {
	border: 1px solid var(--ui-color-palette-blue-40);
	background: var(--ui-color-palette-blue-15);
}

.resource-creation-wizard__form-notification-info-template-choose-buttons {
	margin-top: 20px;
}

.booking-resource-creation-wizard-choose-template-button {
	max-width: -webkit-max-content;
	max-width: max-content;
}

.resource-creation-wizard__form-notification-info-template-choose-buttons button {
	text-transform: initial;
	font-size: var(--ui-font-size-md);
	font-weight: var(--ui-font-weight-regular);
}

.booking-resource-creation-wizard-notification-header {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.booking-resource-creation-wizard-notification-number {
	margin-right: 10px;
	color: var(--ui-color-accent-light-blue);
	background: var(--ui-color-palette-blue-20);
	font-size: var(--ui-font-size-lg);
	--size: 28px;
	width: var(--size);
	height: var(--size);
	line-height: var(--size);
	text-align: center;
	border-radius: 1in;
}

.booking-resource-creation-wizard-notification-title {
	font-size: 21px;
	margin-right: auto;
}

.booking-resource-creation-wizard-notification-header .ui-icon-set {
	--ui-icon-set__icon-color: var(--ui-color-palette-gray-50);
}

.booking-resource-creation-wizard-manager-see {
	margin-left: auto;
	padding-bottom: 1px;
	border-bottom: var(--ui-border-width-thin) dashed rgba(var(--ui-color-link-primary-base-rgb), 0.4);
	color: var(--ui-color-link-primary-base);
	font-size: var(--ui-font-size-lg);
	cursor: pointer;
}

.rcw__resource-type {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 14px;
	cursor: pointer;
}

.booking--rcw--resource-type__icon {
	height: 42px;
	width: 42px;
	background-image: url(../images/advertising-resource-type/none.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.booking--rcw--resource-type__icon--medicalServices
{
	background-image: url(../images/advertising-resource-type/medicalServices.svg);
}

.booking--rcw--resource-type__icon--carRent
{
	background-image: url(../images/advertising-resource-type/carRent.svg);
}

.booking--rcw--resource-type__icon--equipmentRent
{
	background-image: url(../images/advertising-resource-type/equipmentRent.svg);
}

.booking--rcw--resource-type__icon--expertServices
{
	background-image: url(../images/advertising-resource-type/expertServices.svg);
}

.booking--rcw--resource-type__icon--roomRent
{
	background-image: url(../images/advertising-resource-type/roomRent.svg);
}

.rcw__resource-type__row {
	flex: 1;
	display: flex;
	align-items: center;
	padding: 12px 0;
}

.booking--rcw--resource-type-item:hover {
	background-color: rgba(var(--ui-color-palette-blue-50-rgb), .07);
	border-radius: var(--ui-border-radius-lg);
}

.booking--rcw--resource-type-item:not(:last-child) .rcw__resource-type__row {
	border-bottom: 1px solid var(--ui-color-base-05);
}

.rcw__resource-type__label {
	flex: 1;
}

.rcw__resource-type__label-title {
	line-height: 18px;
	color: var(--ui-color-base-90);
}

.rcw__resource-type__label-description {
	font-size: var(--ui-font-size-xs);
	line-height: 15px;
	color: var(--ui-color-base-70);
}

.booking--rcw--resource-type-item .ui-icon-set {
	--ui-icon-set__icon-size: 24px;
	--ui-icon-set__icon-color: var(--ui-color-base-35);
}

.booking--rcw--resource-type-item:hover .ui-icon-set {
	--ui-icon-set__icon-color: var(--ui-color-palette-blue-50);
}

.resource-creation-wizard__form-settings.--base .ui-form-row {
	width: 50%;
}

.booking--rcw--field-with-validation {
	display: flex;
	flex-direction: column;
	align-items: start !important;
}

.booking--rcw--form-row-align {
	align-items: start;
}

.booking--rcw--resource-name-description {
	color: var(--ui-color-palette-gray-90);
	font-size: var(--ui-font-size-sm);
}

.resource-creation-wizard__form-settings-schedule-view {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.booking--rcw--schedule-item {
	display: flex;
	gap: 16px;
	background-color: var(--ui-color-palette-gray-04);
	border: 1px solid var(--ui-color-palette-gray-04);
	padding: 16px;
	border-radius: 8px;
	cursor: pointer;
}

.booking--rcw--schedule-item.--selected {
	background-color: var(--ui-color-palette-blue-20);
	border: 1px solid var(--ui-color-palette-blue-20);
	transition: 0.2s;
}

.booking--rcw--schedule-item:hover {
	border: 1px solid var(--ui-color-palette-blue-40);
	transition: 0.2s;
}

.booking--rcw--schedule-item-radio {
	display: flex;
	align-items: start;
}

.booking--rcw--schedule-item-text {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.booking--rcw--schedule-item-text-title {
	font-size: var(--ui-font-size-lg);
	font-weight: var(--ui-font-weight-normal);
	margin-bottom: 2px;
	cursor: pointer;
}

.booking--rcw--schedule-item-text-description {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: var(--ui-font-size-sm);
}

.booking--rcw--schedule-item-view {
	min-width: 134px;
	width: 134px;
	height: 83px;
	aspect-ratio: 2;
	background-size: cover;
	background-position: center;
	border: 1px solid var(--ui-color-palette-gray-20);
	border-radius: 8px;
}

.booking--rcw--schedule-item:hover .booking--rcw--schedule-item-view {
	border: 1px solid var(--ui-color-palette-gray-40);
}

.booking--rcw--schedule-item.--selected .booking--rcw--schedule-item-view {
	border: 1.4px solid var(--ui-color-palette-blue-40);
	box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.06);
}

.resource-creation-wizard__form-settings-schedule-view-common {
	background-image: url(../images/schedule-common.svg?5);
}

.resource-creation-wizard__form-settings-schedule-view-extra {
	background-image: url(../images/schedule-extra.svg?5);
}

.resource-creation-wizard__form-settings-schedule-view input {
	cursor: pointer;
}

.booking--rcw--schedule-item-text-description-more {
	font-size: var(--ui-font-size-xs);
}

.resource-creation-wizard__integration-block {
	padding: 19px 24px;
	border: 1px solid rgba(var(--ui-color-base-solid-rgb), var(--ui-opacity-10));
	border-radius: var(--ui-border-radius-sm);
}

.resource-creation-wizard__integration-block-header {
	display: flex;
	align-items: center;
	column-gap: 3px;
	margin-left: -4px;
	margin-bottom: 8px;
}

.resource-creation-wizard__integration-block-title {
	font-weight: var(--ui-font-weight-medium);
	font-size: var(--ui-font-size-xl);
	color: var(--ui-color-text-primary);
}

.resource-creation-wizard__integration-block-description {
	font-size: var(--ui-font-size-sm);
	color: var(--ui-color-text-secondary);
}

.resource-creation-wizard__integration-block-switcher {
	margin-left: auto;
}

.resource-creation-wizard__integration-block-settings {
	margin-top: 20px;
	padding-top: 13px;
	border-top: 1px solid var(--ui-color-divider-default);
}

.resource-creation-wizard__integration-block-settings-item-info-title {
	margin-bottom: 2px;
}

.resource-creation-wizard__integration-block-settings-item-info-description {
	color: var(--ui-color-gray-70, #828B95);
	font-size: var(--ui-font-size-sm);
}

.resource-creation-wizard__integration-block-settings-item-info {
	margin-bottom: 14px;
}

.resource-creation-wizard__integration-block-settings-item {
	margin-bottom: 25px;
}

.resource-creation-wizard__integration-block-settings-selector.--warning .ui-tag-selector-outer-container {
	border-color: var(--ui-color-accent-soft-border-red);
}

.booking--rcw--error-message-container {
	padding-top: 5px;
}

.booking--rcw--error-message {
	display: flex;
	align-items: center;
	color: var(--ui-field-color-danger);
	font-size: var(--ui-font-size-xs);
}

.booking--rcw--error-message .ui-icon-set {
	--ui-icon-set__icon-color: var(--ui-field-color-danger);
	height: 18px;
}

.resource-creation-wizard__form-settings-title-row {
	display: flex;
	gap: 7px;
	align-items: center;
}

.resource-creation-wizard__form-settings-title {
	font-size: var(--ui-font-size-2xl);
}

.resource-creation-wizard__form-settings-text {
	color: var(--ui-color-palette-gray-90);
	font-size: var(--ui-font-size-sm);
}

.resource-creation-wizard__form-work-time-selector {
	display: flex;
	flex-direction: column;
	padding: 18px 24px 18px 24px;
	gap: 4px;
	border-radius: 8px;
	background-color: white;
	border: 1px solid var(--ui-color-palette-gray-10);
}

.resource-creation-wizard__form-work-time-selector .ui-form-row-inline {
	margin-top: 0;
}

.resource-creation-wizard__form-work-time-selector .ui-form-row, .ui-form-row-inline {
	margin-bottom: 0;
}

.resource-creation-wizard__form-work-time-selector .work-time-selector-label-text:not(.--disabled) span {
	cursor: pointer;
	color: var(--ui-color-link-primary-base);
	-webkit-text-decoration: underline dashed;
	        text-decoration: underline dashed;
	text-underline-offset: 3px;
}

.resource-creation-wizard__form-work-time-selector-slots.--disabled {
	opacity: 0.5;
}

.resource-creation-wizard__form-work-time-selector-slots {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.resource-creation-wizard__form-work-time-selector-slots-timezone {
	display: flex;
	gap: 4px;
	padding: 10px;
	border-radius: 8px;
	background-color: var(--ui-color-palette-gray-03);
}

.resource-creation-wizard__form-work-time-selector-slots-timezone-text {
	color: var(--ui-color-palette-gray-80);
	font-size: var(--ui-font-size-xs);
	font-weight: var(--ui-font-weight-normal);
}

.resource-creation-wizard__form-work-time-selector-slots-timezone-text span {
	color: var(--ui-color-link-primary-base);
	-webkit-text-decoration: underline dashed;
	        text-decoration: underline dashed;
	text-underline-offset: 3px;
}

.resource-creation-wizard__form-slot-length-selector {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
	background-color: white;
	border: 1px solid var(--ui-color-palette-gray-10);
	border-radius: var(--ui-border-radius-xs);
	box-shadow: 0 2px 4px var(--ui-color-palette-gray-20);
	padding: 6px 8px 6px 8px;
	height: 24px;
}

.resource-creation-wizard__form-slot-length-selector .ui-btn + .ui-btn {
	margin-top: 0;
}

.resource-creation-wizard__form-slot-length-selector .ui-btn {
	width: 100%;
	text-transform: var(--ui-text-transform-none);
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}

.resource-creation-wizard__form-slot-length-precision {
	margin-top: 14px;
}

.booking-resource-creation-wizard-label-dropdown {
	--border-color: var(--ui-color-palette-blue-40);
	--background-color: var(--ui-color-palette-blue-15);
	--text-color: var(--ui-color-palette-black-base);
}

.booking-resource-creation-wizard-notification-container.--disabled .booking-resource-creation-wizard-label-dropdown {
	--border-color: var(--ui-color-base-10);
	--background-color: var(--ui-color-base-03);
	--text-color: var(--ui-color-base-40);
	pointer-events: none;
}


.booking-resource-creation-wizard-label-dropdown {
	position: relative;
	display: inline-block;
	padding: 1px 16px 2px 7px;
	border-radius: var(--ui-border-radius-pill);
	border: var(--ui-border-width-thin) solid var(--border-color);
	background: var(--background-color);
	color: var(--text-color);
	white-space: nowrap;
	cursor: pointer;
	transition: border-color 200ms, background 200ms, color 200ms;
}

.booking-resource-creation-wizard-label-dropdown .ui-icon-set {
	position: absolute;
	right: 3px;
	top: 50%;
	transform: translateY(-45%);
	--ui-icon-set__icon-size: 12px;
	--ui-icon-set__icon-color: var(--ui-color-base-40);
}

.resource-creation-wizard__form-work-time-selector-widget {
	display: flex;
	align-items: center;
	gap: 6px;
}

.resource-creation-wizard__form-work-time-selector-widget .ui-form-row {
	padding-right: 0 !important;
}

.resource-creation-wizard__form-work-time-selector-widget .ui-ctl {
	width: 100% !important;
	cursor: pointer;
}

.resource-creation-wizard__form-work-time-selector-widget-days.ui-form-row {
	flex: 1;
}

.resource-creation-wizard__form-work-time-selector-widget-time {
	flex-grow: 0;
}

.resource-creation-wizard__form-work-time-selector-widget-time .ui-form-row {
	flex-shrink: 0;
	flex-grow: 0;
}

.resource-creation-wizard__form-work-time-selector-btn-row {
	flex-grow: 0;
	flex-shrink: 1;
}

.resource-creation-wizard__form-work-time-selector .ui-ctl-icon-angle
{
	transition: transform 0.150s ease-in-out;
}

.resource-creation-wizard__form-work-time-selector .ui-ctl-icon-angle.--active {
	transform: rotateX(180deg);
}

.resource-creation-wizard__form-work-time-selector-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 30px;
	height: 30px;
	color: var(--ui-color-palette-gray-80);
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
}

.resource-creation-wizard__form-work-time-selector-btn:hover,
.resource-creation-wizard__form-work-time-selector-btn.--remove:hover
{
	color: var(--ui-field-color-primary);
}

.resource-creation-wizard__form-work-time-selector-btn:before,
.resource-creation-wizard__form-work-time-selector-btn:after {
	position: absolute;
	content: '';
	width: 2px;
	display: block;
	height: 14px;
	background: var(--ui-color-palette-gray-80);
	left: 50%;
	top: 50%;
	transform-origin: center;
	transform: translate(-50%, -50%);
}

.resource-creation-wizard__form-work-time-selector-btn:after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.resource-creation-wizard__form-work-time-selector-btn:hover:before,
.resource-creation-wizard__form-work-time-selector-btn:hover:after,
.resource-creation-wizard__form-work-time-selector-btn.--remove:hover:before,
.resource-creation-wizard__form-work-time-selector-btn.--remove:hover:after
{
	background: var(--ui-field-color-primary);
}

.resource-creation-wizard__form-work-time-selector-btn.--remove {
	transform: rotate(45deg);
	color: var(--ui-color-palette-gray-50);
}

.resource-creation-wizard__form-work-time-selector-btn.--remove:before,
.resource-creation-wizard__form-work-time-selector-btn.--remove:after {
	background: var(--ui-color-palette-gray-50);
}

.resource-creation-wizard__form-work-time-selector-dash {
	margin: 5px;
	width: 12px;
	height: 1px;
	background: var(--ui-color-palette-black-base);
}

.resource-creation-wizard__form-work-time-menu .menu-popup-item.--selected {
	background-color: var(--ui-color-palette-gray-20);
}

.resource-creation-wizard__form-work-time-menu .menu-popup-item.--selected .menu-popup-item-text{
	color: var(--ui-color-palette-black-base);
	font-weight: 400;
}

.resource-creation-wizard__form-slot-length-precision-selection {
	display: flex;
	justify-content: right;
	padding: 0;
}

.resource-creation-wizard__form-slot-length-precision-selection .ui-form-row, .ui-form-row-inline {
	margin-bottom: 0;
}

.resource-creation-wizard__form-slot-length-precision-selection .ui-ctl-time {
	width: 50px;
}

.resource-creation-wizard__form-slot-length-precision-selection .ui-ctl-element {
	text-align: center;
	padding: 2px;
}

.resource-creation-wizard__form-slot-length-precision-selection .ui-form-row.--disabled {
	opacity: .4;
	pointer-events: none;
}
.booking-resource-creation-wizard-channel-menu-button {
	height: -webkit-max-content;
	height: max-content;
	margin-left: 3px;
	border-bottom: 1px dashed var(--ui-color-base-30);
	color: var(--ui-color-base-60);
	font-size: var(--ui-font-size-sm);
	font-weight: var(--ui-font-weight-medium);
	cursor: pointer;
}

.booking-resource-creation-wizard-channel-menu-button.--disabled {
	cursor: default;
	border-bottom: none;
	font-weight: inherit;
}

.booking-resource-wizard-choose-template-popup-header-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: var(--ui-font-size-xl);
	font-weight: var(--ui-font-weight-medium);
}

.booking-resource-wizard-choose-template-popup-header-title .ui-icon-set {
	cursor: pointer;
}

.booking-resource-wizard-choose-template-popup-header-line {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid var(--ui-color-palette-gray-10);
}

.booking-resource-wizard-choose-template-popup-container {
	max-height: 450px;
	overflow-y: auto;
}

.booking-resource-wizard-choose-template-popup-content {
	margin-bottom: 10px;
}

.booking-resource-wizard-choose-template-popup-content-title {
	font-size: var(--ui-font-size-2xl);
	font-weight: var(--ui-font-weight-medium);
}

.booking-resource-wizard-choose-template-popup-content-desc {
	font-size: var(--ui-font-size-lg);
	font-weight: var(--ui-font-weight-normal);
	color: var(--ui-color-palette-gray-60);
}

.booking-resource-wizard-choose-template-popup-content-msg-example {
	margin-top: 10px;
	border: 1px solid var(--ui-color-palette-gray-15);
	border-radius: var(--ui-border-radius-xl);
}

.booking-resource-wizard-choose-template-popup-content-msg-example-body {
	color: var(--ui-color-palette-black-solid);
	font-size: var(--ui-font-size-sm);
	font-weight: var(--ui-font-weight-normal);
	padding: 12px;
	border-top-left-radius: var(--ui-border-radius-lg);
	border-top-right-radius: var(--ui-border-radius-lg);
}

.booking-resource-wizard-choose-template-popup-content-msg-example-body.wha {
	overflow: hidden;
	background: url('../images/whatsapp-msg-bg.svg') no-repeat;
	background-size: cover;
}

.booking-resource-wizard-choose-template-popup-content-msg-example-body-text {
	padding: 7px 7px 12px;
	border-radius: var(--ui-border-radius-sm);
	justify-content: center;
	align-items: center;
	gap: 10px;
	display: inline-flex;
	cursor: default;
	-webkit-user-select: none;
	        user-select: none;
}

.booking-resource-wizard-choose-template-popup-content-msg-example-body-text.wha {
	background: var(--ui-color-palette-white-base);
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.14);
}

.booking-resource-wizard-choose-template-popup-content-msg-example-body-text.sms {
	background: var(--ui-color-palette-gray-15);
	border-radius: var(--ui-border-radius-2xl);
	padding-left: 14px;
	padding-right: 14px;
}

.booking-resource-wizard-choose-template-popup-content-msg-example-body-text-tail.wha {
	display: none;
}

.booking-resource-wizard-choose-template-popup-content-msg-example-body-text-tail.sms {
	width: 19px;
	height: 19px;
	background: url('../images/tail.svg') no-repeat;
	margin-top: -15px;
	margin-left: -5px;
}

.booking-resource-wizard-choose-template-popup-content-msg-example-body-text-time.wha {
	display: block;
	text-align: right;
	color: var(--ui-color-palette-gray-60);
	font-size: var(--ui-font-size-3xs);
	font-weight: var(--ui-font-weight-normal);
	word-wrap: break-word;
	align-self: flex-end;
}

.booking-resource-wizard-choose-template-popup-content-msg-example-body-text-time.sms {
	display: none;
}

.booking-resource-wizard-choose-template-popup-content-msg-example-actions {
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 6px;
	display: inline-flex;
}

.booking-resource-wizard-choose-template-popup-content-msg-example-actions button.--selected {
	background: none;
	border: 0;
	padding-left: 0;
}

.booking-resource-creation-wizard-message-template-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 27px;
}

.booking-resource-creation-wizard-message-template-empty-icon {
	width: 110px;
	height: 93px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 110 93' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_2685_137577)'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.123 13.423c-6.627 0-12 5.372-12 12v28.883c0 6.628 5.373 12 12 12h4.312v10.096c0 2.554 2.987 3.94 4.937 2.29l14.641-12.386h32.105c6.627 0 12-5.372 12-12V25.423c0-6.628-5.373-12-12-12H27.123z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.123 13.423c-6.627 0-12 5.372-12 12v28.883c0 6.628 5.373 12 12 12h4.312v10.096c0 2.554 2.987 3.94 4.937 2.29l14.641-12.386h32.105c6.627 0 12-5.372 12-12V25.423c0-6.628-5.373-12-12-12H27.123z' fill='%23fff'/%3E%3Cpath d='M31.435 66.306h1v-1h-1v1zm4.937 12.386l.646.764-.646-.764zm14.641-12.386v-1h-.366l-.28.237.646.763zm-34.89-40.883c0-6.075 4.925-11 11-11v-2c-7.18 0-13 5.82-13 13h2zm0 28.883V25.423h-2v28.883h2zm11 11c-6.075 0-11-4.925-11-11h-2c0 7.18 5.82 13 13 13v-2zm4.312 0h-4.312v2h4.312v-2zm1 11.096V66.306h-2v10.096h2zm3.291 1.527c-1.3 1.1-3.291.175-3.291-1.527h-2c0 3.405 3.983 5.253 6.583 3.053l-1.292-1.526zm14.641-12.386l-14.64 12.386 1.291 1.526L51.659 67.07l-1.292-1.527zm32.75-.237H51.014v2h32.105v-2zm11-11c0 6.075-4.924 11-11 11v2c7.18 0 13-5.82 13-13h-2zm0-28.883v28.883h2V25.423h-2zm-11-11c6.076 0 11 4.925 11 11h2c0-7.18-5.82-13-13-13v2zm-55.994 0h55.995v-2H27.123v2z' fill='%231EC6FA' fill-opacity='.5' mask='url(%23a)'/%3E%3C/g%3E%3Crect opacity='.33' x='26' y='24' width='47.467' height='4.989' rx='2.495' fill='%232FC6F6'/%3E%3Crect opacity='.33' x='26' y='34.977' width='44.155' height='4.989' rx='2.495' fill='%232FC6F6'/%3E%3Crect opacity='.33' x='26' y='45.953' width='26.493' height='4.989' rx='2.495' fill='%232FC6F6'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_2685_137577' x='11.286' y='12.783' width='87.669' height='73.659' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3.198'/%3E%3CfeGaussianBlur stdDeviation='1.919'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0.294033 0 0 0 0 0.3875 0 0 0 0.06 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_2685_137577'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_2685_137577' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.booking-resource-creation-wizard-message-template-empty-text {
	color: var(--ui-color-base-50);
	font-size: var(--ui-font-size-lg);
}

.resource-creation-wizard__form-week-days-popup {
	display: flex;
	gap: 2px;
	-webkit-user-select: none;
	        user-select: none;
}

.resource-creation-wizard__form-week-days-popup-weekday {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 60px;
	border-radius: 8px;
	background: #EEF2F4;
	cursor: pointer;
}

.resource-creation-wizard__form-week-days-popup-weekday-text {
	font-size: 14px;
	color: #333333;
	margin-bottom: 6px;
}

.resource-creation-wizard__form-week-days-popup-weekday-icon {
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #C9CCD0;
	border-radius: 50%;
}

.resource-creation-wizard__form-week-days-popup-weekday.--selected {
	background: #D3F4FF;
}

.resource-creation-wizard__form-week-days-popup-weekday.--selected .resource-creation-wizard__form-week-days-popup-weekday-icon {
	border: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2300B0E8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.005 11.136l5.282-5.214 1.598 1.607-6.855 6.796-.025-.025-.025.025-4.193-4.059L6.385 8.66l2.62 2.477z' fill='%23fff'/%3E%3C/svg%3E");
}