﻿@font-face {
  font-family: "Poppins"; /*a name to be used later*/
  src: url("/_content/OnPos.Boss.Shared/Fonts/Poppins-Medium.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Poppins"; /*a name to be used later*/
  src: url("/_content/OnPos.Boss.Shared/Fonts/Poppins-Light.ttf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Poppins"; /*a name to be used later*/
  src: url("/_content/OnPos.Boss.Shared/Fonts/Poppins-Thin.ttf");
  font-weight: 200;
  font-style: normal;
}
:root {
  --rz-root-font-size: 14px;
  --rz-body-font-size: 1rem;
  --rz-text-font-family: "Poppins";
  --rz-text-font-weight:400;
  --rz-sidebar-background-color: #f2f2f4;
  --rz-panel-menu-item-background-color: transparent;
  /*--rz-navigation-item-wrapper-background-color: #ffffff2d;*/
  --rz-base-background-color: #ffffff;
  /*--rz-text-title-color: var(--rz-base-100);*/
  --rz-header-background-color: #f6f6f8;
  /*--rz-panel-menu-item-color: var(--rz-base-background-color);*/
  /*--rz-panel-menu-icon-color: var(--rz-base-300);*/
  /*--rz-panel-menu-item-active-color: #fefefeb9;*/
  /*--rz-panel-menu-item-border: transparent;*/
  /*--rz-panel-menu-item-padding-block: 8px;*/
  --rz-panel-menu-item-2nd-level-color: var(--rz-panel-menu-item-color);
  --rz-panel-menu-item-2nd-level-hover-background-color: var(--rz-navigation-item-wrapper-background-color);
  --rz-input-background-color: #EEEEEE;
  --rz-input-hover-color: #2E94FA;
  --rz-input-focus-background-color: #F3F3F3;
  --rz-panel-menu-item-2nd-level-background-color: var(--rz-navigation-item-wrapper-background-color);
  --rz-input-hover-background-color: var(--rz-input-focus-background-color);
  --rz-dropdown-open-background-color: var(--rz-input-background-color);
  --rz-dropdown-item-background-color: var(--rz-input-background-color);
  --rz-dropdown-item-hover-color: var(--rz-input-hover-color);
  --rz-input-border: var(--rz-border-width) solid #F1F1F1;
  --rz-border-hover: var(--rz-border-width) solid #F1F1F1;
  --rz-border-focus: var(--rz-border-width) solid #F1F1F1;
  --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-input-background-color);
}

.rz-panel-menu .rz-navigation-item-wrapper {
  margin: 0.3333333333rem;
  background-color: var(--rz-navigation-item-wrapper-background-color);
}

.open {
  /*   padding-left: 25px;
     padding-right: 10px;*/
}

.rz-header {
  /*   --rz-input-background-color: var(--rz-navigation-item-wrapper-background-color);
     --rz-input-value-color: #ffffff;
     --rz-input-hover-color: #ffffff1d;
     --rz-input-focus-background-color: var(--rz-sidebar-background-color);
     --rz-input-hover-background-color: var(--rz-sidebar-background-color);
     --rz-input-border: none;
     --rz-input-focus-border:none;*/
}

.rz-footer {
  padding: 1rem;
  background-color: var(--rz-sidebar-background-color);
  border-top: solid 1px var(--rz-base-400);
}
.rz-footer .rz-col-3 {
  border-color: var(--rz-base-300);
  border-style: solid;
  border-width: 0;
}
.rz-footer .rz-button {
  width: 80%;
  margin-top: 7px;
  margin-bottom: 15px;
}
.rz-footer .rz-button.rz-primary {
  background-color: var(--rz-primary);
  color: var(--rz-base-light);
}
.rz-footer .rz-button.rz-primary .rz-button-box i {
  color: var(--rz-base-light);
}
.rz-footer .rz-button.rz-primary .rz-button-box p {
  padding-top: 0.25rem;
  /*color: var(--rz-base-400);*/
  color: var(--rz-base-light);
  font-size: var(--rz-text-caption-font-size);
  font-weight: var(--rz-text-caption-font-weight);
}
.rz-footer .rz-button .rz-button-box {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.rz-footer .rz-button .rz-button-box i {
  padding: 1rem;
  font-size: var(--rz-text-h3-font-size);
  /*color: #070594;*/
  color: var(--rz-text-body1-color);
}
.rz-footer .rz-button .rz-button-box p {
  padding-top: 0.25rem;
  /*color: var(--rz-base-400);*/
  font-size: var(--rz-text-caption-font-size);
  font-weight: var(--rz-text-caption-font-weight);
}
