@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url("../Fuentes/material-icons.eot"); /* For IE6-8 */
    src: local('Material Icons'), local('material-icons'), url("../Fuentes/material-icons.woff2") format('woff2'), url("../Fuentes/material-icons.woff") format('woff'), url("../Fuentes/material-icons.ttf") format('truetype'), url("../Fuentes/material-icons.otf") format('opentype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;

    -webkit-font-feature-settings: 'liga';
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

/* Colores */
.material-icons.white {
    color: #FFF !important;
}

/* anchura */
.material-icons.w-600 {
    font-weight: 600 !important;
}
.material-icons.w-700 {
    font-weight: 700 !important;
}
.material-icons.bold {
    font-weight: bold !important;
}
/* Tamaño del icono. */
.material-icons.md-14 {
    font-size: 14px;
}
.material-icons.md-16 {
    font-size: 16px;
}
.material-icons.md-18 {
    font-size: 18px;
}
.material-icons.md-20 {
    font-size: 20px;
}
.material-icons.md-24 {
    font-size: 24px;
}
.material-icons.md-30 {
    font-size: 30px;
}
.material-icons.md-36 {
    font-size: 36px;
}
.material-icons.md-48 {
    font-size: 48px;
}

/* Iconos como azul ltcloud sobre un fondo claro. */
.material-icons.md-ltcolor {
    color: rgb(29, 13, 107); /*#1D0D6B*/
}

    .material-icons.md-ltcolor.md-inactive {
        color: rgba(0, 0, 0, 0.26);
    }

/* Iconos como negros sobre un fondo claro. */
.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}
    .material-icons.md-dark.md-inactive {
        color: rgba(0, 0, 0, 0.26);
    }

/* Iconos como blanco sobre un fondo oscuro. */
.material-icons.md-light {
    color: rgba(255, 255, 255, 1);
}
    .material-icons.md-light.md-inactive {
        color: rgba(255, 255, 255, 0.3);
    }

/* Otros */
.material-icons.md-pointer{
    cursor: pointer;
}
.material-icons.valign-textbottom {
    vertical-align:text-bottom;
}

.material-icons.valign-middle {
    vertical-align: middle;
}