/*
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 : 9 nov. 2020, 16:11:18
    Author     : Desiderio
*/

.jconfirm.jconfirm-mimadekids .jconfirm-bg { 
    background-color: #444;
    opacity: .8;
}
.jconfirm.jconfirm-mimadekids .jconfirm-box{
    padding:0px;
    padding-left: 0px !important;
    padding-top: 0px !important;
    background-color: transparent; 
    width:60% !important;
}

.jconfirm.jconfirm-mimadekids .jconfirm-box.loading{
}
.jconfirm.jconfirm-mimadekids .jconfirm-box.loading:before{
}
.jconfirm.jconfirm-mimadekids .jconfirm-box.loading:after{
}
.jconfirm.jconfirm-mimadekids .jconfirm-box .jconfirm-closeIcon{
}
.jconfirm.jconfirm-mimadekids .jconfirm-box .jconfirm-title-c{
}
.jconfirm.jconfirm-mimadekids .jconfirm-box .jconfirm-content-pane{
    margin-bottom: 0px;
    padding-bottom: 0px;
    background-color: #fff;
}
.jconfirm.jconfirm-mimadekids .jconfirm-box .jconfirm-content{
    
}
.jconfirm.jconfirm-mimadekids .jconfirm-box .jconfirm-buttons{
    display:none;
}
.jconfirm.jconfirm-mimadekids .jconfirm-box .jconfirm-buttons button{
}

.newsletter_container {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: stretch; 
}

.newsletter_container .newsletter_imagen_promocional {
    width:50%;
    height: 100%;
}

.newsletter_container .newsletter_imagen_promocional img {
    max-width: 100% !important;
    height: 100% !important;   
}

.newsletter_container .newsletter_formulario {
    width:50%;
    padding-left:20px;
    padding-right:20px;
    margin-top:40px;
    margin-bottom: 0px;
}

.newsletter_container .newsletter_formulario h1.titulo {
    font-weight: bolder;
    font-size: 1.5rem;
    width: 100%;
    text-align: center;
    margin-bottom:10px;
    margin-top:0px;
    padding-top:0px;
    line-height:1;
}

.newsletter_container .newsletter_formulario p.texto {
    font-size: 1rem;
    width: 100%;
    text-align: center;
    line-height: 1.5;
    color: #616161;
    margin-bottom:10px;
}

.newsletter_container .newsletter_formulario p.texto_peq {
    font-size: 0.7rem;
    width: 100%;
    text-align: center;
    line-height: 1.5;
    color: #616161;
    margin-bottom:10px;
}

.newsletter_container .newsletter_formulario form {
    width:100%;
}

.newsletter_container .newsletter_formulario form .form-group {
    width:100%;
    margin-top:5px;
    margin-right:5px;
}

.newsletter_container .newsletter_formulario form .form-group .group_input_button {
    width:100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    min-height: 30px;
    height: 30px;
}

.newsletter_container .newsletter_formulario form .form-group label {
    
}

.newsletter_container .newsletter_formulario form .form-group .group_input_button input[type='email'] {
    width:70%;
    height: 100%;
    font-size: 1.1rem;
}

.newsletter_container .newsletter_formulario form .form-group .group_input_button button {
    width:30%;
    height: 100%;
}

.newsletter_container .newsletter_formulario form .newsletter_error {
    display:none;
    font-weight: bolder;
    background-color: #b71c1c;
    color: white;
    margin-top: 5px;
    padding: 5px;
}


.newsletter_container .newsletter_formulario .newsletter_formulario_resultado_ok {
    display:none;
}

.newsletter_container .newsletter_formulario .newsletter_formulario_resultado_ok h1 {
    font-weight: bolder;
    font-size: 1.8rem;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.2;
    /* color:#64dd17; */
}

.newsletter_container .newsletter_formulario .newsletter_button_close {
    width: 30%;
    min-height: 30px;
}

