.clinics-productPopup .tabs-body .step_1 .parts {display: flex; flex-direction: column; gap: 2rem;}

.clinics-productPopup .tabs-body .step_1 .parts .part .title {
	text-align: center; line-height: 3rem; font-size: 1.6rem; font-weight: bold;
	border-radius: 1rem; background-color: var(--blue-lightest); cursor: default;
}
.clinics-productPopup .tabs-body .step_1 .parts .part.empty .title {background-color: #ffe8e8; color: #900;}

.clinics-productPopup .tabs-body .step_1 .parts .date .ui-datepicker {max-width: unset;}
.clinics-productPopup .tabs-body .step_1 .parts .date .ui-datepicker .ui-state-default {line-height: 38px;}

.clinics-productPopup .tabs-body .step_1 .parts .period .items {display: flex; gap: 1rem;}
.clinics-productPopup .tabs-body .step_1 .parts .period .items ul {
	width: 50%; max-height: 420px; margin: 0; padding: 1rem 0; overflow: auto;
	border-radius: 1rem; background-color: var(--blue-lightest);
}
.clinics-productPopup .tabs-body .step_1 .parts .period .items.single_col ul {width: 100%;}

.clinics-productPopup .tabs-body .step_1 .parts .period .item {
	padding: 0 1.3rem; cursor: pointer; text-align: center;
	line-height: 45px; font-size: 1.5rem;
}
.clinics-productPopup .tabs-body .step_1 .parts .period .item:hover {background-color: var(--blue-light);}
.clinics-productPopup .tabs-body .step_1 .parts .period .item.active {background-color: var(--blue-main); color: white;}

.clinics-productPopup .tabs-body .step_1 .line {align-items: center;}

.clinics-productPopup .tabs-body .step_1 .availability {margin-right: auto; font-size: 1rem;}
.clinics-productPopup .tabs-body .step_1 .availability i {width: 1rem; height: 1rem; text-align: center; line-height: 17px;}
.clinics-productPopup .tabs-body .step_1 .availability b {font-size: 1.2rem; margin-left: 5px;}

@media screen and (min-width: 40em) {
	.clinics-productPopup .tabs-body .step_1 .parts {flex-direction: row; gap: unset; justify-content: space-between;}
	.clinics-productPopup .tabs-body .step_1 .parts .part {width: 46%;}
}