/* compiled by scssphp v0.0.12 on Tue, 19 Sep 2017 13:40:39 +1200 (0.0974s) */

/* Visitors SCSS Document */
/* Home Page Portal */
#portal .link {
  clear: both;
  float: left;
  display: block;
  width: 100%;
  margin-right: 0;
  padding: 40px;
  margin-top: 44px;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.4;
  color: #fff;
  background-color: #006098;
  border-radius: 1px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#portal .link:nth-child(1), #portal .link:nth-child(2) {
  clear: none;
  float: left;
  width: 47%;
  margin-top: 0px;
}
#portal .link:nth-child(2) {
  float: right;
}
#portal .link:hover {
  color: #fff;
  background-color: #009acf;
  /* Health and Safety Quiz Page */
}
.induction-quiz-form {
  max-width: 600px;
  padding: 20px 20px;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(225, 225, 225, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.induction-quiz-form .form-item {
  padding: 10px 15px;
}
.induction-quiz-form .form-item.incorrect {
  background-color: rgba(225, 225, 225, 0.3);
}
.induction-quiz-form .form-item .label {
  background: none;
  padding: 0px 0px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.3px;
  margin-bottom: 24px;
}
.induction-quiz-form .form-item.incorrect .label {
  color: #dc1309;
}
.induction-quiz-form h4 {
  color: #0089be;
  font-size: 21px;
  line-height: 1.2;
  letter-spacing: -0.5px;
  text-align: left;
  padding: 30px 0 20px 0;
  border-top: solid rgba(0, 0, 0, 0.05) 3px;
  margin: 0 15px;
}
.induction-quiz-form .form-item .checkbox label {
  display: block;
  font-size: 16px;
  color: #828282;
  line-height: 1.4;
  text-align: left;
  padding-left: 40px;
  padding-bottom: 15px;
  cursor: pointer;
  position: relative;
}
.induction-quiz-form .form-item .checkbox label input {
  display: none;
}
.induction-quiz-form .form-item .checkbox label .checkbox-button {
  position: absolute;
  top: 2px;
  left: 6px;
  width: 18px;
  height: 18px;
  border: solid rgba(0, 0, 0, 0.3) 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.induction-quiz-form .form-item .checkbox label .checkbox-button .material-icons {
  display: none;
  color: #fff;
  font-size: 15px;
  vertical-align: top;
  margin-top: -1px;
}
.induction-quiz-form .form-item .checkbox label input:checked + span {
  color: rgba(0, 0, 0, 0.9);
}
.induction-quiz-form .form-item .checkbox label input:checked + span + .checkbox-button {
  background-color: #006ba2;
  border: solid #006ba2 2px;
}
.induction-quiz-form .form-item .checkbox label input:checked + span + .checkbox-button .material-icons {
  display: block;
}
.induction-quiz-form .form-item .radio label {
  display: block;
  font-size: 16px;
  color: #828282;
  line-height: 1.4;
  text-align: left;
  padding-left: 40px;
  padding-bottom: 15px;
  cursor: pointer;
  position: relative;
}
.induction-quiz-form .form-item .radio label input {
  display: none;
}
.induction-quiz-form .form-item .radio label .radio-button {
  position: absolute;
  top: 1px;
  left: 5px;
  width: 20px;
  height: 20px;
  border: solid rgba(0, 0, 0, 0.3) 2px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.induction-quiz-form .form-item .radio label input:checked + span {
  color: rgba(0, 0, 0, 0.9);
}
.induction-quiz-form .form-item .radio label input:checked + span + .radio-button {
  border: solid #004f88 2px;
}
.induction-quiz-form .form-item .radio label input:checked + span + .radio-button:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  background-color: #004f88;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /* Details Form Page */
}
#details-form-container .button-holder .button {
  position: relative;
  float: left;
  display: inline-block;
  width: 48%;
  margin-right: 4%;
  font-size: 28px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  color: #fff;
  background-color: #333;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#details-form-container .button-holder .button:hover {
  color: #fff;
  background-color: #009acf;
}
#details-form-container .button-holder .form-item.radio .button:hover {
  background-color: #333;
  color: #fff;
}
#details-form-container .button-holder .button.half:nth-child(2n+2) {
  margin-right: 0;
}
#emergency.button-holder .button.half:nth-child(2n+2) {
  margin-right: 4%;
}
#emergency.button-holder .button.half:nth-child(3) {
  margin-right: 0;
}
#emergency-text {
  height: 0;
  overflow: hidden;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#emergency-text.visible {
  height: 106px;
  /* Drug Statement Page */
}
#drug-statement-container {
  /* Print Label Page */
}
.content p.print-label-text {
  padding-top: 30px;
  /* Print Page */
}
#print-container {
  display: none;
}
#print-container h1 {
  max-width: 240px;
  height: 44px;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: auto;
  margin-right: auto;
}
#print-container .uniqueid {
  padding: 0 0 0 0;
  margin-bottom: 0px;
  /* Signout Page */
}
#signout-container {
  /* Confirm Signout Page */
}
#confirm-signout-container .visitor-list {
  border-bottom: solid rgba(0, 0, 0, 0.2) 1px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
