@charset "UTF-8";
.form-vagas-prevemax,
.form_inscricao {
  padding: 72px 0;
}

.form_inscricao select,
.form_inscricao input:not([type=checkbox]),
.form-vagas-prevemax select,
.form-vagas-prevemax input:not([type=checkbox]) {
  border: 1px solid var(--primary-color);
  border-radius: var(--border-radius);
  margin: 0;
}
.form_inscricao .field-wrap,
.form-vagas-prevemax .field-wrap {
  margin-bottom: 18px;
}
.form_inscricao .field-wrap > label,
.form-vagas-prevemax .field-wrap > label {
  font-family: var(--font-bold);
}
.form_inscricao .field-wrap fieldset,
.form-vagas-prevemax .field-wrap fieldset {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 9px;
}
.form_inscricao .field-wrap fieldset legend,
.form-vagas-prevemax .field-wrap fieldset legend {
  font-family: var(--font-bold);
}
.form_inscricao .field-wrap fieldset input[type=checkbox],
.form-vagas-prevemax .field-wrap fieldset input[type=checkbox] {
  display: none;
}
.form_inscricao .field-wrap fieldset input[type=checkbox] + label,
.form-vagas-prevemax .field-wrap fieldset input[type=checkbox] + label {
  background-color: var(--lighter-grey);
  padding: 4px 9px;
  margin: 0;
  border-radius: var(--border-radius-small);
}
.form_inscricao .field-wrap fieldset input[type=checkbox]:checked + label,
.form-vagas-prevemax .field-wrap fieldset input[type=checkbox]:checked + label {
  background-color: var(--accent-color);
  position: relative;
  color: var(--second-accent-color);
}
.form_inscricao .field-wrap fieldset input[type=checkbox]:checked + label::before,
.form-vagas-prevemax .field-wrap fieldset input[type=checkbox]:checked + label::before {
  content: "\f00c";
  display: block;
  position: absolute;
  font-family: "Font Awesome 6 Free";
  right: -4px;
  top: -12px;
}
.form_inscricao .cadastrar-vaga-bt,
.form-vagas-prevemax .cadastrar-vaga-bt {
  width: 100%;
  display: block;
  background-color: var(--neutro-zero);
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: var(--border-radius);
  padding: 14px 28px;
  text-align: center;
  font-family: var(--font-bold);
}
@media screen and (min-width: 40em) {
  .form_inscricao .cadastrar-vaga-bt,
  .form-vagas-prevemax .cadastrar-vaga-bt {
    max-width: 350px;
  }
}
.form_inscricao .cadastrar-vaga-bt:hover,
.form-vagas-prevemax .cadastrar-vaga-bt:hover {
  background-color: var(--primary-color);
  color: var(--neutro-zero);
}

.vaga-item {
  border-bottom: 1px solid var(--primary-color);
  padding: 9px 0px;
}

.vaga-options-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 18px;
  padding: 0px;
  margin: 0 0 0px 0;
  width: 100%;
  /* *
  .vaga-item-tipo {
      &::before {
          display: block;
          content: 'Tipo';
      }
  }
  .vaga-item-unidades {
      &::before {
          display: block;
          content: 'Unidade';
      }
  }
  .vaga-item-setor {
      &::before {
          display: block;
          content: 'Setor';
      }
  }
  /** *
  .vaga-item-inscrever {
      &::before {
          display: none!important;
          content: '';
      }
  } /* */
}
@media screen and (min-width: 40em) {
  .vaga-options-wrap {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.vaga-options-wrap * {
  padding: 0px;
  margin: 0px;
}
.vaga-options-wrap .vaga-item-info {
  border-radius: 5px;
  padding: 9px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media screen and (min-width: 40em) {
  .vaga-options-wrap .vaga-item-info {
    flex-direction: row;
    width: 20%;
    max-width: 20%;
  }
}
.vaga-options-wrap .vaga-item-info::before {
  content: "";
  display: none;
  background-color: var(--primary-color);
  color: var(--neutro-zero);
  position: absolute;
  font-size: 11px;
  top: -12px;
  left: 3px;
  padding: 3px;
  line-height: 1;
  border-radius: 4px;
}
.vaga-options-wrap .vaga-item-info.vaga-item-title {
  width: 100%;
  font-size: 16px;
  font-family: var(--font-bold);
}
@media screen and (min-width: 40em) {
  .vaga-options-wrap .vaga-item-info.vaga-item-title {
    width: 30%;
    min-width: 30%;
  }
}
.vaga-options-wrap .vaga-item-info.vaga-item-unidades {
  width: calc(30% - 9px);
}
@media screen and (min-width: 40em) {
  .vaga-options-wrap .vaga-item-info.vaga-item-unidades {
    width: 30%;
    min-width: 30%;
  }
}
.vaga-item {
  position: relative;
}
.vaga-item .vaga-options-wrap {
  cursor: pointer;
}
.vaga-item .vaga-options-wrap::after {
  content: "\f078";
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: static;
  font-family: "Font Awesome 6 Free";
}
.vaga-item .vaga-content-wrap {
  display: none;
}
.vaga-item .vaga-content-wrap .vaga-item-content {
  padding: 18px;
}
.vaga-item .vaga-content-wrap .vaga-item-info.vaga-item-inscrever {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.vaga-item .vaga-content-wrap .vaga-item-info.vaga-item-inscrever .inscreverse-vaga-bt {
  width: 100%;
  display: block;
  background-color: var(--neutro-zero);
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: var(--border-radius);
  padding: 14px 28px;
  text-align: center;
  font-family: var(--font-bold);
}
@media screen and (min-width: 40em) {
  .vaga-item .vaga-content-wrap .vaga-item-info.vaga-item-inscrever .inscreverse-vaga-bt {
    max-width: 350px;
  }
}
.vaga-item .vaga-content-wrap .vaga-item-info.vaga-item-inscrever .inscreverse-vaga-bt:hover {
  background-color: var(--primary-color);
  color: var(--neutro-zero);
}
.vaga-item.ativo .vaga-options-wrap::after {
  content: "\f077";
}
.vaga-item.ativo .vaga-content-wrap {
  display: block;
}

.vagas-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 9px;
}
.vagas-list li {
  display: block;
}
.vagas-list li a {
  display: block;
  padding: 3px 6px;
  border-radius: 5px;
  font-size: 12px;
  background-color: #eee;
  color: var(--primary-color);
}

.wrapper_rate,
.wrapper_rate * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.wrapper_rate {
  position: relative;
  width: 150px;
  height: 30px;
  outline: 1px solid magenta;
}
.wrapper_rate::before, .wrapper_rate::after {
  display: block;
  position: absolute;
  z-index: 99;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1;
  padding: 0.75rem 0;
  pointer-events: none;
}
.wrapper_rate::before {
  content: "+";
}
.wrapper_rate::after {
  content: "−";
  bottom: 0;
}

input[type=range] {
  -webkit-appearance: none;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  width: 150px;
  height: 30px;
  transform: translate(-50%, -50%) rotate(0deg);
  border-radius: 1rem;
  overflow: hidden;
  cursor: col-resize;
}
input[type=range][step] {
  background-color: transparent;
  background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) calc(12.5% - 1px), #05051a 12.5%);
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 0;
  box-shadow: -20rem 0 0 20rem rgba(255, 255, 255, 0.2);
}
input[type=range]::-moz-range-thumb {
  border: none;
  width: 0;
  box-shadow: -20rem 0 0 20rem rgba(255, 255, 255, 0.2);
}

/*# sourceMappingURL=vagas-prevemax.css.map */