/* Default colors */

:root {
    --rz-white: #ffffff;
    --rz-black: #000000;
    --rz-base-50: #fafafa;
    --rz-base-100: #f5f5f5;
    --rz-base-200: #eeeeee;
    --rz-base-300: #e0e0e0;
    --rz-base-400: #bdbdbd;
    --rz-base-500: #9e9e9e;
    --rz-base-600: #757575;
    --rz-base-700: #616161;
    --rz-base-800: #424242;
    --rz-base-900: #212121;
    --rz-primary: #005eb8;
    --rz-primary-light: #418fde;
    --rz-primary-lighter: #ffffff;
    --rz-primary-dark: #001489;
    --rz-primary-darker: #000000;
    --rz-secondary: #e91e63;
    --rz-secondary-light: #ed4b82;
    --rz-secondary-lighter: rgba(233, 30, 99, 0.12);
    --rz-secondary-dark: #ba184f;
    --rz-secondary-darker: #9e1443;
    --rz-info: #2196f3;
    --rz-info-light: #4dabf5;
    --rz-info-lighter: rgba(33, 150, 243, 0.2);
    --rz-info-dark: #1a78c2;
    --rz-info-darker: #1666a5;
    --rz-success: #4caf50;
    --rz-success-light: #70bf73;
    --rz-success-lighter: rgba(76, 175, 80, 0.16);
    --rz-success-dark: #3d8c40;
    --rz-success-darker: #347736;
    --rz-warning: #ff9800;
    --rz-warning-light: #ffad33;
    --rz-warning-lighter: rgba(255, 152, 0, 0.2);
    --rz-warning-dark: #cc7a00;
    --rz-warning-darker: #ad6700;
    --rz-danger: #f44336;
    --rz-danger-light: #f6695e;
    --rz-danger-lighter: rgba(244, 67, 54, 0.2);
    --rz-danger-dark: #c3362b;
    --rz-danger-darker: #a62e25;
    --rz-on-primary: #ffffff;
    --rz-on-primary-light: #ffffff;
    --rz-on-primary-lighter: #4340D2;
    --rz-on-primary-dark: #ffffff;
    --rz-on-primary-darker: #ffffff;
    --rz-on-secondary: #ffffff;
    --rz-on-secondary-light: #ffffff;
    --rz-on-secondary-lighter: #e91e63;
    --rz-on-secondary-dark: #ffffff;
    --rz-on-secondary-darker: #ffffff;
    --rz-on-info: #ffffff;
    --rz-on-info-light: #ffffff;
    --rz-on-info-lighter: #2196f3;
    --rz-on-info-dark: #ffffff;
    --rz-on-info-darker: #ffffff;
    --rz-on-success: #ffffff;
    --rz-on-success-light: #ffffff;
    --rz-on-success-lighter: #4caf50;
    --rz-on-success-dark: #ffffff;
    --rz-on-success-darker: #ffffff;
    --rz-on-warning: #ffffff;
    --rz-on-warning-light: #ffffff;
    --rz-on-warning-lighter: #ff9800;
    --rz-on-warning-dark: #ffffff;
    --rz-on-warning-darker: #ffffff;
    --rz-on-danger: #ffffff;
    --rz-on-danger-light: #ffffff;
    --rz-on-danger-lighter: #f44336;
    --rz-on-danger-dark: #ffffff;
    --rz-on-danger-darker: #ffffff;
    --rz-series-1: #3700b3;
    --rz-series-2: #ba68c8;
    --rz-series-3: #f06292;
    --rz-series-4: #ff8a65;
    --rz-series-5: #ffee58;
    --rz-series-6: #9ccc65;
    --rz-series-7: #26a69a;
    --rz-series-8: #4fc3f7;
    --rz-series-9: #7f5cce;
    --rz-series-10: #ce93d8;
    --rz-series-11: #f48fb1;
    --rz-series-12: #ffab91;
    --rz-series-13: #fff176;
    --rz-series-14: #aed581;
    --rz-series-15: #4db6ac;
    --rz-series-16: #81d4fa;
    --rz-series-17: #a58cdd;
    --rz-series-18: #e1bee7;
    --rz-series-19: #f8bbd0;
    --rz-series-20: #ffccbc;
    --rz-series-21: #fff59d;
    --rz-series-22: #c5e1a5;
    --rz-series-23: #80cbc4;
    --rz-series-24: #b3e5fc;
    --rz-grid-selected-background-color: var(--rz-base-300);

    /* Tooltips */
    --rz-tooltip-background-color: var(--rz-base-800);
    --rz-tooltip-color: var(--light);
    --rz-fieldset-padding: 0.4rem;
    /* Sidebar sandwich menu */
    --rz-sidebar-toggle-color: var(--rz-primary);
}

