* {
  font-size: 16px
}

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