/* OPEN POSITIONS */

/* Image input */

.open-positions
  .talentlyft
  .personal-data
  .form-group.file-type
  input[type='file']::file-selector-button {
  border: 2px solid #7b6c93;
  background-color: #7b6c93 !important;
  /* border-radius: 30px; */
  border-radius: 10px;
  transition: all 0.3s ease-out;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500;
  padding: 15px 31px;
  font-size: 18px;
  color: #fff;
  text-align: center !important;

  flex-shrink: 0;
  /*   position: absolute;
    left: 15px; */
  cursor: pointer;
}

.open-positions-wrapper {
  position: relative;
}

/* .open-positions-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 140px;
  background-color: white;
}
 */
.open-positions-wrapper-after {
  position: absolute;
  top: -48px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw - 17px);
  height: 140px;
  background-color: white;
  z-index: -1;
}

.open-positions #talentlyftWidget .job-filters {
  background-color: transparent !important;
  padding: 0px 0px;
  margin-bottom: 100px;
  font-family: 'Montserrat', sans-serif !important;
  /* position: relative; */
}

/* .open-positions #talentlyftWidget .job-filters::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 140px;
  background-color: white;
} */

.open-positions .talentlyft {
  max-width: 1290px;
  margin-top: 20px;
}

.open-positions .talentlyft .col-md-6 {
  width: 33%;
  margin-right: 1%;
  position: relative;
}

.open-positions .talentlyft .col-md-3 {
  width: 32.5%;
}

/* UKIDANJE OPCIJE DEPARTMENT i LOCATION*/

.open-positions .talentlyft .col-md-3.job-department-dropdown-wrapper {
  margin-right: 1%;
  display: none;
}

.open-positions .talentlyft .col-md-3.job-location-dropdown-wrapper {
  display: none;
}

.open-positions #talentlyftWidget .job-filters input {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: rgba(68, 84, 106, 0.5);
  padding: 17px 17px 17px 67px;
  border: 1px solid #44546a24;
  border-radius: 10px;
  height: auto;
  background-color: #fff;
}

.open-positions #talentlyftWidget .job-filters input::placeholder {
  color: rgba(68, 84, 106, 0.5);
}

.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: rgba(68, 84, 106, 0.5) !important;
}
.open-positions
  .talentlyft
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: rgba(68, 84, 106, 0.5);
  padding: 12px 17px;
  border: 1px solid #44546a24;
  border-radius: 10px;
  height: auto;
  background-color: #fff;
}
.open-positions
  .talentlyft
  .select2-container--default
  .select2-selection--single {
  /* border: 1px solid #44546a24; */
  border: none !important;
  height: 85px;
  background-color: transparent;
}
.select2-dropdown {
  transform: translateY(-32px) !important;
  border: 1px solid #44546a24 !important;
  border-top: none !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  padding: 17px;
  border-radius: 10px;
  border: 1px solid rgba(68, 84, 106, 0.1);
  margin: 0 12px 10px 12px;
  width: calc(100% - 24px);
  font-size: 16px;
  color: rgba(68, 84, 106, 0.5);

  /* Ugasen search u fildu napomena da se moze vratiti display block */
  /*  display: none; */
}

.open-positions-select {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  font-size: 20px;
  color: #44546a;
  left: 26px;
}

.open-positions .select-inisigts-after {
  transform: rotate(-45deg);
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-style: none !important;
  display: inline-block !important;
  position: absolute !important;
  top: 28px !important;
  left: auto !important;
  right: 1rem !important;
  width: 9px !important;
  height: 9px !important;
  border-bottom: 2px solid #846e96 !important;
  border-left: 2px solid #846e96 !important;
  border-bottom-left-radius: 2px !important;
  transform: rotate(135deg) !important;
  transform-origin: center center !important;
  transition: transform ease-in-out 100ms !important;
  cursor: pointer !important;
}
.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  transform: rotate(-45deg) !important;
}
.select2-container .select2-results .select2-results__options li {
  font-size: 16px !important;
  padding: 17px;
  color: #846e96;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #f1edf5 !important;
  color: #846e96;
}

