.booking-actions-popup__item {
	padding: 12px 9px;
}

.booking-booking-actions-popup .booking-booking-sticky-popup-content {
	background: var(--ui-color-base-02);
	margin-bottom: 10px;
}

.booking-booking-actions-popup-footer {
	display: flex;
	justify-content: space-evenly;
	gap: 10px;
	margin-top: 7px;
}

.booking-booking-actions-popup-label {
	position: absolute;
	right: 12px;
	top: 1px;
	transform: translateY(-50%);
	padding: 1px 6px;
	border-radius: 1in;
	background: var(--ui-color-accent-light-blue);
	color: var(--ui-color-palette-white-base);
	font-size: var(--ui-font-size-6xs);
	font-weight: var(--ui-font-weight-bold);
	cursor: default;
}


.booking-actions-popup-item-info {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-right: auto;
}

.booking-actions-popup-item-icon {
	display: flex;
	height: -webkit-max-content;
	height: max-content;
	padding: 3px;
	border: 1px dashed var(--ui-color-palette-gray-20);
	border-radius: 50%;
}

.booking-actions-popup-item-icon .ui-icon-set {
	--ui-icon-set__icon-size: 20px;
	--ui-icon-set__icon-color: var(--ui-color-palette-gray-20);
}

.booking-actions-popup-item-title {
	display: flex;
	margin-bottom: 2px;
	color: var(--ui-color-palette-gray-70);
	font-size: var(--ui-font-size-sm);
	font-weight: var(--ui-font-weight-medium);
}

.booking-actions-popup-item-title span {
	max-width: 142px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: default;
}

.booking-actions-popup-item-title .ui-icon-set {
	--ui-icon-set__icon-size: 16px;
	--ui-icon-set__icon-color: var(--ui-color-palette-gray-30);
	cursor: pointer;
}

.booking-actions-popup-item-title .ui-icon-set:hover {
	--ui-icon-set__icon-color: var(--ui-color-palette-gray-40);
}

.booking-actions-popup-item-subtitle {
	color: var(--ui-color-palette-gray-50);
	font-size: var(--ui-font-size-xs);
}

.booking-actions-popup-item-buttons {
	display: flex;
	position: relative;
	justify-content: flex-end;
	gap: 8px;
	align-self: center;
}

.booking-actions-popup-item-buttons button {
	--ui-btn-padding: 0 8px;
	--ui-btn-height: var(--ui-size-md2);
	text-transform: var(--ui-text-transform-none);
	font-weight: var(--ui-font-weight-semi-bold);
}

.booking-actions-popup-item-buttons .ui-icon-set {
	position: absolute;
	--ui-icon-set__icon-size: 16px;
	--ui-icon-set__icon-color: var(--ui-color-base-35);
}

.booking-actions-popup-item-buttons .ui-icon-set.--lock {
	position: relative;
}

.booking-actions-popup-plus-button .ui-icon-set {
	--ui-icon-set__icon-color: var(--ui-color-primary);
}

.booking-actions-popup-button-with-chevron .ui-icon-set {
	position: relative;
	margin-right: -5px;
	margin-left: 2px;
	--ui-icon-set__icon-size: 12px;
	--ui-icon-set__icon-color: var(--ui-color-base-40);
}

.booking-actions-popup-button-with-chevron.--lock .ui-btn-text,
.booking-actions-popup-button-with-chevron.--disabled .ui-btn-text {
	color: var(--ui-color-base-35);
}

.booking-actions-popup-item-buttons-counter {
	display: flex;
	position: absolute;
	background-color: var(--ui-color-palette-red-50);
	border-radius: 50%;
	width: 4px;
	height: 4px;
	right: 7px;
	bottom: 15px;
}

.booking-actions-popup__item.--disabled .booking-actions-popup-item-icon,
.booking-actions-popup__item.--disabled .booking-actions-popup-item-info,
.booking-actions-popup__item.--disabled .booking-actions-popup-item-buttons {
	opacity: 0.5;
	pointer-events: none;
	-webkit-user-select: none;
	        user-select: none;
}

.booking-actions-popup__item.--disabled .booking-actions-popup-item-title .ui-icon-set {
	pointer-events: all;
}

.booking-actions-popup__item-client {
	background: var(--ui-color-background-note);
	padding: 0;
	border-radius: var(--ui-border-radius-lg);
}

.booking-actions-popup__item-client-client {
	display: flex;
	gap: 10px;
	padding: 13px 10px;
	border-radius: var(--ui-border-radius-lg);
	background: var(--ui-color-palette-white-base);
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.09);
}

.booking-actions-popup__item-client-loader {
	width: 100%;
	height: 87px;
}

.booking-actions-popup__item-client-icon-container {
	min-width: 38px;
}

