:root{--input-padding-x: .75rem;--input-padding-y: .75rem}body,html{height:100%;margin:0;padding:0;border:0}body{font-size:.875rem}.main{position:fixed;background:#358D86;top:0;left:0;right:0;bottom:0;z-index:1000;overflow:auto}.wrapper{position:relative;display:flex;width:100%;min-height:100%;z-index:1}.content{width:100%;display:flex;align-items:center;flex-direction:column;justify-content:center}.login-header-logo{text-align:center;margin-bottom:20px}.login-header-text{text-align:center;font-weight:bold;margin-bottom:30px;text-shadow:1px 1px #ccc}.box-container{position:relative;display:flex;width:100%;z-index:1}.box-wrapper{width:100%;display:flex;align-items:center}.box-wrapper-again{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin:-12px}.box-main{display:flex;flex-wrap:wrap;justify-content:center;width:840px;margin:0}.box-left{position:relative;flex-grow:0;flex-basis:50%;max-width:50%;margin:0}.box-left-content{display:flex;position:absolute;overflow:hidden;top:-15px;left:2px;width:100%;height:calc(100% + 30px);padding:80px 50px;box-shadow:0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);border-radius:5px;background:url(../img/login.fw.png);background-size:cover}.box-left-content:after{content:' ';position:absolute;background:#fff;opacity:0.2;top:0;left:0;bottom:0;right:0}.box-left-header{width:100%}.box-left-img{position:absolute;left:20px;color:#33691E;bottom:-100px;opacity:0.1;font-size:600px}.box-left-logo{display:block;text-align:center;width:100%;padding-bottom:30px}.box-left-title{text-align:center;font-size:13px;font-weight:700;text-transform:uppercase;width:100%;color:#666;text-shadow:1px 1px #fff}.box-right{flex-grow:0;max-width:50%;flex-basis:50%}.box-right-wrapper{margin-top:-24px;align-items:center}.box-right-content{padding-left:24px;padding-right:24px;margin-top:24px;padding-top:100px;padding-bottom:10px;box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);border-radius:5px;background-color:#fff;height:500px}.box-right-title{display:block;position:relative;font-size:18px;margin-bottom:32px;padding-bottom:16px;text-transform:uppercase;position:relative}.box-right-title:after{left:0;width:40px;bottom:0;content:"";display:block;position:absolute;border-bottom:4px solid #60BAFD}.form-label-group{position:relative;margin-bottom:1rem}.form-label-group>input,.form-label-group>label{padding:var(--input-padding-y) var(--input-padding-x)}.form-label-group>label{position:absolute;top:0;left:0;display:block;width:100%;margin-bottom:0;line-height:1.5;color:#495057;border:1px solid transparent;border-radius:.25rem;transition:all .1s ease-in-out}.form-label-group input::-webkit-input-placeholder{color:transparent}.form-label-group input:-ms-input-placeholder{color:transparent}.form-label-group input::-ms-input-placeholder{color:transparent}.form-label-group input::-moz-placeholder{color:transparent}.form-label-group input::placeholder{color:transparent}.form-label-group input:not(:placeholder-shown){padding-top:calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));padding-bottom:calc(var(--input-padding-y) / 3)}.form-label-group input:not(:placeholder-shown) ~ label{padding-top:calc(var(--input-padding-y) / 3);padding-bottom:calc(var(--input-padding-y) / 3);font-size:12px;color:#777}.secureimage{text-align:center}.secureimage img{width:80%}.notify{position:absolute;right:20px;min-width:200px;z-index:999999;text-align:center;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;top:-20px;opacity:0}.notify .fa{font-size:18px}.notify.show{top:20px;opacity:.8}@media (max-width: 768px){.box-main{width:100%}.box-wrapper-again{margin:10px}.box-left{display:none}.box-right{max-width:100%;flex-basis:100%}}