.navbar-brand {
    height: none;
}

.navbar-toggle {
    background-color: #393;
    color: white;
    margin-right: 0px;
    right: 15px;
}

.navbar-toggle:hover, .navbar-toggle:active {
    background-color: #393;
}

#logopenet2{
      width: 30%;
      margin: 2%;
   }

.nav-pills > li > a {
   border-radius: 0;
}

#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;
   overflow: hidden;
   width: 95%;
    margin: auto;
}

#wrapper.toggled {
   padding-left: 250px;
   overflow: hidden;
}

#sidebar-wrapper {
   background: none;
   background-color: #09c;
   z-index: 91;
   position: fixed;
   left: 250px;
   width: 0;
   height: 85%;
   margin-left: -250px;
   overflow-y: auto;
   -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: 250px;
}

#page-content-wrapper {
   position: absolute;
   width: 94%;
   margin: auto;
   margin-top: 7%;
}

.container-fluid{
   padding-right: 0px !important;
   padding-left: 0px !important;
}

#wrapper.toggled #page-content-wrapper {
   position: relative;
   margin-right: 0px;
}

.fixed-brand {
   position: fixed;
   z-index: 90;
   background-color: #f1f1f1;
   width: 100%;
}
/* Sidebar Styles */

.sidebar-nav {
   position: absolute;
   top: 0;
   width: 250px;
   margin: 0;
   padding: 0;
   list-style: none;
   margin-top: 2px;
}

.btn-home{
    background-color: #007CC3;
}

.btn-home:hover{
    background-color: #007CC3 !important;
    text-align: center;
}

.sidebar-nav li {
   text-indent: 15px;
   line-height: 40px;
}

.sidebar-nav li a {
   display: block;
   text-decoration: none;
   color: white;
}

.sidebar-nav li a:hover {
   text-decoration: none;
   color: #fff;
   background: rgba(255, 255, 255, 0.2);
   border-left: red 2px solid;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
   text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
   height: 65px;
   font-size: 18px;
   line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
   color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
   color: #fff;
   background: none;
}

.no-margin {
   margin: 0;
}


@media (min-width: 450px) {
   #logopenet2{
      width: 20%;
      margin: 2%;
   }
}

@media (min-width: 800px) {

   #logopenet2{
      width: 60%;
      margin: 5%;
   }

   #wrapper {
      padding-left: 250px;
   }
   
   .fixed-brand {
      width: 250px;
      position: unset;
      z-index: 1;
   }
   #wrapper.toggled {
      padding-left: 0;
   }
   #sidebar-wrapper {
      width: 250px;
      background: url(https://intranet.penet-plastiques.fr/wp-content/themes/themepenet/images/background/welcome-pc.svg) bottom no-repeat, #09c;
   }
   #wrapper.toggled #sidebar-wrapper {
      width: 250px;
   }
   #wrapper.toggled-2 #sidebar-wrapper {
      width: 50px;
   }
   #wrapper.toggled-2 #sidebar-wrapper:hover {
      width: 250px;
   }
   #page-content-wrapper {
      position: relative;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      width: 95%;
      margin: 0 auto;
   }
   #wrapper.toggled #page-content-wrapper {
      position: relative;
      margin-right: 0;
      padding-left: 250px;
   }
   #wrapper.toggled-2 #page-content-wrapper {
      position: relative;
      margin-right: 0;
      margin-left: -200px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      width: auto;
   }
}