@import url('./icon-codes.css');

@font-face {
  font-family: 'danubius';
  src:  url('./danubius.eot?3hseet');
  src:  url('./danubius.eot?3hseet#iefix') format('embedded-opentype'),
    url('./danubius.ttf?3hseet') format('truetype'),
    url('./danubius.woff?3hseet') format('woff'),
    url('./danubius.svg?3hseet#danubius') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

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

  display: inline-block;
  text-decoration: inherit;
  width: auto;
  min-width: 1em;
  text-align: center;

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


.icon-capacity-1:before {
  content: "\e97e";
  }
  .icon-capacity-2:before {
  content: "\e97e\e97e";
  }
  
  .icon-capacity-3:before {
  content: "\e97e\e97e\e97d\e97f";
  }
  
  .icon-capacity-4:before {
  content: "\e97e\e97e\e97d\e97e";
  }
  
  .icon-capacity-5:before {
  content: "\e97e\e97e\e97d\e97f\e97f";
  }
  
  .icon-capacity-6:before {
  content: "\e97e\e97e\e97d\e97e\e97e";
  }
  
  .icon-capacity-7:before {
  content: "\e97e\e97e\e97e";
  }
  
  .icon-capacity-8:before {
  content: "\e97e\e97e\e97e\e97e";
  }
  
  .icon-capacity-9:before {
  content: "\e97e\e97e\e97d\e97f\e97f\e97f";
  }
  
  .icon-capacity-10:before {
  content: "\e97e\e97e\e97d\e97e\e97e\e97e";
  }
  
  