/*
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 $gris;
    margin: 2% 7%;
    display: block;

}

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


        & > div {
            display:block;
            float:left;
            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 avierto
        //------------------------------------------------------------------
*/

.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 $primario;
    border-bottom: 0;
    position: absolute;
    right: 8px;
    margin-top:0.8%;
    &:hover{
        border-top: 15px solid $gris;
    }
}
.addresses.col-md-8 {
    margin-left: 16.66666667%;
}
.contenedor_article{
    a {
        display:  inline-block;
        float:left;
        width:70px;
        text-align:center;
       
        img {
            width:  auto;
        }
    }
    table{
        border:1px solid $gris;
       	display: inline-table;
        vertical-align: top;
        width: 80%;
        td{
            border: 1px solid $gris;
            border-right: none;
            padding:0;
            &.nombre_descarga{
                padding: 5px ;
                border-left: none;
                text-align: left;
                
            }
            i{
                padding: 8px;
            }
            .descarga_ebook{
                width: auto;
            }
        }
        th{
            span {
                display: block;
                padding-left: 70px;
            }
            span.titulo-product {
                font-size: 1.2em;
                overflow: hidden;
                padding-left:2px;
                a{
                    width: 100%;
                    text-align: left;
                }
            }

            span.autor-product, span.editorial-product {
                font-weight:  normal;
                padding-left: 78px;
            }
        }
    }

}

.page-heading.bottom-indent {
    margin-bottom: 16px;
    color:$colorDelDemonio;
}
table > tbody > tr > th {
    background: #fbfbfb;
    border-bottom-width: 1px;
    color: $grisPesado;
    vertical-align: middle;
    border: 1px solid $gris;
    font-size: 14px;
    padding: 8px 20px;
}
.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
    border-top: 0;
}
th.first_item.footable-first-column {
    min-width: 100px;
}

th.item.footable-sortable {
    min-width: 120px;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
    border: 1px solid $gris;
}
.table tbody > tr > td{
    font-size: 14px;
}
h1.page-heading {
    color: $colorDelDemonio;
}

.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;
        }
    }
}


ul.footer_links.clearfix{
    margin: 25px 0;
    overflow: hidden;
    width: 100%;
    li{
        margin-top: 12px;
        display: inline-block;
    }
    a{
        background: $secundario none repeat scroll 0 0;
        border: 0 none;
        color: $blanco;
        font-size: 14px;
        font-weight: normal;
        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: $blanco !important;
            background: $primarioHover;
        }
    }

}