

[data-toggle="collapse"] {
  cursor: pointer;
}
.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.valign-middle {
  vertical-align: middle !important;
}
#filter-sidebar{
  font-size: 0.9rem;
  color: #777;
}

#filter-sidebar h4{
  color: #777;
  font-size: 0.8rem;
  text-transform: uppercase;
  background-color: #f2f2f2;
  margin: 5px 0;
  font-weight: 700
}
#filter-sidebar h4 i{
  font-size: 0.9rem;
}
#filter-sidebar .checkbox{
  font-size: 0.8rem;
  padding: 5px 10% 0 10%;
  margin: 5px 0;
  border-bottom: solid thin #e1e1e1;
}
#filter-sidebar .checkbox:last-child{
  border: none;
  margin: 5px 0 0 0;
}
#filter-sidebar .checkbox input[type=checkbox]{
  margin-right: 5px;
}

#filter-sidebar li {
    font-size: 0.8em;
    text-transform: uppercase;
    color: #777;
    padding: 5px 5px 5px 20px;
    margin: 5px 0;
    border:solid thin #f2f2f2;
}
@media screen and (max-width: 767px) {
  
  .navbar-fixed-top .visible-xs + .row {
  }

  .btn .visible-xs {
    display: inline-block !important;
  }

  .sliding-sidebar {
    position: absolute;
    z-index: 100;
    background: #fff;
    min-height: 100%;
    padding-right: 10%;
  }
  .sliding-sidebar.collapse, .sliding-sidebar.collapsing {
    display: block !important;
    -webkit-transform: translate3D(-100%, 0, 0);
            transform: translate3D(-100%, 0, 0);
    -webkit-transition: all 200ms;
    transition: all 200ms;
  }
  .sliding-sidebar.collapse.in {
    -webkit-transform: translate3D(0, 0, 0);
            transform: translate3D(0, 0, 0);
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05), 2px 0 0 rgba(0, 0, 0, 0.05), 3px 0 0 rgba(0, 0, 0, 0.05);
  }
}
#filter-sidebar div i.parent-collapsed,
h4 i.parent-collapsed {
  display: none;
}
.form-group{
  margin-bottom: 0;
}

#filter-sidebar .collapsed .parent-expanded,
h4 i.collapsed .parent-expanded  {
  display: none;
}
#filter-sidebar .collapsed .parent-collapsed,
h4 i.collapsed .parent-collapsed  {
  display: inline-block;
}

/*Filtros Ordenar*/

form.productos-ordenar{
  color: #777;
  text-transform: uppercase;
  font-size: 0.8rem
}

form.productos-ordenar .form-row{
  display: block;
  width: 100%;
}

form.productos-ordenar .form-group{
  position: relative;
  margin: 0;
  padding: 10px 0;
  width: 100%;
}

form.productos-ordenar .form-group label{
  position: relative;
  width: 100%;
  margin-bottom: 5px;
}
form.productos-ordenar select{
  background: #e1e1e1;
  color: #777;
  padding: 10px;
  border-radius: 5px;
  width: 100%;
}

@media (max-width: 544px) {
  form.productos-ordenar .form-row{
    text-align: center;
  }
  form.productos-ordenar .form-group{
    float: none;
   padding-left: 5px;
  }
  form.productos-ordenar .form-group label{
   display: none;
  }
  form.productos-ordenar .form-group select{
   margin-bottom: 5px;
   width: 96%;
   padding-left: 5px;
  }
}


