@keyframes animate{0%{background-position:0 0}100%{background-position:0 -15em}}.frontContainer .frgtpsswd,.backContainer .frgtpsswd,.backContainer .volverbtn{color:#bbbbbb;display:block;text-decoration:none;text-align:center;font-size:14px}body,html{margin:0 auto;max-width:1366px;height:100%;padding:0}*,:after,:before{box-sizing:inherit}body{font-family:"Lato",sans-serif;width:100%;overflow-x:hidden;overflow-y:auto}.fondo{width:100%;position:fixed;top:0;left:0;height:100%}.fondoTapiz{width:100%;height:100%;background-size:45em;background-repeat:repeat;position:fixed;top:0;left:0;animation:10s linear 0s normal none infinite animate}.containerForm{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%, -28%);width:24em;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;-webkit-perspective:800px;-moz-perspective:800px;-o-perspective:800px;perspective:800px}@media only screen and (max-width: 480px){.containerForm{width:21em}}.card{width:100%;background-color:#fff;position:relative;-webkit-transition:-webkit-transform 0.6s;-moz-transition:-moz-transform 0.6s;-o-transition:-o-transform 0.6s;transition:transform 0.6s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;transform:translateY(-6em);box-shadow:3px 5px 20px 2px rgba(0,0,0,0.25);-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.16),0 2px 5px rgba(0,0,0,0.26);box-shadow:0 2px 10px rgba(0,0,0,0.16),0 2px 5px rgba(0,0,0,0.26)}.frontContainer,.backContainer{display:block;width:100%;padding:10px 0;text-align:center;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.frontContainer .profile_avatar,.backContainer .profile_avatar{width:200px;height:50px;margin:10px auto;background-size:contain;background-position:center;background-repeat:no-repeat}.frontContainer h3,.backContainer h3{margin-bottom:0;font-weight:300}.frontContainer .formLogin,.backContainer .formLogin{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;-moz-box-direction:normal;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-wrap:wrap;-webkit-box-lines:wrap;-moz-box-lines:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;align-items:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;-moz-box-pack:justify;align-content:center;-ms-flex-line-pack:center;-webkit-align-content:center;padding:1em 0;width:100%}.frontContainer .sesionbtn,.backContainer .sesionbtn{border:2px solid #49a6e0;height:2.5rem;text-decoration:none;line-height:2.5rem;padding:0;color:#49a6e0;width:60%;text-transform:uppercase;background-color:#fff;margin-bottom:1em;transition:all 0.3s}.frontContainer .sesionbtn:hover,.backContainer .sesionbtn:hover{background-color:#49a6e0;color:#fff;transition:all 0.3s}.backContainer{position:absolute;box-shadow:none;top:0;left:0;width:100%;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.backContainer h3{font-weight:300}.backContainer .formContraseña{padding:2em 0 0;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;-moz-box-direction:normal;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-wrap:wrap;-webkit-box-lines:wrap;-moz-box-lines:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;align-items:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;justify-content:center;-webkit-justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;-moz-box-pack:center;align-content:stretch}.backContainer .formContraseña .recuperarbtn{border:2px solid #49a6e0;height:2.5rem;text-decoration:none;line-height:2.5rem;padding:0;color:#49a6e0;width:60%;text-transform:uppercase;background-color:#fff;margin-bottom:1em;transition:all 0.3s}.backContainer .formContraseña .recuperarbtn:hover{background-color:#49a6e0;color:#fff;transition:all 0.3s}.backContainer .formContraseña p.mensajito{display:none;color:#d5d4d7;width:80%;margin:10px auto}.backContainer .formContraseña p.mensajito.show{display:block}.card.flipped{-webkit-transform:rotateY(180deg) translateY(-6em);-moz-transform:rotateY(180deg) translateY(-6em);-o-transform:rotateY(180deg) translateY(-6em);transform:rotateY(180deg) translateY(-6em)}.field{width:70%;margin-bottom:1.5em;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;-moz-box-direction:normal;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-wrap:wrap;-webkit-box-lines:wrap;-moz-box-lines:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;align-items:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;justify-content:center;-webkit-justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;-moz-box-pack:center;align-content:stretch}.field label{font-weight:400;margin-bottom:3px}.field input{width:100%;padding:10px 2px 10px 10px;border:1px solid #d5d4d7;outline:none}.field input:focus{box-shadow:0 0 10px rgba(0,0,0,0.3)}.field div.ui.basic{display:none}.field.error input{border-color:red !important;background-color:rgba(255,0,0,0.2)}.field.error input::-webkit-input-placeholder{color:rgba(255,0,0,0.5)}.field.error input::-moz-placeholder{color:rgba(255,0,0,0.5)}.field.error input:-ms-input-placeholder{color:rgba(255,0,0,0.5)}.field.error input:-moz-placeholder{color:rgba(255,0,0,0.5)}.field.error div.ui.basic{display:block;color:red;margin-top:3px;font-size:12px;text-transform:uppercase}