/* Thin */
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

/* Light */
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

/* Regular */
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* Medium */
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

/* Bold */
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* Black */
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: "Material Design Icons";
    src: url("./fonts/materialdesignicons-webfont.eot?v=5.8.55");
    src: url("./fonts/materialdesignicons-webfont.eot?#iefix&v=5.8.55") format("embedded-opentype"), url("./fonts/materialdesignicons-webfont.woff2?v=5.8.55") format("woff2"), url("./fonts/materialdesignicons-webfont.woff?v=5.8.55") format("woff"), url("./fonts/materialdesignicons-webfont.ttf?v=5.8.55") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'boxicons';
    font-weight: normal;
    font-style: normal;
    src: url("./fonts/boxicons.eot");
    src: url("./fonts/boxicons.eot") format("embedded-opentype"), url("./fonts/boxicons.woff2") format("woff2"), url("./fonts/boxicons.woff") format("woff"), url("./fonts/boxicons.ttf") format("truetype"), url("./fonts/boxicons.svg?#boxicons") format("svg");
}

.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-delete::before {
    content: "\F01B4";
}

.mdi-sync::before {
    content: "\F04E6";
}

.bx-store:before {
    content: "\eb5e";
}

.bx-caret-down:before {
    content: "\e9ce";
}

.bx-right-arrow-alt:before {
    content: "\eb1c";
}

.mdi-equal::before {
    content: "\F01FC";
}

.mdi-minus::before {
    content: "\F0374";
}

.mdi-multiplication::before {
    content: "\F0382";
}

.mdi-content-copy::before {
    content: "\F018F";
}

.mdi-plus-thick::before {
    content: "\F11EC";
}

.mdi-alarm::before {
    content: "\F0020";
}

.mdi-chevron-left::before {
    content: "\F0141";
}

.mdi-chevron-right::before {
    content: "\F0142";
}

.mdi-subdirectory-arrow-left::before {
    content: "\F060C";
}

.mdi-subdirectory-arrow-right::before {
    content: "\F060D";
}

.bx-info-circle:before {
    content: "\ea8d";
}

.mdi-sync::before {
    content: "\F04E6";
}

.bxs-edit-alt:before {
    content: "\ec55";
}
.bx-check:before {
    content: "\e9da";
}

.mdi-comment-edit-outline::before {
    content: "\F12C4";
}

.mdi-file-find-outline::before {
    content: "\F0B97";
}