@font-face {
    font-family: "Material Design Icons";
    src: url("../fonts/materialdesignicons-webfont.eot?v=5.1.45");
    src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=5.1.45") format("embedded-opentype"),url("../fonts/materialdesignicons-webfont.woff2?v=5.1.45") format("woff2"),url("../fonts/materialdesignicons-webfont.woff?v=5.1.45") format("woff"),url("../fonts/materialdesignicons-webfont.ttf?v=5.1.45") format("truetype");
    font-weight: normal;
    font-style: normal
}

.mdi:before, .mdi-set {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mdi-blank::before {
    content: "\F68C";
    visibility: hidden
}

.mdi-18px.mdi-set, .mdi-18px.mdi:before {
    font-size: 18px
}

.mdi-24px.mdi-set, .mdi-24px.mdi:before {
    font-size: 24px
}

.mdi-36px.mdi-set, .mdi-36px.mdi:before {
    font-size: 36px
}

.mdi-48px.mdi-set, .mdi-48px.mdi:before {
    font-size: 48px
}

.mdi-dark:before {
    color: rgba(0,0,0,0.54)
}

.mdi-dark.mdi-inactive:before {
    color: rgba(0,0,0,0.26)
}

.mdi-light:before {
    color: #fff
}

.mdi-light.mdi-inactive:before {
    color: rgba(255,255,255,0.3)
}

.mdi-rotate-45:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mdi-rotate-90:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mdi-rotate-135:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.mdi-rotate-180:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mdi-rotate-225:before {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.mdi-rotate-270:before {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.mdi-rotate-315:before {
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg)
}

.mdi-flip-h:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

.mdi-flip-v:before {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV"
}

.mdi-spin:before {
    -webkit-animation: mdi-spin 2s infinite linear;
    animation: mdi-spin 2s infinite linear
}

@-webkit-keyframes mdi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes mdi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

/*# sourceMappingURL=materialdesignicons.css.map */