.booking-actions-popup-user__avatar {
	display: inline-block;
	width: 38px;
	height: 38px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	background-position: center;
}

.booking-actions-popup-user__avatar.--user {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M72.786%2062.254c0-2.31-3.03-4.95-9-6.489a20.3%2020.3%200%200%201-5.7-2.584c-.383-.218-.325-2.236-.325-2.236l-1.922-.292c0-.164-.164-2.584-.164-2.584%202.3-.77%202.063-5.314%202.063-5.314%201.46.807%202.41-2.784%202.41-2.784%201.729-4.994-.86-4.693-.86-4.693.823-3.738%200-9.2%200-9.2-1.15-10.116-18.47-7.37-16.416-4.065-5.062-.934-3.907%2010.55-3.907%2010.55l1.1%202.97c-2.156%201.392-.658%203.079-.585%205.02.106%202.865%201.86%202.272%201.86%202.272.11%204.728%202.447%205.35%202.447%205.35.44%202.969.166%202.464.166%202.464l-2.082.25a8.223%208.223%200%200%201-.164%202.013c-2.45%201.093-2.971%201.727-5.406%202.793-4.7%202.053-9.808%204.723-10.715%208.317C24.679%2067.606%2023%2075.995%2023%2075.995h53l-3.215-13.74z%22/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-size: cover;
}

.booking-actions-popup-user__source {
	width: 100%;
	height: 100%;
	border: 0;
}

