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

/*
.auth .container { padding-right:15px; padding-left:15px; font-family:Helvetica, Arial, sans-serif; font-size:0.9rem; }
.auth .row{ display:flex; flex-wrap:wrap; margin-top:0; margin-right:-15px; margin-left:-15px; box-sizing:border-box; }
.auth .row::before, .auth .row::after { display:table; content:" "; }
.auth .row::after{ clear:both; }
.auth .row > * { position:relative; box-sizing:border-box; min-height:1px; flex-shrink:0; width:100%; max-width:100%; padding-right:15px; padding-left:15px; margin-top:0; }
.auth .col, .auth .col-6, .auth .col-8, .auth .col-9, .auth .col-3{ width:100%; }
@media all and (min-width:768px){
	.auth .col-md-6{ width:50%; }
}
.auth .offset-2, .auth .offset-3{ margin-left:0; }
*/
.auth .form{ margin-bottom:4rem; }
.auth .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; border:1px solid #666666; overflow:hidden; }
.auth .card-login{ border:4px solid #666666; }
.auth .card-header{ background-color:#f6f6f6; border:none; color:var(--primaryColor, #454545); padding:2rem; }
.auth .card-body{ padding:1rem 2rem 2rem 2rem;  }
.auth .title{ margin:0 0 1rem 0; padding:0; font-size:1.8rem; font-weight:300; color:var(--primaryColor, #454545); }

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

.auth .form-group{ position:relative; margin-bottom:1.7rem; }
.auth .form-label{ display:inline-block; color:#666666; margin:0 0 0.4rem 0; }
.auth .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; }
.auth .form-control.is-invalid{ border-color:#FF3333; }
.auth .error-label{ font-weight:600; color:#FF3333; }
.auth .btn{ position:relative; display:inline-block; margin-bottom:0; font-weight:normal; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; background-image:none; border:0px; background-color:var(--primaryColor, #777777); color:#FFFFFF; padding:0.875rem 2rem; font-size:14px; line-height:1.5; border-radius:4px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.auth .btn:hover{ border:0px; filter:grayscale(40%); -webkit-filter:grayscale(40%); }
.auth .btn.btn-secondary{ border:1px solid var(--primaryColor, #454545); color:var(--primaryColor, #454545); background-color:#FFFFFF; }
.auth .btn.btn-secondary:hover{ background-color:#dddddd; }
.auth .input-group{ position:relative; display:flex; flex-wrap:nowrap; }
.auth .input-group .form-control{ width:calc(100% - 50px); height:100%; margin:0; }
.auth .input-group-text{ width:50px; padding:0; background-color:#DEDEDE; border:1px solid #d4d4d4; }
.auth .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; }
.auth .input-group-text.password{ 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"); }
.auth .input-group-text.off{ opacity:0.8; }
.auth .input-group-text.off:after{ content:''; position:absolute; top:45%; right:2px; width:40px; height:3px; transform:rotate(-35deg); background-color:#AAAAAA; }
.auth .input-group .form-control{ border-top-right-radius:0; border-bottom-right-radius:0; }
.auth .input-group .input-group-text{ border-top-left-radius:0; border-bottom-left-radius:0; }

.auth .social-container{ display:flex; }
.auth .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; }
.auth .social-item .social-img{ max-width:30px; width:100%; height:100%;background-color:white;display:flex;align-items:center;justify-content:center;padding:4px; }
.auth .social-item .social-img img{ position:relative; width:24px; height:auto; }
.auth .social-item span{ margin-left:10px; }
.auth .social-text{ padding:0 10px;flex:0 0 auto; color:#FFFFFF; }
.auth .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; }
.auth .form .btn-facebook:hover{ color:#FFFFFF; }
.auth .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"); }

.auth .form-text{ display:block; font-size:0.77rem; margin:0.6rem 0 1rem 0; }
.auth .end{ text-align:end; }
.auth .mt2{ margin-top:0.5rem; }

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

.graph-auth-container{ position:relative; top:0; left:0px; width:150px; height:150px; margin:1.7rem auto 7rem auto; }
.graph-auth{ position: relative; display:block; width:100%; max-width:150px; margin:0 auto; padding-bottom:0; }
.graph-auth canvas{ width:100%; }
.graph-auth-value{ position: absolute; top:36%; left:10%; width:85%; font-size:2.4rem; text-align:center; font-weight:600; }
.graph-auth-text{ font-size:2rem; line-height:1; margin:0.6rem 0.5rem 0 0.5rem; font-weight:300; text-align:center; }
.graph-auth-text p{ font-size:1.2rem; line-height:1.2; margin:0.2rem -20px 0 -20px; font-weight:300; text-align:center; }

.auth .password-strong{ position:relative; display:flex; align-items:center; width:100%; max-width:15rem; height:0.5rem; border:1px solid #AAAAAA; border-radius:0.25rem; margin:0.5rem 0; }
.auth .password-strong-title{ display:block; position:relative; margin:0.5rem 0; font-size:1rem; font-weight:300; line-height:1; color:#454545; }
.auth .password-strong div{ background-color:#d0d0d0; flex:1; height:0.5rem; }
.auth .password-strong div:nth-child(1).on{ background-color:#FF0000; }
.auth .password-strong div:nth-child(2).on{ background-color:#ffc600; }
.auth .password-strong div:nth-child(3).on{ background-color:#e5ff00; }
.auth .password-strong div:nth-child(4).on{ background-color:#0cb344; }
.auth .password-strong-text{ display:block; position:relative; margin:0.5rem 0; font-size:0.8rem; font-weight:300; line-height:1; color:#454545; }
.auth .password-strong-text span{ font-weight:700; }
.auth .password-text{ font-size:0.8rem; font-weight:800; }

@media all and (min-width:768px){
    .auth .col{ float:left; width:100%; }
    .auth .col-6{ float:left; width:49.99%; }
    .auth .col-8{ float:left; width:70%; }
    .auth .col-9{ float:left; width:80%; }
    .auth .col-3{ float:left; width:19.99%; }
    .auth .offset-2{ margin-left:15%; }
    .auth .offset-3{ margin-left:25%; }
}