/*
  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 {
  --rz-white1: #2f4858;
  --rz-text-color-new: #2f4858;
}

:root {
  --rz-text-contrast-color1: var(--rz-white1);
}

:root {
  --rz-menu-top-item-color: var(--rz-text-contrast-color1);
  --rz-menu-top-item-icon-color: var(--rz-text-contrast-color1);
}


:root {
  
  --orange: #fd7e14;
  --primary: #e4f5df;
  --rz-border-width: 2px;
  --rz-panel-menu-item-background-color: #fae8ef;
  --rz-panel-menu-item-2nd-level-background-color: #E1E5E3; /*#ffe1e6;*/
  --rz-primary: #96C785;
  --rz-on-primary-lighter: #96C785;
  --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-sidebar-toggle-color: var(--rz-text-color-new);
  --rz-sidebar-toggle-background-color: var(--primary);
  --rz-menu-top-item-background-color: var(--primary);
}

ul.rz-profile-menu {
  background-color: var(--primary);
}

ul.rz-profile-menu .rz-navigation-item-icon-children {
  color: var(--rz-text-color-new);
}

.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: #96C785;
}

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

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

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