$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, textarea
    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

.inline
  display: inline

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