@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: bold;
  src: local('Open Sans Bold'),
       local('opensansbold'), 
       url('/bundles/onlineconsole/css/fonts/opensansbold.ttf') format('ttf');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'),
       local('opensansitalic'), 
       url('/bundles/onlineconsole/css/fonts/opensansitalic.ttf') format('ttf');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: bold;
  src: local('Open Sans Bold Italic'), 
       local('opensansbolditalic'), 
       url('/bundles/onlineconsole/css/fonts/opensansitalic.ttf') format('ttf');
}
@font-face {
  font-family: 'Open Sans';
  src: url('/bundles/onlineconsole/css/fonts/opensans.eot');
  src: url('/bundles/onlineconsole/css/fonts/opensans.eot?#iefix') format('embedded-opentype'), 
       url('/bundles/onlineconsole/css/fonts/opensans.woff') format('woff'), 
       url('/bundles/onlineconsole/css/fonts/opensans.ttf') format('truetype'), 
       url('/bundles/onlineconsole/css/fonts/opensans.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'roboto';
  font-style: normal;
  font-weight: 400;
  src:  local('roboto'), 
        local('Roboto-Regular'),
        local('roboto regular'),
        url(/bundles/onlineconsole/css/new/webfonts/roboto.woff2) format('woff2'),
        url(/bundles/onlineconsole/css/new/webfonts/roboto.woff) format('woff'),
        url(/bundles/onlineconsole/css/new/webfonts/roboto.ttf) format('truetype');
}

@font-face {
  font-family: 'roboto';
  font-style: normal;
  font-weight: 800;
  src:  local('robotobold'), 
        local('Roboto-bold'),
        local('roboto bold'),
        url(/bundles/onlineconsole/css/new/webfonts/robotobold.woff2) format('woff2'),
        url(/bundles/onlineconsole/css/new/webfonts/robotobold.woff) format('woff'),
        url(/bundles/onlineconsole/css/new/webfonts/robotobold.ttf) format('truetype');
}
@font-face {
  font-family: 'roboto';
  font-style: italic;
  font-weight: 400;
  src:  local('robotoitalic'), 
        local('Roboto-italic'),
        local('roboto italic'),
        url(/bundles/onlineconsole/css/new/webfonts/robotoitalic.woff2) format('woff2'),
        url(/bundles/onlineconsole/css/new/webfonts/robotoitalic.woff) format('woff'),
        url(/bundles/onlineconsole/css/new/webfonts/robotoitalic.ttf) format('truetype');
}
@font-face {
  font-family: 'roboto';
  font-style: normal;
  font-weight: 100;
  src:  local('robotothin'), 
        local('Roboto-thin'),
        local('roboto thin'),
        url(/bundles/onlineconsole/css/new/webfonts/robotolight.woff2) format('woff2'),
        url(/bundles/onlineconsole/css/new/webfonts/robotolight.woff) format('woff'),
        url(/bundles/onlineconsole/css/new/webfonts/robotolight.ttf) format('truetype');
}
@font-face {
  font-family: 'roboto';
  font-style: italic;
  font-weight: 100;
  src:  local('Robotothinitalic'), 
        local('Roboto-thin-italic'),
        local('roboto thin italic'),
        url(/bundles/onlineconsole/css/new/webfonts/robotolightitalic.woff2) format('woff2'),
        url(/bundles/onlineconsole/css/new/webfonts/robotolightitalic.woff) format('woff'),
        url(/bundles/onlineconsole/css/new/webfonts/robotolightitalic.ttf) format('truetype');
}
@font-face {
  font-family: 'roboto';
  font-style: italic;
  font-weight: 800;
  src:  local('robotobolditalic'), 
        local('Roboto-bold-italic'),
        local('roboto bold italic'),
        url(/bundles/onlineconsole/css/new/webfonts/robotobolditalic.woff2) format('woff2'),
        url(/bundles/onlineconsole/css/new/webfonts/robotobolditalic.woff) format('woff'),
        url(/bundles/onlineconsole/css/new/webfonts/robotobolditalic.ttf) format('truetype');
}