/* icons */

.bbx_icon {
    font-size: 0;
    list-style: none;
    display: flex;
    padding: 3px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

span.icon_container {
    display: block;
    width: 30px;
    height: 30px;
    background-size: contain;
}
span.icon_container:before {
    content: '';
    display: flex;
    width: 100%;
    height: 100%;
    background-size: contain;
}

.bbx_invert.icon:before,
.bbx_invert .icon:before,
.bbx_invert .icon.button,
.bbx_invert.icon.button,
.bbx_invert span.icon_container:before {
    filter: invert(1);   
}

.il-block span.icon_container {
    margin: -25% 5px;
}


.icon:before {
    content: "";
    display: flex;
    position: absolute;
    float: unset;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_icon.svg:before {
    content: unset !important;
}

object.icon_icon.svg {
    min-height: unset;
    content: unset !important;
    margin: 0 !important;
    padding: 0;
    top: unset !important;
}

object.icon_icon.svg.inline,
object.icon_icon.svg.inline {
    display: inline-block;
    float: unset;
    margin: 0 5px -0.5rem 10px !important;
}

.a:hover object.icon_icon.svg, /* btn class 'a' */
a:hover object.icon_icon.svg {
    filter: invert(1);
    background-color: cyan;
}

.bbx_invert .a object.icon_icon.svg,  /* btn class 'a' */
.bbx_invert a object.icon_icon.svg,
a object.icon_icon.svg.bbx_invert {
    filter: invert(1);
}
.bbx_invert .a:hover object.icon_icon.svg,  /* btn class 'a' */
.bbx_invert a:hover object.icon_icon.svg,
a:hover object.icon_icon.svg.bbx_invert {
    filter: invert(1);
    background-color: unset;
}

.bbx-icon {
    font-family: "bbx" !important;
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.alert:before { /* icono en alert */
    content: "";
    width: 60px;
    height: 60px;
    display: block;
    background-image: url("../imgs/icons/alert_icon.svg");
    float: left;
    margin: 0 15px 0 0;
}

.icon.button.arriba {
    position: fixed;
    z-index: 900;
    background-color: #8885;
    width: 40px;
    height: 40px;
    right: 40px;
    bottom: 40px;
}

.social_circle_buttons .icon.button.arriba {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

@media (max-width: 809px) {
    .icon.button.arriba {
        right: 25px;
        bottom: 25px;
    }
}

@media (min-width: 810px) {.icon.button.menu {
    display: none;
}}


span.input-group-btn.buscar  {
    width: 70px;
    margin-right: -30px !important;
}
.input-group-btn.buscar button {
    float: right;
    margin-left: -50px !important;
    position: relative;
    z-index: 3;
    margin-top: -4px !important;
    background: #fff0;
    opacity: 0;
}




/********** CLASSES **********************************/

.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    align-content: center;
    min-height: unset;
    background-size: contain;
    color: transparent;
    position: relative;
    flex: auto;
    width: 28px;
    height: 28px;
}

.iconos .contact_list {
    padding: 0 !important;
}

.fa_icon {
    padding: 10px;
    margin: 0 5px -10px;
}

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


@media (max-width: 809px) { object.icon_icon.svg {
    width: 25px !important;
    height: 25px !important;
}}

.bbx_icon {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

/* bbx_iconos ................................................................*/

    .adelante span.icon_container:before {
        background-image: url("../imgs/icons/right_icon.svg");
    }
    .icon.button.adelante {
        background-image: url("../imgs/icons/right_icon.svg");
    }
    .atras span.icon_container:before {
        background-image: url("../imgs/icons/left_icon.svg");
    }
    .icon.button.atras {
        background-image: url("../imgs/icons/left_icon.svg");
    }
    .arriba span.icon_container:before {
        background-image: url("../imgs/icons/up_icon.svg");
    }
    .icon.button.arriba {
        background-image: url("../imgs/icons/up_icon.svg");
    }
    .salir span.icon_container:before {
        background-image: url("../imgs/icons/close_icon.svg");
    }
    .icon.button.salir {
        background-image: url("../imgs/icons/close_icon.svg");
    }
    .ampliar span.icon_container:before {
        background-image: url("../imgs/icons/enlarge_icon.svg");
    }
    .icon.button.ampliar {
        background-image: url("../imgs/icons/enlarge_icon.svg");
    }
    .reducir span.icon_container:before {
        background-image: url("../imgs/icons/reduce_icon.svg");
    }
    .icon.button.reducir {
        background-image: url("../imgs/icons/reduce_icon.svg");
    }



/*-------svg----------*/

    .compartir span.icon_container:before {
        background-image: url("../imgs/icons/share_icon.svg");
    }
    .icon-compartir:before {
        background-image: url("../imgs/icons/share_icon.svg");
    }
    .logout span.icon_container:before {
        background-image: url("../imgs/icons/logout_icon.svg");
    }
    .icon-logout:before {
        background-image: url("../imgs/icons/logout_icon.svg");
    }
    .write span.icon_container:before {
        background-image: url("../imgs/icons/write_icon.svg");
    }
    .icon-write:before {
        background-image: url("../imgs/icons/write_icon.svg");
    }
    .search span.icon_container:before,
    .buscar span.icon_container:before {
        background-image: url("../imgs/icons/search_icon.svg");
    }
    .icon-search:before,
    .icon-buscar:before {
        background-image: url("../imgs/icons/search_icon.svg");
    }
    .user span.icon_container:before {
        background-image: url("../imgs/icons/user_icon.svg");
    }
    .icon-user:before {
        background-image: url("../imgs/icons/user_icon.svg");
    }
    .direccion span.icon_container:before {
        background-image: url("../imgs/icons/location_icon.svg");
    }
    .icon-direccion:before {
        background-image: url("../imgs/icons/location_icon.svg");
    }
    .tel span.icon_container:before {
        background-image: url("../imgs/icons/tel_icon.svg");
    }
    .icon-tel:before {
        background-image: url("../imgs/icons/tel_icon.svg");
    }
    .cel span.icon_container:before {
        background-image: url("../imgs/icons/cel_icon.svg");
    }
    .icon-cel:before {
        background-image: url("../imgs/icons/cel_icon.svg");
    }
    .cel span.icon_container:before {
        background-image: url("../imgs/icons/cel_whatsapp_icon.svg");
    }
    .icon-cel-whatsapp:before {
        background-image: url("../imgs/icons/cel_whatsapp_icon.svg");
    }
    .email span.icon_container:before {
        background-image: url("../imgs/icons/email_icon.svg");
    }
    .icon-email:before {
        background-image: url("../imgs/icons/email_icon.svg");
    }
    .googleplay span.icon_container:before {
        background-image: url("../imgs/icons/googleplay_icon.svg");
    }
    .icon-googleplay:before {
        background-image: url("../imgs/icons/googleplay_icon.svg");
    }
    .horario span.icon_container:before {
        background-image: url("../imgs/icons/clock_icon.svg");
    }
    .icon-horario:before {
        background-image: url("../imgs/icons/clock_icon.svg");
    }
    .web span.icon_container:before {
        background-image: url("../imgs/icons/web_icon.svg");
    }
    .icon-web:before {
        background-image: url("../imgs/icons/web_icon.svg");
    }
    .compartir span.icon_container:before {
        background-image: url("../imgs/icons/share_icon.svg");
    }
    .icon-compartir:before {
        background-image: url("../imgs/icons/share_icon.svg");
    }
    .logout span.icon_container:before {
        background-image: url("../imgs/icons/logout_icon.svg");
    }
    .icon-logout:before {
        background-image: url("../imgs/icons/logout_icon.svg");
    }
    .whatsapp span.icon_container:before {
        background-image: url("../imgs/icons/whatsapp_icon.svg");
    }
    .icon-whatsapp:before {
        background-image: url("../imgs/icons/whatsapp_icon.svg");
    }
    .twitter span.icon_container:before {
        background-image: url("../imgs/icons/twitter_icon.svg");
    }
    .icon-twitter:before {
        background-image: url("../imgs/icons/twitter_icon.svg");
    }
    .google span.icon_container:before {
        background-image: url("../imgs/icons/google_icon.svg");
    }
    .icon-google:before {
        background-image: url("../imgs/icons/google_icon.svg");
    }
    .facebook span.icon_container:before {
        background-image: url("../imgs/icons/facebook_icon.svg");
    }
    .icon-facebook:before {
        background-image: url("../imgs/icons/facebook_icon.svg");
    }
    .instagram span.icon_container:before {
        background-image: url("../imgs/icons/instagram_icon.svg");
    }
    .icon-instagram:before {
        background-image: url("../imgs/icons/instagram_icon.svg");
    }
    .youtube span.icon_container:before {
        background-image: url("../imgs/icons/youtube_icon.svg");
    }
    .icon-youtube:before {
        background-image: url("../imgs/icons/youtube_icon.svg");
    }
    .linkedin span.icon_container:before {
        background-image: url("../imgs/icons/linkedin_icon.svg");
    }
    .icon-linkedin:before {
        background-image: url("../imgs/icons/linkedin_icon.svg");
    }
    .imprimir span.icon_container:before {
        background-image: url("../imgs/icons/imprimir_icon.svg");
    }
    .icon-imprimir:before {
        background-image: url("../imgs/icons/imprimir_icon.svg");
    }
    .eliminar span.icon_container:before {
        background-image: url("../imgs/icons/delete_icon.svg");
    }
    .icon-eliminar:before {
        background-image: url("../imgs/icons/delete_icon.svg");
    }
    .menu span.icon_container:before {
        background-image: url("../imgs/icons/menu_icon.svg");
    }
    .icon-menu:before {
        background-image: url("../imgs/icons/menu_icon.svg");
    }

    .cerrar span.icon_container:before {
        background-image: url("../imgs/icons/close_icon.svg");
    }
    .icon-cerrar:before {
        background-image: url("../imgs/icons/close_icon.svg");
    }


/* filetypes icons */

    .pdf-icon span.icon_container:before {
        background-image: url("../imgs/icons/pdf_icon.svg");
    }
    .icon-pdf:before {
        background-image: url("../imgs/icons/pdf_icon.svg");
    }