.sidebar {
  background-color: #f5f5f5;
  border-right: 1px solid #eee;
  bottom: 0;
  display: block;
  max-height: none;
  min-height: 100%;
  overflow: auto;
  padding: 20px;
  position: fixed;
  top: 101px;
  z-index: 1000; }
  .sidebar.sidebar-left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  .sidebar.sidebar-left.sidebar-open {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .sidebar.sidebar-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  .sidebar.sidebar-right.sidebar-open {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.sidebar-left {
  left: 0; }

.sidebar-right {
  right: 0; }

.sidebar-animate {
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease; }

body {
  margin-top: 36px; }

.sso {
  color: #fff;
  display: inline-block;
  font-family: helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  height: 36px;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100; }
  .sso a:visited,
  .sso a {
    color: #fff;
    text-decoration: none; }
    .sso a:visited:hover,
    .sso a:hover {
      text-decoration: none; }
  .sso ul {
    list-style: none;
    padding: 0; }
  .sso li {
    display: block; }
  .sso .sidebar {
    background: #383838;
    padding-left: 0;
    top: 36px;
    width: 300px; }
    .sso .sidebar li li {
      display: block;
      font-size: 17px;
      padding-left: 15px;
      width: auto; }
  .sso .nav li {
    border-bottom: 1px inset #2c2c2c;
    display: block;
    float: none;
    width: auto; }
    .sso .nav li a {
      display: block;
      padding: 10px 20px;
      text-align: left; }
  .sso .navbar-toggle.toggle-left {
    display: block;
    margin: 0;
    padding: 0; }
  .sso .expanded {
    display: block;
    position: relative;
    width: auto;
    -webkit-transition: all .3s;
    transition: all .3s; }
    .sso .expanded > .btn-nav {
      background: url("https://www.lesoir.be/sites/all/themes/engbootstrap_lesoir/images/sso/menu-more.svg") center left 5px no-repeat;
      background-size: auto 22px;
      color: #aaa;
      height: 52px;
      position: absolute;
      right: 0;
      top: 0;
      width: 52px;
      -webkit-transition: all .3s;
      transition: all .3s; }
      .sso .expanded > .btn-nav:hover {
        color: #fff; }
    .sso .expanded > .nav {
      height: 0;
      overflow: hidden;
      padding: 0;
      width: auto;
      -webkit-transition: all .3s;
      transition: all .3s; }
    .sso .expanded.has-nav-open > .btn-nav {
      background: url("https://www.lesoir.be/sites/all/themes/engbootstrap_lesoir/images/sso/menu-more.svg") center left 5px no-repeat;
      background-size: auto 22px; }

.sso-menu {
  display: none;
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 100%;
  width: 200px; }

.sso-menu-item {
  line-height: 30px;
  padding-left: 24px; }

.sso-user-menu:hover .sso-menu, .sso-user-menu.open .sso-menu,
.sso-main-menu:hover .sso-menu,
.sso-main-menu.open .sso-menu {
  display: block; }

.sso-main-menu {
  float: left;
  font-size: 22px;
  padding-left: 12px; }
  .sso-main-menu .icon-menu {
    background: url("https://www.lesoir.be/sites/all/themes/engbootstrap_lesoir/images/sso/menu.svg") center left 5px no-repeat;
    background-size: auto 22px;
    display: block;
    height: 36px;
    width: 33px; }

.sso-main-icon {
  display: block;
  height: 36px;
  padding-top: 7px; }
  .sso-main-icon span {
    background: #fff;
    display: block;
    height: 3px;
    margin-bottom: 6px;
    width: 30px; }

.sso-logo {
  float: left;
  padding: 3px; }
  .sso-logo img {
    display: block;
    height: 30px;
    width: 160px; }

.sso-user-menu {
  color: #fdc800;
  float: right;
  line-height: 36px;
  padding: 0 36px 0 12px;
  position: relative; }
  @media (max-width: 480px) {
    .sso-user-menu {
      background: url("https://www.lesoir.be/sites/all/themes/engbootstrap_lesoir/images/sso/user.svg") center center no-repeat;
      background-size: auto 60%;
      padding: 0;
      text-indent: -999em; } }
  .sso-user-menu .sso-menu {
    left: auto;
    right: 0; }

.sso-non-connecte {
  background: #003978;
  border-bottom: 1px solid #004592; }
  .sso-non-connecte .sso-logo img {
    height: 20px;
    margin: 5px 0; }
  .sso-non-connecte .sso-user-menu {
    background: url("https://www.lesoir.be/sites/all/themes/engbootstrap_lesoir/images/sso/user.svg") center left 5px no-repeat;
    background-size: auto 50%;
    border-left: 1px solid #797979;
    padding: 0;
    text-indent: -999em;
    width: 60px; }
    .sso-non-connecte .sso-user-menu:hover {
      background: #797979 url("https://www.lesoir.be/sites/all/themes/engbootstrap_lesoir/images/sso/user.svg") center left 5px no-repeat;
      background-size: auto 50%; }
      @media (max-width: 480px) {
        .sso-non-connecte .sso-user-menu:hover {
          background: #797979 url("https://www.lesoir.be/sites/all/themes/engbootstrap_lesoir/images/sso/user.svg") center left 5px no-repeat;
          background-size: auto 50%; } }
  .sso-non-connecte .sso-menu {
    background: #575757; }
  .sso-non-connecte .sso-menu-item {
    border-bottom: 1px solid #797979; }
    .sso-non-connecte .sso-menu-item:hover {
      background: #797979; }

.sso-connecte {
  background: #003978;
  border-bottom: 1px solid #004592; }
  .sso-connecte .sso-user-menu {
    border-left: 1px solid #004592; }
    .sso-connecte .sso-user-menu:hover {
      background: #0051ab;
      background-size: auto 50%; }
      @media (max-width: 480px) {
        .sso-connecte .sso-user-menu:hover {
          background: #0051ab url("https://www.lesoir.be/sites/all/themes/engbootstrap_lesoir/images/sso/user.svg") center left 5px no-repeat;
          background-size: auto 50%; } }
  .sso-connecte .sso-user-label {
    color: #fdc800; }
  .sso-connecte .sso-menu {
    background: #003978; }
  .sso-connecte .sso-menu-item {
    border-bottom: 1px solid #004592; }
    .sso-connecte .sso-menu-item:hover {
      background: #004592; }

/*# sourceMappingURL=sso.css.map */