/* Contacts Popup */
.home-contactsPopup {width: 1000px !important;}
.home-contactsPopup .body {min-height: unset !important;}
.home-contactsPopup .row {margin: 0 -.5rem;}
.home-contactsPopup form label span {margin-right: 10px; font-size: 1rem;}
.home-contactsPopup form label span b {margin-right: 3px; color: var(--color-button);}
.home-contactsPopup .errorMessage {float: left; margin-left: 10px;}
.home-contactsPopup .button {border-radius: 1rem; font-size: 22px; font-weight: bold;}
.home-contactsPopup form .button {width: 160px; display: block; margin: 2rem auto 0;}
.home-contactsPopup .closePopup {width: 100px; margin: 1rem 0 0;}

/* Login Popup */
.loginPopup {width: min(600px, 98vw) !important;}
.loginPopup .body {min-height: unset !important;}
.loginPopup .row {margin: 0 -.5rem;}
.loginPopup form label span {margin-right: 1rem; font-size: 1rem;}
.loginPopup form label input {direction: ltr; text-align: right;}
.loginPopup .errorMessage {float: left; margin-left: 1rem;}
.loginPopup .form_password_restore_success {margin: 2rem 0 3rem; text-align: center; font-size: 1rem;}
.loginPopup .button {border-radius: 1rem; font-size: 22px; font-weight: bold;}
.loginPopup form .button {width: 160px; display: block; margin: 2rem auto 0;}
.loginPopup .buttons {display: flex; justify-content: space-between; margin-top: 1rem;}
.loginPopup .buttons span {text-decoration: underline; font-size: 1rem; cursor: pointer;}
.loginPopup .timer {
	margin-bottom: 1.5rem; padding: 1rem;
	border: 1px solid #ff9475; border-radius: 1rem;
	background-color: #fee; font-size: 1rem; color: orangered;
}
.loginPopup .timer .time {font-weight: bold;}

/* Therapy Order Popup */
.therapyOrderPopup {width: min(1000px, 98vw) !important;}
.therapyOrderPopup .body {min-height: unset !important; max-height: 75vh; overflow-y: auto;}
.therapyOrderPopup .line {display: flex; flex-direction: column; gap: 1rem;}
.therapyOrderPopup .line + .line {margin-top: 1rem;}
.therapyOrderPopup .label {width: 100%;}
.therapyOrderPopup .label > span {line-height: 2; font-size: 1rem;}
.therapyOrderPopup .label > span:first-child {margin-right: 1rem;}
.therapyOrderPopup .label > span.errorMessage {margin-left: 1rem;}
.therapyOrderPopup label {
	position: relative; border-radius: 28px; box-shadow: 0 2px 4px 2px rgba(0, 1, 3, 0.13);
}
.therapyOrderPopup label:before {
	content: ''; position: absolute; inset: 0; border-radius: 28px; padding: 2px;
	background: linear-gradient(10deg, var(--color-main) 20%, transparent 70%);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask-composite: exclude; pointer-events: none;
}
.therapyOrderPopup label select {background-position: right -30px center;}
.therapyOrderPopup label select,
.therapyOrderPopup label input {
	margin: 0; padding: 0 3.5rem 0 1.5rem; border: 0; background-color: transparent;
	height: 56px !important; border-radius: 28px !important; color: black; box-shadow: none;
}
.therapyOrderPopup label input:not([name="date"]) {padding-right: 1.5rem;}
.therapyOrderPopup label input::placeholder {color: #000;}
.therapyOrderPopup label input:active::placeholder,
.therapyOrderPopup label input:focus::placeholder {border: 0; color: #bbb;}
.therapyOrderPopup .date label i {
	position: absolute; top: 0; right: 0; width: 40px; height: 54px;
	text-align: left; line-height: 54px; font-size: 1.5rem; color: #8a8a8a;
}
.therapyOrderPopup .date .datepicker {display: none;}
.therapyOrderPopup .date .ui-datepicker {max-width: unset;}
.therapyOrderPopup .submit {display: block; width: 160px; margin: 2rem auto 0; font-size: 1rem;}

@media screen and (min-width: 40em) {
	.therapyOrderPopup .line {flex-direction: row;}
}