/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
    Created on : 20-abr-2017, 17:52:04
    Author     : Tatiana
*/

@import "_colores.scss";
@import "_funciones.scss";



article#historico_pedidos_usu{
    margin-top: 2%;
}
div#login_necesario {

}
p.error_no_hay_pedidos {

}
body{
    position:relative;
}
/*
        //------------------------------------------------------------------
        //	pedido cerrado
        //------------------------------------------------------------------
*/

.pedido_clienteV2 {
    border: 1px solid $grisCesta;
    margin: 2% 7%;
    display: block;

}

.pedido_clienteV2 {
    .cabecera_pedido {
        border-bottom: 1px solid $grisCesta;
        margin: 0;
        margin-bottom: -1px;
        padding: 0% 0%;
        line-height: 2.5em;
        font-size: 1.3em;
        position:relative;


        & > div {
            display:block;
            span{
                display:inline-block;
            }
        }
        .numero_pedido_cliente, .numero_pedido_temporal{
            //width: 23%;
            span{
                font-weight: bold;
            }

        }
        .fecha_pedido_cliente{
            //width: 29%;
            span{
                font-weight: bold;
            }

        }

        .nombre_envio_pedido_cliente{
            //width: 40%;
            span{
                font-weight: bold;
                max-width: 70%;
                white-space: nowrap;
                text-overflow: ellipsis;
                vertical-align: bottom;
                overflow: hidden;
            }

        }
        a.lanzador_widget {
            font-size: 1em;
            width: 70px;	
            position:absolute;
            right:36px;
            @media (max-width: 767px){
                width:60px;
                right: 5px;
                margin-top:28px;
            }
        }
        .webStoreDropDown{
            background: $blanco;
            border: 1px solid $gris;
            border-top: none;
            width: 450px;
            .datos_envio {
                a.close_direccion.hidden-sm.hidden-md-.hidden-lg {
                    font-size: 1.8em;
                    position: absolute;
                    right: 0px;
                    top: 0px;
                    background: $secundario;
                    color: $blanco;
                    line-height: 1;
                    height: 50px;
                    width: 50px;
                    text-align: center;
                }
                display: block;
                font-size: 1.2em;
                span.dato {
                    display: none;
                }
                span.datos_envio_telefono {
                    display: block;
                    margin: 8px  0;
                    span.dato {
                        display: inline-block;
                    }
                    span.datos_envio_tipo_envio {
                        font-weight: bold;
                        span.dato {
                            display: block;
                            font-weight:normal;
                            font-size:1.2em;
                        }
                    }
                }
            }

            span.datos_envio_direccion {
                display: block;
            }



        }

    }

}


/*
        //------------------------------------------------------------------
        //	pedido abierto
        //------------------------------------------------------------------
*/

.mostrar_pedido_cliente {
    border: 1px solid $gris;
    display: block;
    overflow:hidden;
    p {
        margin: 0;
    }
}

/*
        //------------------------------------------------------------------
        //	generales
        //------------------------------------------------------------------
*/
a.mostrar, a.ocultar {
    font-size: 0;
    width: 0px;
    display: inline-block;
    vertical-align: middle;
    line-height: 0em;
    border: 13px solid $blanco;
    border-top: 15px solid $secundario;
    border-bottom: 0;
    position: absolute;
    right: 8px;
    margin-top:0.8%;

    &:hover{
        border-top: 15px solid $primarioHover;
    }
}

div.contenedor_pedido {
    display: none;
    padding:0 2%;

    .cabecera_lineas_pedido{
        padding: 0.7% 1%  0.5%;
        overflow: hidden;
        font-size: 1.1em;
        font-weight: bold;
        display:flex;
        div {
            display: inline-block;
        }
        .cabecera_pedido_importe {
            //width: 13%;
            text-align: right;
        }
        .cabecera_pedido_campo_nombre {
            //width:60%;
            display: inline-block;
        }
        .cabecera_pedido_cantidad {
            //width: 10%;
            text-align: right;
        }
        .cabecera_pedido_pvp {
            //width: 15%;
            text-align: right;

        }
    }
    .linea_pedido {
        border-top: 1px solid $grisCesta;
        padding: 1%;
        overflow: hidden;
        &>div{
            display: block;
        }
        .datos_linea_pedido{
            div{
                display: inline-block;  
            }
        }
        .campo_linea_articulo {
            //width:60%;
            vertical-align: middle;
            div{
                display: inline-block;
            }
            .portada {
                margin: 1% 3% 1% 1%;
                width: 70px;
                height: 70px;
                vertical-align: middle;
                display: inline-block;
                img{
                    width: auto;
                    height: auto;
                    max-height: 100%;
                    max-width: 100%;
                }
            }
            .campo_linea_articulo_datos {
                width: 73%;
                font-size: 0.8em;
                vertical-align:middle;
                a {
                    font-size:  1.2em;
                    color: $primario;
                    &:hover{
                        text-decoration: underline;
                    }
                }
                p{
                    font-size: 1.2em;
                }
            }

        }
        .linea_pvp {
            font-size: 1em;;
            //width: 10%;
            //xmargin-right: 5%;
            text-align: right;
            vertical-align: middle;
            span.precio_actual {
                display: block;
            }
            span.precio_anterior {
                font-size: 0.83em;
                font-weight: bold;
                text-decoration: line-through;
                color: $primario;
                span {
                    font-size: 1.2em;;
                }
            }
        }
        .linea_cantidad {
            font-size: 1em;
            text-align: right;
            //width: 10%
        }
        .linea_importe {
            //width: 13%;
            font-size: 1em;;
            text-align: right;
        }
    }
    .gastos_envio {
        text-align: right;
        padding:1%;
        border-top:1px solid $grisCesta;
        span {
            display: inline-block;
            width: 36%;
            font-size: 1em;
            margin-right:1%;
            strong{
                display:inline-block;
                width:34%;
            }
        }
    }
    .descuento_compra {
        text-align: right;
        border-top: 1px solid $grisCesta;
        padding: 1%;
        span {
            width: 25%;
            display: inline-block;
            font-size: 1em;
            strong{
                display:inline-block;
                width:34%;
            }
            &.importe_total_con_dto_pedido{
                width:37%;
                text-align: right;
                margin-right: 1%;
            }
        }
    }
}