.open-positions .talentlyft ul.tl-jobs {
  /*   display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
  gap: 20px 20px; */

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.open-positions .talentlyft .tl-jobs li {
  position: relative;
  width: 100%;
  border: 1px solid rgba(68, 84, 106, 0.2);
  border-radius: 20px 20px;
  background-color: #fff;
  height: 200px;
  padding: 20px;
}
.open-positions .talentlyft .tl-jobs li::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 20px 0 0 20px;
  width: 15px;
  height: 100%;
  background-color: #afa1c4;
  /* display: none; */
  transition: all 0.4s ease;
}
.open-positions .talentlyft .tl-jobs li:hover .tl-title-text {
  color: #7b6c93;
}
.open-positions .talentlyft .tl-jobs li:hover::after {
  display: block;
  background-color: #7b6c93;
}

.open-positions .talentlyft .tl-jobs li a .tl-address i {
  display: none;
}

.open-positions .talentlyft .select2-selection__clear {
  display: none;
}

.open-positions .talentlyft .tl-jobs li a .tl-title-text {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 10px 20px 0px 15px;
  color: #44546a;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3em;
  font-family: 'Montserrat', sans-serif;
  transition: all 0.3s ease;
}

.open-positions .talentlyft .tl-jobs li a .tl-address {
  display: block;
  position: absolute;
  bottom: 20px;
  width: 100%;
  padding: 10px 20px 0px 15px;
  color: #44546a;
  font-weight: 400;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
}
/* @media only screen and (max-width: 600px) {
  .open-positions .talentlyft ul {
    grid-template-columns: repeat(1, 1fr);
  }
} */
@media only screen and (max-width: 768px) {
  .open-positions-wrapper-after {
    height: 220px;
  }
  .open-positions .talentlyft ul.tl-jobs {
    grid-template-columns: repeat(1, 1fr);
  }
  .open-positions #talentlyftWidget .job-filters {
    margin-bottom: 50px;
  }

  .open-positions .talentlyft .col-md-6 {
    width: 100%;
    margin-bottom: 20px;
  }
  .open-positions .talentlyft .col-md-3 {
    width: 100%;
    margin-bottom: 20px;
  }
  .open-positions .talentlyft .tl-jobs li {
    width: 100%;
    height: 250px;
  }
  .open-positions
    .talentlyft
    .select2-container--default
    .select2-selection--single {
    height: 58px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .open-positions-wrapper-after {
    height: 220px;
  }
  .open-positions .talentlyft ul.tl-jobs {
    grid-template-columns: repeat(2, 1fr);
  }
  .open-positions #talentlyftWidget .job-filters {
    margin-bottom: 50px;
  }

  .open-positions .talentlyft .col-md-6 {
    width: 100%;
    margin-bottom: 20px;
  }
  .open-positions .talentlyft .col-md-3 {
    width: 100%;
    margin-bottom: 20px;
  }
  .open-positions .talentlyft .tl-jobs li {
    width: 100%;
    height: 250px;
  }
  .open-positions
    .talentlyft
    .select2-container--default
    .select2-selection--single {
    height: 58px;
  }
}

/* Open Positions Text part */

.open-positions .talentlyft .job-description-container {
  margin-top: 10px;
}

.open-positions .talentlyft .job-description-container ul {
  padding-left: 40px;
}

/* Igor */
.open-positions .job-description-container .tl-back {
  color: #7b6c93 !important;
  font-size: 16px !important;
  font-family: 'Montserrat', sans-serif !important;
}

.open-positions .job-description-container .tl-desc-title {
  margin-top: 100px;
  color: #7b6c93 !important;
  font-size: 35px;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.4em;
}

.open-positions .job-description-container .tl-desc-title-address {
  display: none;
}

.open-positions .job-description-container p {
  font-family: 'Montserrat', sans-serif !important;
  color: rgba(68, 84, 106, 0.8) !important;
  text-align: left !important;
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  font-weight: 400;
}

