/* ---------------------------------------------------
    sidebar-menu STYLE
----------------------------------------------------- */
#sidebar-menu .navbar {padding: 0 !important;}
#sidebar-menu {
    min-width: 320px;
    max-width: 98vw;
    background: #ffffff;
    transition: all 0.3s;
    position:absolute;
    padding: 10px;
    margin-top:58px;
}
#categorias {
    width: 100%;
}

#sidebar-menu.active {  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
#sidebar-menu h4 {
    display: block;
    text-transform: uppercase;
    padding-left: 10px;
    font-weight: 300;
}

.mCSB_inside>.mCSB_container {margin-right: 0px;max-width:240px;}
.mCSB_scrollTools {
    position: absolute;
    width: 0;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

#sidebar-menu ul li.active>a,a[aria-expanded="true"] {}
#sidebar-menu a[data-toggle="collapse"] {position: relative;}
#sidebar-menu .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}
/*active button menu hidden*/
button#sidebarCollapse.active {
    background: #0033a0;
    margin-top:10px;
    margin-left: 10px;
    min-width: 300px;
    max-width: 400px;
}
button#sidebarCollapse.active h4::before {
    content: "Categorías";
    color: #ffffff;
    display: inline-block;
    text-transform:uppercase;
    font-weight:300 !important;
    font-size:1.2rem;
    text-rendering: auto;
    text-align:left;
    padding:8px 0 7px 10px !important;
}
button#sidebarCollapse.active h4::after {
    content: "\f0c9";
    color:#ffffff;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size:1.2rem;
    text-rendering: auto;
    text-align:right;
    padding:11px 10px 7px 0px !important;
}
button#sidebarCollapse.active:hover {background: #eceeef;}
button#sidebarCollaps.active h4:hover,
button#sidebarCollapse.active:hover h4:before,
button#sidebarCollapse.active:hover h4:after {color: #0033a0 !important;}

/*button menu show*/
button#sidebarCollapse {
    background: #eceeef;
    border:0;
    display:block;
    min-width: 300px;
    max-width: 400px;
    text-align:left;
    position:absolute;
    z-index:9;
    padding:0;
    margin:10px 0 0 10px;
    transition: all 0.3s;
}
button#sidebarCollapse h4 {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
button#sidebarCollapse h4::before {
    content: "Categorías";
    color: #0033a0;
    display: inline-block;
    text-transform:uppercase;
    font-weight:300 !important;
    /*font-size: inherit;*/
    font-size:1.2rem;
    text-rendering: auto;
    float:left;
    padding:8px 0 7px 10px !important;
}
button#sidebarCollapse h4::after {
    content: "\f00d";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    /*font-size: inherit;*/
    font-size:1.2rem;
    text-rendering: auto;
    float:right;
    padding:11px 10px 7px 0px !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    width: calc(100% - 240px);
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    right: 0;
    border-left:0px solid #eceeef;
}
#content.active{width: 100%;}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 1199px) {
    .productos .seleccion.navbar {float:right;}
    
    button#sidebarCollapse,button#sidebarCollapse.active {position:relative;}
    #sidebar-menu {z-index:1;padding:0;max-width: 175px;}
    
    #sidebar-menu.active {
     opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;}
    #sidebar-menu{margin-right: 5px;margin-top:0;padding:0;width: 100%}
    
    .mCSB_inside>.mCSB_container {margin-right: 0px;max-width: 100%;}
    
    #content,
    #content.active {
        margin-left:0;
        width: 100% !important;
        min-height: 100vh;
        transition: all 0.3s;
        position: relative;
        right: 0;
        border-left: 0 solid #eceeef;
    }
    #sidebar-menu {
        margin-right: 5px;
    }
    /*active button menu hidden*/
    button#sidebarCollapse {
        background: #0033a0;
        margin:0px auto;
        min-width: 100%;
        max-width: 100%;
        z-index:1;
        right: 10px;
    }
    button#sidebarCollapse h4::before {
        content: "Categorías";
        color: #ffffff;
        display: inline-block;
        text-transform:uppercase;
        font-weight:300 !important;
        font-size:1.2rem;
        text-rendering: auto;
        text-align:left;
        padding:8px 0 7px 15px !important;
    }
    button#sidebarCollapse h4::after {
        content: "\f00d";
        color:#ffffff;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size:1.2rem;
        text-rendering: auto;
        text-align:right;
        padding:11px 15px 7px 0px !important;
    }
    button#sidebarCollapse:hover {background: #eceeef;}
    button#sidebarCollaps h4:hover,
    button#sidebarCollapse:hover h4:before,
    button#sidebarCollapse:hover h4:after {color: #0033a0 !important;}

    /*button menu show*/
    button#sidebarCollapse.active {
        background: #eceeef;
        border:0;
        display:block;
        min-width: 100%;
        max-width: 100%;
        text-align:left;
        position:relative;
        padding:0;
        margin:0px auto;
        transition: all 0.3s;
    }
    button#sidebarCollapse.active h4 {
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
    }
    button#sidebarCollapse.active h4::before {
        content: "Categorías";
        color: #0033a0;
        display: inline-block;
        text-transform:uppercase;
        font-weight:300 !important;
        font-size:1.2rem;
        text-rendering: auto;
        float:left;
        padding:8px 0 7px 15px !important;
    }
    button#sidebarCollapse.active h4::after {
        content: "\f0c9";
        color: #0033a0;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size:1.2rem;
        text-rendering: auto;
        float:right;
        padding:11px 15px 7px 0px !important;
    }
    button#sidebarCollapse.active:hover {background: #eceeef;}
    button#sidebarCollaps.active h4:hover,
    button#sidebarCollapse.active:hover h4:before,
    button#sidebarCollapse.active:hover h4:after {color: #0033a0 !important;}
   } 
