body,html{height:100%;padding:0}#main-container{height:100%;margin:0!important}.login{display:flex;height:100%;overflow:hidden;position:relative}.login .left-panel{width:50%;height:100%;background:0 0;padding:7em;position:relative;z-index:3;overflow:hidden;background-image:linear-gradient(334deg,#ee7217,#09b1a8,#221a7d,#e10663);background-size:600%;background-position:0 0;animation-duration:20s;animation-iteration-count:infinite;animation-name:gradients}@keyframes gradients{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.login .left-panel .logo-q{max-width:750px;position:absolute;top:-100px;left:-100px;opacity:.1}.login .left-panel .logo-q img{max-width:100%}.login .left-panel .content{position:absolute;z-index:9;top:35%}.login .left-panel .content h1{font-size:80px;font-weight:400!important;color:#fff;opacity:0;animation:fadeIn 1.5s ease-out forwards;animation-delay:.5s}.login .left-panel .content h1 .logo-white{width:290px;opacity:0;animation:fadeIn 1s ease-out forwards;animation-delay:1s;filter:brightness(100);position:relative;top:16px}.login .left-panel .content .subtitle{font-size:32px;font-weight:lighter;color:#fff;opacity:0;animation:fadeIn 1s ease-out forwards;animation-delay:1s}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.login .right-panel{width:50%;height:100%;background:0 0;padding:2em;position:relative;z-index:2}.login .right-panel .content .logo{width:100%;text-align:right}.login .right-panel .content .logo img{max-width:150px}.login .right-panel .content .form-group{width:413px;max-width:90%;margin:0 auto;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.login .right-panel .content .form-group .google-button{width:100%;margin:6em 0 0;padding:0;background:#fff;border:1px solid #d4d9e0;border-radius:4px;box-sizing:border-box;font-size:1.1em;text-transform:uppercase;position:relative;transition:all .3s ease-out}.login .right-panel .content .form-group .google-button img{position:absolute;top:.9em;left:1em;max-height:30px}.login .right-panel .content .form-group .google-button a{color:#333;display:block;padding:1.2em 0;position:relative}.login .right-panel .content .form-group .google-button a:hover{text-decoration:none}.login .right-panel .content .form-group .google-button:hover{box-shadow:0 3px 6px 0 rgba(0,0,0,.12)}.login .right-panel .content .form-group .or{text-align:center;margin:4em 0 3em;position:relative}.login .right-panel .content .form-group .or:before{content:"";height:1px;width:100%;background:#d4d9e0;position:absolute;top:7px;left:0}.login .right-panel .content .form-group .or .txt{background:#fff;color:#aaa;font-size:10px;text-transform:uppercase;width:fit-content;margin:0 auto;position:relative;z-index:1;padding:0 2em}.login .right-panel .content .form-group .form-row{position:relative;margin-bottom:20px}.login .right-panel .content .form-group .form-row img{position:absolute;top:45px;left:17px}.login .right-panel .content .form-group label{font-size:10px;color:#8f949d;text-transform:uppercase}.login .right-panel .content .form-group .form-control{transition:none;border-color:#d4d9e0;box-shadow:none;padding:8px 12px 7px 45px;height:46px;font-size:18px;color:#091323;transition:all .2s ease-out}.login .right-panel .content .form-group .form-control:focus{border-color:#ee7217}.login .right-panel .content .form-group .options{display:flex;justify-content:space-between;padding-top:10px}.login .right-panel .content .form-group .options .forgottenPassword{color:#ee7217;font-size:10px;font-weight:700;text-transform:uppercase;position:relative;top:3px;cursor:pointer}.login .right-panel .content .form-group .checkbox-label{position:relative;display:inline-block;margin:0;padding-left:24px;height:18px;font-size:10px;font-weight:700;text-transform:uppercase;cursor:pointer}.login .right-panel .content .form-group .checkbox-label span{position:relative;top:3px}.login .right-panel .content .form-group .checkbox-label input[type=checkbox]{position:absolute;width:0;height:0}.login .right-panel .content .form-group .checkbox-label input[type=checkbox]:before{content:"";position:absolute;left:-24px;top:-2px;width:16px;height:16px;border:1px solid #d4d9e0;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s ease-out}.login .right-panel .content .form-group .checkbox-label input[type=checkbox]:checked:before{border:none;background:transparent url(https://6875fdf6283ce1f75e22-da6be342f85df37c9e2d15b5de66f923.ssl.cf3.rackcdn.com/icon-tickbox-filled.svg) 0 0 no-repeat;background-size:cover}.login .right-panel .content .form-group .alert-error{margin:20px 0 0;padding:10px 15px;background:#ffe0e0;border:1px solid red}.login .right-panel .content .form-group .btn.btn-primary{background:#ee7217;border:1px solid #ee7217;color:#fff;font-size:18px;text-transform:uppercase;width:100%;padding:8px 0;height:46px;margin-top:30px;transition:all .3s ease-out}.login .right-panel .content .form-group .btn.btn-primary:hover{box-shadow:0 3px 6px 0 rgba(0,0,0,.12)}.clear{clear:both}@media screen and (min-width:1440px) and (max-width:1536px){.login .left-panel{padding:4em}.login .left-panel .logo-q{max-width:600px}.login .left-panel .content h1{font-size:60px}.login .left-panel .content h1 img{width:200px}}@media screen and (min-width:1366px) and (max-width:1439px){.login .left-panel{padding:4em}.login .left-panel .logo-q{max-width:600px}.login .left-panel .content h1{font-size:60px}.login .left-panel .content h1 img{width:200px}}@media screen and (min-width:1280px) and (max-width:1365px){.login .left-panel{padding:4em}.login .left-panel .logo-q{max-width:600px}.login .left-panel .content h1{font-size:60px}.login .left-panel .content h1 img{width:200px}}@media screen and (min-width:768px) and (max-width:1279px){.login .left-panel{display:none}.login .right-panel{width:100%}.login .right-panel .content .logo{text-align:center}.login .right-panel .content .form-group{top:45%}}@media screen and (max-width:767px){.login .left-panel{display:none}.login .right-panel{width:100%}.login .right-panel .content .logo{text-align:center}.login .right-panel .content .form-group{top:45%}}