/*
	Marina (24/09/2019) Estilos de los distintos tipos de lote y sus estilos comunes a parte
*/
@import 'colores';


//lotes chequelibro
.chequelibro{
    div.datos_linea_venta_lote {
        width: 90%;
        @media(max-width: 500px){
            img{
                display: none;
            }
        }
        @media(max-width: 391px){
            .datos label{
                font-size: 12px;
                a{
                    font-size: 12px;
                }
            }
        }
    }
}

.botones_cabecera{
    margin-top: 20px;
}
//lotes con selector de cantidad
.mostrar_cantidades{
    div.datos_linea_venta_lote {
        display: inline-block;
        width: 75%;
        vertical-align: middle;
        .datos {
            display: inline-block;
            vertical-align: middle;
            margin-left: 2.6%;
            width: 70%;
        }
        .precio_articulo_lote{
            text-align: right;
            min-width: 75px;
        }
        @media(max-width: 540px){
            width:73%;
            .datos label {
                font-size: 12px;
                a{
                    font-size: 13px;
                }
            }
        }
        @media(max-width: 500px){
            width: 67%;
            img{
                display: none;
            }
        }
        @media(max-width: 421px){
            width:65%;
        }
        @media(max-width: 391px){
            width:54%;
            .datos label{
                font-size: 12px;
                a{
                    font-size: 12px;
                }
            }
            .precio_articulo_lote{
                font-size: 15px;
                min-width: 60px;
            }
        }
    }
    .cantidad{
        display: inline-block;
        width: 103px;
        .linea_lote_cantidad {
        	min-width: 50px;
		    width: 35px;
		    display: inline-block;
		    text-align: right;
		    padding: 0 2px;
		}
        .lote_mas, .lote_menos {
		    display: inline-block;
		}
		.lote_mas a {
		    padding: 0 5px;
		}
		.lote_menos a {
		    padding: 0 8px;
		}
		.lote_mas a:hover, .lote_menos a:hover {
		    background:$vl_fondo_cantidad_hover;
		    color: $vl_fuente_cantidad_hover;
		}
    }
}

//estilos comunes para los lotes tipo chequelibro y los de seleccionar cantidad
.venta_lote{
    .form_venta_lote {
        margin: 15px auto;
        width: 100%;
        @media (min-width:1600px){
            width:70%;
        }
        .texto_aclaratorio {
            margin: 12px 0 5px 16px;
            font-size: 1.2em;
            font-weight: bold;
        }
        input[type='submit'] {
            float: right;
            display: none;
            padding: 6px 25px;
            margin-bottom: 0;
            font-size: $botones_fuente_tamano;
            font-weight: 600;
            font-family: $botones_fuente_family;
            line-height: $botones_line_height;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
            border-radius: 0;
            white-space: nowrap;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none;
            background: $vl_fondo_boton;
            color:$vl_fuente_boton;
            border: $vl_borde_boton;
            margin: 15px 0 15px 0;
            &:hover{
                background: $vl_fondo_boton_hover;
                color:$vl_fuente_boton_hover;
                border:$vl_borde_boton_hover;
            }
        }
        .linea_venta_lote{
            display: block;
            padding: 10px 15px;
            font-size: 18px;
            margin-bottom:1px;
            cursor:pointer;
            .datos_linea_venta_lote {
                display: inline-flex;
                margin-left: 2%;
                vertical-align: middle;
				align-items: center;
                img {
				    width: 69px;
				    height: auto;
				}
                .datos {
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: 2.6%;
                    flex: 1 1;
				    width: 80%;
                    label{
                        font-size: 14px;
                        display: block;
                        text-align: left;
                        max-width: 650px;
                        cursor: pointer;
                        a{
                            font-size: 16px;  
                        }
                    }
                }
            }
        }
        .lista_optativas{
            margin-top:2px;
            float:right;
            width: 100%;
            fieldset{
                background: $vl_fondo_optativas;
                border:2px solid $vl_borde_linea;
                &:hover{
                    border:2px solid $vl_borde_linea_hover;
                }
            }
        }
        .lista_no_optativas{
            float:right;
            width: 100%;
            margin-bottom: 30px;
            fieldset {
                background:$vl_fondo_obligatorias;
                border:2px solid $vl_borde_linea;
            }
        }
    } 
}



p.avisoCheque {
    padding: 8px 25px 8px;
    width: 50%;
    margin: auto;
    font-weight: 600;
    font-size: 1.1em;
    color: #286ac9;
    text-align: center;
    @media (max-width:992px){
        width:100%;
    }
}

form.formulario_descuento_lote {
    margin: 0 auto;
    width: 650px;
    text-align: center;
}

form.formulario_descuento_lote input[type="text"] {
    display:  inline-block;
    margin: 8px 2px;
}

label.precio_anterior_articulo_lote {
    display: none;
}

.codigo_incorrecto {
    text-align: center;
    border: 3px solid red;
    margin: 5px 160px;
}

.codigo_correcto {
    text-align: center;
    border: 3px solid rgb(36, 173, 36);
    margin: 5px 160px;
}

.anular_cod_dto_lote {
    text-align: center;
}
