@import '../node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css'
@import '../node_modules/@blueprintjs/core/lib/css/blueprint.css'

.board
  display grid
  grid-template-columns 33.33% 66.66%
  @media screen and (max-width: 1050px)
    grid-template-columns 100%

.board-2
  display grid
  grid-template-columns 50% 50%
  @media screen and (max-width: 750px)
    grid-template-columns 100%

.board-3
  display grid
  grid-template-columns 100%
  @media screen and (max-width: 1050px) and (min-width: 750px)
    grid-template-columns 50% 50%

.item
  margin 5px

.nav
  position sticky
  top 0

.table 
  width 100%;

.progress-bar .progress-meter
  transition width 200ms cubic-bezier(0.4, 1, 0.75, 0.9)

.progress-bar
  color #fff
  width 100%
  height 1.5rem
  overflow hidden
  display flex
  border-radius .25rem
  background-color #dee2e6

.progress-meter
  text-align center
  justify-content center
  display flex
  flex-direction column

.badge
  display inline-block
  padding .25em .4em
  font-size 80%
  font-weight 700
  line-height 1
  text-align center
  white-space nowrap
  vertical-align baseline
  border-radius .25rem
  color white
  margin-left .25rem

th
  text-align left

.logo
  width 30px

.auth-logo
  margin-right 10px
  width 25px

.backdrop
  background-color white

.bp3-dialog
  width 350px
  background-color white

.spinner
  position fixed
  z-index 999
  overflow show
  margin auto
  top 0
  left 0
  bottom 0
  right 0
  width 100px
  height 100px

.center-parent
  display table
  height 100%

.center-child
  display table-cell
  vertical-align middle