.msg-info {
	margin: 2em 0em;
	height: 200px;
	padding: 2px 10px;
	box-sizing: border-box;
	border: 1px solid #C5E3F1;
	border-radius: 4px;
	background-color: #ffffff;
	resize: vertical;
	overflow: auto;
}

html {
	background-color: #F7FBFF;
}

.msg-info p {
	font-size: 0.8rem;
	padding-bottom: 0.4rem;
	color: #333333;
}

.ui-widget-content {
	background: unset;
}

.ui-satte-error {
	border-color: red !important;
}

.msg-info p a {
	color: #0585BC;
	text-decoration: none;
}

.roundedPanelGrid {
	width: 100%;
	table-layout: fixed;
	max-width: 100%;
}

.ui-message-error-detail {
	color: #B50024;
}

.ui-icon-check {
	width: 100%;
	height: 100%;
	margin-top: 7px;
	margin-left: 7px;
	background-position: unset !important;
}

.input-text-box {
	margin: auto auto 10px auto;
	width: 550px;
	display: flex;
	align-items: center;
}

.input-text-box label {
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 10px;
	vertical-align: top;
	font-size: 0.875rem;
	line-height: 1.125rem;
	color: #32424a;
	flex: 0 0 150px;
	text-align: end;
	vertical-align: top;
	flex: 0 0 150px;
	color: #32424a;
	line-height: 1.125rem;
	font-size: 0.875rem;
	vertical-align: top;
}

.input-text-box input {
	width: inherit;
	display: block;
}

.registration-button {
	text-align: end !important;
	margin-right: 15px;
}

.registration-button button {
	width: 70%;
	margin-bottom: 10px;
}

.ui-state-error {
	border-color: #B50024 !important;
}

.userRegistrationForm {
	text-align: center;
	transform: translateX(-66px);
}

.ui-message-error li {
	color: #B50024;
}

.ui-message-error ul {
	margin-right: 25px;
}

.ui-message-error li::marker {
	color: #B50024;
}

.ui-message-error {
	color: #B50024;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #FFF0F3;
	max-width: 370px;
	margin-left: auto;
	overflow-wrap: break-word;
	font-weight: unset;
	padding: 10px;
	margin-right: 25px;
}

.toggle-password {
    position: absolute;
    right: 30px;
    cursor: pointer;
    user-select: none;
}

.eye-icon {
    display: none;
}

.eye-icon.visible {
    display: inline-block;
}

@media screen and (max-width: 650px) {
	.userRegistrationForm {
		transform: unset !important;
	}
	
	.toggle-password {
		transform: translateY(-110%);
	}
	
	.input-text-box {
		display: block;
		text-align: start;
		margin-bottom: 12px;
		width: 100%;
	}
	.innertube {
		margin-left: 15px !important;
	}
	.registration-button {
		margin-right: unset;
	}
	.registration-button button {
		width: 100%;
	}
	.ui-message-error {
		margin-right: 0px;
		margin: auto;
		max-width: unset !important;
	}
}