/* Native icons Chrome-like */
/* Fix up/down arrows problem in numeric fields */
.rz-numeric-button-icon {
    font-family: "Material Symbols Outlined" !important;
    font-variation-settings: 'wght' 200, 'opsz' 20;
    font-size: 16px !important;
    line-height: 16px !important;
    color: #555 !important; /* native color */
}

.rz-numeric-up .rz-numeric-button-icon::before {
    content: "arrow_drop_up";
}

.rz-numeric-down .rz-numeric-button-icon::before {
    content: "arrow_drop_down";
}

/* Hover */
.rz-numeric-button:hover .rz-numeric-button-icon::before {
    color: #000 !important;
}
/* End of fix */

/* Standard text */
body,
h1.rz-heading,
h2.rz-heading,
h3.rz-heading,
h4.rz-heading,
h5.rz-heading {
  color: var(--rz-base-800);
  /* Selected text */
  --rz-text-selection-background-color: var(--rz-primary-light);
  --rz-text-selection-color: var(--rz-base-900)
}

/* Tooltips */
.valid-tooltip {
  color: var(--light);
  background-color: var(--dark);
}

/* Login workout for grading background */
.login-background {
    background: linear-gradient(to bottom, #000000, #000000, #000f28, #004a94, #005db7, #005eb8, #0e65be, #2e7ed1, #3f8ddc, #418fde);
}
.login-header {
  background-color: var(--rz-black);
}
.login-footer {
  background-color: var(--rz-primary-light);
}

/* Remove shadow from header */
.rz-header {
  box-shadow: none;
}

/* Loading search spinner */
.rz-datatable-loading-content .rzi-circle-o-notch {
  color: var(--rz-on-primary-lighter);
  animation: rotation .9s linear infinite;
  font-size: 7rem;
}

.rz-datatable-loading {
  background-color: rgba(0,0,0,0.3);
}

/* 'No records to display' message */
td.rz-datatable-emptymessage {
  color: var(--rz-base-400);
  text-align: center;
  font-size: 2rem;
  padding: 1rem;
}

/* Links */
.rz-link {
  color: var(--rz-primary);
}

/* Menu navigation item */
.rz-panel-menu .rz-navigation-item-wrapper-active,
.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
  background-color: var(--rz-primary-light);
  color: var(--rz-white);
  border-radius: 0px;
}

.rz-navigation-item-link {
  color: var(--rz-primary);
}

.rz-panel-menu .rz-navigation-item-wrapper:hover {
  background-color: var(--light);
}

/* Sidebar sandwich menu */
.rz-sidebar-toggle:hover {
  border-radius: 0rem;
}


/* Table rows */
.rz-grid-table td .rz-cell-data {
  color: var(--rz-base-800);
}

/* Paginator */
.rz-paginator-page {
  border-radius: 0em;
}

/* Paginator item selected */
a.rz-paginator-page.rz-paginator-element.rz-state-active {
  background-color: var(--rz-primary-light);
  color: var(--rz-primary-lighter);
}

/* Filter dates popup */
.rz-listbox-item.rz-state-highlight,
.rz-button.rz-apply-filter {
  background-color: var(--rz-primary);
  color: var(--rz-on-primary);
}

/* User menu */
ul.rz-profile-menu,
ul.rz-profile-menu .rz-navigation-item-icon-children {
  background-color: var(--rz-white);
  color: var(--rz-primary);
}

/* Buttons
.rz-button.rz-primary.rz-shade-default {
  border-radius: 0px;
  border: 4px solid var(--rz-primary);
  color: var(--rz-primary);
  background-color: var(--rz-white);
  font-weight: bold;
}

.rz-button.rz-light.rz-shade-default {
  border-radius: 0px;
  border: 4px solid var(--rz-base-400);
  color: var(--rz-base-600);
  background-color: var(--rz-white);
  font-weight: bold;
}

.rz-button.rz-danger.rz-shade-default {
  border-radius: 0px;
  border: 4px solid var(--rz-danger);
  color: var(--rz-danger-darker);
  background-color: var(--rz-white);
  font-weight: bold;
}

.rz-button.rz-secondary,
.rz-button.rz-secondary.rz-shade-lighter {
  border-radius: 0px;
  border: 4px solid var(--rz-danger-light);
  color: var(--rz-danger-light);
  background-color: var(--rz-white);
  font-weight: bold;
}
*/