body,html{height:100%;margin:0;font-family:'Roboto',sans-serif;}.overlay{display:table;width:100%;height:100%;position:absolute;top:0;left:0;background:RGBA(0,0,0,.3);z-index:0;}#mainWrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("https://source.unsplash.com/collection/1166960/1280x720");background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1;text-align:center;overflow-y:scroll;}#loginMainWrapper{display:block;width:100%;height:100%;}#featuredImg{background-image:url("https://source.unsplash.com/collection/1166960/1280x720");background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);z-index:2;}@media screen and (max-width:1023px){#featuredImg{display:none;}}#featuredImg span{position:absolute;bottom:0;display:block;width:calc(100% - 20px);color:#fff;height:50px;line-height:50px;padding-right:20px;text-align:right;background:RGBA(0,0,0,.5);font-weight:300;}#featuredImg span a{color:#fff;}#LoaderDiv,#customLoaderDiv{position:fixed;top:0;left:0;width:100vw;height:100vh;background:RGBA(0,0,0,.7);z-index:1234;display:none;user-select:none;text-align:center;padding-top:15%;}.cssload-fond{position:relative;margin:auto;}.cssload-container-general{animation:cssload-animball_two 1.3s infinite;-o-animation:cssload-animball_two 1.3s infinite;-ms-animation:cssload-animball_two 1.3s infinite;-webkit-animation:cssload-animball_two 1.3s infinite;-moz-animation:cssload-animball_two 1.3s infinite;width:198px;height:198px;}.cssload-internal{width:198px;height:198px;position:absolute;}.cssload-ballcolor{width:90px;height:90px;border-radius:50%;}.cssload-ball_1,.cssload-ball_2,.cssload-ball_3,.cssload-ball_4{position:absolute;animation:cssload-animball_one 1.3s infinite ease;-o-animation:cssload-animball_one 1.3s infinite ease;-ms-animation:cssload-animball_one 1.3s infinite ease;-webkit-animation:cssload-animball_one 1.3s infinite ease;-moz-animation:cssload-animball_one 1.3s infinite ease;}.cssload-ball_1{background-color:#bbdefb;top:0;left:0;}.cssload-ball_2{background-color:#64b4f6;top:0;left:108px;}.cssload-ball_3{background-color:#2195f3;top:108px;left:0;}.cssload-ball_4{background-color:#1975d2;top:108px;left:108px;}@keyframes cssload-animball_one{0%{position:absolute;}50%{top:54px;left:54px;position:absolute;opacity:.5;}100%{position:absolute;}}@-o-keyframes cssload-animball_one{0%{position:absolute;}50%{top:54px;left:54px;position:absolute;opacity:.5;}100%{position:absolute;}}@-ms-keyframes cssload-animball_one{0%{position:absolute;}50%{top:54px;left:54px;position:absolute;opacity:.5;}100%{position:absolute;}}@-webkit-keyframes cssload-animball_one{0%{position:absolute;}50%{top:54px;left:54px;position:absolute;opacity:.5;}100%{position:absolute;}}@-moz-keyframes cssload-animball_one{0%{position:absolute;}50%{top:54px;left:54px;position:absolute;opacity:.5;}100%{position:absolute;}}@keyframes cssload-animball_two{0%{transform:rotate(0deg) scale(1);}50%{transform:rotate(360deg) scale(1.3);}100%{transform:rotate(720deg) scale(1);}}@-o-keyframes cssload-animball_two{0%{-o-transform:rotate(0deg)scale(1);}50%{-o-transform:rotate(360deg)scale(1.3);}100%{-o-transform:rotate(720deg)scale(1);}}@-ms-keyframes cssload-animball_two{0%{-ms-transform:rotate(0deg) scale(1);}50%{-ms-transform:rotate(360deg) scale(1.3);}100%{-ms-transform:rotate(720deg) scale(1);}}@-webkit-keyframes cssload-animball_two{0%{-webkit-transform:rotate(0deg) scale(1);}50%{-webkit-transform:rotate(360deg) scale(1.3);}100%{-webkit-transform:rotate(720deg) scale(1);}}@-moz-keyframes cssload-animball_two{0%{-moz-transform:rotate(0deg) scale(1);}50%{-moz-transform:rotate(360deg) scale(1.3);}100%{-moz-transform:rotate(720deg) scale(1);}}#blockWrapper{display:inline-block;position:relative;margin-top:20px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);background:#fff;z-index:2;}@media screen and (min-width:1024px){#blockWrapper{width:400px;}}@media screen and (max-width:1023px){#blockWrapper{width:90%;}}@media screen and (max-width:767px){#blockWrapper{width:100%;margin-top:0;height:auto;}}#blockWrapper div.loginHeader{position:relative;display:block;width:calc(100% - 40px);height:auto;padding:10px 20px;background:#cfd8dc;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);}#blockWrapper div.loginHeader img{position:absolute;top:20px;left:20px;width:60px;}@media screen and (max-width:414px){#blockWrapper div.loginHeader img{top:10px;left:10px;width:55px;}}#blockWrapper div.loginHeader h1{display:block;width:calc(100% - 80px);text-align:left;margin-top:20px;margin-left:80px;color:#333;}@media screen and (max-width:414px){#blockWrapper div.loginHeader h1{font-size:20px;}}#blockWrapper div.loginContent{position:relative;display:block;padding:20px;width:calc(100% - 40px);height:auto;}#blockWrapper div.loginContent .intro{display:block;margin:10px 0;text-align:left;}#blockWrapper div.loginContent .intro span{display:block;width:100%;margin:5px 0;line-height:1.5em;}#blockWrapper div.loginContent .block{display:block;position:relative;width:100%;height:90px;line-height:90px;text-align:left;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;color:#fff;z-index:4;}#blockWrapper div.loginContent .block .block-expand{position:absolute;right:0;display:block;width:35px;height:100%;}#blockWrapper div.loginContent .block .block-expand i{line-height:90px;-webkit-transition:all ease-in-out .5s;transition:all ease-in-out .5s;}#blockWrapper div.loginContent .block .block-expand i.flipped{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}#blockWrapper div.loginContent .block .blockIconWrapper{display:block;float:left;width:100px;height:90px;text-align:center;border-right:2px solid RGBA(0,0,0,.1);background:RGBA(0,0,0,.1);}@media screen and (max-width:414px){#blockWrapper div.loginContent .block .blockIconWrapper{display:none;}}#blockWrapper div.loginContent .block .blockIconWrapper i{font-size:35px;line-height:90px;}#blockWrapper div.loginContent .block span{font-size:1.1em;text-indent:20px;width:calc(100% - 100px);display:block;text-align:left;margin-left:100px;}@media screen and (max-width:414px){#blockWrapper div.loginContent .block span{width:100%;margin-left:0;}}#blockWrapper div.loginContent .block.register{background:#009688;}#blockWrapper div.loginContent .block.login{background:#ffb300;margin-top:15px;}#blockWrapper div.loginContent .block.o365{background:#e53935;margin-top:15px;}#blockWrapper div.loginContent .block:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);}#blockWrapper div.loginContent .block.disabled{background:#cfd8dc;opacity:.5;}#blockWrapper .loginContentHuGo{display:block;position:relative;width:calc(100% - 40px);padding:10px 20px;height:auto;background:#3f51b5;}#blockWrapper .loginContentHuGo span{color:#fff;}#blockWrapper span.field-validation-error{color:#f00 !important;}#registerContainer{display:block;position:relative;padding:20px;width:calc(100% - 40px);height:auto;background:#e0f2f1;z-index:3;text-align:left;}#registerContainer span{display:block;width:100%;}#registerContainer form i{display:block;width:40px;height:40px;line-height:40px;background:#009688;color:#fff;float:left;margin:10px 0;text-align:center;}#registerContainer form input{border:none;height:40px;margin:10px 0;text-align:left;letter-spacing:10px;padding:0 10px;float:left;width:calc(100% - 70px);}#registerContainer button{margin:10px 0;height:38px;padding:0 15px;border:none;color:#fff;background:#009688;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);cursor:pointer;font-size:16px;}#loginContainer{display:block;position:relative;padding:20px;width:calc(100% - 40px);height:auto;background:#fff8e1;z-index:3;text-align:left;}#loginContainer span{display:block;width:100%;}#loginContainer form i{display:block;width:40px;height:40px;line-height:40px;background:#ffc107;color:#fff;float:left;margin:10px 0;text-align:center;}#loginContainer form input{border:none;height:40px;margin:10px 0;text-align:left;padding:0 10px;display:block;width:calc(100% - 60px);float:left;background:#fff;}#loginContainer button{margin:0;height:38px;padding:0 15px;border:none;color:#fff;background:#ffc107;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);cursor:pointer;font-size:16px;margin-top:10px;}#loginContainer .passwordForgot{color:#333;font-size:.9em;text-decoration:underline;cursor:pointer;width:150px;margin-left:calc(100% - 150px);display:block;text-align:right;}.backBtn{position:absolute;right:10px;top:10px;display:block;border:none;background:#fff;padding:5px 10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);cursor:pointer;text-decoration:none;color:#333;}#loginFooter{position:fixed;left:0;bottom:0;width:100%;height:auto;background-color:#212121;color:#fff;text-align:center;z-index:10;font-weight:300;font-size:14px;text-align:center;}@media screen and (max-width:1344px){#loginFooter{display:none;}}#loginFooter div{display:inline-block;}#loginFooter div span{line-height:2;padding:15px 30px;display:inline-flex;vertical-align:middle;border-right:1px solid #fff;}#loginFooter div span i{margin-right:5px;}#loginFooter div span p{margin:0;padding:0 5px;}#loginFooter div span:first-child{border-left:1px solid #fff;}#loginFooter div span a{color:#fff;}