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

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

.login:before {
    font-family: "Material Icons";
  
    content: "\e7fe"
}
.edit:before {
    font-family: "Material Icons";
    content: "\e3c9"
}
.delete:before {
    font-family: "Material Icons";
    content: "\e872"
}
.print:before {
    font-family: "Material Icons";
    content: "\e8ad"
}

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