/*
  You can add custom CSS rules or import files here.
*/

@import '../fonts/verdana.ttf';

/* Import the Radzen CSS files */
/*@import 'styles-generated.css';

@import 'material.css';*/
@import 'fluent.css';

:root {
  --orange: #fd7e14;
  --primary: #fd7e14;
  --rz-border-width: 2px;
  --rz-panel-menu-item-background-color: #fae8ef;
  --rz-panel-menu-item-2nd-level-background-color: #E1E5E3; /*#ffe1e6;*/
  --rz-primary: #fd7e14;
  --rz-on-primary-lighter: #fd7e14;
  --rz-panel-menu-item-background-color: #F1F7F4;
  --rz-panel-menu-item-2nd-level-active-color: #212121;
  --rz-panel-menu-item-active-color: #212121;
  --rz-sidebar-toggle-icon-width: 1.5rem;
  --rz-sidebar-toggle-icon-height: 1.5rem;
  --rz-header-background-color: #ffffff;
  --rz-profile-menu-background-color: #ffffff;
  --rz-profile-menu-toggle-button-color: #fd7e14;
  --rz-sidebar-toggle-color: #fd7e14;
  --rz-sidebar-toggle-hover-background-color: #fd7e14;
  --rz-grid-header-text-transform: uppercase;
}

ul.rz-profile-menu {
  list-style: none;
  margin-bottom: 0;
  padding: var(--rz-profile-menu-padding);
  display: inline-block;
  background-color: #ffffff;
  border-left: var(--rz-profile-menu-border);
  position: relative;
  z-index: 3;
}

.rz-date-filter-buttons .rz-button, .rz-button-md {
  text-transform: none;
  

@font-face {
  font-family: "Verdana";
  font-style: normal;
  font-weight: 400;
  src: local("Verdana"), local("verdana"), url("../fonts/verdana.ttf") format("ttf");
}


.badge-primary {
  color: #fff;
  background-color: #fd7e14;
}

.bg-primary {
  background-color: #fd7e14 !important;
}

.border-primary {
  border-color: #fd7e14 !important;
}

.text-primary {
  color: #fd7e14 !important;
}