@import url(../fonts/style.css);body{font-family:"Open Sans",sans-serif;font-size:16px;font-weight:normal;text-rendering:optimizeSpeed;color:#000;margin:0;padding:0;cursor:default;background-color:#fcfcfc;background-image:url('../imgs/background.jpg');background-position:right top;background-repeat:no-repeat;background-size:cover;height:100vh}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}a{color:#c00;text-decoration:none}a:hover{color:#333;text-decoration:underline}.login-area{padding:0;overflow:hidden}.sidebar{background:linear-gradient(180deg,#1f6444,#47873e);color:#fff;padding:15px;overflow-x:hidden;overflow-y:auto}.sidebar .logo img{width:100%;height:auto}.sidebar .content{display:none;padding-top:50px;padding-left:10px;font-size:15px;line-height:20px}.sidebar .content h1{font-size:26px;font-weight:bold;letter-spacing:-0.5px;margin-bottom:0}.main-area{overflow-y:scroll;padding:20px}header{margin-bottom:25px;border-bottom:1px solid #ddd}header h3{font-size:24px;font-weight:bold;margin-bottom:0}.form-login{box-shadow:0 0 1px rgb(0 0 0 / 10%),0 2px 24px rgb(0 0 0 / 8%);padding:40px;width:100%;max-width:420px;margin-top:auto;margin-bottom:auto;background-color:#fff}.form-login .alert{border-radius:0;margin-top:30px;padding:8px 12px;line-height:16px;font-size:14px}.form-label{font-size:14px;color:#5f6269}.form-login .form-control:focus{box-shadow:none;border-color:#47873e}.form-login .form-control::-webkit-input-placeholder{color:#ccc}.form-login .form-control::-moz-placeholder{color:#ccc}.form-login .form-control:-ms-input-placeholder{color:#ccc}.form-login .form-control:-moz-placeholder{color:#ccc}.form-login .bottom{margin:30px 0}.form-login .bottom span{display:block;text-align:center;padding:8px 0;font-size:17px;border-bottom:1px solid #ddd}.form-login .bottom a{color:#333;text-decoration:underline}.form-login .bottom a:hover{color:#47873e;text-decoration:none}footer{font-size:12px;color:#555;letter-spacing:-0.5px}footer p{line-height:15px;margin-bottom:0}@media only screen and (min-width:768px){body{background-size:contain}.login-area{display:flex;flex-direction:row;min-height:unset;height:100vh}.sidebar{width:45%;display:flex;flex-direction:column;padding:60px 30px 10px 60px}.sidebar .logo{height:60px;display:flex;justify-content:flex-start}.sidebar .logo img{float:left;max-height:60px;width:auto;height:auto}.sidebar .content{display:block;padding-right:20px}.main-area{display:flex;flex-direction:column;align-items:center;width:55%;padding:48px}}