.newsletter_container .newsletter_imagen_promocional {
        background-image: url(../../../img/newsletter.png);
        background-size: cover;
        background-position-x: left;
        background-position-y: top;
        height: 100%;
        min-height: 298px;
        max-width: 465px;
    }

    .newsletter_container .newsletter_imagen_promocional img {
       display: none;
    }


@media (max-width: 1291px) {
    .newsletter_container .newsletter_imagen_promocional {        
        background-image: url(../../../img/newsletter.png);
        background-size: cover;
        background-position-x: left;
        background-position-y: top;
        height: 100%;
        min-height: 298px;
    }

    .newsletter_container .newsletter_imagen_promocional img {
       display: none;
    }

    .newsletter_container .newsletter_formulario {        
        margin-top:20px;
    }

}


@media (max-width: 1256px) {
    .newsletter_container .newsletter_imagen_promocional {
        width:45%;
    }
    .newsletter_container .newsletter_formulario {
        width:55%;
    }
}

@media (max-width: 1162px) {
    .newsletter_container .newsletter_imagen_promocional {
        width:40%;
    }
    .newsletter_container .newsletter_formulario {
        width:60%;
    }
}

@media (max-width: 1058px) {
    
    .newsletter_container .newsletter_imagen_promocional {
        width:35%;
    }
    .newsletter_container .newsletter_formulario {
        width:65%;
        margin-top:20px;
    }
}

@media (max-width: 900px) {
  .jconfirm.jconfirm-mimadekids .jconfirm-box {
      width:90% !important;
  }
}

@media (max-width: 640px) {
    .newsletter_container .newsletter_imagen_promocional {
        width:30%;
        background-image: url(../../../img/newsletter.png);
        background-size: cover; 
        background-position-x: left;
        background-position-y: top;
        height: 100%;
        min-height: 298px;
    }

    .newsletter_container .newsletter_imagen_promocional img {
        display: none;
    }

    .newsletter_container .newsletter_formulario {
        width:70%;
        padding-left:10px;
        padding-right:10px;
        margin-top:30px;
        margin-bottom: 30px;
    }
     
    .newsletter_container .newsletter_formulario .newsletter_formulario_formulario {
      height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    }

    .newsletter_container .newsletter_formulario h1.titulo {
        font-size: 1.2rem;
        margin-bottom:10px;
    }

    .newsletter_container .newsletter_formulario p.texto {
        font-size: 0.8rem;
        line-height: 1.5;
    }

    .newsletter_container .newsletter_formulario p.texto_peq {
        font-size: 0.5rem;          
    }

    .newsletter_container .newsletter_formulario form .form-group {
    }
    
    .newsletter_container .newsletter_formulario form .form-group label {
    }

    .newsletter_container .newsletter_formulario form .form-group .group_input_button {
        min-height: 20px;
        height: 20px;
    }

    .newsletter_container .newsletter_formulario form .form-group .group_input_button input[type='email'] {
        font-size: 0.8rem;
    }

    .newsletter_container .newsletter_formulario form .form-group .group_input_button button {
        font-size: 0.8rem;
        min-height: 20px;
        padding-left:2px;
    }

    .newsletter_container .newsletter_formulario form .newsletter_error {
    }

    .newsletter_container .newsletter_formulario .newsletter_formulario_resultado_ok {
    }

    .newsletter_container .newsletter_formulario .newsletter_formulario_resultado_ok h1 {
        font-size: 1.2rem;
    }

    .newsletter_container .newsletter_formulario .newsletter_button_close {
        min-height: 20px;
        font-size: 0.8rem;
    }
}

@media (max-width: 420px) {
    .newsletter_container .newsletter_formulario form .form-group .group_input_button {
        flex-wrap: wrap;
    }

    .newsletter_container .newsletter_formulario form .form-group .group_input_button input[type='email'] {
        width:100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .newsletter_container .newsletter_formulario form .form-group .group_input_button button {
        width:100%;
    }
}

@media (max-width: 350px) {
    .newsletter_container .newsletter_imagen_promocional {
        display:none;
    }
    .newsletter_container .newsletter_formulario {
        width:100%;
    }
}