html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, section, summary, time, mark, audio, video {margin: 0; padding: 0; font-size: 100%;border: 0; outline: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
input, button, a:focus {border-radius: 0; outline: none;}
input {margin: 0; padding: 0; border: 0; outline: 0; font-family: Arial, sans-serif;}
.box {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html, body {width: 100%; min-width: 320px; min-width: 1280px\9; height: 100%;}
body {position: relative; font-family: Arial, sans-serif; color: #fff; background: #011842 url("https://hirevue-landing.s3.amazonaws.com/floridahospital/header-bg.jpg") repeat-x top left;}

.hide {display: none;}
.alert {position: absolute; right: 0; bottom: 105%; font: bold 11px Arial, sans-serif; text-align: right; color: #f00;}
.code-result {position: absolute; top: 105%; left: 0; font: bold 12px Arial, sans-serif;}
.bad-code {color: red;}
.good-code {color: #02b600;}

::-webkit-input-placeholder {color: #363636;}
:-ms-input-placeholder {color: #363636;}
::-moz-placeholder {opacity: 1;color: #363636;}
:-moz-placeholder {opacity: 1;color: #363636;}

.header:after {display: block; content: ""; height: 0; clear: both;}
.header .centered {min-height: 115px; background: url("https://hirevue-landing.s3.amazonaws.com/floridahospital/logo-bg.jpg") no-repeat top left;}
.logo {float: left; padding: 27px 0 3px 90px;}

.manager-login {float: right; position: relative; margin: 55px 20px 0 0;}
.manager-login-label {float: left; margin-right: 10px; font-size: 14px; font-weight: bold; line-height: 30px;}
.login-form {float: left; position: relative; width: 400px; padding-right: 70px;}
.input-text {float: left; width: 50%; height: 30px; padding: 0 8px; font-size: 14px; line-height: 30px\9; border: none; color: #000; background-color: #fff;}
.password {border-left: 1px solid #011842;}

.social {float: right; margin: 58px 30px 0 0;}
.social-icon {float: left; height: 23px; width: 24px; background: url("https://hirevue-landing.s3.amazonaws.com/floridahospital/social-icons.png") no-repeat;}
.facebook {margin-right: 12px;}
.twitter {margin-right: 12px; background-position: -24px 0;}
.linkedin {background-position: -48px 0;}
.social-icon:hover {opacity: 0.8;}

.btn-login {position: absolute; top: 0; right: 0; width: 66px; height: 30px; font: bold 12px/30px Arial, sans-serif; cursor: pointer;text-align: center; color: #fff; background-color: #e55e15;}
.btn-login:hover, .btn-t:hover {background-color: #FD762E;}
.fa.fa-angle-right {font-weight: bold;}
.keep-block {clear: left; float: left; width: 50%; min-width: 150px; margin: 3px 5px 0 0;}
.keep-block label, .forgot {float: left; font-size: 14px; line-height: 16px; cursor: pointer; color: #fff;}
.keep-block .keep-signed-in {float: left; width: 16px; height: 16px; margin: 0 3px 0 0; padding: 0; border: none;  }
.forgot {margin-top: 3px;}
.forgot:hover {text-decoration: none;}
.forgot:visited {color: #fff;}

.candidate-login {float: right; margin: 48px 20px 0 0;}
.candidate-title {float: left; margin-right: 20px; font: bold 30px/46px Arial, sans-serif;}
.candidate-landing-form {float: left; position: relative; width: 325px; padding-right: 85px;}
.interview-code {float: left; width: 100%; height: 46px; padding: 0 10px; font-size: 18px; line-height: 46px\9; border: none; color: #363636; background-color: #fff;}
.btn-t {display: block; position: absolute; top: 0; right: 0; width: 80px; height: 46px; font: bold 18px/46px Arial, sans-serif; cursor: pointer; text-align: center; color: #fff; background-color: #e55e15;}
.btn-t.disabled {cursor: default; background-color: #e55e15;}

.video-wrapper {position: relative;}
.content {max-width: 1280px; margin: 0 auto; padding: 0 30px 50px;}
.ie8-video {height: 600px;}
.video-button {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: url("https://hirevue-landing.s3.amazonaws.com/floridahospital/play-btn.png") no-repeat center; background-size: 10%; cursor: pointer;}
.transparent-button {background-image: none;}

@media screen and (max-width: 1280px) {
    html, body {min-width: 320px;}
}

@media screen and (max-width: 1020px) {
    .alert {bottom: auto; top: 110%; text-align: left; left: 0;}
    .header .centered {background-position: -40px top;}
    .logo {padding-left: 50px;}
    .social {margin-right: 40px;}
    .content {padding: 0 0 20px;}

    .manager-login, .candidate-login {clear: both; float: none; width: 90%; max-width: 500px; margin: 0 auto; }
    .manager-login:after, .candidate-login:after {display: block; content: ""; height: 0; clear: both;}
    .manager-login {padding: 130px 0 170px;}
    .candidate-login {padding: 130px 0 170px;}
    .manager-login-label {float: none; margin: 0 0 10px; font-size: 30px;}
    .candidate-title {float: none; margin: 0 0 15px; font-size: 36px;}
    .login-form, .candidate-landing-form {width: 100%;}
}

@media screen and (max-width: 400px) {
    .header .centered {background-position: -65px top;}
    .logo {padding-left: 25px;}
    .social {margin-right: 15px;}
    .keep-block {min-width: 130px;}
    .keep-block label, .forgot {font-size: 12px;}
}