// Place all the styles related to the pages controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

//----GENERAL------------------//
*
  font-size: 16px

html
  //overflow: scroll

img
  border-radius: 4px !important

.center
  text-align: center
  margin: 0 auto

h1, h1 a, h1 span, h1 span span
  font-size: 36px !important

h2, h2 a, h2 span, h2 span span
  font-size: 30px !important

h3, h3 a, h3 span, h3 span span
  font-size: 24px !important

h4, h4 a, h4 span, h4 span span
  font-size: 20px !important

h5, h5 a, h5 span, h5 span span
  font-size: 18px !important

h6, h6 a, h6 span, h6 span span
  font-size: 16px !important

//----HEADER & NAVIGATION-----//

.navbar-default, .navbar-header, .navbar-collapse, .header
  background-color: $header-bg

.navbar-brand
  padding-left: 0px !important
  margin: 29px 0px 0px 0px

.navigation-title
  color: $white1
  font-size: 30px !important
  span
    font-size: 30px
    color: $turq1

.navigation-link
  padding: 0px !important
  margin: 45px 15px
  font-size: 14px
  color: $white1 !important
  &:hover
    color: $turq1 !important

.active
  .navigation-link
    background-color: $header-bg !important
    color: $turq1 !important

.navigation-link .active
  border-bottom: 1px solid !important

.navbar-toggle
  margin: 42px 20px 0px 0px !important
  height: 28px
  padding: 2px 9px !important
  i
    font-size: 15px
    color: $white1

.icon-bar
  color: $white1 !important

//----CUSTOM NAV-----------//
.sub-nav
  height: 100%

.sub-pages-nav
  //float: left
  //position: fixed
  margin-top: 10px
  margin-bottom: 55px
  width: 100% !important
  height: 27px !important
  overflow: hidden

  li
    display: inline
    margin-right: 20px

.custom-nav
  width: 100% !important
  display: inline
  margin-left: 0px !important
  padding-left: 0px !important
  text-decoration: none
  list-style-type: none
  margin-right: 10px !important

  li
    margin-bottom: 20px !important
    border-bottom: 1px solid $white1 !important
    color: $turq1 !important
  a
    font-size: 15px

  .active
    border-bottom: 1px solid $turq1 !important

//----STARTPAGE------------//

.carousel-title a
  color: $white1 !important
  font-size: 25px
  text-decoration: none

  &:hover
    color: $gray1 !important
    text-decoration: none

.carousel-control .glyphicon
  color: $white1

//----NEWS----------------//

.news
  height: 250px
  overflow: hidden

//----PAGES--------------//

a
  color: $turq1 !important
  &:hover
    color: $turq2 !important
    text-decoration: none !important

body
  color: $black !important

.dashboard-content
  border-left: 1px solid $gray1 !important

.page-content
  border-left: 1px solid $gray1 !important


//----BUTTONS------------//

.btn-primary
  background-color: $turq1 !important
  border-color: $turq1 !important
  color: $white1 !important

//----TABLES-------------//

.cut-td-text
  max-height: 25px !important
  overflow: hidden !important

//----PAGINATION---------//

.pagination
  .active
    span
      background-color: $white1 !important
      color: $black !important
      border: 1px solid $turq1 !important

//----PROGRESS BAR-------//

.progress-info-green
  float: left
  width: 20px
  height: 20px
  border-radius: 100%
  background-color: #5cb85c
  margin-right: 7px

.progress-info-blue
  float: right
  width: 20px
  height: 20px
  border-radius: 100%
  background-color: #5bc0de
  margin-right: 7px

//----CHART BOX----------//

.chart

//----FOOTER-------------//

.footer
  height: 120px

.footer-div
  border-top: solid 1px $gray1
  background-color: $white1
  height: 90px
  padding: 10px 0px

.bl-logo
  width: 220px
  float: right