/* ==================== UBUNTU FONT ==================== */
@font-face {
	font-family: 'Ubuntu';
	src: url('../fonts/Ubuntu-R.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Ubuntu';
	src: url('../fonts/Ubuntu-RI.ttf');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Ubuntu';
	src: url('../fonts/Ubuntu-B.ttf');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Ubuntu';
	src: url('../fonts/Ubuntu-BI.ttf');
	font-weight: bold;
	font-style: italic;
}

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

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
}

.icon-bookmark:before { content: '\e800'; }  
.icon-bookmark-empty:before { content: '\e801'; } 
.icon-star:before { content: '\e802'; }  
.icon-star-empty:before { content: '\e803'; }  
.icon-link-ext:before { content: '\e804'; } 
.icon-angle-double-right:before { content: '\e805'; }  
.icon-angle-double-left:before { content: '\e806'; }  
.icon-angle-double-up:before { content: '\e807'; }  
.icon-angle-double-down:before { content: '\e808'; }  
.icon-down:before { content: '\e809'; }  
.icon-left:before { content: '\e80a'; } 
.icon-right:before { content: '\e80b'; }  
.icon-up:before { content: '\e80c'; }  
.icon-down-open:before { content: '\e80d'; }  
.icon-left-open:before { content: '\e80e'; }  
.icon-right-open:before { content: '\e80f'; }  
.icon-up-open:before { content: '\e810'; }  
.icon-right-dir:before { content: '\e811'; }  
.icon-left-dir:before { content: '\e812'; } 
.icon-up-dir:before { content: '\e813'; } 
.icon-down-dir:before { content: '\e814'; }  
.icon-cancel:before { content: '\e815'; }  
.icon-cancel-circled:before { content: '\e816'; } 
.icon-plus-squared:before { content: '\e817'; }  
.icon-plus-squared-alt:before { content: '\e818'; }  
.icon-pencil:before { content: '\e819'; }  
.icon-print:before { content: '\e81a'; }  
.icon-doc-landscape:before { content: '\e81b'; }  
.icon-login:before { content: '\e81c'; }  
.icon-logout:before { content: '\e81d'; }  
.icon-login-1:before { content: '\e81e'; }  
.icon-logout-1:before { content: '\e81f'; } 
.icon-chat:before { content: '\e820'; }  
.icon-trash:before { content: '\e821'; } 
.icon-trash-empty:before { content: '\e822'; }  
.icon-doc:before { content: '\e823'; }  
.icon-cog-alt:before { content: '\e824'; }  


/* ==================== Google Material Icons ==================== */
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    src: url('../fonts/Material_Symbols_Outlined/MaterialSymbolsOutlined-VariableFont_FILL\,GRAD\,opsz\,wght.ttf') format('truetype');
}

/* Rounded Style */
@font-face {
    font-family: 'Material Symbols Rounded';
    font-style: normal;
    font-weight: 100 700;
    src: url('../fonts/Material_Symbols_Rounded/MaterialSymbolsRounded-VariableFont_FILL\,GRAD\,opsz\,wght.ttf') format('truetype');
}

/* Sharp Style */
@font-face {
    font-family: 'Material Symbols Sharp';
    font-style: normal;
    font-weight: 100 700;
    src: url('../fonts/Material_Symbols_Sharp/MaterialSymbolsSharp-VariableFont_FILL\,GRAD\,opsz\,wght.ttf') format('truetype');
}

/* BASE CLASSES FOR EACH STYLE */

/* Outlined icons - most commonly used */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}

/* Rounded icons - softer look */
.material-symbols-rounded {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}

/* Sharp icons - angular look */
.material-symbols-sharp {
  font-family: 'Material Symbols Sharp';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}

/* ==================== OSWALD ==================== */
/* Variable font that supports weights 200-700 */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 200 700;
    src: url('../fonts/Oswald/Oswald-VariableFont_wght.ttf') format('truetype');
}


/* ==================== ROBOTO MONO ==================== */
/* Regular/Normal style - supports weights 100-700 */
@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 100 700;
    src: url('../fonts/Roboto_Mono/RobotoMono-VariableFont_wght.ttf') format('truetype');
}

/* Italic style - supports weights 100-700 */
@font-face {
    font-family: 'Roboto Mono';
    font-style: italic;
    font-weight: 100 700;
    src: url('../fonts/Roboto_Mono/RobotoMono-Italic-VariableFont_wght.ttf') format('truetype');
}