/*
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 : 15-may-2017, 10:46:10
    Author     : Tatiana

        recuperar archivos perdidos: 15-05-17
*/
@import  'colores';
#columns {
    position: relative;
    //padding-top: 30px;
}
.botones_pie{
    margin: 25px 15px;
    a{
        white-space: nowrap; 
        display: inline-block;
        height: auto;
        font-size: 14px;
        font-weight: bold;
        padding: 6px 15px;
        -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;
        background-color: $botones_color;
        color: $botones_fuente;
        border:$botones_border;
        &:hover{
            background-color: $botones_color_hover;
            color: $botones_fuente_hover;
            border: $botones_border_hover;
        }
    }
}
h3.page-subheading {
    border-bottom: 1px solid #eeeeee;
    box-shadow: 0 1px rgba(255,255,255,1);
    color: $gris_chocolate;

    font-size: 20px;
    line-height: normal;
    margin-bottom: 12px;
    padding: 0 0 15px;
    text-transform: uppercase;
}
p.mensaje_aviso {
    position: absolute;
}
#addresses #center_column .page-heading {
    margin: 0 0 22px;
    color:$gris_oscuro;
}
#addresses #center_column p {
    margin: 0 0 13px;
}
#addresses #center_column p.p-indent {
    margin: 0 0 27px;
}
#addresses #center_column .muestra_datos_dir_predeterminada_perso .box {
    border: 1px solid $primario;
}
#addresses #center_column .direccion_envio{
    .box {
        padding: 3px 0px 10px 2px;
        font-size:16px;
        margin:auto;
        .direccion_seleccionada{
            height: 140px;
            margin-top: 10px;
            padding-top: 10px;
            border: 1px solid $gris;
            p{
                animation-name: opacidad;
                animation-duration: 1s;
                opacity: 1;
            }
            @keyframes opacidad {
                from {opacity: 0;}
                to {opacity: 1;}
            }
            .datos_direccion{
                padding-top: 10px;
                text-align: left;
                i{
                    padding-right: 5px;
                }
            }
            @media(max-width: 360px){
                padding: 5px;
                .datos_direccion{
                    padding-top: 5px;
                }
            }
			@media (max-width:1200px) and (min-width:991px){
                width:66.66666667%;
            }
        }
        .botones_direccion{
            padding-top: 12px;
            padding-bottom: 16px;
            padding-right: 0px;
            text-align: center;
            .boton{
                width: 80%;
                margin: 5px 0px;
            }
            @media(max-width: 991px) and (min-width: 430px){
                text-align: center;
                padding: 0px;
                .boton{
                    width:48%;
                }
            }
			@media (max-width:1200px) and (min-width:991px){
                	width: 33.33333333%;
            }
        }
        .otra_direccion{
            text-align: center;
            padding: 20px 0px;
            .boton_seleccion_direccion{
                width: 100%;
                border: 1px solid $blanco;
                padding:6px;
                font-size: 18px;
                background-color: $primario;
                color:$secundario;
                &:hover{
                    font-weight: 600;
                    border-color: $primario;
                    background-color: $secundario;
                    color: $primario;
                }
            }
        }
        .lista_direcciones{
            text-align: center;
            padding:0px;
            .elegir_direccion{
                background: none;
                border:1px solid $gris;
                text-align: left;
                width: 80%;
                padding: 10px;
                margin: 10px auto;
                vertical-align: middle;
                &:hover{
                    border-color: $primario;
                    background-color: $secundario;
                }
            }
            .borrar_direccion{
                background: $primario;
                color:$secundario;
                border: 1px solid $secundario;
                padding: 46px 0px;
                margin: 10px auto 10px 10px;
                font-size: 25px;
                width: 35px;
                vertical-align: middle;
                &:hover{
                    background: $secundario;
                    color:$primario;
                    border: 1px solid $primario;
                }
            }
        }
        .guardar_modificaciones_direccion_envio{
            display:none;
        }
        p.aclaracion_direcciones {
            position: absolute;
            text-align: right;
            margin: 0;
            font-size: 0.7em;
            right: 34px;
            width: 55%;
            line-height: 1;
        }
        h4{
            font-size: 21px;
            margin-bottom: 15px;
        }
        .form-control{
            border-radius: 7px;
            border: 2px solid $gris;
            margin-bottom: 10px;
        }
        .modificarDireccion {
            text-align: center;
            .cancelar_direccion{
                display:none;
            }
            .boton{
                width: 200px;
                height: 39px;
            }
        }
    }
    .boton{
        height: 50px;
    }
}
form.mod_direccion_envio{
    fieldset{
        position: relative;
    }
    input[readonly], textarea[readonly], select[readonly], input[readonly] ~ label,  textarea[readonly] ~ label, select[readonly] ~ label{
        display: none;
    }
    label {
        position: absolute;
        top: -1px;
        font-size: 1.2em;
        display: block;
    }
    input, textarea, select{
        margin-top: 25px;
        font-size: 1.15em;

        width: 100%;
        resize: none;
        &.boton{
            width: auto;   
        }
    }

}

.muestra_datos_dir_predeterminada_perso .box {
    min-height: 240px;
}
#addresses input[type=button], #addresses input[type=submit]{
    background: $botones_color none repeat scroll 0 0;
    border: $botones_border;
    color: $botones_fuente;
    font-size: 14px;
    font-weight: bold;;
    padding: 3px 15px;
    -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-color: $botones_color_hover;
        border:$botones_border_hover;
    }
    &:before{
        content:"<i class='mdi mdi-pencil-box-outline'></i>";
    }
}
.main-page-indent {
    margin-bottom: 30px;
    a.btn.btn-default.button.button-medium{
        background: $botones_color none repeat scroll 0 0;
        border: $botones_border;
        color: $botones_fuente;
        font-size: 14px;
        font-weight: normal;
        padding: 3px 15px;
        -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 !important;
            background-color: $botones_color_hover;
            border:$botones_border_hover;
        }

    }
}
.clearfix{
    .form_nueva_direccion_perso{
        a{
            background: $botones_color none repeat scroll 0 0;
            border: $botones_border;
            color: $botones_fuente;
            font-size: 17px;
            font-weight: bold;
            padding: 7px 15px;
            -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 !important;
                background-color: $botones_color_hover;
                border:$botones_border_hover;
            }
            &:after{
                content: '\e080';
                vertical-align: bottom;
                font-family: $fuente_iconos;
                margin-left: 11px;
            }
        }
    }
    .formulario_nueva_direccion{
        display: none;
        textarea {
            display: block;
            resize:  none;
            width: 100%;
        }

        fieldset {
            margin-bottom: 8px;
        }

        input {
            width: 100%;
        }

        input.boton {
            width: auto;
        }
    }
}
ul.footer_links {
    padding: 20px 0 0 0;
    height: 65px;
    li {
        float: left;
        a{
            background: $botones_color none repeat scroll 0 0;
            border: $botones_border;
            color: $botones_fuente;
            font-size: 14px;
            font-weight: bold;
            padding: 5px 15px;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            margin-right: 10px;
            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 !important;
                background-color: $botones_color_hover;
                border:$botones_border_hover;
            }
        }
    }
}

/* Añadimos estos estilos para que se vean los formularios de alta y modificaición de los datos del cliente */
#direc_predeterminada{
    form{
        outline: 3px solid #eeeeee;
    }
}
#addresses {
    #center_column{
        .formulario_nueva_direccion label {
            display:block;
            width: 100%;
        }
    }
}