/*ESTILO GENERAL*/
#productoCapucha{
    display:none;
}
body.modal-open{
    overflow: auto !important;
}

.formStyle{
    background: #fff none no-repeat scroll right top;
    border: 1px solid #ccc;
    border-radius: 0.333em;
    box-shadow: 0 1px 0 0 #fff;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: 14px;
    height: 2.5em;
    letter-spacing: normal;
    margin: 0;
    padding: 0.333em 0.333em 0.333em 0.6em;
    text-align: start;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    white-space: pre;
    /*width: 100% !important;*/
    word-spacing: normal;
}

#masInfo{
    float: right;
    background: #e2007a !important;
    color: white !important;
    border-radius: 5px;
    padding: 3px;
    margin-top: -7px;
    font-weight: 13px !important;
}
#masInfo:hover{
    cursor: pointer;
}
/*Labels para mostrar la tipo*/

.tipo.sofia{
    font-family: "Sofia";   
    font-size: 18px;
}

.tipo.olivier{
    font-family: "olivierregular";   
    font-size: 20px;
}

.tipo.mountains{
    font-family: "mountains_of_christmasregular";   
    font-size: 18px;
}

.tipo.amatic{
    font-family: "Amatic SC";   
    font-size: 20px;
    font-weight: 600;
}

.tipo.clasica{
    font-family: "Georgia";   
    font-size: 16px;
    font-style: italic;
}

.tipo.comic{
    font-family: "comic_neueregular";   
    font-size: 16px;
    /*font-weight: 600;*/
}

.tipo.huruf{
    font-family: "huruf_mirantiregular";   
    font-size: 25px;
    /*font-weight: 600;*/
}

/*ESTILO PARA LA MARCA CLASSIC*/


/*Configuracion de las capas*/
/*.texto-personalizado.classic {
    height:62px;
    left:33px;
    top:-27px;
    width:94px;
    position:relative;
    overflow-wrap: break-word;
}*/

.linea-chupete.classic{
    position:absolute;
    overflow: visible;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%);
    line-height:inherit;
    white-space:pre;
}
.texto-personalizado#classic {
    height:65px;
    left:43px;
    top:-25px;
    width:97px;
    position:relative;
    overflow-wrap: break-word;
}

.chupete-personalizado.classic {
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 107px;
    /*margin: 30px auto 10px;*/
    padding-top: 54px;
    width: 180px;
    background-position: center;
}

/*SIMULADOR CLASSIC*/
.chupete-personalizado.classic .sofia{
     font-family: "Sofia";   
     font-size: 18px;
     line-height: 19px;
}

.chupete-personalizado.classic .olivier{
     font-family: "olivierregular";   
     font-size: 19px;
     line-height: 19px;
}

.chupete-personalizado.classic .mountains{
     font-family: "mountains_of_christmasregular";   
     font-size: 18px;
     line-height: 19px;
     font-weight: 600;
}

.chupete-personalizado.classic .amatic{
     font-family: "Amatic SC";   
     font-size: 24px;
     font-weight: 600;
     line-height: 20px;
}

.chupete-personalizado.classic .clasica{
     font-family: "Georgia"; 
     font-size: 16px;
     line-height: 17px;
     font-style: italic;
}

.chupete-personalizado.classic .comic{
    font-family: "comic_neueregular";
    font-size: 16px;
    line-height: 17px;
    /*font-weight: 600;*/
}

.chupete-personalizado.classic .huruf{
    font-family: "huruf_mirantiregular";   
    font-size: 25px;
    line-height: 18px;
    /*font-weight: 600;*/
}

/**********************************/

/*LOVI*/
.texto-personalizado#lovi {
    height:90px;
    left:51px;
    top:-35px;
    width:89px;
    position:relative;
    overflow-wrap: break-word;
}

.linea-chupete.lovi{
    position:absolute;
    overflow: visible;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%);
    line-height:inherit;
    white-space:pre;
}

.chupete-personalizado.lovi {
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 80px;
    /*margin: 30px auto 10px;*/
    padding-top: 54px;
    width: 190px;
    background-position: center;
}

/*SIMULADOR LOVI*/
.chupete-personalizado.lovi .sofia{
     font-family: "Sofia";   
     font-size: 16px;
     line-height: 17px;
}

