@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);body,html{font-family:"Open Sans",Tahoma,Arial,sans-serif;height:100%;width:100%;margin:0;padding:0;background-color:#f4f4f4 !important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login_alerta{width:100%;padding:10px 0;background-color:#d43f38;color:#fff;position:fixed;text-align:center;font-size:1rem;z-index:20;display:none;position:absolute}.login_alerta.error{background-color:#d43f38;color:#fff}.login_alerta.exito{background-color:#709931;color:#fff}.login_area{font-weight:300;z-index:10}.login_area .panel{-webkit-box-shadow:0 0 20px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px 1px rgba(0,0,0,0.1);box-shadow:0 0 20px 1px rgba(0,0,0,0.1);z-index:10;border-radius:10px}.login_area .panel-body{padding:0;height:350px;border-radius:20%}.login_area .derecha{width:45%;height:350px;float:right;border-radius:0}.login_area .derecha .info{padding:20px;padding-top:45px}.login_area .derecha h2{text-transform:uppercase;font-size:1rem;margin-bottom:30px;color:#337ab7}.login_area .derecha input{color:#3f72af;border-color:#3f72af;border-top:0;border-left:0;border-right:0;box-shadow:none;border-radius:0;font-size:1rem}.login_area .derecha input:focus{outline:0;border-width:2px}.login_area .derecha .recuperacion{margin-top:15px}.login_area .derecha .recuperacion a{color:#c9c9c9}.login_area .derecha .recuperacion a:hover{color:#3f72af;text-decoration:none}.login_area .izquierda{width:55%;height:350px;background-color:#3f72af;float:left;border-radius:10px 0 0 10px;background-repeat:no-repeat;background-size:cover;background-position:center;color:#fff}.login_area .izquierda .info{padding:30px;margin-top:0;text-shadow:0 1px 2px #000}.login_area .izquierda .info p,.login_area .izquierda .info h3{opacity:.7}.vertical-center{background-color:#e8f1f5;margin:0;min-height:100%;min-height:100vh;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}@media(max-width:767px){.vertical-center{padding-top:20px;display:inherit}.login_area .izquierda{width:100%;height:450px;background-color:pink;border-radius:4px}.login_area .derecha{width:100%;z-index:10}.login_area .panel{height:320px}}[v-cloak]{display:none}