/*
 * Skin: navy
 * ----------
 */
@import "../bootstrap-less/mixins.less";
@import "../bootstrap-less/variables.less";
@import "../variables.less";
@import "../mixins.less";

.skin-contrast {
  //Navbar
  .main-header {
    .navbar {
      .navbar-variant(@navy; #fff);
      .sidebar-toggle {
        color: #fff;
        &:hover {
          background-color: darken(@navy, 5%);
        }
      }
      @media (max-width: @screen-header-collapse) {
        .dropdown-menu {
          li {
            &.divider {
              background-color: rgba(255, 255, 255, 0.1);
            }
            a {
              color: #fff;
              &:hover {
                background: darken(@navy, 5%);
              }
            }
          }
        }
      }
    }
    //Logo

    li.user-header {
      background-color: @navy;
    }
  }

  //Content Header
  .content-header {
    background: transparent;
  }

  //Create the sidebar skin
  .skin-dark-sidebar(@navy);
}

.skin-contrast.layout-top-nav .main-header > .logo {
  .logo-variant {
    background-color: none;
  }
}



.btn, .btn:hover {


  &.btn-primary, .btn-primary:link {
    background-color: darken(@navy, 10%);
    border-color: darken(@navy, 20%);
    color: #fff;
  }


  &a.btn-primary:hover {
    background-color: darken(@navy, 20%);
    border-color: darken(@navy, 20%);
    color: #fff;
  }

  &.btn-white:link {
    background-color: darken(@navy, 10%);
    color: #fff;
  }

  &.btn-white:hover {
    background-color: darken(@navy, 30%);
    color: #fff;
  }
}


a {
  color: @navy;
  &:hover {
    color: @navy;
    text-decoration: underline;

  }
  &:visited {
    color: @navy;
  }
}

a.btn {
  &:hover {
    color: #fff;
    text-decoration: underline;

  }
  &:visited {
    color: #fff;
  }
}

.text-primary {
  color: darken(@navy, 20%);
}

.skin-contrast .treeview-menu>li>a {
  color: #FFF;
}

.bg-teal {
  background-color: darken(@teal, 25%)!important;
}

.bg-orange {
  background-color: darken(@orange, 20%)!important;
}

.bg-purple {
  background-color: darken(@purple, 20%)!important;
}

.bg-maroon {
  background-color: darken(@maroon, 20%)!important;
}

.pagination>li>a  {
  color: darken(@navy, 10%)!important;
}

.pagination>.active>a {
  background-color: @navy;
  color: #FFF!important;
}