// This fixes the issue of ember-semantic-ui-calendar not functioning inside a definition table
.ui.definition.table .ui.calendar
  padding: 0
  table
    //border: 1px solid rgba(34,36,38,.15)
    border-radius: .28571429rem
    box-shadow: none
    color: rgba(0,0,0,.87)
    tr
      th
        pointer-events: all
        font-weight: bold
        color: rgba(0,0,0,.87)
        background-color: #F9FAFB
        &:nth-child(2)
          border-left: 0
      td
        pointer-events: all
        &:first-child:not(.ignored)
          background-color: white
          font-weight: normal
        &.disabled
          color: rgba(40, 40, 40, 0.3)