@media (max-width: 991px) {
    #sidebar-menu {z-index:1;padding:0;max-width: 75vw;}
}
@media (max-width: 767px) {
    .productos .seleccion.navbar {display:none; visibility:hidden;}
} 

/*MENU CATEGORIAS---------------------------*/
/*icono menu*/
.navbar-toggler {padding: 0;font-size: 1.25rem;line-height: 1;background-color: transparent;border: 0px solid transparent;border-radius: 0.25rem;}
button .fa.fa-bars{color:#0033a0 !important;font-size:1.4em;}
button .fa.fa-bars:hover{color:#cccccc !important;}
button.categorias{display:none;visibility:hidden}

#categories_block_left nav{padding:0;}
#categories_block_left .block_content.menu{width:100%;}
.categoria_seleccionada {background-color: #efefef;}
#resultados{
    float:left;
    background-color:  #efefef;
    display: inline-block;
    position: absolute;
    width: 80%;
    top: 60px;
    left: 60px;
    clear: both;
    z-index: 999;
}
#categories_block_left li {position: relative;}
#categories_block_left ul{padding:0;margin:0;list-style:none;}
#categories_block_left .tree > li{border-bottom:1px solid #ebecf0;}
#categories_block_left .tree  > li li{ border-bottom:0px;}
#categories_block_left .tree > li {padding-left: 0;}
#categories_block_left li a {
    font-weight: 700;
    color: #2b2b2b;
    display: block;
    line-height:normal;
    padding: 8px 30px 8px 10px;
    text-transform:uppercase;
}
#categories_block_left ul li ul li a:before{
	content:"\f10c";
    font-family: "FontAwesome";
    font-size:8px;
    display: inline-block;
    padding: 2px 5px 0 0;
    margin-left: -12px;
    transform: translateY(-2px);
}
#categories_block_left li span.grower{
    color:#aaaaaa;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
 }
#categories_block_left li span.grower.OPEN:before,
#categories_block_left li span.grower.CLOSE:before{
    display: block;
    font-size:0.7rem !important;
    font-weight:normal !important;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center; 
}
#categories_block_left li span.grower.OPEN:before {
    content: "\f068";
    color: #666666;
    font-family: "FontAwesome";
}
#categories_block_left li span.grower.CLOSE:before {
    color: #cdcdcd;
    content: "\f067";
    font-family: "FontAwesome";
}
#categories_block_left li span.grower:hover + a,
#categories_block_left li a:hover,
#categories_block_left li a.selected {
    background: #f6f6f6; 
    color:#0033a0;
}
#categories_block_left li a:hover,
#categories_block_left li a.selected {
    background: #f6f6f6; 
    color:#0033a0;
}
#categories_block_left a:hover,
#categories_block_left a.selected {
    color:#0033a0 !important;
}
#categories_block_left li li a{
    font-weight: 600!important;
    color: #2b2b2b; 
    padding: 8px 30px 8px 30px;
    text-transform:none;
}
#categories_block_left li li li a{
     font-weight: 400 !important;
    color: #2b2b2b !important; 
    padding: 8px 30px 8px 45px;
}
#categories_block_left li li li li a{
    font-weight: 400 !important;
    color: #2b2b2b !important; 
    padding: 8px 30px 8px 60px;
}
#categories_block_left li li li li li a{
    font-weight: 400 !important;
    color: #2b2b2b !important; 
    padding: 8px 0 8px 80px;
}