/* Login, register and pass recover forms values, be careful */
/* My account values, be careful */
/* Bootstrap overrides, may be set to false */
#areas-list {
  overflow-x: auto;
  background-color: #fff;
  border: 1px solid #28AFA7;
  padding: 10px;
  margin: 0 0 1rem 0;
  border-radius: 0.75rem;
}

#areas-list .list-group-item.list-group-item-action {
  border: none;
  margin: 0 5px;
}

#areas-list .list-divisor {
  border-right: 1px solid #bfbfbf;
}

#areas-list .list-divisor:last-child {
  display: none;
}

.active .badge-primary {
  color: #28AFA7;
  background-color: white;
}

.spinner-grow {
  color: #28AFA7;
}

#job-detail .spinner-grow:not(.spinner-grow-sm) {
  width: 4rem;
  height: 4rem;
}

.title-underline {
  color: #28AFA7;
  font-weight: 400;
  border-bottom: none;
  font-family: "VisbyCF-Heavy";
}

.modal-header {
  background-color: #28AFA7;
  padding: 0.5rem 1rem;
}

#job-detail {
  /*background: url(/pics/jobback.jpg) */
  background-repeat: no-repeat;
  background-size: contain;
  color: #504F56;
  padding: 0;
  overflow-x: hidden;
  border-radius: 0.75rem;
}

.modal-header button {
  margin-top: -0.6rem;
}

.detail-container {
  background: white;
  padding: 1.5rem;
  margin: 12rem 1.5rem 1.5rem 1.5rem;
  display: block;
  border-radius: 0.75rem;
  border: 2px solid #28AFA7;
}

.detail-container .title-underline {
  display: initial;
}

.job-apply-button {
  width: 100%;
  padding: 15px;
  background-color: #28AFA7;
  text-align: center;
  font-weight: 600;
  border: 1px solid transparent;
  border-radius: 0.75rem;
  font-family: "VisbyCF-Heavy";
  font-weight: 400;
}

.job-apply-button:hover {
  background-color: #28AFA7;
  font-size: 14pt;
  font-weight: 700;
  padding: 13px;
}

#job-detail .modal-header {
  display: none;
}

.job-title {
  justify-content: flex-start;
}

.job-title .title-underline {
  font-family: "Cocogoose", "Open Sans";
  font-weight: 400;
  color: #504F56;
  border-image: linear-gradient(to left, #E7374A, 20%, #28AFA7 10px) 4/0 0 5px;
  padding: 0 1rem 0.5rem 0;
}

@media (max-width: 767px) {
  #jobs-list.open {
    display: none;
  }
  #job-detail .modal-header {
    display: flex;
  }
  #job-detail.close {
    display: none;
  }
}
.z-100 {
  z-index: 100;
}

#search {
  width: 50px;
  margin: 0 0 0 5px;
  border-radius: 0.75rem;
  background: #28AFA7 !important;
  color: #fff !important;
}