#confirm-signout-container .visitor-list label {
  display: block;
  font-size: 20px;
  text-align: left;
  padding: 20px 10px;
  border-top: solid rgba(0, 0, 0, 0.2) 1px;
}
#confirm-signout-container .visitor-list label input {
  vertical-align: middle;
  margin-right: 15px;
  /* Common Button */
}
.button-holder .button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
  float: left;
  width: 100%;
  display: block;
  color: #fff;
  font-size: 28px;
  font-weight: 100;
  line-height: 1.4;
  text-align: center;
  background-color: #204659;
  padding: 25px 0;
  margin-top: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.button-holder .button:first-child {
  margin-top: 0px;
}
.button-holder .button:hover {
  color: #fff;
  background-color: #009acf;
  /* Form Styles */
}
#print-label-container form, #drug-statement-container form, #signout-container form, #details-form-container form {
  position: relative;
  display: block;
  float: left;
  clear: both;
  width: 100%;
  border-top: 8px solid #333;
  background-color: #fafafa;
  padding: 40px 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#visitor .form-item {
  float: left;
  width: 100%;
  margin-right: 0%;
  margin-bottom: 25px;
  max-width: 100%;
  position: relative;
  clear: none;
}
#contractor-signin .form-item.uniqueid, #signout .form-item.uniqueid {
  width: 100%;
}
.form-item.uniqueid .label, #contractor-signin .form-item .label, #details-form-container form .label {
  display: none;
}
.form-item .label {
  background-color: #e1e1e1;
  padding: 10px 20px;
  font-weight: 500;
  margin-bottom: 24px;
}
.form-item .input, .form-item .textarea {
  position: relative;
}
.form-item .input input, .form-item .textarea textarea, .form-item .select {
  height: 50px;
  font-size: 17px;
  padding-left: 12px;
  padding-right: 12px;
  outline: none;
  outline-offset: none;
}
.form-item .textarea textarea {
  height: auto;
}
.form-item .req {
  position: absolute;
  right: 25px;
  top: 50%;
  font-size: 19px;
  margin-top: 3px;
  transform: translateY(-50%);
}
.form-item .label .req {
  top: 7%;
  transform: translateY(0);
}
.form-item .textarea .req {
  top: 10%;
  transform: translateY(0);
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  display: none !important;
  -webkit-appearance: none;
  margin: 0;
}
.form-item.right-aligned {
  clear: none;
  float: left;
  width: 100%;
}
.right-aligned .subbut {
  margin-top: 0;
}
.right-aligned .subbut input {
  height: 80px;
  line-height: 80px;
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 36px;
  color: #fff;
  background-color: #19a106;
  border: none;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.right-aligned .subbut input:hover {
  color: #fff;
  background-color: #009acf;
}
.form-item.right-aligned.absolute {
  /* New Contractor Button on Contractor Process */
}
#contractor-form .button.new {
  float: left;
  width: 100%;
  display: block;
  height: 80px;
  line-height: 80px;
  text-align: left;
  font-size: 28px;
  font-weight: 100;
  background-color: #204659;
  color: #fff;
  padding-left: 25px;
  margin-bottom: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#contractor-form .button.new:nth-child(2) {
  margin-bottom: 0;
}
#contractor-form .button.new:hover {
  color: #fff;
  background-color: #009acf;
}
#contractor-form.drugcheck.visible {
  height: 186px;
  /* Drugcheck CSS */
}
#drug-check .form-item {
  width: 100%;
  text-align: left;
  cursor: pointer;
}
#drug-check input {
  vertical-align: middle;
  margin-top: 2px;
  margin-right: 20px;
}
#drug-check .title {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  transform: translate(0);
  font-size: 24px;
  color: #000;
  vertical-align: middle;
}
#drug-check .form-item.third.right-aligned {
  width: auto;
  float: left;
  clear: both;
  width: 100%;
}
.form-item.radio {
  width: 80%;
  font-size: 18px;
  position: relative;
  display: block;
  margin-bottom: 15px;
}
.form-item.radio label.button {
  cursor: pointer;
}
#contractor-signin .form-item.radio {
  width: 100%;
}
.form-item.third {
  float: right;
  width: 10%;
  clear: none;
}
.form-item.third.right-aligned {
  width: 17%;
}
.form-item.radio input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.form-item .title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 900;
  color: #fff;
}
.radio__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  background: #e6e6e6;
}
.control--radio .control__indicator {
  border-radius: 50%;
  /* Hover and focus states */
}
.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {
  background: #ccc;
  /* Checked state */
}
.button input:checked ~ .control__indicator {
  background: #2aa1c0;
  /* Hover state whilst checked */
}
.button:hover input:not([disabled]):checked ~ .control__indicator:after, .button input:checked:focus ~ .control__indicator:after {
  background: #0e647d;
  /* Disabled state */
}
.button input:disabled ~ .control__indicator {
  pointer-events: none;
  opacity: 0.6;
  background: #e6e6e6;
  /* Check mark */
}
.control__indicator:after {
  position: absolute;
  display: none;
  content: '';
  /* Show check mark */
}
.button input:checked ~ .control__indicator:after {
  display: block;
  /* Radio button inner circle */
}
.control--radio .control__indicator:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  /* Disabled circle colour */
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
  /* Drug Test Verification */
}
#drug-test-verification-container .wrap {
  max-width: 600px;
  text-align: center;
}
.form-item .file {
  float: left;
  width: 100%;
  display: block;
  clear: both;
  background-color: #fff;
  width: 100%;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.form-item .file input {
  float: left;
  /* Error Message */
}
#site-messages #visitor {
  float: none;
}
.subbut input:disabled {
  background-color: #dbdbdb;
  color: #999292;
  cursor: default;
}
.subbut input:disabled:hover {
  background-color: #dbdbdb;
  color: #999292;
  cursor: default;
  /* Print Label Container */
}
#print-label-container h1 {
  padding-bottom: 0;
}
#print-label-container h3 {
  padding-bottom: 22px;
}
@media print {
  #print-container {
    display: inherit;
  }
}
@media screen and (max-width: 700px) {
  #portal .link, .link.signout, #contractor-signin .form-item.uniqueid, #signout .form-item.uniqueid, .form-item.right-aligned {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
    height: auto;
    line-height: 64px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 36px;
  }
}