.root
  margin-top 15px
  margin-bottom 15px

.header
  position relative
  height 33px
  &:hover
    background-color alpha(white, 0.1)

.header-name
  position absolute
  left 0
  top 0
  bottom 0
  right 72px
  padding-left 10px
  line-height 33px
  color white

.header-control
  position absolute
  top 0
  bottom 0
  right 5px
  width 72px

.header-control-button
  width 24px
  padding 0
  margin-top 4.5px
  height 24px
  border none
  border-radius 5px
  background-color transparent
  color white
  &:hover
    background-color alpha(white, 0.1)
  &:active
    background-color $brand-color

.folder
  height 33px
  width 100%
  position relative
  &:hover
    background-color alpha(white 0.1)

.folder-label
  position absolute
  left 0
  top 0
  bottom 0
  right 48px
  padding-left 20px
  line-height 33px
  color white

.folder-control
  position absolute
  top 0
  bottom 0
  right 0
  width 48px

.folder-control-button
  width 24px
  height 24px
  margin-top 4.5px
  border none
  border-radius 5px
  background-color transparent
  color white
  &:hover
    background-color alpha(white, 0.1)
  &:active
    background-color $brand-color

.newFolderButton
  height 33px
  width 100%
  border none
  padding-left 20px
  text-align left
  background-color transparent
  color white
  &:hover
    background-color alpha(white, 0.1)
  &:active
    background-color $brand-color