.chupete-personalizado.lovi .olivier{
     font-family: "olivierregular";   
     font-size: 16px;
     line-height: 17px;
}

.chupete-personalizado.lovi .mountains{
     font-family: "mountains_of_christmasregular";   
     font-size: 17px;
     line-height: 18px;
     font-weight: 600;
}

.chupete-personalizado.lovi .amatic{
     font-family: "Amatic SC";   
     font-size: 23px;
     font-weight: 600;
     line-height: 18px;
}

.chupete-personalizado.lovi .clasica{
     font-family: "Georgia"; 
     font-size: 16px;
     line-height: 17px;
     font-style: italic;
}

.chupete-personalizado.lovi .comic{
    font-family: "comic_neueregular";
    font-size: 14px;
    line-height: 15px;
    /*font-weight: 600;*/
}

.chupete-personalizado.lovi .huruf{
    font-family: "huruf_mirantiregular";   
    font-size: 25px;
    line-height: 18px;
    /*font-weight: 600;*/
}

/**********************************/

/*NIP*/
.texto-personalizado#nip {
    height:76px;
    left:41px;
    top:-36px;
    width:93px;
    position:relative;
    overflow-wrap: break-word;
}

.linea-chupete.nip{
    position:absolute;
    overflow: visible;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%);
    line-height:inherit;
    white-space:pre;
}
   
.chupete-personalizado.nip {
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 103px;
    /*margin: 30px auto 10px;*/
    padding-top: 54px;
    width: 175px;
    background-position: center;
}

/*SIMULADOR LOVI*/
.chupete-personalizado.nip .sofia{
     font-family: "Sofia";   
     font-size: 16px;
     line-height: 17px;
}

.chupete-personalizado.nip .olivier{
     font-family: "olivierregular";   
     font-size: 16px;
     line-height: 17px;
}

.chupete-personalizado.nip .mountains{
     font-family: "mountains_of_christmasregular";   
     font-size: 17px;
     line-height: 18px;
     font-weight: 600;
}

.chupete-personalizado.nip .amatic{
     font-family: "Amatic SC";   
     font-size: 23px;
     font-weight: 600;
     line-height: 20px;
}

.chupete-personalizado.nip .clasica{
     font-family: "Georgia"; 
     font-size: 16px;
     line-height: 17px;
     font-style: italic;
}

.chupete-personalizado.nip .comic{
    font-family: "comic_neueregular";
    font-size: 14px;
    line-height: 15px;
    /*font-weight: 600;*/
}

.chupete-personalizado.nip .huruf{
    font-family: "huruf_mirantiregular";   
    font-size: 25px;
    line-height: 18px;
    /*font-weight: 600;*/
}

/**********************************/


/****CANPOL****/

.linea-chupete.canpol{
    position:absolute;
    overflow: visible;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%);
    line-height:inherit;
    white-space:pre;
}
.texto-personalizado#canpol {
    height:65px;
    left:43px;
    top:-27px;
    width:95px;
    position:relative;
    overflow-wrap: break-word;
}

.chupete-personalizado.canpol {
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 102px;
    /*margin: 30px auto 10px;*/
    padding-top: 54px;
    width: 180px;
    background-position: center;
}

/*SIMULADOR CANPOL*/
.chupete-personalizado.canpol .sofia{
     font-family: "Sofia";   
     font-size: 16px;
     line-height: 17px;
}

.chupete-personalizado.canpol .olivier{
     font-family: "olivierregular";   
     font-size: 18px;
     line-height: 18px;
}

.chupete-personalizado.canpol .mountains{
     font-family: "mountains_of_christmasregular";   
     font-size: 18px;
     line-height: 19px;
     font-weight: 600;
}

.chupete-personalizado.canpol .amatic{
     font-family: "Amatic SC";   
     font-size: 24px;
     font-weight: 600;
     line-height: 20px;
}

.chupete-personalizado.canpol .clasica{
     font-family: "Georgia"; 
     font-size: 16px;
     line-height: 17px;
     font-style: italic;
}

.chupete-personalizado.canpol .comic{
    font-family: "comic_neueregular";
    font-size: 16px;
    line-height: 17px;
    /*font-weight: 600;*/
}

