#cbc-job-table {
  margin-bottom: 50px;
  width: 100%; }
  #cbc-job-table tr td {
    border-bottom: 1px solid #ccc; }
    #cbc-job-table tr td small {
      display: block; }
    #cbc-job-table tr td .btn {
      white-space: nowrap; }
      #cbc-job-table tr td .btn:hover {
        color: #00bce4;
        background-color: #FFF !important; }
      @media screen and (max-width: 600px), (max-device-width: 600px) {
        #cbc-job-table tr td .btn {
          width: 100%; } }
    #cbc-job-table tr td[data-label="Apply"] {
      width: 165px; }
      @media screen and (max-width: 600px), (max-device-width: 600px) {
        #cbc-job-table tr td[data-label="Apply"] {
          width: 100%;
          padding: 0 0 25px !important; }
          #cbc-job-table tr td[data-label="Apply"]:before {
            content: '';
            margin: 0; } }
    #cbc-job-table tr td.align-right {
      text-align: right; }
  #cbc-job-table tr th {
    background-color: #333;
    color: #fff; }
  #cbc-job-table tr th, #cbc-job-table tr td {
    padding: 10px;
    text-align: left; }
    #cbc-job-table tr th:first-child, #cbc-job-table tr td:first-child {
      padding-left: 15px; }
    #cbc-job-table tr th:last-child, #cbc-job-table tr td:last-child {
      padding-right: 15px; }
  @media screen and (min-width: 600px), (min-device-width: 600px) {
    #cbc-job-table tr:hover td {
      background-color: #00bce4;
      color: #fff; }
      #cbc-job-table tr:hover td .btn {
        background-color: #007d98; } }
  @media screen and (max-width: 1024px), (max-device-width: 1024px) {
    #cbc-job-table {
      font-size: 0.9rem; } }
  @media screen and (max-width: 600px), (max-device-width: 600px) {
    #cbc-job-table {
      border: 0;
      table-layout: auto;
      width: 100%; }
      #cbc-job-table thead {
        display: none; }
      #cbc-job-table tr {
        margin-bottom: 10px;
        display: block; }
      #cbc-job-table td {
        padding: 2%;
        display: block;
        text-align: right !important;
        border-bottom: 1px dotted #ccc;
        min-height: 35px; }
        #cbc-job-table td[data-label="Job ID"] {
          margin-top: 20px; }
        #cbc-job-table td:first-child {
          background-color: #000;
          color: #fff; }
        #cbc-job-table td:last-child {
          border-bottom: 0; }
        #cbc-job-table td:before {
          content: attr(data-label);
          float: left;
          text-transform: uppercase;
          font-weight: bold;
          margin: 0 20px 20px 0; } }

#cbc-job-filters {
  background-color: #e6e6e6;
  border: 1px solid #d9d9d9;
  padding: 15px 30px;
  text-align: center;
  font-size: 1.1rem;
  margin-bottom: 20px; }
  #cbc-job-filters input[type="text"], #cbc-job-filters select {
    font-size: 1rem;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 0 10px;
    padding: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #bfbfbf;
    outline: none;
    padding: 8px;
    background-color: #FFF; }
    #cbc-job-filters input[type="text"]:focus, #cbc-job-filters select:focus {
      border: 1px solid #00bce4; }
    @media screen and (max-width: 1024px), (max-device-width: 1024px) {
      #cbc-job-filters input[type="text"], #cbc-job-filters select {
        margin: 0; } }
    @media screen and (max-width: 600px), (max-device-width: 600px) {
      #cbc-job-filters input[type="text"], #cbc-job-filters select {
        width: 100%;
        margin-bottom: 10px; } }
  #cbc-job-filters .buttons {
    display: inline-block;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px dotted #999999; }
    #cbc-job-filters .buttons li {
      display: inline; }
      #cbc-job-filters .buttons li .btn.close {
        padding-left: 12px;
        padding-right: 12px; }
    @media screen and (max-width: 600px), (max-device-width: 600px) {
      #cbc-job-filters .buttons {
        display: block;
        margin: 0;
        border: none;
        padding: 0; } }
  @media screen and (max-width: 1024px), (max-device-width: 1024px) {
    #cbc-job-filters .convo {
      display: none; } }
  @media screen and (max-width: 600px), (max-device-width: 600px) {
    #cbc-job-filters {
      padding: 20px; } }

#cbc-job-message {
  text-align: center;
  font-size: 1.1rem; }

body.wp-admin #cbc-job-filters, body.wp-admin .btn {
  display: none; }