@font-face {
    font-family: "Roboto Regular";
    src: url("./RobotoRegular/RobotoRegular.eot");
    src: url("./RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),
    url("./RobotoRegular/RobotoRegular.woff") format("woff"),
    url("./RobotoRegular/RobotoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoLight"; */
@font-face {
    font-family: "Roboto Light";
    src: url("./RobotoLight/RobotoLight.eot");
    src: url("./RobotoLight/RobotoLight.eot?#iefix")format("embedded-opentype"),
    url("./RobotoLight/RobotoLight.woff") format("woff"),
    url("./RobotoLight/RobotoLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoMedium"; */
@font-face {
    font-family: "Roboto Medium";
    src: url("./RobotoMedium/RobotoMedium.eot");
    src: url("./RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"),
    url("./RobotoMedium/RobotoMedium.woff") format("woff"),
    url("./RobotoMedium/RobotoMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoBold"; */
@font-face {
    font-family: "Roboto Bold";
    src: url("./RobotoBold/RobotoBold.eot");
    src: url("./RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"),
    url("./RobotoBold/RobotoBold.woff") format("woff"),
    url("./RobotoBold/RobotoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


@font-face {
  font-family: 'forticon';
  src:  url('./forticons/fonts/forticon.eot?scf19y');
  src:  url('./forticons/fonts/forticon.eot?scf19y#iefix') format('embedded-opentype'),
    url('./forticons/fonts/forticon.ttf?scf19y') format('truetype'),
    url('./forticons/fonts/forticon.woff?scf19y') format('woff'),
    url('./forticons/fonts/forticon.svg?scf19y#forticon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'forticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-1:before {
  content: "\e900";
}
.icon-2:before {
  content: "\e901";
}
.icon-3:before {
  content: "\e902";
}
.icon-4:before {
  content: "\e903";
}
.icon-5:before {
  content: "\e904";
}
.icon-6:before {
  content: "\e905";
}
.icon-7:before {
  content: "\e906";
}
.icon-8:before {
  content: "\e907";
}
.icon-9:before {
  content: "\e908";
}
.icon-10:before {
  content: "\e909";
}
.icon-11:before {
  content: "\e90a";
}
.icon-12:before {
  content: "\e90b";
}
.icon-13:before {
  content: "\e90c";
}
.icon-14:before {
  content: "\e90d";
}
.icon-15:before {
  content: "\e90e";
}
.icon-16:before {
  content: "\e90f";
}
.icon-92:before {
  content: "\e910";
}
.icon-18:before {
  content: "\e911";
}
.icon-19:before {
  content: "\e912";
}
.icon-20:before {
  content: "\e913";
}
.icon-21:before {
  content: "\e914";
}
.icon-22:before {
  content: "\e915";
}
.icon-23:before {
  content: "\e916";
}
.icon-24:before {
  content: "\e917";
}
.icon-25:before {
  content: "\e918";
}
.icon-26:before {
  content: "\e919";
}
.icon-27:before {
  content: "\e91a";
}
.icon-28:before {
  content: "\e91b";
}
.icon-29:before {
  content: "\e91c";
}
.icon-30:before {
  content: "\e91d";
}
.icon-31:before {
  content: "\e91e";
}
.icon-32:before {
  content: "\e91f";
}
.icon-33:before {
  content: "\e920";
}
.icon-34:before {
  content: "\e921";
}
.icon-35:before {
  content: "\e922";
}
.icon-36:before {
  content: "\e923";
}
.icon-37:before {
  content: "\e924";
}
.icon-38:before {
  content: "\e925";
}
.icon-39:before {
  content: "\e926";
}
.icon-40:before {
  content: "\e927";
}
.icon-41:before {
  content: "\e928";
}
.icon-42:before {
  content: "\e929";
}
.icon-43:before {
  content: "\e92a";
}
.icon-44:before {
  content: "\e92b";
}
.icon-45:before {
  content: "\e92c";
}
.icon-46:before {
  content: "\e92d";
}
.icon-47:before {
  content: "\e92e";
}
.icon-48:before {
  content: "\e92f";
}
.icon-49:before {
  content: "\e930";
}
.icon-50:before {
  content: "\e931";
}
.icon-51:before {
  content: "\e932";
}
.icon-52:before {
  content: "\e933";
}
.icon-53:before {
  content: "\e934";
}
.icon-54:before {
  content: "\e935";
}
.icon-55:before {
  content: "\e936";
}
.icon-56:before {
  content: "\e937";
}
.icon-57:before {
  content: "\e938";
}
.icon-58:before {
  content: "\e939";
}
.icon-59:before {
  content: "\e93a";
}
.icon-60:before {
  content: "\e93b";
}
.icon-61:before {
  content: "\e93c";
}
.icon-62:before {
  content: "\e93d";
}
.icon-63:before {
  content: "\e93e";
}
.icon-64:before {
  content: "\e93f";
}
.icon-65:before {
  content: "\e940";
}
.icon-66:before {
  content: "\e941";
}
.icon-67:before {
  content: "\e942";
}
.icon-68:before {
  content: "\e943";
}
.icon-69:before {
  content: "\e944";
}
.icon-70:before {
  content: "\e945";
}
.icon-71:before {
  content: "\e946";
}
.icon-72:before {
  content: "\e947";
}
.icon-blue_sqr:before {
  content: "\e948";
}
.icon-color:before {
  content: "\e949";
}
.icon-grey_sqr:before {
  content: "\e94a";
}
.icon-red_sqr:before {
  content: "\e94b";
}
.icon-yellow_sqr:before {
  content: "\e94c";
}
.icon-01:before {
  content: "\e94d";
}
.icon-74:before {
  content: "\e94e";
}
.icon-75:before {
  content: "\e94f";
}
.icon-arrow:before {
  content: "\e950";
}
.icon-arrow-left:before {
  content: "\e951";
}
.icon-arrow-right:before {
  content: "\e952";
}
.icon-columns:before {
  content: "\e953";
}
.icon-mapwork---address:before {
  content: "\e954";
}
.icon-mapwork---glass:before {
  content: "\e955";
}
.icon-mapwork---glass2:before {
  content: "\e956";
}
.icon-mapwork---map:before {
  content: "\e957";
}
.icon-ruler:before {
  content: "\e958";
}
.icon-search-address:before {
  content: "\e959";
}
.icon-sort:before {
  content: "\e95a";
}
.icon-Time:before {
  content: "\e95b";
}
.icon-Starter:before {
  content: "\e95c";
}
.icon-Speed:before {
  content: "\e95d";
}
.icon-GPS:before {
  content: "\e95e";
}
.icon-Address:before {
  content: "\e95f";
}
.icon-arrow-top:before {
  content: "\e960";
}
.icon-radiobutton:before {
  content: "\e961";
  color: #999;
}
.icon-radiobutton2:before {
  content: "\e962";
  color: #999;
}