/* Sorting */
.sort-active {
  background: none !important;
  border: none !important;
}

.sort-active i {
  color: #676767 !important;
}

/* View listing button */
.view-listing-td {
    text-align: right !important;
}

.view-listing {
  background: #016d89;
  color: white !important;
  padding: 4px 16px;
  text-wrap: nowrap;

}

.view-listing:hover {
  background: #cd6c33;
}

/* Table */
.job-listings-table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  display: block;
  width: 100%;
}

.job-listings-table-wrapper .toggle input:disabled + .slider {
  background-color: #e0e0e0;
  cursor: not-allowed;
  opacity: 0.6;
}

.job-listings-table-wrapper .toggle input:checked + .slider {
  background-color: #016d89;
  cursor: not-allowed;
  opacity: 0.5;            
}

.job-listings-table {
  min-width: 574.5px;
  width: 100%;
  border-collapse: collapse;
}

/* Table body */

.job-listings-table td {
  color: #676767;
}

.job-listings-table .no-pl td {
  font-weight: 600;
}

/* Active job listings header */
.job-listings-header {
  display: flex;
  margin-top: 34px;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}

.job-listings-header h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #016d89 !important;
}

.job-listings-header #add-new-job-listing:hover,
.job-listings-header #add-new-job-listing:focus {
  background-color: #016d89;
  border-color: #016d89;
}

.job-listings-header #add-new-job-listing {
  background-color: #cd6c33;
  border-color: #cd6c33;
}

@media (min-width: 768px) {
  .job-listings-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .job-listings-table {
    display: table;
  }
}