.booking-actions-popup__item-client-icon {
	width: 38px;
	height: 38px;
	border: 1px solid var(--ui-color-palette-gray-20);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.booking-actions-popup__item-client-info {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.booking-actions-popup__item-client-info-empty {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.booking-actions-popup__item-client-info-empty > div:first-child {
	width: 114px;
	height: 4px;
	background-color: var(--ui-color-palette-gray-15);
	border-radius: 10px;
}

.booking-actions-popup__item-client-info-empty > div:last-child {
	width: 67px;
	height: 4px;
	background-color: var(--ui-color-palette-gray-15);
	border-radius: 10px;
}

.booking-actions-popup__item-client-info-label {
	margin-bottom: 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--ui-color-palette-black-base);
	font-size: var(--ui-font-size-lg);
	font-weight: var(--ui-font-weight-medium);
}

.booking-actions-popup__item-client-info-label.--empty {
	margin-bottom: 13px;
	color: var(--ui-color-palette-gray-70);
}

.booking-actions-popup__item-client-info-btn {
	margin-top: 12px;
	align-self: flex-start;
}

.booking-actions-popup-item-client-open-button .ui-btn {
	--ui-btn-background-hover: var(--ui-color-base-03);
	--ui-btn-background-active: var(--ui-color-palette-blue-30);
	--ui-btn-border-color: var(--ui-color-palette-blue-30);
	--ui-btn-border-color-hover: var(--ui-color-palette-blue-30);
	--ui-btn-border-color-active: var(--ui-color-palette-blue-30);
}

.booking-actions-popup__item-client-info-btn button.ui-btn-icon-add.ui-btn:after,
.booking-actions-popup__item-client-info-btn button.ui-btn-icon-lock.ui-btn:after {
	width: 16px;
	height: 16px;
	background-size: contain;
	left: 5px;
}

.booking-actions-popup__item-client-action {
	display: flex;
	gap: 6px;
	max-height: -webkit-max-content;
	max-height: max-content;
	margin-left: auto;
	opacity: 0.5;
}

.booking-actions-popup__item-confirmation-content {
	display: flex;
	gap: 10px;
}

.booking-actions-popup__item-confirmation-loader {
	width: 100%;
	height: 33px;
}

.booking-actions-popup-item-icon.--confirmed {
	background-color: var(--ui-color-palette-green-60);
	border-color: transparent;
}

.booking-actions-popup-item-icon.--awaiting {

}

.booking-actions-popup-item-icon.--delayed {
	background-color: var(--ui-color-palette-orange-60);
	border-color: transparent;
}

.booking-actions-popup-item-icon.--not-confirmed {
	background-color: var(--ui-color-palette-red-50);
	border-color: transparent;
}

.booking-actions-popup-item-subtitle.--confirmed {
	color: var(--ui-color-palette-green-60);
}

.booking-actions-popup-item-subtitle.--awaiting {
	color: var(--ui-color-palette-gray-50);
}

.booking-actions-popup-item-subtitle.--delayed {
	color: var(--ui-color-palette-orange-60);
}

.booking-actions-popup-item-subtitle.--not-confirmed {
	color: var(--ui-color-palette-red-50);
}

.booking-actions-popup__item-deal-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.booking-actions-popup__item-deal-loader {
	width: 100%;
	height: 75px;
}

.booking-actions-popup__item-deal {
	display: flex;
	gap: 8px;
	min-height: 50px;
}

.booking-actions-popup__item-deal-content.--active .booking-actions-popup-item-icon {
	border-color: transparent;
	background: var(--ui-color-primary);
}

.booking-actions-popup__item-deal-content.--active .booking-actions-popup-item-icon .ui-icon-set {
	--ui-icon-set__icon-color: var(--ui-color-palette-white-base);
}

.booking-actions-popup__item-deal-content.--active .booking-actions-popup-item-title {
	color: var(--ui-color-palette-gray-90);
}

.booking-actions-popup__item-deal-profit {
	color: var(--ui-color-palette-gray-70);
	font-size: var(--ui-font-size-xs);
}

.booking-actions-popup-plus-button.--lock .ui-icon-set {
	--ui-icon-set__icon-color: var(--ui-color-base-35);
}

.booking-menu-deal-add-button.--lock .ui-btn-text {
	color: var(--ui-color-base-35);
}

.booking-actions-popup__item-doc-content {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.booking-actions-popup__item-doc-loader {
	width: 100%;
	height: 75px;
}

.booking-actions-popup__item-doc {
	display: flex;
	gap: 8px;
	min-height: 50px;
}

.booking-actions-popup__item-doc-content .booking-actions-popup-item-buttons {
	display: flex;
	justify-content: center;
}

.booking--actions-popup--extra-resources-info__row {
	display: flex;
	flex-direction: row;
	gap: 6px;
	justify-content: start;
}

.booking--actions-popup--extra-resources-info__icon-product-bg.--active {
	background-color: rgba(222, 237, 255, 1);
	border: 1px solid rgba(222, 237, 255, 1);
}

.booking--actions-popup--extra-resources-info__content {
	flex-grow: 1;
}

.booking--actions-popup--extra-resources-info__title {
	display: flex;
	align-items: center;
}

.booking--actions-popup--extra-resources-info__title > span {
	color: var(--ui-color-palette-gray-70);
	font-size: var(--ui-font-size-sm);
	line-height: var(--ui-font-line-height-2xs);
}

.booking--actions-popup--extra-resources-info__title .ui-icon-set {
	--ui-icon-set__icon-size: 16px;
	--ui-icon-set__icon-color: var(--ui-color-palette-gray-30);
	cursor: pointer;
}

.booking--actions-popup--extra-resources-info__title .ui-icon-set:hover {
	--ui-icon-set__icon-color: var(--ui-color-palette-gray-40);
}

.booking--actions-popup--extra-resources-info__subtitle {
	color: var(--ui-color-palette-gray-50);
	font-size: var(--ui-font-size-xs);
	line-height: var(--ui-font-line-height-3xs);
	cursor: default;
}

.booking--actions-popup--extra-resources-info__subtitle .--fill {
	border-bottom: 1px dashed rgba(var(--ui-color-palette-gray-50-rgb), var(--ui-opacity-30));
	cursor: pointer;
	transition: .2s;
}

.booking--actions-popup--extra-resources-info__subtitle .--fill:hover {
	border-bottom: 1px dashed rgba(var(--ui-color-palette-gray-50-rgb), var(--ui-opacity-80));
}

.booking--actions-popup--extra-resources-info__icon-edit button.ui-btn {
	padding-right: calc(var(--ui-btn-padding-left) - var(--ui-btn-icon-compensation));
}

.booking--actions-popup--extra-resources-info__icon-edit button.ui-btn .ui-icon-set {
	margin-right: 0;
}

.booking--booking--actions-popup--extra-resources-info--extra-resources-dialog .ui-selector-item-title {
	max-height: 2rem;
	text-wrap: auto;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.booking--booking--actions-popup--extra-resources-info--extra-resources-dialog .ui-selector-item-badges {
	flex-shrink: 0;
	max-height: 1.2rem;
	align-self: center;
}

.booking--extra-resources-info_container {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	margin: 0 4px;
	max-height: 100%;
}

.booking--extra-resources-info_content {
	overflow: auto;
	padding: 4px 0;
}

.booking--extra-resources-info_content::-webkit-scrollbar {
	width: 0;
}

.booking--extra-resources-info_element {
	display: flex;
	flex-wrap: nowrap;
	padding: 8px 0;
	gap: 6px;
	min-height: 42px;
	box-sizing: border-box;
	align-items: center;
}

.booking--extra-resources-info_element-icon,
.booking--extra-resources-info_element-overbooking {
	flex-shrink: 0;
}

.booking--extra-resources-info_element-icon {
	--box-size: 22px;
	width: var(--box-size);
	height: var(--box-size);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--ui-border-radius-circle);
	background: var(--ui-color-accent-soft-blue-2);
}

.booking--extra-resources-info_element-text {
	flex-grow: 1;
	max-height: 2rem;
	text-wrap: auto;
	white-space: break-spaces;
	text-overflow: ellipsis;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.booking--extra-resources-info_element-overbooking .ui-label {
	margin-right: 0;
}

.booking-actions-popup__item-full-form-content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;

	/** soon **/
	opacity: 0.5;
	-webkit-user-select: none;
	        user-select: none;
}

.booking-actions-popup__item-full-form-label {
	color: var(--ui-color-palette-gray-90);
	font-size: 13px;
	font-weight: 400;
	line-height: 15px;
	text-align: left;
}

.booking-actions-popup__item-full-form-icon > div {
	display: flex;
	align-self: center;
}

.booking-actions-popup-info {
	display: flex;
	padding: 7px 11px;
	cursor: pointer;
}

.booking-actions-popup-info .ui-icon-set {
	--ui-icon-set__icon-size: 22px;
	--ui-icon-set__icon-color: var(--ui-color-primary);
}

.booking-actions-popup__item-message-content {
	display: flex;
	gap: 10px;
}

.booking-actions-popup__item-message-loader {
	width: 100%;
	height: 33px;
}

.booking-actions-popup-item-subtitle.--success {
	color: var(--ui-color-palette-green-60);
}

.booking-actions-popup-item-icon.--success {
	background-color: var(--ui-color-palette-green-60);
	border: none;
}

.booking-actions-popup-item-subtitle.--primary {
	color: var(--ui-color-accent-light-blue);
}

.booking-actions-popup-item-icon.--primary {
	background-color: var(--ui-color-accent-light-blue);
	border: none;
}

.booking-actions-popup-item-subtitle.--failure {
	color: var(--ui-color-palette-red-50);
}

.booking-actions-popup-item-icon.--failure {
	background-color: var(--ui-color-palette-red-50);
	border: none;
}

.booking-actions-popup__item-remove-button {
	display: flex;
	align-items: center;
	margin-left: 12px;
	cursor: pointer;
}

.booking-actions-popup__item-remove-button .ui-icon-set {
	--ui-icon-set__icon-size: 22px;
	--ui-icon-set__icon-color: var(--ui-color-palette-gray-60);
}

.booking-actions-popup__item-remove-button .ui-icon-set:hover {
	--ui-icon-set__icon-color: var(--ui-color-palette-gray-80);
}

.booking-actions-popup__item-visit-content {
	display: flex;
	gap: 10px;
}

.booking-actions-popup__item-visit-loader {
	width: 100%;
	height: 33px;
}

.booking-actions-popup-item-icon.--visited {
	background: var(--ui-color-palette-green-60);
	border-color: transparent;
}

.booking-actions-popup-item-icon.--not-visited {
	background: var(--ui-color-palette-orange-60);
	border-color: transparent;
}

.booking-actions-popup-item-subtitle.--visited {
	color: var(--ui-color-palette-green-60);
}

.booking-actions-popup-item-subtitle.--not-visited {
	color: var(--ui-color-palette-orange-60);
}

.booking-actions-popup__item-client-note {
	padding: 4px;
}

.booking-actions-popup__item-client-note-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2px 6px;
	border-radius: 4px;
	cursor: default;
}

.booking-actions-popup__item-client-note.--empty .booking-actions-popup__item-client-note-inner {
	cursor: pointer;
}

.booking-actions-popup__item-client-note.--empty .booking-actions-popup__item-client-note-inner:hover {
	box-shadow: inset 0 0 999px rgba(0, 0, 0, 0.03);
}

.booking-actions-popup__item-client-note-text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: var(--ui-color-base-default);
	font-size: var(--ui-font-size-xs);
}

.booking-actions-popup__item-client-note.--empty .booking-actions-popup__item-client-note-text {
	color: rgba(0, 0, 0, 0.3);
}

.booking-actions-popup__item-client-note-edit {
	display: flex;
	padding: 2px;
	border-radius: 4px;
	cursor: pointer;
}

.booking-actions-popup__item-client-note-edit:hover {
	box-shadow: inset 0 0 999px rgba(0, 0, 0, 0.03);
}

.booking-actions-popup__item-client-note .ui-icon-set {
	--ui-icon-set__icon-color: rgba(0, 0, 0, 0.3);
	--ui-icon-set__icon-size: 16px;
}

.booking-confirmation-menu-popup .menu-popup-item.menu-item-divider {
	height: 15px;
	width: 100%;
}

.booking-confirmation-menu-popup .menu-popup-item.menu-item-divider::before {
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	width: 100%;
	content: "";
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
