/***********************************************
* File:   Login Form's Minified Style Sheet    *
* Author: Robin Tomar <robntomar@gmail.com> *
* Owner:  Knowledge Plexus <knowledgeplexus.in *
* Design: Freepik & W3Layouts (inspiration)    *
************************************************/@font-face{font-family:'Great Vibes'; font-style:normal; font-weight:400; src:local('Great Vibes'), local('GreatVibes-Regular'), url(https://fonts.gstatic.com/s/greatvibes/v5/RWmMoKWR9v4ksMfaWd_JN9XLiaQ6DQ.woff2) format('woff2'); unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Great Vibes'; font-style:normal; font-weight:400; src:local('Great Vibes'), local('GreatVibes-Regular'), url(https://fonts.gstatic.com/s/greatvibes/v5/RWmMoKWR9v4ksMfaWd_JN9XFiaQ.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'fontello'; font-style:normal; font-weight:normal; src:local('fontello'), url('../fonts/fontello/font/fontello.woff2') format('woff2')}.body{display:flex; margin:0; background:url(../../images/login-bg.jpg); min-height:100vh; flex-direction:column}.bodyContent{display:flex; width:100%; margin:auto}.title{margin:0 auto; width:54%; padding-top:60px; /*border-bottom:2px solid gray*/}.text-center{text-align:center}img{max-width:100%}.heading{display:inline; font-size:4em; text-transform:capitalize; font-family:'Great Vibes',cursive; color:black; font-weight:500; letter-spacing:3px;border-bottom: 2px solid gray;}.main{display:flex; margin:2.5em auto 3em; width:766px; height:460px; padding:0 1em}.cardEffect{position:relative}.cardEffect:before,.cardEffect:after{z-index:-1; position:absolute; content:""; bottom:25px; left:40px; width:50%; top:80%; max-width:300px; background:#777; -webkit-box-shadow:0 35px 20px #777; -moz-box-shadow:0 35px 20px #777; box-shadow:0 35px 20px #777; -webkit-transform:rotate(-8deg); -moz-transform:rotate(-8deg); -o-transform:rotate(-8deg); -ms-transform:rotate(-8deg); transform:rotate(-8deg)}.cardEffect:after{-webkit-transform:rotate(8deg); -moz-transform:rotate(8deg); -o-transform:rotate(8deg); -ms-transform:rotate(8deg); transform:rotate(8deg); right:40px; left:auto}.left-box{flex:0 0 30%; padding:2em 2em; border-radius:40px 0 0 40px; background:#4b4d4c}.main h3{margin:0; color:#223f99; text-align:center; font-size:2em; font-weight:600; letter-spacing:3px; text-transform:capitalize}.main h2{margin:0.5em 0 0; color:#fff; font-size:3em; font-weight:600; text-align:center; letter-spacing:4px; text-transform:capitalize; text-shadow:3px 3px 3px #223f99}.right-box{flex:1; padding:2.5em; text-align:center; background:rgb(255, 255, 255); border-radius:0 40px 40px 0}.right-box p{margin:10px 0 35px; color:1.3em; letter-spacing:1px; text-align:center; text-transform:capitalize}.loginForm{text-align:left}input[type="text"],input[type="password"]{width:100%; height:30px; ; color:black; font-size:0.9em; outline:none; background:inherit; border:none; border-radius:2px}input[type="email"]{transition:0.5s all}.login:enabled{width:160px; ; outline:none; padding:0.6em; color:#223f99; cursor:pointer; font-size:1em; font-weight:600; letter-spacing:1px; text-transform:capitalize; background:#e6e6e6; border:none; border-radius:40px; box-shadow:0 2px 2px grey}.login:hover:enabled{background:rgba(18,159,14,0.60); color:#e6e6e6}.login:active:enabled{background:rgba(18, 159, 14, 0.9); color:#fff; width:156px; box-shadow:0 0 grey; margin-top:2px}.login:disabled{width:160px; padding:0.6em; cursor:pointer; font-size:1em; font-weight:600; letter-spacing:1px; text-transform:capitalize; border:none; border-radius:40px; background:#ccc; box-shadow:none}.ficons{font-family:"fontello"; font-style:normal; font-weight:normal; font-size:32px; float:left; display:inline-block; text-decoration:inherit; margin-right: .2em; text-align:left; font-variant:normal; text-transform:none; line-height:1em; margin-left: .2em; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}input:required{box-shadow:none; border:none}input:invalid{}hr{display:block; height:1px; border:0; border-top:1px solid rgb(150, 150, 150); margin:6px 0 0 0; padding:0}.luline{height:0; border-top:2px solid rgb(150,150,150)}.input{margin-bottom:20px}.input span{display:block; overflow:hidden; box-sizing:border-box}input[type="checkbox"]{-webkit-appearance:none; -moz-appearance:none; appearance:none; width:16px; height:16px; padding:0; margin:0; top:-2px; position:relative; border:1px solid grey; vertical-align:bottom}input[type="checkbox"]:checked{background-color:rgb(2, 167, 76); box-shadow:0 0 10px rgb(113,113,113); padding:0; margin:0; top:-2px; position:relative; vertical-align:bottom; border:none}.fpswd{color:grey}#frpswd{cursor:pointer}a{color:grey}a:hover{color:#0079ffcc}a:active{color:blue}.copyright-block{text-align:center}.copyright-p{margin:0 0 10px; font-size:0.9em; color:#000; letter-spacing:1px; line-height:1.5}.mySwal{width:24em !important; background:#fdfdfd !important; box-shadow:0 3px 10px 1px #000}#frstpswd{display:none; transform:translateX(-100%); position:fixed; z-index:1; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:#fff}#pswdrst-form{margin:auto; width:25%; background:#fff}.prform-header{text-align:center; margin:0 0 12px 0; font-size:32px; font-weight:bold}.prform-container{padding:16px 0}.prform-container label{font-size:18px; color:#545151}#remail{width:100%; padding:12px 20px; margin:8px 0; display:inline-block; border:1px solid #ccc; box-sizing:border-box}#remail:focus{border:1px solid #88d5e9; box-shadow:0 0 8px #88d5e9}#prform-submit,#prform-cancel{height:34px}.slide-in{animation:slide-in 0.5s forwards; -webkit-animation:slide-in 0.5s forwards}.slide-out{animation:slide-out 0.5s forwards; -webkit-animation:slide-out 0.5s forwards}@keyframes slide-in{100%{transform:translateY(0%)}}@keyframes slide-out{0%{transform:translateY(0%)}100%{transform:translateY(-100%)}}@media only screen and (min-width: 280px) and (max-width: 699px){.title{width:90%; padding-top:10px; font-size:8px}.main{width: 100%;height: auto;margin: 10px auto; flex-direction:column}.main::before,.main::after{display:none;}.main h2{display:none}.main h3{font-size:26px; margin-bottom:10px}.left-box{width:265px; margin:0 auto; padding:1em; flex:0 0 20%; border-radius:20px 20px 0 0; text-align:center}.right-box{padding:1em; border-radius:0; width:265px; margin:0 auto}.right-box p{margin-bottom:20px}.ficons{font-size:22px; margin-right:10px}img{width:80%}input[type="text"],input[type="password"]{height:20px}}@media only screen and (min-width: 360px){/*.title{margin-bottom:8px}.left-box,.right-box{width:260px}*/}@media only screen and (min-width: 375px) and (max-width: 830px){.title{margin:0 auto; font-size:10px}.left-box,.right-box{width:275px}}@media only screen and (min-width: 414px){.left-box,.right-box{width:300px}.main h3{font-size:32px}.ficons{font-size:26px}img{width:85%}input[type="text"],input[type="password"]{height:24px}}@media only screen and (max-width: 413px){.main::before{left:0; bottom:40px}.main::after{right:-30px; bottom:40px}}@media only screen and (min-width: 510px){.left-box,.right-box{margin:auto}}@media only screen and (min-width: 700px){.left-box,.right-box{margin:0}.main{width:92%}}@media only screen and (min-width: 768px){.main{width:706px}}@media only screen and (min-width: 831px){.title{font-size: 14px;}}@media only screen and (min-width: 960px){.main{width:766px;}.title{font-size:16px; padding-top:40px}img{width:100%}}