.hide {display: none;}
.hidden {display: none;}

.error-message {display: none; color: red; position: absolute; top: 0; right: 0;
    padding: 1px 3px; font: bold 11px Arial, sans-serif;  border-radius: 5px; white-space: nowrap;}
.alert {position: absolute; font-weight: bold; color: #fff; font-size: 10px; border-radius: 3px; background: #f00;
    font-family: Arial, sans-serif; width: 100%; max-height: 55px; top: -30px; left: 0; right: 0; bottom: auto; text-align: center; margin: 0 auto;} /*for cookies*/
.document-upload-error.alert.alert-error.hide {left: auto; right: 128px; top: 30px; color: #fff; text-align: center; width: 194px;
    padding: 1px 4px; line-height: 10px; background: #f00; white-space: normal;}
.cookies-disabled-warning {top: 1px;}
.upload-error {right: 2px; top: 30px; text-align: center; width: 100px; height: 12px; padding: 1px 2px; color: #fff; background: #f00;}

.not-available {width: 96%; max-width: 400px; height: 120px; padding-top: 10px; margin: 0 auto;
    font-size: 16px; line-height: 17px; color: #fff; text-align: center;}
.not-open-vue {margin: 0;}
.not-open-vue-text a {color: #fff; line-height: 18px; font-weight: bold;}
.not-open-vue-text a:hover {text-decoration: none;}

.content {padding-top: 220px;}

.ov-block {width: 460px; margin: 0 auto;}
.ov-block:after {content: ''; clear: both; display: block; height: 0;}
.openlink-form {float: right; width: 330px;}
.openlink-form:after {content: ''; clear: both; display: block; height: 0;}
.sign-up-title {font-size: 24px; float: left; font-weight: 400; margin-bottom: 8px;}
.position-title {font-size: 14px; clear: left;}
.mobile-sign-up-title {display: none;}

.main-group {clear: left; float: left; width: 200px;}
.form-items {float: left; clear: left; position: relative; height: 25px; margin-bottom: 10px; width: 100%;}
.input-text {width: 100%; max-width: 200px;}
.upload-group {float: right; width: 110px;}
.upload-label{float: left; font-size: 12px; line-height: 26px; font-weight: 400;}
.qq-upload-button {width: 26px; height: 26px; float: right; cursor: pointer; font-size: 0; color: transparent;
    background: url("https://hirevue-landing.s3.amazonaws.com/progfinance/images/choose_file.png") no-repeat center top; text-align: center; line-height: 26px;}
.qq-upload-button input{height: 100%;}
.qq-upload-list{color: #fff; list-style: none; font-size: 10px; position: absolute; padding: 8px 0 0; left: 5px; top: 15px;
    margin: 0; white-space: nowrap;}
.qq-upload-file{padding-right: 5px;}
.qq-upload-list a{margin-right: 5px; color: red;}
.qq-drop-processing {display: none;}

.button-form {width: 110px; float: right; clear: none;}
.btn-start-ov {width: 100%; height: 25px; background-color: #727272; cursor: pointer; line-height: 25px; font-size: 14px; border: none; text-align: center; color: #fff;
	font-family: 'Montserrat', sans-serif; font-weight: bold; padding: 0;}
.btn-start-ov:hover {box-shadow: 0 0 20px #ffffbe;}

.modal {position: fixed; z-index: 1050; overflow: auto; width: 300px; background-color: #fff;
    border-radius: 6px; background-clip: padding-box; top: 0; left: 0; margin: 0; border: 10px solid rgba(0, 0, 0, .8);
    box-shadow: 0 0 15px rgba(0, 0, 0, .5);}
.modal-body {padding: 15px; }
.modal-footer {padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd;
    border-radius: 0 0 6px 6px; box-shadow: inset 0 1px 0 #ffffff;}
.btn.primary {background-color: #777; border-radius: 3px; width: 43px; height: 28px; color: #fff; border: none;}
.btn.cancel {background-color: #e6e6e6; border-radius: 3px; width: 43px; height: 28px; border: none;}

#thanks {text-align: center; padding: 10px; background-color: rgba(0,0,0,.7);}
#thanks h1 {font-size: 25px; font-weight: bold; color: #04a2be;}
#thanks h2 {margin: 10px 0; font-size: 18px; color: #fff; font-weight: normal;}
#btn-go-to-hirevue {width: auto;}