body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: "Archivo", sans-serif;
    font-weight: normal;  
    background-color: #000;
}

/******* HEADERS *************/
h1{
    color: #fff;
    font-size: 4.54em;
}
@media(max-width: 640px){
    h1{
        font-size: 2.57em;
    }
}

h2{
    color: #fff;
    font-size: 1.92em;
}

h3{
    color: #000;
    font-size: 1.4em;
    font-weight: bold;
}




/****************** CONTAINERS *************************/
.main_container{
    max-width:  650px;
    margin: 0 auto;
}

.main_container_white{
    max-width:  650px;
    margin: 0 auto;
    background-color: #FFF;
}

.user-area,
.user-area i{
    color: #FFF;
}


#container-msg-user{
    display: none important;
    color: #fff; 
}

.text{
    font-size: 13px !important;  
    color:#9b9fa3;
}

.text .acepto{
    
    color:#9b9fa3;
    text-decoration: underline;
}

#msg{
    background-color: #dbffe3;
    border-radius: 5px;
    padding: 5px;
    font-weight: bold;
    text-align: center !important;
}

.white{
    color: #FFF;
}

.pink{
    color: #ff0058;
}

#msg i{
    color: #00bb2d !important;
}

#serial_no_garantia{
    text-transform: uppercase;
}

#cargando-datos-personales,
#container-datos-personales,
#container-codigo-garantia-valido{
    display: none;
}

#re-check-email{
    display: none;
    cursor: pointer;
}
   
/****************** FORMS *************************/
.form-control {
    border-radius: 0px;
}

label{
    color: #ffffff; 
}

/****************** BUTTONS *************************/
.btn-pink{
    font-size: 1.33em;
    background-color: #ff0058 !important;
    color: #ffffff;
    width: 100%;
    border-radius: 0px;
    
}


/****************** LINKS *************************/
a.acepto{
    color: #ffffff;
    text-decoration: none;
}    


/********* MODAL LAUNCHERS **********************/
#modal_ayuda:hover{
    cursor: pointer;
}  


/****************** MODALS *************************/
.modal-backdrop {background-color: #000; opacity: 0.9 !important;}

@media (min-width: 640px) {
    #politicaModal .modal-dialog,
    #condicionesModal .modal-dialog{
        min-width: 950px;
    }
}

.modal-footer .btn-modal-black{
    color: #fff;
    background-color: #000;
    border-color: #000;
    border-radius: 0px;
}

.modal-footer .btn-modal-grey {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    border-radius: 0px;
}

.modal-footer .btn-modal-pink {
    color: #fff;
    background-color: #ff0058;
    border-color: #ff0058;
    border-radius: 0px;
}

.modal a{
    color: #000;
    text-decoration: none;
}


/************************ MODALS CONTENT ************/
#modalAyuda #container-msg-success,
#modalAyuda #procesando{
    display: none;
}

#modalAyuda #container-msg-success i{
    font-size: 5em !important;
}


/******************* ERRORS ********************************/
.error {
    color: #ff0058;
    font-weight: normal;
}



.has-error {
    border: #ff0058 1px solid !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

input.has-error{
    background: #ffccde;
}


.has-success {
    border: #00bb2d 2px solid !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

input.has-success{
    background: #dbffe3;
}