.open-positions .job-description-container ul li {
  width: 100% !important;
  font-family: 'Montserrat', sans-serif !important;
  color: rgba(68, 84, 106, 0.8) !important;
  text-align: left !important;

  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
}

@media screen and (max-width: 600px) {
  .open-positions .job-description-container .tl-desc-title {
    font-size: 26px;
  }
  .open-positions .job-description-container p,
  .open-positions .job-description-container ul li {
    font-size: 18px;
    line-height: 28px;
  }
}
@media screen and (min-width: 600px) {
  .open-positions .job-description-container p,
  .open-positions .job-description-container ul li {
    font-size: 18px;
    line-height: 28px;
  }
  .open-positions .job-description-container .tl-desc-title {
    font-size: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .open-positions .job-description-container .tl-desc-title {
    font-size: 35px;
  }
  .open-positions .job-description-container p,
  .open-positions .job-description-container ul li {
    font-size: 20px;
    line-height: 32px;
  }
}
.open-positions .job-description-container ul li a {
  width: 100% !important;
  font-family: 'Montserrat', sans-serif !important;
  color: rgba(68, 84, 106, 0.8) !important;
  text-align: left !important;
  line-height: 1.6em !important;
  font-size: 20px !important;
}

.open-positions .job-description-container p a {
  width: 100% !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #7b6c93 !important;
  text-align: left !important;
  line-height: 1.6em !important;
  font-size: 20px !important;
}

.open-positions .job-description-container .btn {
  font-size: 18px;
  color: #7b6c93 !important;
  padding: 15px 35px;
  border: 2px solid #7b6c93;
  background-color: #7b6c93 !important;
  border-radius: 30px;
  transition: all 0.3s ease-out;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500;
  margin-top: 60px;
}
.talentlyft img {
  margin-left: 25px;
}
.open-positions #application-form #btn-upload-avatar {
  border: 2px solid #7b6c93;
  background-color: #7b6c93 !important;
  border-radius: 30px;
  transition: all 0.3s ease-out;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500;
  padding: 15px 35px;
  font-size: 18px;
  max-width: 220px;
  text-align: center;
}

.open-positions #application-form #btnSubmit {
  border: 2px solid #7b6c93;
  background-color: #7b6c93 !important;
  border-radius: 30px;
  transition: all 0.3s ease-out;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500;
  padding: 15px 35px;
  font-size: 18px;
  margin-top: 60px;
}

.open-positions #application-form fieldset .col-md-6 {
  width: 50%;
  margin-right: 0;
}

.image-font-weight {
  font-weight: 400 !important;
}
.talentlyft legend {
  padding-bottom: 10px !important;
}
.talentlyft legend b {
  font-family: 'Montserrat', sans-serif !important;
  color: #44546a !important;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 500;
}
.talentlyft legend i {
  display: none;
}

/*  Open positions form */

.talentlyft .form-group {
  margin-bottom: 25px !important;
}

.talentlyft .form-group input.form-control.input-sm,
.talentlyft textarea.input-sm {
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  color: #44546a;
  border-radius: 10px;
  padding: 25px 20px;
  height: auto;
}

.talentlyft .form-group input.form-control.input-sm::placeholder,
.talentlyft textarea.input-sm::placeholder {
  color: #846e96;
  opacity: 0.5;
}
.talentlyft .form-group input.form-control.input-sm:focus,
.talentlyft textarea.input-sm:focus {
  border: 1px solid rgba(135, 135, 135, 0.2);
}
.talentlyft input[type='file'] {
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  color: #44546a;
  border-radius: 10px;
  padding: 0;
  height: auto;

  /*  width: 500px; */
  width: calc(100% - 15px);
  /* 24 .02.2023 */
  /* display: none !important; */
}
.open-positions
  .talentlyft
  .personal-data
  .form-group.file-type
  label.cv-label {
  border: 2px solid #7b6c93;
  background-color: #7b6c93 !important;
  /* border-radius: 30px; */
  border-radius: 10px;
  transition: all 0.3s ease-out;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500;
  padding: 15px 31px;
  font-size: 18px;
  color: #fff;
  text-align: center !important;

  flex-shrink: 0;
  position: absolute;
  left: 15px;
  cursor: pointer;
}

