/* page configuration */
.sidebar {
  -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  background-color: #ffffff;
  border: none;
  bottom: 0;
  display: block;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  width: 0;
  z-index: 1035;
}
.sidebar.open {
  min-width: 280px;
  width: 280px;
}
#nav-container {
  -ms-overflow-style: none;
  -webkit-transform: translate3d(-280px, 0, 0);
  left: 0;
  /*scrollbar-width: none;*/
  top: 0;
  transform: translate3d(-280px, 0, 0);
}
#nav-container::-webkit-scrollbar {
  display: none;
}
#nav-container.open {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.filter-panel-buttons {
  -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  width: 280px;
  transform: translate3d(145px, 0, 0);
}
.filter-panel-buttons.open {
  transform: translate3d(0, 0, 0);
}
.filter-panel-buttons > li > p {
  cursor: pointer;
}
.filter-panel-buttons > li:nth-child(2) {
  float: right;
}
#filter-panel-container {
  -webkit-transform: translate3d(280px, 0, 0);
  right: 0;
  top: 100px;
  height: calc(100vh - 100px - 16px);
  transform: translate3d(280px, 0, 0);
  padding-bottom: 16px;
}
#filter-panel-container.open {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#content-container {
  padding-top: 100px;
  border-radius: 0;
}
#header {
    background-color: transparent;
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
#header:hover {background-color: white;}



/* navbar styles */
.navbar {border: 0; margin-bottom: 0; border-radius: 0;}
.navbar-toggle {display: block;}
.navbar-toggle > span.icon-bar {background-color: #000000;}
.navbar.navbar-primary {margin-bottom: 0;}
.navbar-nomalism .navbar-nav > li > a,
.navbar-nomalism .navbar-nav > li > p,
.navbar-nomalism .navbar-header > .navbar-brand {color: #000000;}
.navbar-nomalism .navbar-nav > li > a .badge,
.navbar-nomalism .navbar-nav > li > p .badge {background-color: #000000; color: #ffffff;}
.nav > li > a:hover,
.nav > li > p:hover,
.nav > li > a:focus,
.nav > li > p:focus,
.navbar-nomalism .navbar-header > .navbar-brand {background-color: #ffffff;}
.navbar-no-collapse {
    display: block !important;
}
.navbar-no-collapse.navbar-nav > li, .navbar-nav, navbar-right {
    float: right !important;
}
.navbar-no-collapse.navbar-nav.navbar-right:last-child {
    margin-right: -15px !important;
}



/* left nav styles*/
#nav-container .navmenu-brand {margin: 0 0 60px 0; padding: 0;}
#nav-container .navmenu-brand > img {display: block; margin: 0 auto;}
.sidebar-submenu {padding-left: 16px}
.sidebar-menu a, .sidebar-menu input[type=submit].navbar-text {
    display: block;
    float: None;
    color: black;
    padding: 10px 15px;
    margin: 0;
    cursor: pointer;
    border: 0;
    background-color: transparent;
}
.sidebar-menu a:hover {text-decoration: none}
.sidebar-menu.categoria > a {text-transform: uppercase; font-weight: bold; font-size: 13pt}
.sidebar-menu.categoria > a > span {text-transform: uppercase; font-weight: 100; font-size: 8pt}
.sidebar-menu.atributo-tipo > a {text-transform: uppercase; font-weight: bold; font-size: 8pt}
.sidebar-menu.atributo-tipo > a.collapsed:before {content: "+ "}
.sidebar-menu.atributo-tipo > a:before {content: "- "}
.sidebar-menu.atributo-valor > a {}
.sidebar-menu.atributo-valor > .selected {font-weight: bold}
div.sidebar-footer {padding: 8px; padding-top:0%;}
.sidebar-footer.links {display: block;}
.sidebar-footer.links a {text-transform: uppercase; text-decoration: none; color: black;}
.sidebar-footer.links a:hover {color: gray;}
.sidebar-footer.social-icons a {color: gray;}