/*
* styles for settings page
*/

/* General styles */
.text-right {
	text-align: right;
}
.w-100 {
	width: 100%;
}
.lgnrgstrfrm-sign-in {
	text-align: center;
}
.hidden {
	display: none;
}
.d-flex {
	display: flex;
}
.justify-content-between {
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* Form styles */
.lgnrgstrfrm-form-overflow {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100;
	background: #000;
	opacity: 50%;
	will-change: opacity;
	display: none;
}
.lgnrgstrfrm-form-login-wrapper,
.lgnrgstrfrm-form-register-wrapper,
.lgnrgstrfrm-form-forgot-wrapper,
.lgnrgstrfrm-message-register-wrapper,
.lgnrgstrfrm-message-forgot-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	box-sizing: border-box;
	z-index: 110;
	justify-content: center;
	align-self: center;
	display: none;
}
.lgnrgstrfrm-form-login-content,
.lgnrgstrfrm-form-register-content,
.lgnrgstrfrm-form-forgot-content {
	position: relative;
}
.lgnrgstrfrm-form-login-register-wrapper .lgnrgstrfrm-form-register-content {
	display: none;
}
.lgnrgstrfrm-form-login-register-wrapper .lgnrgstrfrm-form-register-content.show {
	display: block;
}
.lgnrgstrfrm-form-login-register-wrapper .lgnrgstrfrm-form-forgot-content {
	display: none;
}
.lgnrgstrfrm-form-login-register-wrapper .visible {
	display: block;
}
.lgnrgstrfrm-form-login-close,
.lgnrgstrfrm-form-register-close,
.lgnrgstrfrm-form-forgot-close {
	padding: 0 10px;
	cursor: pointer;
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
}
#lgnrgstrfrm_login .lgnrgstrfrm-form-login-close,
#lgnrgstrfrm_register .lgnrgstrfrm-form-register-close,
#lgnrgstrfrm_forgot .lgnrgstrfrm-form-forgot-close,
#lgnrgstrfrm_register_menu_message .lgnrgstrfrm-form-register-close,
#lgnrgstrfrm_forgot_menu_message .lgnrgstrfrm-form-forgot-close {
	display: block;
}
.lgnrgstrfrm-form-login-close svg,
.lgnrgstrfrm-form-register-close svg,
.lgnrgstrfrm-form-forgot-close svg {
	background: #bbb;
	fill: #fff;
}
.lgnrgstrfrm-form-login-content label,
.lgnrgstrfrm-form-register-content label,
.lgnrgstrfrm-form-forgot-content label {
	display: block;
}
.lgnrgstrfrm-form-login-content .d-flex label {
	display: inline;
}
.lgnrgstrfrm-form-login-content input[type="text"],
.lgnrgstrfrm-form-login-content input[type="password"],
.lgnrgstrfrm-form-register-content input[type="text"],
.lgnrgstrfrm-form-register-content input[type="email"],
.lgnrgstrfrm-form-register-content input[type="password"],
.lgnrgstrfrm-form-forgot-content input[type="text"],
.lgnrgstrfrm-form-login-content select,
.lgnrgstrfrm-form-register-content select,
.lgnrgstrfrm-form-register-content textarea,
.lgnrgstrfrm-form-register-content textarea {
	display: block;
	width: 100%;
	font-size: 14px;
}
.lgnrgstrfrm-form-login-error,
.lgnrgstrfrm-form-register-error,
.lgnrgstrfrm-form-forgot-error {
	color: red;
}
.lgnrgstrfrm-form-login-content .error,
.lgnrgstrfrm-form-register-content .error,
.lgnrgstrfrm-form-forgot-content .error {
	border: 2px solid red !important;
}
.lgnrgstrfrm-login-loading,
.lgnrgstrfrm-register-loading,
.lgnrgstrfrm-forgot-loading {
	display: none;
}
.toplevel_page_login-register-form .ui-tooltip {
    z-index: 1000000 !important;
}
/* Standard design */
.lgnrgstrfrm-design-standard {
	padding: 46px;
	width: 456px;
	box-sizing: border-box;
}
.lgnrgstrfrm-design-standard h3 {
	font-size: 20px;
}
.lgnrgstrfrm-design-standard .form-row {
	margin-bottom: 9px;
	position: relative;
}
.lgnrgstrfrm-design-standard .form-row-button {
    margin-top: 25px;
}
.lgnrgstrfrm-form-register-content.lgnrgstrfrm-design-standard .form-row-button {
	margin-top: 30px;
}
.lgnrgstrfrm-design-standard label {
	font-size: 14px;
	padding-left: 20px;
}
.lgnrgstrfrm-design-standard .justify-content-between label {
	padding-left: 0;
}
.lgnrgstrfrm-design-standard a {
	font-size: 14px;
}
.lgnrgstrfrm-design-standard .lgnrgstrfrm-login,
.lgnrgstrfrm-design-standard .lgnrgstrfrm-register {
	width: 100%;
	padding: 10px 17px;
	font-size: 15px;
}
.lgnrgstrfrm-design-standard hr {
	margin-top: 31px !important;
    height: 1px !important;
    margin-bottom: 26px !important;
}
.lgnrgstrfrm-design-standard .lgnrgstrfrm-sign-in {
	font-size: 14px;
    margin-top: 15px;
	cursor: pointer;
}
.lgnrgstrfrm-design-standard input[type="text"],
.lgnrgstrfrm-design-standard input[type="password"],
.lgnrgstrfrm-design-standard input[type="email"],
.lgnrgstrfrm-design-standard select,
.lgnrgstrfrm-design-standard textarea,
.lgnrgstrfrm-design-standard .button {
	border-radius: 9px;
	border: 2px solid #fff;
	padding: 11px 17px;
}
.form-password{
	position: relative;
	display: inline-block;
	width: 100%;
}
/* Rounded design */
.lgnrgstrfrm-design-rounded {
	padding: 24px;
	border-radius: 10px;
	width: 400px;
}
.lgnrgstrfrm-design-rounded h3 {
	text-align: center;
    font-size: 47px;
    line-height: 71px;
}
.lgnrgstrfrm-design-rounded form {
	padding-top: 25px;
    padding-bottom: 24px;
}
.lgnrgstrfrm-design-rounded .form-row {
	padding-bottom: 18px;
	position: relative;
}
.lgnrgstrfrm-design-rounded .form-row.justify-content-between,
.lgnrgstrfrm-design-rounded .lgnrgstrfrm-sign-in {
	font-size: 19px;
}
.lgnrgstrfrm-design-rounded label {
	display: none;
}
.lgnrgstrfrm-design-rounded input[type="text"],
.lgnrgstrfrm-design-rounded input[type="password"],
.lgnrgstrfrm-design-rounded input[type="email"] {
	padding-top: 0;
    padding-bottom: 1px;
    font-size: 19px;
}
.lgnrgstrfrm-design-rounded input[type="text"],
.lgnrgstrfrm-design-rounded input[type="password"],
.lgnrgstrfrm-design-rounded input[type="email"],
.lgnrgstrfrm-design-rounded select,
.lgnrgstrfrm-design-rounded textarea,
.lgnrgstrfrm-design-rounded .button {
	border-radius: 20px;
	border: 2px solid #fff;
}
.lgnrgstrfrm-design-rounded .form-row-button {
	text-align: center;
}
.lgnrgstrfrm-design-rounded .button {
	padding: 7px 10px 8px;
	text-transform: uppercase;
	width: 100%;
    font-size: 16px;
}
.lgnrgstrfrm-design-rounded .lgnrgstrfrm-sign-in div {
	padding: 7px 10px 8px;
    width: 100%;
    font-size: 16px;
	border-radius: 20px;
    border: 2px solid #fff;
	line-height: 19px;
	cursor: pointer;
}
.lgnrgstrfrm-design-rounded.lgnrgstrfrm-form-login-content .error,
.lgnrgstrfrm-design-rounded.lgnrgstrfrm-form-register-content .error,
.lgnrgstrfrm-design-rounded.lgnrgstrfrm-form-forgot-content .error {
	border: 2px solid red;
}

/* Checkbox */
.switch {
	display: inline-block;
	height: 20px;
	position: relative;
	width: 40px;
	vertical-align: text-bottom;
	margin-right: 6px;
	}

.switch input {
	display:none;
}

.slider {
	background-color: #ccc;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: .4s;
}

.slider:before {
	background-color: #fff;
	bottom: 2px;
	content: "";
	height: 16px;
	left: 3px;
	position: absolute;
	transition: .4s;
	width: 16px;
}
input:checked + .slider:before {
	transform: translateX(18px);
}

.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.password-toggle-icon {
	position: absolute;
	top: calc(50% - 7px);
	right: 10px;
	cursor: pointer;
	width: 15px;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"%3E%3Cpath d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"/%3E%3C/svg%3E');
	background-size: contain;
	height: 15px;
	background-repeat: no-repeat;
}
.password-toggle-icon.closed {
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"%3E%3Cpath d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c8.4-19.3 10.6-41.4 4.8-63.3c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zM373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5L373 389.9z"/%3E%3C/svg%3E');
	width: 17px;
    right: 9px;
    background-size: 98%;
}
@media screen and (min-width: 300px) {
	input.htccss_ip {
		display: inline !important;
		width: 60px !important;
	}
}