.talentlyft .personal-data .form-group label.control-label,
.talentlyft .name-data .form-group label.control-label {
  display: none;
}

.talentlyft .form-group label.control-label {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px !important;
  line-height: 32px;
  font-weight: 400;
}
.talentlyft .tl-checkbox.form-group span {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px !important;
  font-weight: 400;
}
.talentlyft .tl-checkbox.form-group span a {
  color: #e5bc14 !important;
}
.talentlyft .tl-checkbox label {
  font-size: 20px;
  display: inline-block;
  padding-left: 20px;
  font-weight: 400;
}
.talentlyft .tl-checkbox:not(:last-child) label {
  margin-bottom: 10px;
}
.talentlyft .form-group.file-type {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  /*   display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  align-items: center; */
}

.talentlyft .personal-data .form-group.file-type {
  /*   display: flex;

  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0px; */
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  justify-content: flex-end;
  /* justify-items: end; */
  gap: 0;
}

.talentlyft #avatar-placeholder-img {
  border-radius: 15px;
}

@media screen and (max-width: 500px) {
  .open-positions #application-form fieldset .col-md-6 {
    width: 100%;
  }
  .talentlyft .form-group.file-type {
    flex-direction: column;
  }

  .talentlyft #avatar-placeholder-img {
    margin-left: 0px;
  }
  .talentlyft .personal-data .form-group.file-type {
    grid-template-columns: repeat(1, 1fr);
  }

  .talentlyft .form-group label.control-label {
    width: 75vw;
    font-size: 18px !important;
    line-height: 28px !important;
  }

  .talentlyft input[type='file'] {
    width: 100%;
    padding: 0;
  }

  .open-positions
    .talentlyft
    .personal-data
    .form-group.file-type
    label.cv-label {
    left: 15px;
    /* transform: translateY(41px); */
    padding: 15px 25px;
    /*  width: 180px; */
  }

  .talentlyft .tl-checkbox.form-group span {
    font-size: 18px !important;
    line-height: 28px !important;
  }
}

@media screen and (min-width: 500px) and (max-width: 768px) {
  .open-positions #application-form fieldset .col-md-6 {
    width: 100%;
  }
  .talentlyft .personal-data .form-group.file-type {
    grid-template-columns: repeat(1, 1fr);
  }

  .talentlyft .form-group label.control-label {
    width: 75vw;
    font-size: 18px !important;
    line-height: 28px !important;
  }

  .talentlyft input[type='file'] {
    width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 500px) and (max-width: 522px) {
  .open-positions
    .talentlyft
    .personal-data
    .form-group.file-type
    label.cv-label {
    left: 15px;
    /* transform: translateY(41px); */
    padding: 15px 25px;
    /*  width: 180px; */
  }
}
@media screen and (min-width: 523px) and (max-width: 600px) {
  .talentlyft input[type='file'] {
    width: 100%;
    padding: 0;
  }
  .open-positions
    .talentlyft
    .personal-data
    .form-group.file-type
    label.cv-label {
    left: 15px;
    /* transform: translateY(41px); */
    padding: 15px 25px;
    /*  width: 180px; */
  }
}
@media screen and (min-width: 726px) and (max-width: 768px) {
  .talentlyft input[type='file'] {
    width: 100%;
    padding: 0;
  }
  .open-positions
    .talentlyft
    .personal-data
    .form-group.file-type
    label.cv-label {
    left: 15px;
    /* transform: translateY(41px); */
    padding: 15px 25px;
    /*  width: 180px; */
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .talentlyft .personal-data .form-group.file-type {
    grid-template-columns: repeat(1, 1fr);
  }
  .open-positions #application-form fieldset .col-md-6 {
    width: 100%;
  }
  .talentlyft input[type='file'] {
    width: 100%;
    padding: 0;
  }
  .open-positions
    .talentlyft
    .personal-data
    .form-group.file-type
    label.cv-label {
    left: 15px;
    /* transform: translateY(41px); */
    padding: 15px 25px;
    /*  width: 180px; */
  }
}