.icono-ayuda{
    font-size: 17px;
    color: coral;
}

.icono-etiqueta{
    font-size: 17px;
    color: coral;
}

.content-wrapper{
      padding-top:0px ;
}


.labelBenPlan{
    position: relative;
    bottom: 30px;
    font-size: 12px !important;
    text-align: center !important;
    margin: 10px auto;
    line-height: 1;
    margin-top: 35px;
}

#previewIconoSubcategoria .ui-selecting { background: #FECA40; }
#previewIconoSubcategoria .ui-selected { border: #F39814 !important; color: white; }

#previewIconoSubcategoria {
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    max-width: 350px;
    text-align: center;
    position:relative;
    overflow: visible;
}
#previewIconoSubcategoria li {
    border: 1px solid #f6f6f6;
    border-radius: 2px;
    margin: 3px;
    padding: 1px;
    /* float: left; */
    width: 100px;
    height: 100px;
    font-size: 1em;
    /* text-align: center; */
    line-height: 6;
    transition:ease-in-out;
    -webkit-transition: all 0.55s ease-in-out;
    -moz-transition: all 0.55s ease-in-out;
    -o-transition: all 0.55s ease-in-out;
    transition: all 0.55s ease-in-out;
    cursor: pointer;
    color: #1c83c6;

}

#previewIconoSubcategoria li:hover {
    margin: 3px;
    padding: 1px;
    /* float: left; */
    width: 100px;
    height: 100px;
    font-size: 1em;
    /* text-align: center; */
    line-height: 6;
    background: #1c83c6 !important;
    color:#fff !important;
    transition:ease-in-out;
    -webkit-transition: all 0.55s ease-in-out;
    -moz-transition: all 0.55s ease-in-out;
    -o-transition: all 0.55s ease-in-out;
    transition: all 0.55s ease-in-out;
    cursor: pointer;
    border: 1px solid dodgerblue;
    border-radius: 2px;
}

/*Plan otras personas*/
#btnOP:before{
    content: "\e910"; /* Insert content that looks like bullets */
    font-family: 'bluecard-icons';
    font-size: 55px;
    line-height: 1.8;
}

#btnOP p{
    line-height: 1;
}

/*Plan Personal*/
#btnPP:before{
    content: "\e90f"; /* Insert content that looks like bullets */
    font-family: 'bluecard-icons';
    font-size: 38px;
    line-height: 2.50;
}
#btnPP p{
    line-height: 2.5;
}

/*Plan personal y otras personas*/
#btnPPOP:before{
    content: "\e911"; /* Insert content that looks like bullets */
    font-family: 'bluecard-icons';
    font-size: 55px;
    line-height: 1.8;
}
#btnPPOP p{
    line-height:1;
}

.thin{
   font-weight: lighter;
}