.pie_pedido {
    border-top: 1px solid $gris;
    text-align: right;
    padding:0 3.8% 0 7%;
    text-align: right;
}
.pie_pedido_total_productos {
    line-height: 2em;
    float:left;
    font-size: 1em;
}
.pie_pedido div {
    display: inline-block;
}

.pie_pedido_total {
    font-size: 1.2em;;
    width:30%;
    line-height:1.8em;
}

.pie_pedido_total span {
    display: inline-block;
    font-weight:bold;
    width: 60%;
}



.paginador {
    margin-bottom: 10px;
    text-align: center;

    span.num_elementos {
        display: none;
    }

    span.texto_normal {
        display: none;
    }
    a {
        padding: 2px;
        width: 18px;
        display: inline-block;
        border: 1px solid  $blanco;
        &:hover{
            border-color:$gris;
            background: $gris;
            color:$blanco;
        }
    }
}


@media screen and (max-width: 1250px) { 
    .pedido_cliente .cabecera_pedido .nombre_envio_pedido_cliente span{
        max-width: 60%;
    }
}
@media screen and (max-width: 1200px) { 
    .pedido_cliente .cabecera_pedido .fecha_pedido_cliente span, .pedido_cliente .cabecera_pedido .nombre_envio_pedido_cliente span, .pedido_cliente .cabecera_pedido .numero_pedido_temporal span { 
        display:block;
    }
}
@media screen and (max-width: 761px) {
    .pedido_cliente .cabecera_pedido .fecha_pedido_cliente span, .pedido_cliente .cabecera_pedido .nombre_envio_pedido_cliente span, .pedido_cliente .cabecera_pedido .numero_pedido_temporal span { 
        display:inline-block;;
    }
}

.page-heading.bottom-indent {
    margin-bottom: 16px;
    color:$colorDelDemonio;
}
.table > .cabecera_tabla > .linea_tabla > .celda_cabecera {
    background: $gris;
    border-bottom-width: 1px;
    color: $colorDelDemonio;
    vertical-align: middle;
    border: 1px solid $grisCesta;
    font-size: 14px;
    padding: 0 14px;
}

.celda_cabecera.first_item.footable-first-column {
    min-width: 100px;
}

.celda_cabecera.item.footable-sortable {
    min-width: 120px;
}
.table-bordered > .cabecera_tabla > .linea_tabla > .celda_cabecera, .table-bordered > .cabecera_tabla > .linea_tabla > .celda_tabla , .table-bordered > .cuerpo_tabla > .linea_tabla > .celda_cabecera, .table-bordered > .cuerpo_tabla > .linea_tabla > .celda_tabla , .table-bordered > tfoot > .linea_tabla > .celda_cabecera, .table-bordered > tfoot > .linea_tabla > .celda_tabla {
    //border: 1px solid $grisCesta;
    border-right: none;
    flex: 1 1;
}
.table-bordered {
    border:none;
}
.table .cuerpo_tabla > .linea_tabla > .celda_tabla{
    font-size: 14px;
    padding: 2px 8px;
}
h1.page-heading {
    color: $colorDelDemonio;
}

.linea_tabla{
    display:flex;
}

.botones_pie{
    margin: 25px 15px;
    a{
        background: $botones_color none repeat scroll 0 0;
        border: $botones_border;
        color: $botones_fuente;
        font-size: 14px;
        font-weight: bold;
        padding: 6px 15px;
        display: inline-block;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        &:hover{
            color: $botones_fuente_hover;
            background: $botones_color_hover;
            border: $botones_border_hover;
        }
    }

}

.cabecera_pedido{

    .n_ped{
        max-width: 98px;
        min-width: 98px;
    }
    .f_ped {
        max-width: 90px;
        min-width: 90px
    }
    .t_ped {
        max-width: 70px;
        min-width: 70px;
    }

    .p_ped {
        max-width: 150px;
    }

    .e_ped {
        max-width: 210px;
    }
    .d_ped{
        p{
            line-height: 1em;
        }
    }
    .v_ped {
        max-width: 46px;
    }
    
    @media all and (max-width:1199px){
        .n_ped{
            max-width: 30%;
            min-width: 30%;
        }
        .f_ped {
            max-width: 30%;
            min-width: 30%;
        }
        .t_ped {
            max-width: 30%;
            min-width: 30%;
        }
        .v_ped {
        max-width: 10%;
        min-width: 10%;
    }
        .cabecera_tabla{
            .p_ped, .e_ped, .d_ped{
                display:none;
            } 

        }
        .cuerpo_tabla{
            .linea_tabla{
                flex-wrap: wrap;
            }
        }
    }

}
.contenedor_pedido{
    .cabecera_pedido_campo_nombre{
        width: 40%;
    }
    .cabecera_pedido_pvp, .cabecera_pedido_cantidad, .cabecera_pedido_importe {
         width: 20%;
    }
    .campo_linea_articulo{
          width: 40%;
    }
    .linea_pvp, .linea_cantidad, .linea_importe{
        width: 20%;
    }
    
}
.lineas_pedido_clienteV2{
    .datos_linea_pedido{
    display: flex;
    }    
}