.user-title {
	margin: 0 0 1rem 0;
	padding: 0;
	font-size: 1.8rem;
	font-weight: 300;
	color: var(--primaryColor, #454545);
}


.user .page {
	position: relative;
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.user .form {
	margin-bottom: 4rem;
}

.user .form-start {
	display: block;
}

.user .form-token {
	display: block;
	margin: 0 auto 2rem auto;
}

@media (min-width:768px) {
	.user .form-start {
		width: 70%;
		margin: 0 auto 2rem auto;
	}
}

.user .card {
	position: relative;
	display: block;
	margin: 0 0 2rem 0;
	min-width: 0;
	word-wrap: break-word;
	background-color: #FFFFFF;
	background-clip: border-box;
	border: 1px solid var(#666666);
	border-radius: 1rem;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	overflow: hidden;
}

.user .card-login {
	border: 4px solid #666666;
}

.user .card-header {
	background-color: #f6f6f6;
	border: none;
	color: var(--primaryColor, #454545);
	padding: 2rem;
}

.user .card-body {
	padding: 2rem 2rem 2rem 2rem;
}

.user .title {
	margin: 0 0 1rem 0;
	padding: 0;
	font-size: 1.8rem;
	font-weight: 300;
	color: var(--primaryColor, #454545);
}


.user .select-account {
	position: relative;
	margin: 0.5rem 0 1.5rem 0;
}

.user .form-group {
	position: relative;
	margin-bottom: 1.7rem;
}

.user .form-label {
	display: inline-block;
	color: #666666;
	margin: 0 0 0.4rem 0;
}

.user .form-control {
	display: block;
	width: 100%;
	font-weight: 400;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 1rem;
	line-height: 1;
	padding: 0.7rem 1rem;
}

.user .form-control.is-invalid {
	border-color: #FF3333;
}

.user .error-label {
	font-weight: 600;
	color: #FF3333;
}

.user .form-select {
	padding: 0.5rem 1rem;
}

.user .input-group {
	position: relative;
	display: flex;
}

.user .input-group .form-control {
	width: calc(100% - 50px);
}

.user .input-group-text {
	width: 50px;
	padding: 0;
	background-color: #DEDEDE;
	border: 1px solid #d4d4d4;
}

.user .input-group-textNO.password {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 40 40' style='enable-background:new 0 0 40 40;' xml:space='preserve'%3E%3Cpath d='M9.61,35.52c-0.14-0.04-0.29-0.08-0.43-0.12c-0.33-0.09-0.65-0.17-0.93-0.3c-1.84-0.88-2.79-2.37-2.8-4.42 c-0.03-3.37-0.02-6.77,0-10.06c0.01-2.37,1.49-4.23,3.77-4.75c0.3-0.07,0.63-0.09,0.97-0.1c0.17-0.01,0.35-0.01,0.57-0.01 c0.14,0,0.29,0,0.43,0c0.16,0,0.32,0,0.48,0h0.32l0-0.44c0-0.08,0-0.16,0-0.24c0-0.47,0.01-0.95,0.01-1.41c0-1.05,0-2.14,0.05-3.2 c0.06-1.48,0.63-2.84,1.69-4.03c1.47-1.65,3.31-2.49,5.48-2.49c0.13,0,0.27,0,0.41,0.01c1.66,0.08,3.25,0.73,4.49,1.84 c1.23,1.1,2.03,2.59,2.26,4.18c0.06,0.43,0.09,0.89,0.1,1.37c0.01,0.89,0.01,1.8,0.01,2.67c0,0.36,0,0.71,0,1.07v0.68l1.22,0 c0.17,0,0.34,0,0.5,0c2.45,0,4.35,1.61,4.74,3.99c0.11,0.7,0.09,1.45,0.06,2.1c-0.03,0.53-0.4,0.89-0.93,0.89 c-0.52,0-0.89-0.36-0.94-0.92c-0.02-0.26-0.02-0.53-0.02-0.81c0-0.14,0-0.28,0-0.42c-0.02-1.76-1.22-2.94-2.97-2.94 c-1.05,0-2.09,0-3.14,0c-0.76,0-1.51,0-2.27,0c-0.76,0-1.51,0-2.27,0l-5.63,0c-1.49,0-2.98,0-4.47,0c-1.29,0-2.23,0.57-2.72,1.63 c-0.17,0.38-0.27,0.84-0.27,1.31c-0.02,3.01-0.02,6.32-0.01,10.1c0.01,1.72,1.22,2.93,2.95,2.93c0.73,0,1.52,0,2.49,0 c0.61,0,1.22,0,1.83,0c0.61,0,1.22,0,1.83,0h0.1c0.45,0,1,0.13,1.12,0.74c0.07,0.36,0.05,0.81-0.73,1.15H9.61z M19.22,5.84 c-0.56,0-1.12,0.09-1.66,0.26c-2.2,0.71-3.68,2.67-3.68,4.9c0,0.75,0,1.5,0,2.25c0,0.68,0,1.35,0,2.03c0,0.07,0.01,0.13,0.02,0.18 c0,0.01,0.01,0.03,0.01,0.04l0.04,0.26h10.55l0.02-0.29c0-0.02,0-0.04,0.01-0.07c0-0.05,0.01-0.1,0.01-0.16c0-0.39,0-0.78,0-1.17 c0-1.02,0.01-2.07-0.02-3.11c-0.01-0.58-0.11-1.13-0.28-1.6C23.51,7.25,21.48,5.84,19.22,5.84z'/%3E%3Cpath d='M25.89,35.52c-0.14-0.03-0.28-0.06-0.43-0.09c-0.34-0.07-0.66-0.14-0.97-0.24c-1.06-0.32-2.07-0.88-3.09-1.71 c-1.06-0.86-2.03-1.87-2.87-3c-0.43-0.58-0.43-0.93,0.01-1.5c1.46-1.9,2.88-3.19,4.47-4.06c1.19-0.65,2.39-0.98,3.57-0.98 c1.31,0,2.64,0.4,3.95,1.2c1.5,0.91,2.86,2.2,4.17,3.96c0.08,0.11,0.14,0.27,0.2,0.43c0.02,0.07,0.05,0.13,0.07,0.2 c-0.04,0.09-0.08,0.17-0.12,0.26c-0.1,0.22-0.19,0.43-0.32,0.61c-0.79,1.07-1.74,2.05-2.81,2.91c-1.01,0.81-2.01,1.36-3.06,1.68 c-0.31,0.1-0.63,0.16-0.97,0.24c-0.14,0.03-0.28,0.06-0.43,0.09H25.89z M26.58,25.85c-0.82,0-1.64,0.21-2.46,0.63 c-1.54,0.79-2.68,1.98-3.59,3.05l-0.17,0.2l0.17,0.2c0.95,1.12,2.13,2.36,3.78,3.15c0.75,0.36,1.51,0.54,2.27,0.54 c0.66,0,1.32-0.14,1.97-0.4c0.94-0.39,1.83-0.98,2.71-1.82c0.33-0.32,0.65-0.66,0.96-0.98c0.14-0.15,0.28-0.29,0.42-0.44l0.2-0.21 l-0.19-0.22c-0.92-1.08-2.08-2.28-3.61-3.06C28.22,26.06,27.4,25.85,26.58,25.85z'/%3E%3Cpath d='M12.18,26.33c-0.52,0-0.95-0.42-0.95-0.94c0-0.25,0.1-0.48,0.28-0.66c0.18-0.18,0.42-0.28,0.67-0.28 c0.52,0,0.95,0.42,0.95,0.94c0,0.25-0.1,0.48-0.28,0.66C12.67,26.23,12.43,26.33,12.18,26.33L12.18,26.33z'/%3E%3Cpath d='M16.9,26.33c-0.52,0-0.95-0.42-0.95-0.93c0-0.24,0.09-0.48,0.27-0.66c0.18-0.18,0.42-0.29,0.67-0.29 c0.52,0,0.95,0.42,0.96,0.93c0,0.24-0.09,0.48-0.27,0.66C17.39,26.23,17.16,26.33,16.9,26.33L16.9,26.33z'/%3E%3Cpath d='M26.64,31.81c-0.55,0-1.08-0.22-1.48-0.63c-0.39-0.4-0.6-0.91-0.6-1.45c0.01-1.14,0.95-2.07,2.08-2.07l0.01,0 c1.13,0.01,2.06,0.94,2.06,2.07c0,0.54-0.21,1.06-0.6,1.45C27.72,31.58,27.19,31.81,26.64,31.81L26.64,31.81z'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-size: 80% 80%;
	background-repeat: no-repeat;
}

.user .input-group-text.password,
.user .input-group-text.password-confirm {
	background-position: center;
	background-size: 60% 60%;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23999999' viewBox='0 0 24 24'%3E%3Cpath d='M15 12c0 1.654-1.346 3-3 3s-3-1.346-3-3 1.346-3 3-3 3 1.346 3 3zm9-.449s-4.252 8.449-11.985 8.449c-7.18 0-12.015-8.449-12.015-8.449s4.446-7.551 12.015-7.551c7.694 0 11.985 7.551 11.985 7.551zm-7 .449c0-2.757-2.243-5-5-5s-5 2.243-5 5 2.243 5 5 5 5-2.243 5-5z'/%3E%3C/svg%3E");
}

.user .input-group-text.off {
	opacity: 0.8;
}

.user .input-group-text.off:after {
	content: '';
	position: absolute;
	top: 45%;
	right: 2px;
	width: 40px;
	height: 3px;
	transform: rotate(-35deg);
	background-color: #AAAAAA;
}

.user .input-group .form-control {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.user .input-group .input-group-text {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.user .form-btn {
	margin: 1rem 0 0 0;
	text-align: right;
}

.user .social-container {
	display: flex;
}

.user .social-item {
	display: flex;
	margin: 0 1rem 0 0;
	background-color: #4285F4;
	font-size: 11px;
	color: white;
	border-radius: 2px;
	overflow: hidden;
	border: 1px solid #4285F4;
	align-items: center;
}

.user .social-item .social-img {
	max-width: 30px;
	width: 100%;
	height: 100%;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px;
}

.user .social-item .social-img img {
	position: relative;
	width: 24px;
	height: auto;
}

.user .social-item span {
	margin-left: 10px;
}

.user .social-text {
	padding: 0 10px;
	flex: 0 0 auto;
	color: #FFFFFF;
}

.user .form .btn-facebook {
	position: relative;
	display: block;
	background-color: #1977f2;
	padding: 13px 20px 13px 50px;
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
	border: 0;
	border-radius: 5px;
	width: 100%;
	text-align: center;
}

.user .form .btn-facebook:hover {
	color: #FFFFFF;
}

.user .form .btn-facebook:after {
	content: "";
	position: absolute;
	top: 8px;
	left: 15px;
	width: 30px;
	height: 30px;
	background: url("data:image/svg+xml; charset=utf-8,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Face_1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve' class=''%3E%3Cg%3E%3Cg%3E%3Cpath id='Face' d='M15,0C6.716,0,0,6.715,0,15c0,8.284,6.716,15,15,15s15-6.716,15-15C30,6.715,23.284,0,15,0z M20.247,7.693 c-0.805-0.002-1.61,0.001-2.415-0.002c-0.51-0.031-1.034,0.355-1.127,0.861c-0.012,0.878-0.004,1.758-0.003,2.637 c1.18,0.005,2.36-0.001,3.54,0.003c-0.086,1.272-0.244,2.537-0.429,3.798c-1.042,0.01-2.085-0.001-3.127,0.005 c-0.009,3.75,0.005,7.5-0.007,11.25c-1.548,0.006-3.098-0.002-4.646,0.004c-0.03-3.75,0.002-7.502-0.017-11.253 c-0.755-0.008-1.511,0.005-2.267-0.006c0.003-1.261,0.001-2.521,0.001-3.781c0.755-0.01,1.51,0.002,2.265-0.005 c0.023-1.226-0.022-2.453,0.024-3.678c0.075-0.969,0.445-1.947,1.17-2.617c0.877-0.835,2.125-1.117,3.302-1.153 c1.245-0.011,2.49-0.004,3.735-0.003C20.252,5.065,20.253,6.38,20.247,7.693z' data-original='%23000000' class='active-path' data-old_color='%23FFFFFF' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.user .box-terms {
	background-color: #f0f0f0;
	padding: 1rem;
	border-radius: 0.25rem;
	margin: 1rem 0;
	border: 1px solid #d1d1d1;
	max-height: 10rem;
	overflow: auto;
}

.user .box-terms-title {
	font-size: 1.3rem;
	margin: 0 0 2rem 0;
}

.user .box-terms-text {
	font-size: 0.785rem;
	line-height: 1.2;
}

.user .box-terms-ok {
	font-size: 1rem;
	line-height: 1.3;
	color: #3b4f6f;
	text-align: center;
	margin: 0 0 1rem 0;
}

.user .form-text {
	display: block;
	font-size: 0.77rem;
	margin: 0.6rem 0 1rem 0;
}

.user .form-check-input {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 0.5rem 0 0;
}

.user .btn-register {
	text-align: end;
}

.btn-pf,
.btn-pj {
	font-size: 0.8rem;
	padding: 0.6rem 1.5rem;
}

.graph-user-container {
	position: relative;
	top: 0;
	left: 0px;
	width: 150px;
	height: 150px;
	margin: 1.7rem auto 7rem auto;
}

.graph-user {
	position: relative;
	display: block;
	width: 100%;
	max-width: 150px;
	margin: 0 auto;
	padding-bottom: 0;
}

.graph-user canvas {
	width: 100%;
}

.graph-user-value {
	position: absolute;
	top: 36%;
	left: 10%;
	width: 85%;
	font-size: 2.4rem;
	text-align: center;
	font-weight: 600;
}

.graph-user-text {
	font-size: 2rem;
	line-height: 1;
	margin: 0.6rem 0.5rem 0 0.5rem;
	font-weight: 300;
	text-align: center;
}

.graph-user-text p {
	font-size: 1.2rem;
	line-height: 1.2;
	margin: 0.2rem -20px 0 -20px;
	font-weight: 300;
	text-align: center;
}