/*!

 * Start Bootstrap - Simple Sidebar (http://startbootstrap.com/)

 * Copyright 2013-2016 Start Bootstrap

 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)

 */



 body {

    overflow-x: hidden;

 }



.icon-bar { background: #e0c669; }



.navbar-toggle {

  border: none;

  background: transparent !important;

}

.navbar-toggle:hover {

  background: transparent !important;

}

.navbar-toggle .icon-bar {

  width: 22px;

  transition: all 0.2s;

}

.navbar-toggle .top-bar {

  transform: rotate(45deg);

  transform-origin: 10% 10%;

}

.navbar-toggle .middle-bar {

  opacity: 0;

}

.navbar-toggle .bottom-bar {

  transform: rotate(-45deg);

  transform-origin: 10% 90%;

}

.navbar-toggle.collapsed .top-bar {

  transform: rotate(0);

}

.navbar-toggle.collapsed .middle-bar {

  opacity: 1;

}

.navbar-toggle.collapsed .bottom-bar {

  transform: rotate(0);

}



/* Toggle Styles */



#wrapper {

    padding-left: 0;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    z-index: 998;

    position: fixed;

}



#wrapper.toggled {

    padding-left: 280px;

}



#sidebar-wrapper {

    z-index: 1000;

    position: fixed;

    left: 280px;

    width: 0;

    height: 100%;

    margin-left: -280px;

    overflow-y: auto;

    background: #107c99;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



#wrapper.toggled #sidebar-wrapper {

    width: 280px;

}



#page-content-wrapper {

    width: 100%;

    position: absolute;

    padding: 15px;

}



#wrapper.toggled #page-content-wrapper {

    position: absolute;

    margin-right: -280px;

}



/* Sidebar Styles */



.sidebar-nav {

    position: absolute;

    top: 0;

    width: 280px;

    margin: 0;

    padding: 0;

    list-style: none;

}



.sidebar-nav li {

    text-indent: 20px;

    line-height: 40px;

    margin-right: 20px;

}



.sidebar-nav span {

    font-size: 90%;

    padding-right: 10px;

}



.sidebar-nav li a {

    display: block;

    text-decoration: none;

    color: #fff;

    border-top: 1px solid #e0c669;

}



.sidebar-nav li a:hover {

    text-decoration: none;

    color: #107c99;

    background: #ffd200;

}



.sidebar-nav li a:active,

.sidebar-nav li a:focus {

    text-decoration: none;

}



.sidebar-nav > .sidebar-brand {

    height: 50px;

    font-size: 18px;

    line-height: 60px;

}



.sidebar-nav > .sidebar-brand a {

    color: #fff;

}



.sidebar-nav > .sidebar-brand a:hover {

    color: #fff;

    background: none;

}



@media(max-width:1440px) {

    .navbar-toggle { display: block; }

}