.hidden {display: none;}
.error-message {position: absolute; bottom: -50%; right: 0; padding: 2px; font: bold 12px Arial, sans-serif; text-align: center; color: #fff; background: #f00; border-radius: 0 0 4px 4px;}
.cookies-disabled-warning {-ms-grid-row: 1; grid-row: 1; position: absolute; top: auto; bottom: 99%; padding: 2px; text-align: center; color: #fff; background: #f00; border-radius: 5px;}
.document-upload-error {position: absolute; top: 155%; left: 0; right: 0; padding: 2px; text-align: center; color: #fff; background: #f00; border-radius: 5px;}
.upload-error {top: 90%; bottom: auto; left: 0; right: 0; border-radius: 5px;}

.logo {width: auto; padding: 65px 0 40px;}

.not-available {width: 430px; margin: 0 auto 10%; padding: 50px 0 190px; font-size: 20px; text-align: center; background: url('https://hirevue-landing.s3.amazonaws.com/templates/hello/bottom-line.png') no-repeat center bottom;}
.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: 430px; margin: 0 auto 10%; padding-bottom: 60px; background: url('https://hirevue-landing.s3.amazonaws.com/templates/hello/bottom-line.png') no-repeat center bottom;}
.openlink-form {width: 330px; position: relative; margin: 0 auto; display: -ms-grid; display: grid; -ms-grid-columns: 100%; grid-template-columns: 100%; -ms-grid-rows: (auto)[12]; 
	grid-template-rows: repeat(12, auto);}
.form-items, .addition-info {position: relative; width: 100%; margin-top: 22px; font-size: 18px; color: #777; -ms-grid-column: 1; grid-column: 1;}
.ov-input-text, select {width: 100%; height: 33px; padding-left: 10px; border-left: 10px solid #000; border-bottom: 3px solid #000;  border-top: 0; border-right: 0; font-style: italic; 
	font-size: 18px; color: #777;}

.openlink-text{-ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; font-weight: 600; font-size: 24px; text-align: center;}
.position-title {-ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; font-size: 18px; font-weight: 600; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.first-name {-ms-grid-row: 3; grid-row: 3;}
.last-name {-ms-grid-row: 4; grid-row: 4;}
.email {-ms-grid-row: 5; grid-row: 5;}
.phone {-ms-grid-row: 6; grid-row: 6;}

.address {-ms-grid-row: 7; grid-row: 7; display: -ms-grid; display: grid; -ms-grid-rows: auto auto; grid-template-rows: auto auto; -ms-grid-columns: 100%; grid-template-columns: 100%;}
.city {-ms-grid-row: 1; grid-row: 1; -ms-grid-column-align: start; justify-self: start; width: 48%;}
.state-or-province {-ms-grid-row: 1; grid-row: 1; -ms-grid-column-align: end; justify-self: end; width: 48%;}
.country {-ms-grid-row: 2; grid-row: 2; -ms-grid-column-align: start; justify-self: start; width: 56%;}
.postal-code {-ms-grid-row: 2; grid-row: 2; -ms-grid-column-align: end; justify-self: end; width: 40%;}

.extras {-ms-grid-row: 8; grid-row: 8; display: -ms-grid; display: grid; -ms-grid-rows: (auto)[3]; grid-template-rows: repeat(3, auto); -ms-grid-columns: 100%; grid-template-columns: 100%;}
.website {-ms-grid-row: 1; grid-row: 1;}
.language {-ms-grid-row: 2; grid-row: 2;}
.russian-citizen {-ms-grid-row: 3; grid-row: 3;}
.fa {color: #0075B0;}

.upload-items {margin-top: 15px; display: -ms-grid; display: grid; -ms-grid-columns: 100%; grid-template-columns: 100%; -ms-grid-rows: auto; grid-template-rows: auto;}
.upload-label {-ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; -ms-grid-column-align: start; justify-self: start; -ms-grid-row-align: center; align-self: center; font-style: italic;}
.btn-custom-up {-ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; -ms-grid-column-align: end; justify-self: end; text-align: right; -ms-grid-row-align: center; align-self: center;
	font-weight: 700; font-size: 15px; color: #0075B0; cursor: pointer;}
.qq-upload-button:after {content: "\f105"; font-family: FontAwesome;}
.resume {-ms-grid-row: 9; grid-row: 9; margin-top: 35px;}
.additional-document1 {-ms-grid-row: 10; grid-row: 10;}
.additional-document2 {-ms-grid-row: 11; grid-row: 11;}

.qq-upload-list {position: absolute; left: 0; top: 80%; font-size: 11px; font-family: 'Open Sans'; font-weight: 400; list-style: none; color: #000;}
.qq-upload-file {padding-right: 5px;}
.qq-upload-list a {margin-right: 5px; color: red;}

.button-ov {-ms-grid-row: 12; grid-row: 12; margin-top: 45px; text-align: center;}
.btn-start-ov {font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 30px; color: #0075B0; background: none; border: none; cursor: pointer;}

footer {-ms-grid-row-align: end; align-self: end; padding-bottom: 50px; font-size: 14px;}
footer p, footer li {margin-bottom: 10px; line-height: 1;}
footer ul {list-style-type: none;}
.footerHeader {font-weight: 600; padding-top: 30px;}
.footerText {font-weight: 300;}
.support-link {color: #fff; font-weight: 600; text-decoration: none;}

.tooltip {position:absolute; z-index:1020; display:block; visibility:visible; padding:5px; box-sizing: border-box; font-size:11px; opacity:0; filter:alpha(opacity=0)}
.tooltip.in {opacity:.8; filter:alpha(opacity=80)}
.tooltip.right {margin-left:2px}
.tooltip.right .tooltip-arrow {top:50%; left:0; margin-top:-5px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #000}
.tooltip-inner {max-width:200px; padding:3px 8px; color:#fff; text-align:center; text-decoration:none; background-color:#000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
.tooltip-arrow {position:absolute; width:0; height:0}

.modal {position: fixed; z-index: 1050; left: 0; right: 0; max-width: 300px; 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; box-sizing: initial;}
.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: #ab2318;}
#thanks h2 {margin: 10px 0; font-size: 18px; color: #593e31; font-weight: normal;}
#btn-go-to-hirevue {width: auto;}

@media screen and (max-width: 950px) {
	main {height: auto;}
	.not-available, .openlink-container, .righ-side-content {width: 60%; min-width: 310px;}
	.openlink-form {width: 100%;}
}

@media screen and (max-width: 480px) {
	.error-message {bottom: -55%;}
	.upload-error {bottom: auto;}

	.form-items, .addition-info, .form-items, .addition-info {font-size: 16px}
	.first-name, .last-name, .email, .phone, .addition-info {height: 30px;}

	.tooltip {font-size:10px;}
}