﻿.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 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 32px 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-form .umbraco-forms-page {
  position: relative;
}
.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 .leadgen-box .leadgen-checkbox-container,
.apply-job-form .leadgen-box .leadgen-checkbox-text {
  display: none !important;
}
.apply-job-form .rule13 {
  display: none;
}
.apply-job-form .umbraco-forms-form .umbraco-forms-navigation {
  display: none;
}
.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;
}

.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 {
  margin-top: 32px;
}
.apply-job-form button {
  height: 60px;
  min-width: 148px;
  padding: 16px 24px;
  border-radius: 64px;
  border: 2px solid #9fe870;
  background: #9fe870;
  margin-top: 32px;
}

.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 .umbraco-forms-field .umbraco-forms-field-wrapper input,
  .apply-job-content .umbraco-forms-field .umbraco-forms-field-wrapper select {
    min-height: 47px !important;
  }
  .apply-job-content .position-job-detail {
    height: 47px;
    padding-top: 12px !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;
    }
}
@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:15px !important;
    }
}
