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

/* https://ionic.io/ionicons */

:root {
    --iconos-tam: 16px;
    --iconos-bgsize: 16px 16px;

    --iconos-tam-1: 24px;
    --iconos-bgsize-1: 24px 24px;

    --iconos-tam-2: 32px;
    --iconos-bgsize-2: 32px 32px;
}

.icono-awe {
    margin: 0 0 0 0 !important;
    line-height: 20px !important;
}

.fa, .fas, .far {
    /* background-color: tomato !important; */
}


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

.aviso_error:before {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/close-circle-bco.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.aviso_ok:before {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/checkmark-circle-bco.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

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

.fa-2x {
    width: 2em !important;
    height: 2em !important;
    background-size: 2em 2em !important;
}

.fa-3x {
    width: 3em !important;
    height: 3em !important;
    background-size: 3em 3em !important;
}

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


.fa-home{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/home.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-user{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/people.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


.fa-file-text-o {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/reader.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-utensils, .fa-cutlery{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/restaurant.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-briefcase{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/receipt.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-gear{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/settings.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-tree{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/leaf.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-calendar
{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/calendar.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-globe{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/globe.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-book {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/book.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-futbol-o {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/football.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-sign-out{
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/exit.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* jornada */
.fa-history{
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/business.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* ------ opciones listados ---------------------------- */


.fa-remove, .fa-times-circle-o{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/close-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


.fa-edit {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/create.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


/* --------- submenus alumnos ----------------- */

.fa-star{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/star.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-money{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/wallet.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


.fa-users{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/people.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-suitcase{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/bag.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-random {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/list-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-clock-o {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/time.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


.fa-envelope-o{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/mail.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


.fa-life-saver{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/nuclear.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* ------- listados ---------- */

.fa-search{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/search.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


.fa-plus-doble{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/duplicate.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* ---------- otros admin ------------- */

/* deshacer */
.fa-undo{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/sync-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


.fa-lock{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/lock-closed.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-unlock{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/lock-open.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-floppy-o {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/save.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


.fa-file-o {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/document.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


.fa-redo, .fa-refresh {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/refresh-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-close {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/close-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


.fa-question-circle-o {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/help-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

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



.fa-times {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/close.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-times-bco {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/close-circle-bco.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* pantalla de ordenador */
.fa-desktop {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/desktop-outline.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


.fa-eye {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/eye-bco.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


.fa-exclamation-circle {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/alert-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* circulo vacio */
.fa-circle-o {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/ellipse-outline.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


.fa-circle {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/ellipse-gris.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* check dentro de circulo */
.fa-check-circle{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/checkmark-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-chevron-circle-down {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/checkmark-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* flecha derrecha > */
.fa-chevron-right-bco {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/chevron-forward-outline-bco.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-chevron-right, .fa-play {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/chevron-forward-outline.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


/* mas dentro de circulo */
.fa-plus, .fa-plus-circle {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/add-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* menos dentro de circulo */
.fa-minus-circle {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/remove-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* equis dentro de circulo */
.fa-times-circle {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/close-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* interrogante dentro de circulo */
.fa-question-circle {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/help-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* informacion en circulo */
.fa-info-circle {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/information-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* reloj en circulo */
.fa-clock, .fa-clock-circle {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/time.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* sobre */
.fa-envelope {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/mail.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* medico */
.fa-medkit {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/medkit.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* bus */
.fa-bus {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/bus.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* alerta en triangulo */
.fa-exclamation-triangle {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/warning.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* prohibido */
.fa-ban {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/ban.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* ------- padres ------------ */


#sidebar .active::before {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/chevron-forward-bco.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
    /* margin-right: 5px; */
}


.aviso_info::before {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam-1);
    height: var(--iconos-tam-1);
    background: url(iconos/information-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize-1);
    margin-right: 5px;
}

/* flecha izquierda */
.fa-chevron-left{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/chevron-back-sharp.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* flechas abajo */
.fa-angle-double-down{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/download.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


/* usuario circulo */
.fa-user-circle {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/person-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-user-circle-bco {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/person-circle-bco.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


/* cuadro mas */
.fa-plus-square{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam-2);
    height: var(--iconos-tam-2);
    background: url(iconos/add-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize-2);
}

/* papelera */
.fa-trash-alt{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/trash-bin.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* doble flecha */
.fa-angle-double-right{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/chevron-forward-doble.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-clipboard{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/document-text-outline.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* rueda - engranaje */
.fa-cog{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam-2);
    height: var(--iconos-tam-2);
    background: url(iconos/settings-sharp-bco.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize-2);
}

.fa-cog-mini{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/settings-sharp.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-angle-right{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/chevron-forward.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


.fa-dot-circle{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/caret-forward.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-calendar-alt{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/calendar-outline.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


.fa-user-cog{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/settings.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-credit-card{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/card-outline.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-clipboard-list{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/clipboard-outline.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-money-check-alt{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/receipt-outline.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-file-alt{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/document-text-outline.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-comments{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/chatbubbles.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-child{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/people.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


.fa-blog{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/rocket.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

.fa-refresco{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/refresh-circle.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}


/* bonificar un acceso */
.fa-comment-dollar{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/logo-usd.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}

/* actividades */


.fa-volleyball-ball{
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    width: var(--iconos-tam);
    height: var(--iconos-tam);
    background: url(iconos/football.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--iconos-bgsize);
}