:root{--app-bg-color: #f8f9fa;--app-primary-color: #315496;--app-primary-gd-end-color: #003762;--app-focus-color: rgb(49, 84, 150, .8)}body{background-color:var(--app-primary-color);font-family:Roboto,sans-serif;color:#3e4b5b;font-size:14px;margin:0;overflow:hidden}*{box-sizing:border-box}a,a:hover,a:focus{color:inherit;text-decoration:none;transition:all .3s}.wrapper{background:var(--app-primary-color);background:-webkit-linear-gradient(left,var(--app-primary-color),#56CCF2);background:-o-linear-gradient(left,var(--app-primary-color),#56CCF2);background:linear-gradient(to right,var(--app-primary-color),#56CCF2);background-image:url(/assets/bg.01b8b20e.png);background-size:cover;background-repeat:no-repeat;background-position:top;display:flex;flex-flow:row wrap;justify-content:space-around;position:relative}.wrapper{height:100vh}.wrapper img{max-width:100%}.hide_in_mobile{display:block}.show_in_mobile{display:none}.main,.aside,.footer{display:flex;align-items:center;justify-content:center}.footer{position:absolute;bottom:0;z-index:1;background:rgba(0,0,0,.4);max-height:100px}.aside{z-index:99}.main img{padding:0 10px}.auth-box-w{max-width:450px;min-width:300px;margin:0;background-color:#0a0a0a30;-webkit-box-shadow:0px 0px 40px rgba(0,0,0,.1);box-shadow:0 0 40px #0000001a}.auth-box-w .auth-header{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:1rem;margin:2rem 0;position:relative;z-index:1;padding-left:20px;color:#fff;font-weight:500;line-height:1.2;font-size:1.5rem}.auth-box-w .auth-header:after{content:"";background:var(--app-primary-color);background:-webkit-linear-gradient(to right,var(--app-primary-color),var(--app-primary-gd-end-color));background:linear-gradient(to right,var(--app-primary-color),var(--app-primary-gd-end-color));width:32px;height:4px;display:block;position:absolute;bottom:-3px;left:20px}.auth-box-w form{padding:20px 20px 60px;color:#fff}.auth-box-w form .form-group{position:relative;margin-bottom:1rem}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;vertical-align:middle;cursor:pointer;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-primary{color:#fff;background-color:var(--app-primary-color);border-color:var(--app-primary-color);margin-right:2rem}.btn-primary:hover{color:#fff;background-color:#2a4780;border-color:#274378}.form-control{display:block;width:100%;padding:.45rem .9rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:2px solid #dde2ec;appearance:none;border-radius:4px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:not([readonly]):focus,.select2-container--default:not(.select2-container--disabled) .select2-search--dropdown .select2-search__field:not([readonly]):focus{color:#212529;background-color:#fff;border-color:var(--app-focus-color);outline:0;border-width:2px;-webkit-box-shadow:none;box-shadow:none}label{margin-bottom:4px;display:inline-block;text-shadow:1px 1px 5px black}.row{display:flex;flex-wrap:wrap;align-items:baseline}.col-md-6{width:50%}.login-forget{text-align:right;text-shadow:1px 1px 5px black}@media all and (min-width: 641px) and (max-width: 800px){.aside{flex:1}.main{flex:2 0px}.footer{max-height:50px}}@media all and (max-width: 640px){.show_in_mobile{display:block;max-height:100px}.hide_in_mobile{display:none}.main img{max-width:80%!important}.footer{max-height:50px}.auth-box-w{width:100%}.auth-box-w .auth-header{padding-bottom:5px;margin:5px 0}}@media all and (min-width: 801px){.main{flex:4 0px}.main{order:1;height:calc(100vh - 100px)}.aside{order:2;height:calc(100vh - 100px);justify-content:left}.main img{max-width:80%!important}.footer{order:3;height:100px}}@media only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){.wrapper{height:auto;min-height:100vh}.footer{max-height:50px}.main,.aside{height:100vh}}@media only screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){.aside{align-items:start}}@media only screen and (min-width: 320px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){.wrapper{height:100vh}.main{order:2;display:flex;justify-content:center;align-items:flex-start}}