.error-message {display: none; position: absolute; top: 105%; right: 0; font-size: 11px; font-weight: bold;color: #f00;}
.upload-error {top: auto; left: 0; bottom: 0; text-align: center;}
.cookies-disabled-warning {position: absolute; top: 5px; right: 0; left: 0; font: bold 11px Arial, sans-serif; text-align: center; color: #f00;}
.document-upload-error {position: absolute; top: 16px; left: 0; font: bold 10px Arial, sans-serif; color: #f00;}

.not-available {padding: 50px 0; font-size: 20px; text-align: center;}
.not-available h2 {padding-bottom: 20px; font-size: 30px; font-weight: 700;}
.not-available p {margin-bottom: 15px;}
.not-available a {text-decoration: none; color: #333;}
.not-available a:hover {text-decoration: underline;}

.openlink-container {width: 95%; max-width: 400px; height: 570px; margin: 0 auto; text-align: justify;
	background: url('https://hirevue-landing.s3.amazonaws.com/templates/hello/bottom-line.png') no-repeat bottom center;}
.logo {padding: 35px 0 15px;}
.sigh-up-text {font-size: 22px; line-height: 28px; font-weight: 300; color: #333;}
.sigh-up-text span {font-weight: 600; color: #333;}

.openlink-form {width: 325px; margin: 0 auto;}
.position-title {margin: 10px 0; font-size: 18px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.form-item {position: relative; margin-bottom: 24px;}
.form-item.phone {margin-bottom: 30px;}
.form-item-file {position: relative; margin-bottom: 10px;}
.form-item-file:after {clear: both; display: block;height: 0; content: '';}
.input-ov {width: 100%; height: 32px; padding: 0 10px; font-size: 18px; border: none; border-bottom: 3px solid #000; border-left: 10px solid #000; color: #999;-webkit-appearance: none;}

.upload-label {float: left; font-size: 18px; line-height: 14px; font-style: italic; color: #999;}
.qq-upload-button {float: right; position: relative; font-size: 15px; line-height: 18px; font-weight: 700; cursor: pointer; color: #F53F5B;}
.qq-upload-button:hover {color: #F53F5B;}
.qq-upload-button:after {font-family: fontawesome; font-weight: bold; content: ' \f105';}
.qq-upload-button input {height: 100%;}
.qq-upload-list {position: absolute; bottom: 100%; left: 0; margin: 0; padding-left: 0; font-size: 11px; list-style: none; white-space: nowrap; color: #000;}
.qq-upload-file {padding-right: 5px;}
.qq-upload-list a {margin-right: 5px; color: red;}
.qq-drop-processing {display: none;}

.form-item-button {position: relative; margin-top: 30px;}
.btn-start-ov {display: block; width: 140px; margin: 0 auto; padding: 5px; font-size: 30px; font-weight: 700; cursor: pointer; border: none; color: #F53F5B; background: none;}
.btn-start-ov:hover {color: #F53F5B;}

.info {font-size: 14px; line-height: 17px; font-weight: 300;}
.info h3 {font-weight: 600; margin-bottom: 6px;}
.info ul {list-style-type: none;}
.info li {padding: 0 0 5px 10px; text-indent: -10px;}
.info p {margin-bottom: 6px;}
.mail {color: #fff; text-decoration: none;}
.mail:hover {text-decoration: underline;}
.second-column {margin: 25px 0 27px;}
.nowrap-number {white-space: nowrap;}

.modal {position: fixed; z-index: 1050; left: 10% ; right: 10%; width: auto; max-width: 450px; margin: 0 auto; border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; border: 10px solid rgba(0, 0, 0, 0.8); box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); background-color: #fff;}
.modal-header {padding: 15px 15px 0;}
.modal-body {padding: 15px;}
.modal-footer {padding: 15px; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; border-radius: 0 0 5px 5px; box-shadow: inset 0 1px 0 #fff;}
.btn.primary {background-color: #333; border-radius: 3px; width: 45px; height: 30px; color: #fff; border: none;}
.btn.cancel {background-color: #e6e6e6; border-radius: 3px; width: 43px; height: 28px; border: none;}

#thanks {text-align: center; padding: 40px 0 20px;}
#thanks h1 {font-size: 25px; font-weight: bold; color: #F53F5B;}
#thanks h2 {margin: 10px 0; font-size: 18px; color: #005C84; font-weight: normal;}
#btn-go-to-hirevue {width: auto;}

@media screen and (max-width: 950px) {
    .left-bar {padding-bottom: 120px;}
    .openlink-container {height: auto; padding-bottom: 45px;}
    .openlink-form {width: 80%; min-width: 290px; max-width: 500px;}
    .position-title {white-space: normal;}
}

@media screen and (max-width: 479px) {
    .right-bar {height: auto;}
    .info {padding-bottom: 50px;}
}