.clinics-productPopup {width: min(1000px, 90vw);}
.clinics-productPopup .body {min-height: unset !important; max-height: 80vh; padding: 1.5rem; overflow-y: auto;}

.clinics-productPopup .tabs-header {display: flex; justify-content: space-between;}
.clinics-productPopup .tabs-header div {
	width: 46%; padding: 12px; border-radius: 3px; cursor: default;
	background-color: #e4e4e4; text-align: center; font-size: 1rem;
}
.clinics-productPopup .tabs-header div.active {
	background-color: var(--blue-main); font-weight: bold; color: white;
}
.clinics-productPopup .tabs-header div.done {background-color: var(--blue-lightest); cursor: pointer;}
.clinics-productPopup .tabs-header div.done:hover {background-color: var(--blue-light);}

.clinics-productPopup .tabs-body {margin-top: 1rem;}
.clinics-productPopup .tabs-body > div {display: none;}
.clinics-productPopup .tabs-body > div.active {display: block;}
.clinics-productPopup .tabs-body h4,
.clinics-productPopup .tabs-body label {color: var(--blue-main);}
.clinics-productPopup .tabs-body hr {margin: 1rem auto;}
.clinics-productPopup .tabs-body .line {display: flex; gap: 1rem;}
.clinics-productPopup .tabs-body .button {min-width: 120px; margin-bottom: 0; font-size: 1.5rem;}

.clinics-productPopup .tabs-body i.fal {font-size: 17px; color: var(--green-dark);}
.clinics-productPopup .tabs-body .moreInfo {margin-right: .5rem; cursor: pointer;}
.clinics-productPopup .tabs-body .moreInfo:hover {font-weight: bold;}
.clinics-productPopup .tabs-body .moreInfo.active {font-weight: bold;}
.clinics-productPopup .tabs-body .moreInfoContent {display: none;}

/* More info */
.moreInfoPopup {
	padding: 1rem; border: 1px solid var(--green-dark); border-radius: 3px;
	background-color: #ffe; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}
.moreInfoPopup p {margin-bottom: .5rem;}
.moreInfoPopup p:last-child {margin-bottom: 0;}