/*
  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;
}


/* Κόβω το scrollbar */
.no-scroll {
    overflow: hidden !important;
}

iframe {
    overflow: hidden !important;
    border: none !important;
}

html, body {
    overflow: hidden !important;
}

html, body, .rz-content, .rz-body, .rz-main {
    overflow: hidden !important;
    height: 100%;
}







.home-buttons .home-btn {
    width: 100% !important;
    height: 70px !important;
    background-color: #96c785 !important;
    color: #ffffff !important;
    border-radius: 12px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    padding-left: 15px !important;
    gap: 12px !important;
}

.home-buttons .rz-button-icon {
    font-size: 26px !important;
    width: 26px !important;
    height: 26px !important;
}

.home-buttons .rz-button-text {
    font-size: 1rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 0 !important;
}