@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Open+Sans&display=swap'); html { } body, html { margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; font-family: 'Lato', sans-serif; font-size: 15px; height:100%; color:#000; background-color: #3D4247; } body { } form { margin:0px; padding:0px; } ul { margin: 0px; padding: 0px; overflow: hidden; list-style: none; } a { font-weight: normal; text-decoration: none; color:#000; } a:hover { text-decoration: none; } #loginLoading { position: fixed; width: 100%; height: 100%; z-index: 1; opacity: 0.35; } #loginLottie { background-color: #fff; position: fixed; width: 100%; height: 100%; z-index: 2; } #loginPhotos { position: fixed; width: 100%; height: 100%; z-index: 2; } #loginPhotos .photo { position: absolute; width: 100%; height: 100%; background-position: center; background-size: cover; display: none; border: none; outline: none; content: ""; } #loginPhotoShadow { position: absolute; width: 100%; height: 100%; background: radial-gradient(circle, transparent 0%, rgba(0,0,0,1) 300%); z-index: 3; } #loginPhotoInfo { position: absolute; bottom: 0px; left: 120px; z-index: 3; padding: 0 40px 10px 20px; text-align: left; text-shadow: 1px 1px 2px rgba(0,0,0,0.4); opacity: 1; } #loginPhotoInfo .title { font-size: 1.5em; margin-bottom: 5px; color: rgba(255,255,255,0.9); } #loginPhotoInfo .description { font-size: 0.9em; color: rgba(255,255,255,0.9); } #loginPhotoInfo .attribution { font-size: 0.7em; margin-top: 20px; color: #000; text-shadow: none; } #loginVideo { position: fixed; width: 100%; height: 100%; z-index: 2; } #loginVideo video { object-fit: contain; width: 100%; height: 100%; } #loginContent { position: fixed; width: 100%; height: 100%; z-index: 3; overflow: auto; max-width: 350px; color: #fff; right: 100px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); background-color: rgba(39, 39, 39, 0.75); box-sizing: border-box; text-align: left; } #loginLogo { text-align: center; padding: 40px 40px 40px 40px; opacity: 1; } #loginLogo img { max-width: 75%; max-height: 80px; } #loginIntro { vertical-align: middle; padding: 50px 40px 30px 40px; box-sizing: border-box; } #loginIntro .title { font-size: 2em; margin-bottom: 10px; } #loginIntro .description { font-size: 1em; line-height: 1.5em; opacity: 0.8; } #loginError { padding: 10px 30px; margin-bottom: 30px; text-align: center; font-size: 0.9em; color: #ffffff; background-color: rgba(204, 83, 83, 0.6); font-family: sans-serif; line-height: 1.3em; } #loginForm { vertical-align: middle; height: 100%; } #loginFormInner { padding: 0 40px 40px 40px; } #loginForm .description { font-size: 18px; font-weight: normal; margin-bottom: 20px; } #loginForm .title { font-size:15px; margin-bottom:8px; } #loginForm .input { margin-bottom:25px; } #loginForm .input input[type="text"], #loginForm .input input[type="password"] { width:100%; height:40px; max-width: 250px; line-height:35px; border:0px; font-size:18px; padding-left:8px; border-radius: 2px; color:#000; box-sizing: border-box; background-color: rgba(255,255,255,1); } #loginForm .input input:focus { background-color: rgba(255,255,255,1); } #loginFormUnexpire { } #loginFormUnexpire .input { float: left; margin: 0 5px 0 0; } #loginFormUnexpire input[type="checkbox"]{ zoom: 1.3; } #loginFormUnexpire .title { font-size: 0.9em; margin: 0; padding-top: 3px; color: rgba(255,255,255,0.7); overflow: hidden; } #loginFormFooter { margin-top: 50px; } #loginFormSubmit { margin-top: 40px; text-align: left; display: inline; } #loginFormSubmit input { background:none; color:#fff; font-size:15px; font-weight:normal; cursor:pointer; padding:10px 20px 10px 20px; background: #3460db; border:0px; font-family: Arial; transition: all 500ms; -moz-transition: all 500ms; -webkit-transition: all 500ms; } #loginFormSubmit input:hover { background: #0f40c8; border:0px; } #loginPasswordRecovery { text-align: right; float: right; height: 37px; margin-top: 10px; } #loginPasswordRecovery a { font-size: 12px; color: rgba(255,255,255,0.7); text-decoration: none; } #loginFooter { position:absolute; left:0px; right:0px; bottom:0px; padding-left:60px; background-color:#F4F4F4; border-top:1px solid #CED1DB; } #loginFooter ul { line-height:18px; } #loginFooter li { float:left; margin-right:20px; } .lbInvSat.lbInvPosition2 { left: 40px !important; bottom: 40px !important; } @media screen and (max-width: 480px) { #loginContent { right: 0px; background-color: rgba(39, 39, 39, 0.50); max-width: initial; } #loginPhotoInfo { display: none; } #loginLogo { padding: 30px 40px; } #loginIntro { padding: 30px 40px; } #loginPasswordRecovery { margin-right: 70px; } }