.chupete-personalizado.canpol .huruf{
    font-family: "huruf_mirantiregular";   
    font-size: 25px;
    line-height: 18px;
    /*font-weight: 600;*/
}

/*****************************/

/****AVENT****/

.linea-chupete.avent{
    position:absolute;
    overflow: visible;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%);
    line-height:inherit;
    white-space:pre;
}
.texto-personalizado#avent {
    height:65px;
    left:48px;
    top:-20px;
    width:84px;
    position:relative;
    overflow-wrap: break-word;
}

.chupete-personalizado.avent {
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 102px;
    /*margin: 30px auto 10px;*/
    padding-top: 54px;
    width: 180px;
    background-position: center;
}

/*SIMULADOR AVENT*/
.chupete-personalizado.avent .sofia{
     font-family: "Sofia";   
     font-size: 15px;
     line-height: 16px;
}

.chupete-personalizado.avent .olivier{
     font-family: "olivierregular";   
     font-size: 17px;
     line-height: 17px;
}

.chupete-personalizado.avent .mountains{
     font-family: "mountains_of_christmasregular";   
     font-size: 16px;
     line-height: 17px;
     font-weight: 600;
}

.chupete-personalizado.avent .amatic{
     font-family: "Amatic SC";   
     font-size: 21px;
     font-weight: 600;
     line-height: 18px;
}

.chupete-personalizado.avent .clasica{
     font-family: "Georgia"; 
     font-size: 14px;
     line-height: 15px;
     font-style: italic;
}

.chupete-personalizado.avent .comic{
    font-family: "comic_neueregular";
    font-size: 15px;
    line-height: 16px;
    /*font-weight: 600;*/
}

.chupete-personalizado.avent .huruf{
    font-family: "huruf_mirantiregular";   
    font-size: 25px;
    line-height: 18px;
    /*font-weight: 600;*/
}

/*****************************/

/****BIBS****/

.linea-chupete.bibs{
    position:absolute;
    overflow: visible;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%);
    line-height:inherit;
    white-space:pre;
}
.texto-personalizado#bibs {
    height:72px;
    left:56px;
    top:-18px;
    width:72px;
    position:relative;
    overflow-wrap: break-word;
}

.chupete-personalizado.bibs {
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 106px;
    /*margin: 30px auto 10px;*/
    padding-top: 54px;
    width: 180px;
    background-position: center;
}

/*SIMULADOR AVENT*/
.chupete-personalizado.bibs .sofia{
     font-family: "Sofia";   
     font-size: 14px;
     line-height: 14px;
}

.chupete-personalizado.bibs .olivier{
     font-family: "olivierregular";   
     font-size: 16px;
     line-height: 16px;
}

.chupete-personalizado.bibs .mountains{
     font-family: "mountains_of_christmasregular";   
     font-size: 15px;
     line-height: 15px;
     font-weight: 600;
}

.chupete-personalizado.bibs .amatic{
     font-family: "Amatic SC";   
     font-size: 20px;
     font-weight: 600;
     line-height: 20px;
}

.chupete-personalizado.bibs .clasica{
     font-family: "Georgia"; 
     font-size: 13px;
     line-height: 13px;
     font-style: italic;
}

.chupete-personalizado.bibs .comic{
    font-family: "comic_neueregular";
    font-size: 14px;
    line-height: 14px;
    /*font-weight: 600;*/
}

.chupete-personalizado.bibs .huruf{
    font-family: "huruf_mirantiregular";   
    font-size: 24px;
    line-height: 24px;
    /*font-weight: 600;*/
}

/*****************************/


/*ESTILO MOVIL*/

@media (max-width:767px){

        .tipos{
            text-align: center;
        }
        .label_row{
            text-align: center;
            border-bottom: 1px solid #d80073;
            margin-bottom: 10px;
            margin-top: 40px;
        }
        select.formStyle{
            background: #fff url("../images/tiendanew/form.png") no-repeat scroll right top / 44px auto;
            font-size: 100%;
            height: 3.633em;
        }
 }
 
 /*ESTILO ALERT*/
 .modal.fade.in {
    top: 40% !important;
 }
 .modal-backdrop.fade.in {
     opacity: 0.2 !important;
 }
 #modal-mensaje {
    border: none;
    padding: 1rem; 
 }
 #modal-mensaje-texto {
    text-align: center !important;
 }

 