
@import 'colores';
@import 'ficha_conf';
@import 'aside';


.lista_articulos {
    margin: 30px 0;
    overflow:hidden;
    @include FichaSemaforo();
}
div#center_column1 {
	float: right;
}
#center_column1, #center_column3{
    padding-right: 0px;
    padding-left: 0px;
}

.center_column {
    @media (max-width:600px){
        padding-right: 0px;
        padding-left: 0px;
    }
    .no_encontrado{
        padding:27px;
    }
}

#center_column1{
    .orden_filtrado{
        display: flex;
        justify-content: space-between;
        align-items:center;
        .orden{
            display: inline-block;
            text-align: left;
            text-align: center;
            margin: 0px 5px;
            select{
                border-top:1px solid $primario;
                border-bottom:1px solid $primario;
                margin: 15px 0;
                padding: 5px 0px;
                width: 194px;
                font-size: 16px;
                border-left: 1px solid transparent;
                border-right: 1px solid transparent;
                &:hover{
                    background-color: $secundario;
                    color: $primario;
                    border: 1px solid $primario;
                }
            }
        }
        .productos_por_pagina{
            display: inline-block;
            text-align: right;
            margin: 0px 5px;
            select{
                border-top:1px solid $primario;
                border-bottom:1px solid $primario;
                margin: 15px 0;
                padding: 5px 10px;
                font-size: 16px;
                border-left: 1px solid transparent;
                border-right: 1px solid transparent;
                &:hover{
                    background-color: $secundario;
                    color: $primario;
                    border: 1px solid $primario;
                }
            }
            @media(min-width: 992px){
                flex:1;
            }

        }
        .boton_filtro{
            display: inline-block;
            text-align: right;
            margin: 0px 5px;
            .desplegador_filtrado{
                display: none;
                @media(max-width: 991px){
                    display: inline-block;
                    width: 180px;
                }
            }  
        }
        @media(max-width: 550px){
            display: inline-block;
            .boton_filtro{
                float:right;
            }
        }

    }
}

@media (max-width: 991px){
    body.no_scroll{
        overflow-y:hidden;
    }   
}
/**----------------------------------------------------------------------------
* ESTILOS COLUMNA ASIDE
-----------------------------------------------------------------------------*/

@include aside();