﻿.rule13 .umbraco-forms-field-wrapper {
  position: absolute !important;
  bottom: 70px;
}

.apply-job-content .umbraco-forms-field .umbraco-forms-field-wrapper input,
.apply-job-content .umbraco-forms-field .umbraco-forms-field-wrapper select {
    min-height: 57px !important;
}

.apply-job-content .form-group,
.umbraco-forms-field:not(.hidden) {
  position: unset;
}

.apply-form-result {
  display: none;
}

.apply-job-content .umbraco-forms-tooltip {
  font-family: "Averta-bold";
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  color: #00994f;
}

.apply-message-result {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

.apply-job-content .umbraco-forms-form fieldset {
  margin: 0;
}

.apply-job-content .umbraco-forms-form .umbraco-forms-navigation {
  padding: 0;
}

.apply-job-content h1 {
  color: #232323;
}

.apply-job-content .umbraco-forms-form label {
  font-family: "Averta-bold";
  font-size: 17px;
  line-height: 140%;
  color: #292929;
  font-weight: unset;
}

.apply-job-content .customdropdown .umbraco-forms-field-wrapper::after {
  top: 2px;
}

.applyJob_Form .umbraco-forms-field.dropdown select.input-validation-error,
.applyJob_Form .umbraco-forms-field.customdropdown select.input-validation-error {
  border: 1px solid #ed2628;
}

.apply-job-content .umbraco-forms-field .umbraco-forms-field-wrapper input {
  width: 100%;
  height: 100%;
  border-radius: 1000px !important;
  padding: 16px 16px 16px 24px !important;
  border-width: 1px;
  border: 1px solid #bbbbbb;
  min-height: 47px;
  max-width: unset !important;
}

.apply-job-content .umbraco-forms-field .umbraco-forms-field-wrapper select {
  width: 100%;
  height: 100%;
  border-radius: 1000px !important;
  padding: 14px 16px 12px 24px !important;
  border-width: 1px;
  border: 1px solid #bbbbbb;
  min-height: 47px;
  color: #080808;
}

.apply-job-content .umbraco-forms-form small {
  float: left;
  clear: both;
  padding: 5px 0px 5px 0px;
  font-family: "Averta-regular" !important;
  font-size: 15px;
  line-height: 140%;
}

.apply-job-content .umbraco-forms-field.dropdown .umbraco-forms-field-wrapper::after {
  font-family: "tabler-icons" !important;
  content: "\ea5f";
  padding-top: 15px;
  padding-right: 16px;
  font-size: 24px;
}

.apply-job-content .umbraco-forms-field .umbraco-forms-field-wrapper input:focus,
.apply-job-content .umbraco-forms-field .umbraco-forms-field-wrapper select:focus {
  border: var(--form-field-border-width) solid rgba(var(--base-borders), 1) !important;
}

.apply-job-content .leadgen-box {
  font-family: unset !important;
}

.apply-job-content input[type="submit"] {
  display: none;
}


.apply-job-content .apply-job-form .job_position,
.apply-job-content .apply-job-form .uploadcv {
  opacity: 1;
  position: absolute;
  z-index: -1;
  width: 0.1px;
  height: 0.1px;
  overflow: hidden;
}

.apply-job-content .position-job-detail {
  border-radius: 1000px !important;
  padding: 16px 16px 16px 24px !important;
  border-width: 1px;
  border: 1px solid #bbb !important;
  background: #f8f8f8;
}

.apply-job-content .uploadcv-job-content {
  border: 1px dashed #bbb;
  background: #fff;
  border-radius: 24px;
  padding: 28px 16px;
}

.apply-job-content .uploadcv-job-content:focus {
  border: var(--form-field-border-width) dashed rgba(var(--base-borders), 1) !important;
}

.apply-job-form {
  position: relative;
}

.apply-job-form .position-job {
  width: 100%;
  margin-bottom: 32px;
}

.apply-job-form .uploadcv-job {
  width: 100%;
}

.apply-job-form .umbraco-forms-form {
  padding: 0;
}

.uploadcv-job-content.drag-over {
  border: 2px dashed #00994f;
  background-color: #f0fff0;
  transition: all 0.2s ease-in-out;
  opacity: 0.8;
}

.uploadcv-job-content {
  border: 2px dashed #ccc;
  padding: 20px;
  border-radius: 8px;
  cursor: pointer;
  min-height: 150px;
  box-sizing: border-box;
}

.upload-position {
  cursor: pointer;
}

.file-name-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

.file-name-upload {
  display: none;
  height: 58px;
  padding: 8px 16px 8px 24px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  align-self: stretch;
  border-radius: 1000px;
  border: 1px solid var(--Primitives-FE-400, #9FE870);
  background: #fff;
}

.file-name-upload.active {
  display: flex;
}

.uploadcv-job-content {
  border: 2px dashed #ccc;
  padding: 20px;
  border-radius: 8px;
  cursor: pointer;
  min-height: 150px;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}

.uploadcv-job-content.drag-over {
  border: 2px dashed #00994f;
  background-color: #f0fff0;
  opacity: 0.8;
}

.upload-position {
  color: #00994f;
  text-decoration: underline;
  cursor: pointer;
}

.uploadcv-job-content.hidden {
  display: none !important;
}

.apply-job-form .input-validation-error~.form-text.text-muted {
  display: none;
}

.apply-job-form .umbraco-forms-form span.field-validation-error {
  font-size: 15px;
  color: #ed2628 !important;
}

.apply-job-form .umbraco-forms-form .check-box-error-custom {
  position: absolute;
  bottom: 20px;
  left: 185px;
}

.job-rule13 input[type="radio"],
input[type="checkbox"] {
  appearance: auto;
  min-width: 22px;
  height: 22px;
  border-radius: 3px;
  margin-top: 32px;
  background: #00994f;
  accent-color: #00994f !important;
}

.job-rule13 span {
  position: absolute;
  bottom: 72px;
}

.apply-job-form button {
  height: 60px;
  min-width: 148px;
  padding: 16px 24px;
  border-radius: 64px;
  border: 2px solid #9fe870;
  background: #9fe870;
  margin-top: 70px;
}

.success-icon {
  font-family: "tabler-icons";
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 50px;
  background: #00994f;
  box-shadow: 0px 0px 0px 8px #9fe870, 0px 0px 0px 16px #ecfae2;
  font-size: 32px;
  color: white;
  width: 56px;
  height: 56px;
}

.hidden {
  display: none !important;
}

.file-name-upload.file-error {
  border: 1px solid #ed2628;
  border-radius: 1000px;
  padding: var(--Sizes-Gap-gap-8, 8px) var(--Sizes-Gap-gap-16, 16px) var(--Sizes-Gap-gap-8, 8px) var(--Sizes-Gap-gap-24, 24px);
}

.file-name-upload.file-error p {
  color: #ed2628 !important;
}

.submit-applyJob button.is-disabled {
  opacity: .5;
  pointer-events: none;
  cursor: not-allowed;
}

@media (min-width: 768px) and (max-width: 992px) {
  .apply-job-imageDesktop {
    display: none;
  }

  .apply-job-form {
    width: 100% !important;
  }

  .apply-job-content .umbraco-forms-field .umbraco-forms-field-wrapper input {
    min-height: 50px !important;
  }
}

@media (min-width: 768px) {
  .apply-job-form {
    width: 62%;
  }

  .apply-job-content .apply-job-image {
    padding-top: 180px;
  }

  .apply-job-imageMobile {
    display: none;
  }

  .apply-job-form .apply-heading {
    margin-bottom: 48px;
  }

  .submit-applyJob .submit-validation-error {
    margin-top: 52px;
  }

  .apply-message-result {
    min-height: 664px;
  }
}

@media (max-width: 767px) {
  .submit-applyJob .submit-validation-error {
    margin-top: 32px;
  }

  .apply-job-content .position-job-detail {
    height: 57px;
    padding-top: 16px !important;
  }

  .apply-job-content .umbraco-forms-form small {
    padding-bottom: 24px;
  }

  .apply-job-form .submit-validation-error {
    text-align: center;
    margin-top: 16px;
  }

  .apply-job-imageDesktop {
    display: none;
  }

  .apply-job-form .apply-heading {
    margin-bottom: 32px;
  }

  .apply-message-result {
    min-height: 234px;
  }

  .job-detail-divider {
    width: auto !important;
    background: var(--Primitives-Neutral-2, #ECECEC);
    height: 1px;
  }

  .rule13 .umbraco-forms-field-wrapper {
    bottom: 90px;
  }

  .apply-job-form button {
    margin-top: 126px;
  }

  .apply-job-form .umbraco-forms-form .check-box-error-custom {
    left: 0px;
    bottom: 68px;
  }
}

@media (min-width:992px) {
  .job-page-detail .job-left-detail {
    width: 340px;
    flex-shrink: 0;
  }
}

@media (max-width:1199px) {

  #apply-form-wrapper .umbraco-forms-field.dropdown .umbraco-forms-field-wrapper::after,
  .customdropdown .umbraco-forms-field-wrapper::after {
    padding-top: 18px !important;
  }
}