html, body { background-color: #555; } div#watermark { position: absolute; top: 0; background-image: url('/portals/parent/templates/default/images/sign_in_background.jpg'); height: 100%; width: 100%; background-position: right; background-repeat: no-repeat; background-size: cover; opacity: 0.7; z-index: 1; } div.form_box { z-index: 2; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 20px; white-space: nowrap; } div.form_box div.left { background-color: #607d8c; padding: 40px; border-radius: 20px 0 0 20px; display: inline-block; text-align: center; } div.form_box div.left img.logo { display: block; margin: 0 auto; } div.form_box div.left p { font-size: 28px; color: #ffffff; margin-top: 30px; } div.form_box div.left div.bu_logos { margin: 30px -40px; text-align: center; background-color: #eee; width: 335px; padding: 20px 0; } div.form_box div.left div.bu_logos img { margin: 0 15px; } div.form_box div.left div.bu_logos img.homestead_logo { margin-top: 15px; } div.form_box div.left div.social a { display: inline-block; margin: 0 10px; color: #fff; font-size: 30px; } div.form_box div.right { padding: 30px 40px 0; display: inline-block; vertical-align: top; width: 300px; } div.form_box div.right h1 { font-size: 30px; text-transform: uppercase; letter-spacing: 1px; } div.form_box div.right p { margin-top: 10px; font-size: 16px; white-space: normal; } div.form_box div.right fieldset { margin-top: 30px; } div.form_box div.right fieldset.auto_label label { display: none; } div.form_box div.right fieldset label { display: block; } div.form_box div.right fieldset input { margin-bottom: 20px; } div.form_box div.right button { background-color: #607d8c; width: 100%; } div.form_box div.right a.link { text-align: center; display: block; margin-top: 20px; font-size: 16px; color: #398BCE; } div.form_box div.right div.form { display: none; } div.form_box div.right div.form.sign_in { display: block; } div.form_box div.right div.complete { display: none; } div.form_box div.right div.complete button { margin-top: 60px; } div#application_create_container div.left p { margin: 50px 0; } div#application_verify_container div.left.tall p { margin: 115px 0; } div#application_verify_container div.left div.social.htg_logo { margin-top: 60px; } div#application_verify_container div.left div.social.htg_logo img { margin-right: 10px; } div#application_verify_container div.left div.social.htg_logo a { margin: 0 5px; } div#application_verify_container div.right fieldset label { display: block; } div#application_verify_container div.right fieldset input.good_password { border: 3px solid #7dc36b; } div#application_verify_container div.right fieldset input.bad_password { border: 3px solid #d64830; } div#application_verify_container div.right fieldset span { display: block; padding: 10px; font-size: 16px; } div#application_verify_container div.right div.password fieldset { margin-top: 20px; } div#application_forgot_password_container div.right fieldset input.good_password { border: 3px solid #7dc36b; } div#application_forgot_password_container div.right fieldset input.bad_password { border: 3px solid #d64830; } @media screen and (max-width: 720px) { div.form_box div.left { display: block; border-radius: 20px 20px 0 0; padding: 30px 40px; } div.form_box div.left div.bu_logos { width: calc(100% + 80px); margin: 20px -40px; } div.form_box div.right { padding: 30px 40px; } div.form_box div.left div.social a { font-size: 20px; } } @media screen and (max-width: 390px) { #sign_in_container { position: relative; transform: inherit; border-radius: 0; top: 0; left: 0; } div.form_box { border-radius: 0; } div.form_box div.left { padding: 30px 0; } div.form_box div.right { padding: 30px 20px; } div.form_box div.left, div.form_box div.right { border-radius: 0; width: 100%; box-sizing: border-box; } div.form_box div.left div.bu_logos { width: 100%; margin: 20px 0; } }
/* Load Time: 1754179681.0394 seconds */