*{padding:0;margin:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;overflow:hidden}#login-copyright{text-align:center;margin:0 auto;padding:10px 10px 0 10px;color:#999;font-size:11px}@font-face {font-family: NotoColorEmojiLimited;unicode-range: U+1F1E6-1F1FF;src: url(../font/NotoColorEmoji.ttf)}.countryFlags{padding:0 7px;width:32px;height:28px;border:none;background:none;margin-left:6px;cursor:pointer;position:absolute;top:8.8vh;right:9vh;appearance:none;font-family: 'NotoColorEmojiLimited', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'}.container{width:100vw;height:100vh;display:grid;padding:6vh;grid-gap:0;grid-template-columns:1fr minmax(65%, auto);background:#e2e2e2; background-position:right;background-size:cover}#createAccount{cursor: pointer; text-align:center;font-size: 13px; color: #e4442d;padding: 10px 0 15px 0;display:none}.img{display:flex;background-image:linear-gradient(to bottom right, #b12c19, #e4442d);border-radius:20px 0 0 20px;justify-content:center;padding:40px;align-items:center}#img_corner {width:110px;position:absolute;top:8.8vh;left:9vh}.tag_title{margin:-10px 0 15px 0;font-size:18px}.login-content{display:flex;justify-content:space-around;align-items:center;text-align:center}form{width:380px}.login-content img{height:100px}.login-content h2{color:#333;text-transform:uppercase;font-size:2.4rem}.login-content .input-div{position:relative;display:grid;grid-template-columns:7% 93%;margin:25px 0;padding:5px 0;border-bottom:2px solid #d9d9d9}.login-content .input-div.one{margin-top:0}.i{color:#d9d9d9;display:flex;justify-content:center;align-items:center}.i i{transition:.3s}.input-div>div{position:relative;height:45px}.input-div>div>h5{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#999;font-size:18px;transition:.3s}.input-div:after,.input-div:before{content:'';position:absolute;bottom:-2px;width:0%;height:2px;background-color:#38d39f;transition:.4s}.input-div:before{right:50%}.input-div:after{left:50%}.input-div.focus:after,.input-div.focus:before{width:50%}.input-div.focus>div>h5{top:-5px;font-size:15px}.input-div.focus>.i>i{color:#38d39f}.input-div>div>input{position:absolute;left:0;top:0;width:100%;height:100%;border:none;outline:0;background:0 0;padding:.5rem .7rem;font-size:16px;color:#555;font-family:poppins,sans-serif}.input-div.pass{margin-bottom:4px}.login-content a{display:block;text-align:right;text-decoration:none;color:#999;font-size:.9rem;transition:.3s}a:hover{color:#38d39f}.btn{display:block;width:100%;height:50px;border-radius:25px;outline:0;border:none;background-image:linear-gradient(to right, #b12c19, #e4442d, #e94730);background-size:200%;font-size:1.2rem;color:#fff;font-family:Poppins,sans-serif;text-transform:uppercase;margin:2vh 0;cursor:pointer;transition:.5s}.btn:hover{background-position:right}@media screen and (min-width: 2200px) {.countryFlags {right:7.1vw}.img{padding:30px 50px}.container{padding:6vh 6vw}#img_corner{top:8.5vh;left:7.1vw}}@media screen and (max-width: 1300px) {.img{padding:30px}.container{grid-template-columns:1fr minmax(62%, auto)}}@media screen and (max-width: 1000px) {#createAccount{display:block}.container{grid-template-columns:1fr;padding:2.5rem;}#formContainer{border-radius:20px !important;}.img{display:none}}@media screen and (max-width: 530px) {.container{grid-template-columns:1fr;padding:0}#formContainer{border-radius:0 !important;}form{width:310px}.login-content h2{font-size:2rem}}#formContainer{border-radius:0 20px 20px 0;background:white;z-index:9;opacity:0.9}.login-content form{position:absolute;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s;-moz-animation:pulse 2s infinite;-webkit-animation:pulse 2s infinite}#login{z-index:100}#recover{z-index:1;opacity:0;-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.login-content.flipped #login{opacity:0;-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.login-content.flipped #recover{opacity:1;-moz-transform:rotateY(0);-webkit-transform:rotateY(0);transform:rotateY(0)}*{-webkit-tap-highlight-color:transparent;}#login_rececionista{z-index:1;opacity:0;-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.login-content.flipped2 #login{opacity:0;-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.login-content.flipped2 #login_rececionista{opacity:1;-moz-transform:rotateY(0);-webkit-transform:rotateY(0);transform:rotateY(0)}*{-webkit-tap-highlight-color:transparent;}.login-content.flipped3 #login{opacity:0;-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.login-content.flipped3 #login_qrcode{opacity:1;-moz-transform:rotateY(0);-webkit-transform:rotateY(0);transform:rotateY(0)}#login_qrcode{z-index:1;opacity:0;-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.login-content #login_qrcode img{height:auto !important}#qrcode{margin-bottom:15px}#contador{font-size:20px}.img div {text-align:center;color:white;max-width:420px}.img div button.login-btn{border:1px solid white;background-image:linear-gradient(to right, #b12c19, #e4442d, #e94730)}.img div button.btn:hover{background-position:right}.btn_flip{display:flex;flex-wrap:wrap;margin-bottom:4vh}.btn_flip div{color:#aeaeae;margin:5px 7px;flex-grow:2;border-bottom:1px solid #aeaeae;padding:10px;cursor:pointer}.btn_flip div.flip_active{color:#e4442d;border-bottom:1px solid #e4442d}#qrcode{width:250px;height:250px}#formContainer form h2{margin-bottom:20px;color:#e4442d;text-transform:none}#pass_eye, #pass_eye_2{float:right;position:relative;margin:15px 10px;font-size:15px}#login_qrcode p{font-size:13px;margin-bottom:10px}#alwaysRecep{cursor:pointer}