@font-face {
    font-family:"Material Design Icons";
    src:url("../fonts/materialdesignicons-webfont.eot?v=7.4.47");
    src:url("../fonts/materialdesignicons-webfont.eot?#iefix&v=7.4.47") format("embedded-opentype"),
    url("../fonts/materialdesignicons-webfont.woff2?v=7.4.47") format("woff2"),
    url("../fonts/materialdesignicons-webfont.woff?v=7.4.47") format("woff"),
    url("../fonts/materialdesignicons-webfont.ttf?v=7.4.47") 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
}

/* icon selection start, add more here */

.mdi-arrow-right::before {
    content:"\F0054"
}
.mdi-arrow-right-bold::before {
    content:"\F0734"
}

.mdi-arrow-down::before {
    content:"\F0045"
}
.mdi-arrow-down-bold::before {
    content:"\F072E"
}
/* end of icon selection */

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