section.job-results-with-filter .job-header {
  margin-top:1rem;
    margin-bottom:1rem;
}
section.job-results-with-filter .job-header h2 {
  margin-bottom:1rem;
}
section.job-results-with-filter .job-header .container{
padding: 2rem;
  background: white;
  border-radius: 0px;
  border: 1px solid;
    border-image-slice: 100%;
    border-image-source: none;
  border-image-slice: 1;
  border-image-source: -webkit-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: -moz-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: -o-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: linear-gradient(to right, #e4c1ff, #aaffe5);
}
section.job-results-with-filter .element.text .field {
  display: flex;
  align-items: center;
  border: 1px solid #ac00dd;
  padding: 10px 20px;
}

section.job-results-with-filter .element.text input {
  background-color: #ffffff;
  padding: 0;
  flex-basis: 0;
  flex-grow: 1;
  flex: 0 0 1;  
  border-radius: 0px;
  border:none;
  outline: none;
}

section.job-results-with-filter .element.text i {
  flex-basis: 0;
  margin-right: 5px;
  flex: 0 0 1;
  color: #ff0077;
}


section.job-results-with-filter .filters-top-title {
  padding-bottom: 9px;
  border-bottom: 1px solid #E2DFEF;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  section.job-results-with-filter .filters-top-title {
    margin-bottom: 30px;
  }
}
section.job-results-with-filter .filters-top-title h5 {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0;
}
section.job-results-with-filter .filter-group {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  section.job-results-with-filter .filter-group {
    margin-bottom: 30px;
  }
}
section.job-results-with-filter .filter-group.disabled {
  opacity: 0.3;
}
section.job-results-with-filter .filter-group.disabled .filter-title {
  cursor: not-allowed;
}
section.job-results-with-filter .filter-group .filter-title {
  padding-bottom: 9px;
  border-bottom: 1px solid #E2DFEF;
  margin-bottom: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
section.job-results-with-filter .filter-group .filter-title h6 {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0;
}
section.job-results-with-filter .filter-group .filter-title i {
  color: #ac00dd;
  font-size: 16px;
  font-size: 1rem;
  -webkit-transition: all 0.09s ease-in-out;
  transition: all 0.09s ease-in-out;
}
section.job-results-with-filter .filter-group .filter-title.collapsed i {
  -webkit-transition: all 0.09s ease-in-out;
  transition: all 0.09s ease-in-out;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
section.job-results-with-filter .filter-group .filter-content .form-check {
  margin-bottom: 9px;
}
section.job-results-with-filter .filter-group .filter-content .form-check:last-of-type {
  margin-bottom: 0;
}
section.job-results-with-filter .filter-actions .btn {
  margin-bottom: 9px;
}
section.job-results-with-filter .results-counter {
  font-size: 14px;
  font-size: 0.875rem;
  color: #727785;
}
section.job-results-with-filter .job-item {
  padding: 30px;
  background: #ffffff;
  margin-bottom: 15px;

  border-radius: 0px;
  border: 1px solid;
    border-image-slice: 100%;
    border-image-source: none;
  border-image-slice: 1;
  border-image-source: -webkit-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: -moz-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: -o-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: linear-gradient(to right, #e4c1ff, #aaffe5);
}
section.job-results-with-filter .job-item .top-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 6px;
}
section.job-results-with-filter .job-item .top-details .date-posted {
  font-size: 0.875rem;
  color: #5d5474;
}
section.job-results-with-filter .job-item .top-details .job-id {
  padding: 6px 9px;
  background: #F4F2FB;
  border-radius: 6px;
 font-size: 0.875rem;
  color: #5d5474;
}
section.job-results-with-filter .job-item .job-title {
  display: block;
color: #ff0077;
background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
background-clip: border-box;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
/*
width: max-content;*/
margin-bottom: 0px;
  font-weight: 700;
  font-size: 24px;
  font-size: 1.5rem;
  margin: 0;
}
section.job-results-with-filter .job-item .job-details-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0.5rem 0 0;
  font-weight: 600;
font-family: "acumin-pro", sans-serif;
color: #010123;

}
section.job-results-with-filter .job-item .job-details-list li {
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.job-results-with-filter .job-item .job-details-list li:last-of-type {
  margin-right: 0;
}
section.job-results-with-filter .job-item .job-details-list li span {
  font-size: 14px;
  font-size: 0.875rem;
  color: #151C2F;
}
section.job-results-with-filter .job-item .job-details-list li i {
  margin-right: 6px;
  color: #1b0b41;
}
section.job-results-with-filter .job-item hr {
  margin: 15px 0;
  border-color: #EBF1FE;
}
section.job-results-with-filter .job-item p {
  margin: 0;
}
section.job-results-with-filter .job-item .job-actions {
  margin: 30px 0 0 0;
}
section.job-results-with-filter .job-item .job-actions .btn {
  margin-right: 9px;
}
section.job-results-with-filter ul.pagination li.page-item.active {
  background-color: #ff0077;
  color: #ffffff;
}
section.job-results-with-filter ul.pagination .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #ff0077;
  border-color: #ff0077;
}
section.job-results-with-filter ul.pagination {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
}


/*added to try to fix sticky element */
/* ------------------------------
Helpers
--------------------------------*/
/*-- Margin Top: Extra Small --*/
.mt-xs {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .mt-xs {
    margin-top: 30px;
  }
}

/*-- Margin Top: Small --*/
.mt-sm {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .mt-sm {
    margin-top: 60px;
  }
}

/*-- Margin Top: Medium --*/
.mt-md {
  margin-top: 60px;
}
@media (min-width: 768px) {
  .mt-md {
    margin-top: 90px;
  }
}

/*-- Margin Top: Large --*/
.mt-lg {
  margin-top: 90px;
}
@media (min-width: 768px) {
  .mt-lg {
    margin-top: 120px;
  }
}

/*-- Margin Top: Extra Large --*/
.mt-xl {
  margin-top: 120px;
}
@media (min-width: 768px) {
  .mt-xl {
    margin-top: 150px;
  }
}

/*-- Margin Bottom: Extra Small --*/
.mb-xs {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .mb-xs {
    margin-bottom: 30px;
  }
}

/*-- Margin Bottom: Small --*/
.mb-sm {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .mb-sm {
    margin-bottom: 60px;
  }
}

/*-- Margin Bottom: Medium --*/
.mb-md {
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .mb-md {
    margin-bottom: 90px;
  }
}

/*-- Margin Bottom: Large --*/
.mb-lg {
  margin-bottom: 90px;
}
@media (min-width: 768px) {
  .mb-lg {
    margin-bottom: 120px;
  }
}

/*-- Margin Top: Extra Small --*/
.mb-xl {
  margin-bottom: 120px;
}
@media (min-width: 768px) {
  .mb-xl {
    margin-bottom: 150px;
  }

.position-sticky {
  top: 120px;
}
}
#jobsearchrefine{
        margin-top: 2rem;
}