table#tblStudyList
  color: #888888
  border-collapse: collapse
  border-color: gray

  thead
    background-color: black
    white-space: nowrap

    tr
      th
        a.sortingCell
          display: inline-block
          width: 100%
          margin: 0 auto
          color: white
          text-decoration: none
          padding-bottom: 5px

          span
            font-size: 15px
            float: left

          i
            float: right
            margin-left: 5px

        #studyDate
          padding: 0

    &:hover
      color: #888888


    // TODO: Use padding instead of hidden inputs to keep titles
    // at the same height in the header.
    #numImages.worklist-search
      visibility: hidden

    input.worklist-search
      height: 25px
      background-color: #888888
      width: 100%

    ::-webkit-datetime-edit-year-field:not([aria-valuenow]),
    ::-webkit-datetime-edit-month-field:not([aria-valuenow]),
    ::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
      color: transparent;
    }

  tbody
    tr
      height: 20px
      padding: 4px
      border: 1px solid #282828
      background-color: black

      &:hover, &:active, &.active
        background-color: #009BD2
        color: white

        td
          // This selector is necessary to override bootstrap's 'table' class
          color: white
          background-color: #009BD2

      &:nth-of-type(odd)
        background-color: #202020

      td
        white-space: nowrap