innotec-auth-plugin/components/loginfield/loginfield.component.css

The Innotec-Auth-Plugin is designed to handle all authentication processes for applications where's conntected to the innotec v2 infrastructure. Theses plugin provides different authentication processes:

h1,h2,h3,h4,h5{color:#009fd7}.overlay{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(99,102,107,0.8);z-index:100}.loginfield{position:fixed;background-color:#fff;left:50%;top:50%;transform:translate(-50%, -50%);height:400px;width:320px;margin:0 auto;padding:5px;border:1px solid rgba(48,66,106,0.2);border-radius:10px;z-index:2000;transition:all 0.3s ease}.loginfield .boxclose{float:right;margin-top:-15px;margin-right:-15px;cursor:pointer;color:#fff;border:1px solid #AEAEAE;border-radius:30px;background:#605F61;font-size:31px;font-weight:bold;display:inline-block;line-height:0px;padding:11px 3px}.loginfield .boxclose:before{content:"×"}.loginfield .loginpageheader{text-align:center}.loginfield .flip{position:absolute;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(179.9deg)}.loginfield .login_horizontal{width:100%;text-align:center;border-bottom:1px solid rgba(48,66,106,0.6);line-height:0.1em;margin:10px 0 20px}.loginfield .login_horizontal span{color:rgba(48,66,106,0.6);background:#fff;padding:0 10px}.loginfield .logo{display:flex;justify-content:center}.loginfield .logo img{max-width:50px;height:50px}.loginfield:hover{box-shadow:1px 1px #009fd7, 2px 2px #009fd7, 3px 3px #009fd7}@media only screen and (max-width: 320px){.loginfield:hover{height:100%;width:100%;padding:15px}}