html, body{font-size:14px}body{font-family:'Poppins', sans-serif;margin:0px;padding:0px;color:var(--admin-color3);text-rendering:optimizeLegibility;font-weight:400}.side{background:url(../../../uploads/images/pages/login/login_bg.jpg);position:absolute;width:calc(100% - 550px);right:0;top:0;padding:0;height:calc(100%);overflow:hidden;background-color:#f9fbfb;background-size:cover}.content_data{position:absolute;left:0;bottom:10vh;padding:8rem 10rem}.content_data .logo{margin:initial;margin-bottom:8vh;width:auto}.content_data p{margin:0;color:#fff;font-size:27px;line-height:1}.content_data p.bold{font-size:50px;font-weight:600}.content_data:before{content:'';background:#ff0000;height:100%;width:70px;position:absolute;left:0;top:0;animation-name:slideLeft;animation-duration:1s;animation-delay:0s}.side .content_data > *{animation-name:slideLeft;animation-duration:1s}@keyframes slideLeft{0%{margin-left:-100%}100%{margin-left:-0%}}.side a.item{padding:1em 2em;color:var(--admin-color3);position:absolute;top:0;right:0;z-index:2}.side .content{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%}.logo{height:calc(100% - 6rem);width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.about-system .text{margin-bottom:2rem}.about-system .text > *{color:#373857}.about-system .text .line1{font-size:2em}.about-system .text .line2{font-size:3.5em;line-height:1em;margin-bottom:.75rem;font-weight:bold}.about-system .text p{font-size:1.15em}.seo_logo{margin-top:11em;text-align:center;color:var(--admin-color2)}.seo_logo p{margin-top:0;font-size:21px}.sitename{text-align:center;font-weight:800;text-transform:uppercase;font-size:20px;color:var(--admin-color4);position:absolute;top:2em;left:0;width:100%}p.subheader_login{font-weight:300;margin-top:0;text-align:center}a{cursor:pointer;color:var(--admin-color1);text-decoration:none;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;outline:none;font-weight:500}a:hover, a.hover, a:focus{color:var(--admin-color1);-webkit-transition:all .55s ease;-moz-transition:all .55s ease;-o-transition:all .35s ease;transition:all .55s ease;outline:none;text-decoration:none}.wrapper{width:calc(550px - 2em);height:100%;margin-top:0;margin-left:0;background:transparent;min-height:calc(100% - 12em);display:flex;align-items:center;position:absolute;padding-top:6em;padding-bottom:6em}#loginform{width:450px;margin:0 auto}h1{font-size:16px;margin:0px;padding:0px;font-weight:600;text-align:center;padding-top:1.5em;border-radius:5px 5px 0 0;color:var(--admin-color3)}p.subheader{font-weight:300;margin-top:0;text-align:center}.motto{position:absolute;bottom:0;text-align:center;width:calc(100% - 2em);padding:3em 1em}.motto:before{content:'';position:absolute;top:-2em;left:0;width:100%;height:4em;background:url(../images/quote.png);background-repeat:no-repeat;background-position:center}.motto strong{color:#373857;text-transform:uppercase;font-style:italic}.fields{padding:1.5em}.footer{padding:1.5em 0;position:absolute;width:100%;left:0;bottom:0}.footer p, .fields p{margin:0px;padding:0px;text-align:center}.fields p, p.copy{font-size:.95em;text-shadow:0 1px 0 #fff}.fields input{color:var(--text-color);display:block;width:100%;margin:0;padding:1.8em 1.2em 0.4em 4em;font-size:1em;background-color:transparent;border:solid 1px #e7e7e7;outline:none;border-radius:5px;position:relative}img.captcha-append{position:absolute;top:0.8em;right:0;border-left:solid 1px #e7e7e7;padding-left:1em}#msgholder{padding:0 1.5em}.field{position:relative}.field i.icon{position:absolute;top:0;left:0;padding:1.2em}.field label{position:absolute;top:0;left:3em;padding:1.15em;cursor:text;transition:all 200ms;z-index:-1}.field input::placeholder{color:transparent}.field input:not(:placeholder-shown) ~ label, .field input:focus ~ label{font-size:.8em;padding-left:1.5em !important;padding-top:0.8em !important;color:#a0a0a0 !important;left:3.5em !important}.login_button{font-family:'Arial', sans-serif;color:var(--white);display:block;width:100%;background:var(--primary-color);border:0;font-size:14px;font-weight:300;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;margin-top:1em;margin-right:auto;margin-bottom:1em;margin-left:auto;padding-top:0.65em;padding-right:1.2em;padding-bottom:0.65em;padding-left:1.2em;-webkit-transition:all .55s ease;-moz-transition:all .55s ease;-o-transition:all .35s ease;transition:all .55s ease;outline:none;text-decoration:none}.os.login.message,.os.reset.message{min-height:auto;padding:0}.os.login.message .header{margin-bottom:0;padding:1rem 1rem .5rem}.os.login.message .content{padding:0 1rem 1rem}.os.reset.message p{text-align:left}.os.reset.message .content{padding:1rem}#msgholder{padding:0}.login_button:hover, .login_button:focus{background-color:var(--primary-color-hover);-webkit-transition:all .55s ease;-moz-transition:all .55s ease;-o-transition:all .35s ease;transition:all .55s ease;outline:none;text-decoration:none}.bg-overlay{position:absolute;height:100%;width:100%;right:0;bottom:0;left:0;top:0;opacity:0.7}.bg-bubbles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;margin:0}.bg-bubbles li{position:absolute;list-style:none;display:block;width:40px;height:40px;border-radius:30px;background-color:rgba(219, 219, 219, 0.4);top:-50px;-webkit-animation:square 20s infinite;animation:square 20s infinite;-webkit-transition-timing-function:linear;transition-timing-function:linear}.bg-bubbles li:nth-child(1){left:10%}.bg-bubbles li:nth-child(2){left:20%;width:120px;height:120px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:17s;animation-duration:17s}.bg-bubbles li:nth-child(3){left:25%;-webkit-animation-delay:4s;animation-delay:4s}.bg-bubbles li:nth-child(4){left:40%;width:80px;height:80px;-webkit-animation-duration:22s;animation-duration:22s}.bg-bubbles li:nth-child(5){left:70%;width:90px;height:90px}.bg-bubbles li:nth-child(6){left:70%;width:120px;height:120px;-webkit-animation-delay:3s;animation-delay:3s}.bg-bubbles li:nth-child(7){left:32%;width:150px;height:150px;-webkit-animation-delay:7s;animation-delay:7s}.bg-bubbles li:nth-child(8){left:55%;width:80px;height:80px;-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:40s;animation-duration:40s}.bg-bubbles li:nth-child(9){left:25%;width:50px;height:50px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:40s;animation-duration:40s}.bg-bubbles li:nth-child(10){left:90%;width:140px;height:140px;-webkit-animation-delay:11s;animation-delay:11s}@-webkit-keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(1000px) rotate(600deg);transform:translateY(1000px) rotate(600deg)}}@keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(1000px) rotate(600deg);transform:translateY(1000px) rotate(600deg)}}@media screen and (max-width:1199px){.side{display:none}.wrapper{max-width:100%;margin-top:0;width:100%}#loginform{width:100%}}