@font-face {
    font-family: "CustomFont";
    src: url("/public/assets/font-awesome-4.7.0/fonts/fontawesome-webfont.eot");
    src: url("/public/assets/font-awesome-4.7.0/fonts/fontawesome-webfont.woff") format("woff"),
    url("/public/assets/font-awesome-4.7.0/fonts/FontAwesome.otf") format("opentype"),
    url("/public/assets/font-awesome-4.7.0/fonts/fontawesome-webfont.svg#filename") format("svg");
    }

button.btn.btn-light.btn-icon {
    padding: 1px 2px 1px 2px;
}

svg.icon {
    width:16px;
    height:16px;
}

img.icon-24,  svg.icon-24 {
    width:24px;
    height:24px;
}

img.icon-20,  svg.icon-20 {
    width:20px;
    height:20px;
}

img.icon-16,  svg.icon-16 {
    width:16px;
    height:16px;
}

.filter-red {
  filter: brightness(0) saturate(100%) invert(44%) sepia(42%) saturate(1609%) hue-rotate(326deg) brightness(109%) contrast(101%);
}

.filter-light-blue {
  filter: brightness(0) saturate(100%) invert(100%) sepia(15%) saturate(7402%) hue-rotate(176deg) brightness(98%) contrast(103%);
}

.filter-blue {
  filter: invert(51%) sepia(80%) saturate(1045%) hue-rotate(188deg) brightness(103%) contrast(101%);
}

.filter-light-gray {
    filter: brightness(0) saturate(100%) invert(66%) sepia(10%) saturate(16%) hue-rotate(334deg) brightness(93%) contrast(78%);
}

.filter-white {
    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(2%) hue-rotate(119deg) brightness(110%) contrast(100%);
}

.filter-green {
    filter: brightness(0) saturate(100%) invert(41%) sepia(41%) saturate(1662%) hue-rotate(87deg) brightness(96%) contrast(94%);
}