#studyListContainer
  position: relative
  table#tblStudyList
    color: #888888
    border-collapse: collapse
    border-color: gray

    thead
      background-color: black
      white-space: nowrap

      tr
        th:first-child
          div.sortingCell
            border-right: 0.5px dashed #555555
            border-left: none

        th
          padding: 0

          div.sortingCell
            display: inline-block
            cursor: pointer
            width: 100%
            min-width: 95px
            margin: 0 auto
            color: white
            padding: 10px
            font-weight: 500
            background: #171717
            border-left: 0.5px dashed #555555

            span
              font-size: 15px
              float: left

            i
              margin: 0 5px

            &:hover, &.active
              background: #252525

          input.worklist-search
            height: 34px
            margin: 0 5px 20px 5px
            cursor: pointer
            padding: 10px
            border: none
            background-color: #707070
            color: #434343
            font-size: 10pt
            font-weight: normal
            width: calc(100% - 10px)
            box-sizing: border-box

            -webkit-transition: all 0.15s ease-in-out;
            -moz-transition: all 0.15s ease-in-out;
            -o-transition: all 0.15s ease-in-out;
            transition: all 0.15s ease-in-out;

            &:active, &:hover
              color: black
              background-color: #d3d3d9

            &::-webkit-input-placeholder /* WebKit, Blink, Edge */
              color:    #434343

            &:-moz-placeholder /* Mozilla Firefox 4 to 18 */
              color:    #434343
              opacity:  1

            &::-moz-placeholder /* Mozilla Firefox 19+ */
              color:    #434343
              opacity:  1

            &:-ms-input-placeholder /* Internet Explorer 10-11 */
              color:    #434343

      ::-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: 22px
        padding: 5px
        background-color: black

        td
          color: #ffffff
          border-top: 0.5px dashed #555555
          white-space: nowrap

          -webkit-transition: all 0.1s ease
          transition: all 0.1s ease

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

          td
            // This selector is necessary to override bootstrap's 'table' class
            border-top: 0.5px dashed #dddddd
            border-bottom: 0.5px dashed #dddddd
            color: white
            background-color: #009BD2