@font-face {
  font-family: 'Roboto-Light';
  font-display: swap;
  src: url('fonts/Roboto-Light.eot'); /* IE9 */
  src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Roboto-Light.woff2') format('woff2'), /* Modern Browsers */
    url('fonts/Roboto-Light.woff') format('woff'), /* Modern Browsers */
    url('fonts/Roboto-Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/Roboto-Light.svg#Roboto-Light') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto-Regular';
  font-display: swap;
  src: url('fonts/Roboto-Regular.eot'); /* IE9 */
  src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Roboto-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('fonts/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/Roboto-Regular.svg#Roboto-Light') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto-Thin';
  font-display: swap;
  src: url('fonts/Roboto-Thin.eot'); /* IE9 */
  src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Roboto-Thin.woff2') format('woff2'), /* Modern Browsers */
    url('fonts/Roboto-Thin.woff') format('woff'), /* Modern Browsers */
    url('fonts/Roboto-Thin.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/Roboto-Thin.svg#Roboto-Light') format('svg'); /* Legacy iOS */
}

.buttons-html5, .buttons-colvis, .buttons-columnVisibility, .page-link, .dataTables_info, .dataTables_length, .dataTables_filter{
  font-family: Roboto-Regular !important;
  font-size: 0.8rem !important;
}
.reg100{
  font-family: Roboto-Regular;
  font-size: 1rem !important;
}
.reg90{
  font-family: Roboto-Regular;
  font-size: 0.9rem !important;
}
.reg80{
  font-family: Roboto-Regular;
  font-size: 0.8rem !important; 
}
.reg70{
  font-family: Roboto-Regular;
  font-size: 0.7rem !important;
}
.reg60{
  font-family: Roboto-Regular;
  font-size: 0.6rem !important;
}
.reg110{
  font-family: Roboto-Regular;
  font-size: 1.1rem;
}
.reg120{
  font-family: Roboto-Regular;
  font-size: 1.2rem;
}
.reg130{
  font-family: Roboto-Regular;
  font-size: 1.3rem;
}
.reg140{
  font-family: Roboto-Regular;
  font-size: 1.4rem;
}
.reg150{
  font-family: Roboto-Regular;
  font-size: 1.5rem;
}