.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;
}
/* used icon */
.mdi-chevron-down::before {
    content: "\F0140";
}
.mdi-account-outline::before {
    content: "\F0013";
}
.mdi-chevron-right::before {
    content: "\F0142"
}
.mdi-play-outline::before {
    content: "\F0F1B"
}
.mdi-format-quote-close::before {
    content: "\F027E"
}
.mdi-close::before {
    content: "\F0156"
}
.mdi-face-agent::before {
    content: "\F0D70"
}
.mdi-chat-question-outline::before {
    content: "\F1739"
}
.mdi-email-outline::before {
    content: "\F01F0"
}
.mdi-account-group-outline::before {
    content: "\F0B58"
}
.mdi-file-document-outline::before {
    content: "\F09EE"
}
.mdi-home::before {
    content: "\F02DC"
}
.mdi-check-all::before {
    content: "\F012D"
}


/* used icon */

@-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);
    }
}