html { width: 100%; height: 100%; }
body.login-business {background-image: linear-gradient(to right, #00d0ff, #90f) !important; display: grid; place-items: center;}
content.login-page { width: 400px; height: auto; background-color: rgba(0,0,0,0.5); display: block; margin: auto; padding-bottom: 50px;}
content.login-page form.login-user { width: 70%; display: block; margin: auto; position: relative; padding-top: 1px;}
content.login-page form.login-user div.title-login { width: 100%; display: block; text-align: center; font-size: 2.5em; color: #fff; font-family: "Fonte3";
margin-top: 50px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); padding-bottom: 20px;}
content.login-page form.login-user div.group{position:relative;margin-top:20px}
content.login-page form.login-user div.group input{font-size:0.85;padding:10px 10px 10px 5px;display:block;width:100%;border:none;border-bottom:1px solid transparent; 
background-color: rgba(0,0,0,.1); color: #fff; height: 40px;}
content.login-page form.login-user div.group input:focus{outline:none}
content.login-page label.in-text {color:#999;font-size:18px;font-weight:400;position:absolute;pointer-events:none;left:15px;top:10px;transition:.2s ease all;
-moz-transition:.2s ease all;-webkit-transition:.2s ease all}
content.login-page form.login-user div.group input:focus ~ label.in-text,input:valid ~ label.in-text{top:-20px;font-size:14px;color:#fff; left: 5px}
content.login-page form.login-user div.group .bar{position:relative;display:block;width:100%}
content.login-page form.login-user div.group .bar:before,.bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#fff;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}
content.login-page form.login-user div.group .bar:before{left:50%}
content.login-page form.login-user div.group .bar:after{right:50%}
content.login-page form.login-user div.group input:focus ~ .bar:before,input:focus ~ .bar:after{width:50%}
content.login-page form.login-user div.group .highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}
content.login-page form.login-user div.group input:focus ~ .highlight{-webkit-animation:inputHighlighter .3s ease;-moz-animation:inputHighlighter .3s ease;animation:inputHighlighter .3s ease}
@-webkit-keyframes inputHighlighter { from{background:#5264AE} to{width:0;background:transparent}}
@-moz-keyframes inputHighlighter { from{background:#5264AE} to{width:0;background:transparent}}
@keyframes inputHighlighter { from{background:#5264AE} to{width:0;background:transparent}}

content.login-page form.login-user a.recover { color: rgba(255,255,255,.7); font-size: .8em; float: right; margin-top: 5px;}

content.login-page form.login-user .container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:.9em;-webkit-user-select:none;
  -moz-user-select:none;-ms-user-select:none;user-select:none; z-index: 9999; color: #fff; width: 100%; display: inline-block; margin-top: 10px;}
content.login-page form.login-user .container p { margin-top: 5px; display: inline-block; }
content.login-page form.login-user .container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
content.login-page form.login-user .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}
content.login-page form.login-user .container:hover input ~ .checkmark{background-color:#ccc}
content.login-page form.login-user .container input:checked ~ .checkmark{background-color:#2196F3}
content.login-page form.login-user .checkmark:after{content:"";position:absolute;display:none}
content.login-page form.login-user .container input:checked ~ .checkmark:after{display:block}
content.login-page form.login-user .container .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}

content.login-page form.login-user button { width: 100%; padding: 10px 0; font-size: 1.1em; font-family: "Fonte1";text-transform: uppercase; margin-top: 20px;
color: #056FF3; }

content.login-page form.login-user div.footer-login { width: 100%; padding-top: 30px; text-align: center;}
content.login-page form.login-user div.footer-login a { color: #fff; font-size: .8em;  }

/* Recuperar senha */
content.login-page .code-input { display: flex; justify-content: center;  gap: 10px; }
content.login-page .code { width: 45px; height: 80px; text-align: center; font-size: 24px; border: 1px solid transparent; border-radius: 5px; background-color: rgba(0,0,0,0.5); color: #fff;}
content.login-page .code:focus { border-color: #007bff; outline: none; }
content.login-page .code.error { border-color: red; }

content.login-page .text-alert { color: #fff; font-size: .89em; color: #fff; margin-top: 20px;}