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 p.bu { margin: 145px 0; } div.form_box div.left div.bu_logos { margin: 94px -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 { display: block; margin: 15px auto 0 auto; } 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, div.form_box div.right fieldset span.input { margin-bottom: 20px; } div.form_box div.right fieldset input.good_password { border: 3px solid #7dc36b; } div.form_box div.right fieldset input.bad_password { border: 3px solid #d64830; } 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.application_verify_form div.left p.bu { margin: 30px 0 0 0; } div#application_create_container.application_verify_form div.left div.bu_logos { margin: 20px -40px; } div#application_create_container.self_form div.left div.bu_logos { margin: 26px -40px; } div#application_create_container.self_form div.left p.bu { margin: 85px 0; } div#application_create_container div.left.tall p { margin: 115px 0; } div#application_create_container div.left div.social.htg_logo { margin-top: 60px; } div#application_create_container div.left div.social.htg_logo img { margin-right: 10px; } div#application_create_container div.left div.social.htg_logo a { margin: 0 5px; } div#application_create_container div.right fieldset label { display: block; } div#application_create_container div.right fieldset input.good_password { border: 3px solid #7dc36b; } div#application_create_container div.right fieldset input.bad_password { border: 3px solid #d64830; } div#application_create_container div.right fieldset input.code { text-align: center; } div#application_create_container div.right fieldset span { display: block; padding: 10px; font-size: 16px; } div#application_create_container div.right fieldset div.agree_check { margin-bottom: 20px; font-size: 16px; } div#application_create_container div.right fieldset div.agree_check a { color: #398BCE; } div#application_create_container div.right fieldset div.agree_check a.check { font-size: 23px; vertical-align: sub; margin-right: 5px; display: inline-block; color: #666666; } div#application_create_container div.right div.password fieldset { margin-top: 20px; } #window_flash.admission_conditions section main span label { display: block; font-size: 20px; } #window_flash.admission_conditions section main span label.space { margin-top: 10px; } #window_flash.admission_conditions section main span ul { list-style: disc; padding-left: 30px; } @media screen and (max-width: 720px) { div.form_box div.left { display: block; border-radius: 20px 20px 0 0; padding: 30px 40px; padding: 30px 0 !important; } div.form_box div.left div.bu_logos { width: calc(100% + 80px); margin: 20px -40px !important; width: 100%; margin: 20px 0 !important; } div.form_box div.left p.bu { margin: 30px 0 0 0 !important; } div.form_box div.right { padding: 30px 40px; padding: 30px 20px !important; } div.form_box div.left div.social a { font-size: 20px; } #sign_in_container { position: relative; transform: inherit; border-radius: 0; top: 0; left: 0; } div.form_box { border-radius: 0; width: 100%; top: 0; position: relative; left: 0; transform: none; } div.form_box div.left, div.form_box div.right { border-radius: 0; width: 100%; box-sizing: border-box; } }
/* Load Time: 1754091515.7362 seconds */