body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%;width:100%}body{font-family:Segoe UI,"Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;color:#222}#root{display:flex;flex-direction:column}.rootWrapper{background:no-repeat 75%;background-size:cover;width:100%;min-width:344px;display:flex;align-items:center;justify-content:center;flex-grow:1}.rootWrapper:after{content:"";display:block;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.15);pointer-events:none}.contentArea{flex:1 1 50%;display:flex;flex-direction:column;box-sizing:border-box}.leftArea{padding-left:8%}.leftArea .logoArea{max-width:300px;max-height:200px;position:absolute;top:70px;z-index:1}.leftArea .logoArea img{max-width:100%;max-height:100%}.rightArea{align-items:flex-end;padding-right:8%}.titleArea h1{font-weight:100;font-size:70px;line-height:76px;color:#fff;z-index:1;position:relative;text-shadow:0 2px 2px rgba(0,0,0,.25)}.formContainer{width:500px;height:550px;overflow:hidden;display:flex;flex-direction:column;background:#fff;position:relative;z-index:1;opacity:0;-webkit-animation:slideUp .5s forwards;animation:slideUp .5s forwards;-webkit-animation-delay:.6s;animation-delay:.6s}.formContainer:after{left:10px;right:10px;box-shadow:0 7px 7px rgba(0,0,0,.2)}.formContainer:after,.formContainer:before{content:"";display:block;position:absolute;height:50px;bottom:0}.formContainer:before{left:40px;right:40px;box-shadow:0 20px 35px rgba(0,0,0,.15)}.subContainer{padding:30px 40px;display:flex;flex-direction:column;align-items:flex-start;background:#fff;z-index:1}.subContainer.myResources{position:absolute;top:0;right:0;left:100%;bottom:0;padding:30px;overflow:auto;opacity:0;-webkit-animation:slideLeft .3s forwards;animation:slideLeft .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s}.subContainer h3{text-transform:uppercase;font-size:14px;font-weight:700;border-bottom:1px solid #2a2a2d;color:#2a2a2d;margin:0 0 20px;padding:0 0 15px;display:inline-block}.subContainer .formArea{flex-grow:1;width:100%;display:flex;flex-direction:column;justify-content:center}.subContainer .termsButton button{height:auto;background:transparent;width:auto}.subContainer .termsButton button:focus,.subContainer .termsButton button:hover{background:rgba(0,0,0,.1)}.subContainer .ms-Checkbox{margin:5px 0 15px}.subContainer .formInput{width:100%;padding-bottom:10px}.subContainer .formInput div{height:60px;width:100%}.subContainer .formInput input{padding:0 20px;font-size:18px}.subContainer .formInput input::-webkit-input-placeholder{color:#888;font-size:18px}.subContainer .formInput input::-moz-placeholder{color:#888;font-size:18px}.subContainer .formInput input:-ms-input-placeholder{color:#888;font-size:18px}.subContainer .formInput input::-ms-input-placeholder{color:#888;font-size:18px}.subContainer .formInput input::placeholder{color:#888;font-size:18px}.subContainer .formInput .ms-TextField-fieldGroup{border-color:#888}.subContainer .verification{padding:0 0 10px;align-self:center}.subContainer .verification.hidden{display:none;padding:0;opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.subContainer .verification.visible{-webkit-animation:scaleAppear .7s forwards;animation:scaleAppear .7s forwards}.subContainer div[role=alert]{height:auto!important}.subContainer button{width:100%;background:#424248;height:56px;cursor:pointer;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.subContainer button:focus,.subContainer button:hover{background:#2a2a2d}.subContainer button.is-disabled{background:#d8d8d8}.subContainer button span{display:inline}.subContainer button .ms-Button-label{text-transform:uppercase;font-size:18px;font-weight:400}.subContainer button i{font-size:18px;margin-left:10px;vertical-align:sub}.registerContainer{border-bottom:1px solid #d8d8d8;flex:1 1 50%;background:#424248}.registerContainer h1{font-size:28px;font-weight:100}.registerContainer h3{color:#fff;border-color:#fff}.registerContainer button{background:transparent;border:1px solid #fff;color:#fff}.sentContainer{height:100%}.sentContainer h1{font-size:28px;font-weight:100}.loginContainer,.registerContainer,.registerForm{-webkit-transition:all .3s ease;transition:all .3s ease}.minimized .registerForm{max-height:0;overflow:hidden;padding:0 40px!important;flex:0 0;opacity:0}.minimized .registerContainer{opacity:1}.minimized .backButton{display:none}.expanded .registerForm{flex:1 0 100%;opacity:1;padding:0 40px}.expanded .registerButton{display:none}.expanded .registerContainer{opacity:0;height:0;overflow:hidden;padding:0 40px}.expanded .loginContainer{max-height:0;overflow:hidden;padding:0 40px;flex:0 0;opacity:0}.expanded .backButton{position:absolute;right:40px;bottom:20px;height:auto;width:auto;display:inline-block;color:#333;z-index:1;background:transparent;padding:0}.expanded .backButton:hover{background:rgba(0,0,0,.1)}.expanded .backButton .ms-Button-label{text-transform:inherit;font-size:14px}.expanded .backButton i{font-size:14px;margin:0}.loginContainer{flex:1 1 50%}.loginContainer button{background:transparent;border:1px solid #424248;color:#424248}.footerContainer{position:fixed;bottom:0;left:0;right:0;text-align:center;z-index:1;background:#424248}.privacyStatement{width:100%;padding:8px 0;box-sizing:border-box}.privacyStatement button{background-color:transparent;border:0;cursor:pointer}.privacyStatement button:focus{outline:none}.privacyStatement button:hover{text-decoration:underline}.privacyStatement a,.privacyStatement button{color:#fff;font-size:14px;-webkit-transition:color .3s ease;transition:color .3s ease}.privacyStatement a:focus,.privacyStatement a:hover,.privacyStatement button:focus,.privacyStatement button:hover{color:#ddd}.privacyStatement>div{-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.privacyStatement .hidden{opacity:0;pointer-events:none}.privacyStatement .hidden .privacyContent{bottom:-20%;opacity:0}.privacyStatement .show{opacity:1}.privacyStatement .privacyContent{position:fixed;padding:2% 5% 5%;left:5%;right:5%;background:#fff;border-radius:2px;z-index:1;max-height:calc(100% - 50px);overflow:auto;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:1;font-size:15px;text-align:left;box-sizing:border-box;bottom:50px}.privacyStatement .privacyContent .privacyClose{border:0;color:#444;font-size:24px;padding:0 5px;position:absolute;right:20px;top:20px}.privacyStatement .privacyContent .privacyClose:hover{text-decoration:none;background-color:transparent}.privacyStatement .privacyContent h1{font-size:40px;text-transform:uppercase;font-weight:100;margin-top:25px;margin-bottom:38px;text-align:center}.privacyStatement .backdrop{content:"";display:block;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.3);pointer-events:none;margin-bottom:37px}.requestSent{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;min-height:50%;justify-content:center}.requestSent button{color:#424248;background:transparent;padding:10px;height:auto;width:auto}.requestSent button .ms-Button-flexContainer{flex-direction:row-reverse;display:inline-flex}.requestSent button .ms-Button-label{font-size:14px;font-weight:400}.requestSent button i{font-size:18px;margin-left:5px;vertical-align:bottom}.requestSent h1{border-bottom:1px solid #424248;margin-bottom:10px;padding-bottom:20px}.logout{position:absolute;top:60px;right:30px}.logout button{color:#424248;background:transparent;padding:10px;height:auto}.logout button:focus,.logout button:hover{color:#fff}.logout button .ms-Button-label{font-size:14px;font-weight:400}.logout button i{font-size:18px;margin-left:5px;vertical-align:bottom}.confirmation-dialog-content h1{font-size:36px;font-weight:100;margin-bottom:20px}.confirmation-dialog-content .buttonCont{display:flex;width:100%;justify-content:space-between;margin:20px 0 40px}.confirmation-dialog-content button{color:#fff;background:#424248;padding:10px;height:auto;-webkit-transition:background .3s ease;transition:background .3s ease;flex-basis:48%}.confirmation-dialog-content button:focus,.confirmation-dialog-content button:hover{background:#2a2a2d}.confirmation-dialog-content button .ms-Button-label{font-size:14px;font-weight:400;text-transform:uppercase}.loader,.noResources{display:flex;flex-direction:column;align-items:center;width:100%;min-height:50%;justify-content:center}.registerContainer .loader{height:100%}.spinner{width:80px;height:80px;border:2px solid #d8d8d8;border-top-color:#424248;border-radius:50%;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.spinner.small{width:50px;height:50px}.noResourcesDescription{font-size:20px;color:#888;display:block;font-weight:600}.myResources h1{font-size:36px;font-weight:100;margin-bottom:20px}.myResources .myResourcesIntro{margin:0 0 30px;font-size:14px;color:#888}.myResources .resourceGroup h3{margin-left:40px}.myResources .resourceGroupCont{position:relative;-webkit-animation:appear .5s forwards;animation:appear .5s forwards}.myResources .resourceGroupIcon{position:absolute;left:0;top:0;color:#424248;font-size:24px}.myResources .linkList{margin:0 0 40px;position:relative;padding:0}.myResources .linkItem{list-style-type:none;margin-bottom:10px}.myResources .linkIcon{font-size:18px;color:#424248;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:left .3s ease;transition:left .3s ease}.myResources .linkTitle{font-size:21px;-webkit-transition:color .3s ease;transition:color .3s ease}.myResources .linkDesc{font-size:14px;color:#888}.myResources .myResourcesLink{text-decoration:none;color:#222;display:inline-flex;flex-direction:column;min-height:47px;justify-content:center;padding-left:40px;position:relative}.myResources .myResourcesLink:focus .linkTitle,.myResources .myResourcesLink:hover .linkTitle{color:#424248}.myResources .myResourcesLink:focus .linkIcon,.myResources .myResourcesLink:hover .linkIcon{left:5px}@media screen and (max-width:1200px){.rootWrapper{flex-direction:column}.rootWrapper .formContainer{margin-bottom:80px}.rootWrapper .myResources{left:0!important;position:relative;-webkit-animation:none;animation:none;opacity:1}.contentArea{flex-basis:0%;flex-grow:0;align-items:center}.leftArea{padding-left:0}.leftArea .logoArea{position:relative;height:auto;padding-bottom:20px;top:0;margin-top:30px}.leftArea .titleArea h1{font-size:42px;line-height:50px}.rightArea{padding-right:0}}@media screen and (max-width:640px){.rootWrapper{background-image:none;background:#424248}.rootWrapper .formContainer{width:100%}.rootWrapper .myResources{width:100%;padding:30px 10px}.rootWrapper .logout{top:20px}.rootWrapper .contentArea{width:80%;min-width:344px}.leftArea .logoArea{max-width:60%;padding-bottom:5px}.leftArea .titleArea h1{font-size:28px;line-height:32px}.privacyStatement .privacyContent .privacyClose{font-size:18px;right:10px;top:10px}.privacyStatement .privacyContent h1{font-size:28px}}@-webkit-keyframes slideUp{0%{opacity:0;top:20px;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;top:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes slideUp{0%{opacity:0;top:20px;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;top:0;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes slideLeft{0%{left:100%}to{left:50%;opacity:1}}@keyframes slideLeft{0%{left:100%}to{left:50%;opacity:1}}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes scaleAppear{0%{display:block;opacity:0;max-height:0}50%{opacity:0;max-height:80px}to{opacity:1}}@keyframes scaleAppear{0%{display:block;opacity:0;max-height:0}50%{opacity:0;max-height:80px}to{opacity:1}}.confirmation-dialog{width:100%;min-width:300px}