#wrapper {
	background: radial-gradient(
			72.08% 71.67% at 50% 22.17%,
			rgba(0, 60, 122, 0) 0%,
			rgba(0, 60, 122, 0.07) 100%
		),
		#fff;
}

.ca-body-container {
	background-color: #fff;
	border-radius: 8px;
	width: 480px;
}

.ca-body-container-join-req-hidden {
	background-color: #fff;
	border-radius: 8px;
	width: 480px;
	box-shadow: 0px 4px 12px 0 rgba(0, 0, 0, 0.2);
}

.ca-button {
	height: 46px;
	padding: 15px 12px 15px 12px;
	margin-bottom: 0.75rem;
}

.input-group-inset.passwordField {
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-right-width: 0 !important;
	padding-right: 0 !important;
}

.input-group-inset-item.passwordFieldBtn {
	border: 1px solid #707070;
	background: #fff;
	border-left: none;
}

.has-error .input-group-inset-item.passwordFieldBtn {
	background-color: #feefef;
	border-color: #f48989;
	box-shadow: 0 0 rgba(0, 0, 0, 0);
	color: #272833;
}

.input-group-inset.focus ~ .input-group-inset-item.passwordFieldBtn,
.input-group-inset:focus-visible ~ .input-group-inset-item.passwordFieldBtn {
	background-color: #f0f5ff;
	border-color: #80acff;
}

.passwordFieldBtn button.btn.btn-unstyled {
	box-shadow: none;
}

input:-internal-autofill-selected ~ .input-group-inset-item.passwordFieldBtn {
	background-image: none !important;
	background-color: light-dark(
		rgb(232, 240, 254),
		rgba(70, 90, 126, 0.4)
	) !important;
	color: fieldtext !important;
}

.custom-alert strong.lead {
	font-weight: 700;
	font-size: 18px;
	line-height: 32px;
}
.modelpopup-header {
	width: 512px;
	margin: 0 auto;
}
@media only screen and (max-width: 767px) {
	.ca-body-container-join-req-hidden {
		width: 100%;
		padding: 20px;
	}
}
@media only screen and (max-width: 360px) {
	.ca-body-container-join-req-hidden {
		padding: 20px 16px;
	}
	.ca-button {
		height: auto;
		padding: 15px 5px 15px 5px;
		margin-bottom: 0.75rem;
		font-size: 12px;
	}
}