$fontFamily: 'Rubik', sans-serif
//$fontFamily: 'Muli', sans-serif

html
  font-size: 18px

body
  margin: 0
  color: white
  font-family: $fontFamily
  background-color: $darkerBlue

  #main
    position: fixed
    top: 0
    right: 0
    bottom: 0
    left: 230px
    overflow: auto

  input
    font-family: $fontFamily

.text-muted
  color: $light-gray

.text-primary
  color: $brand-primary

.text-success
  color: $brand-success

.text-info
  color: $brand-info

.text-warning
  color: $brand-warning

.text-danger
  color: $brand-danger

.text-light
  color: $light-gray
  font-weight: $font-weight-light

h1, h2, h3, h4
  font-weight: $font-weight-normal

h1
  font-size: 1.8rem

h2
  font-size: 1.6rem

h3
  font-size: 1.4rem

h4
  font-size: 1.2rem

.small-profile
  padding: 0 20px
  margin-top: grid-row(1)
  height: grid-row(3)
  margin-bottom: grid-row(1)

  img.small-profile-image
    width: 90px
    height: 90px
    border-radius: 100%
    float: left
    margin-right: grid-row(1)
    background-color: #cccccc

  p.small-profile-name
    margin-bottom: 10px
    padding: 0

  p.small-profile-description
    padding: 0
    font-size: 0.9rem
    line-height: 1.5em
    color: $medium-gray

.inline
  display: inline

//selectyearandmonth
#selectYearAndMonthForm .selectize-control
  float: left
  width: 45%
  margin-left: 3.3333%