/*
  You can add custom CSS accessRules or import files here.
*/
@import '../fonts/Inter.ttf';

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

:root {
  --rz-white: #ffffff;
  --rz-black: #000000;
  --rz-base: #dadfe2;
  --rz-base-50: #ffffff;
  --rz-base-100: #f6f7fa;
  --rz-base-200: #f6f7fa;
  --rz-base-300: #dadfe2;
  --rz-base-400: #c1c9cb;
  --rz-base-500: #95a4a8;
  --rz-base-600: #77858b;
  --rz-base-700: #545e61;
  --rz-base-800: #3a474d;
  --rz-base-900: #28363c;
  --rz-base-light: #e9edf0;
  --rz-base-lighter: #f6f7fa;
  --rz-base-dark: #77858b;
  --rz-base-darker: #28363c;
  --rz-primary: var(--threme-color) !important;
  --rz-primary-light: var(--threme-color) !important;
  --rz-primary-lighter: rgba(255, 109, 65, 0.16);
  --rz-primary-dark: var(--threme-color) !important;
  --rz-on-secondary-light: var(--rz-base-500);
  --rz-primary-darker: #bf5231;
  --rz-secondary: var(--threme-color) !important;
  --rz-datepicker-month-dropdown-width: 9rem !important;
  --rz-datepicker-year-dropdown-width: 6.5rem !important;
  --rz-grid-hover-background-color: var(--rz-on-secondary-light);
  --rz-grid-hover-color: var(--rz-black);
  --rz-grid-header-background-color: var(--rz-base-50);
  --rz-border-base-200: rgba(0, 0, 0, 0);
  --rz-secondary-dark: #2a478333;
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #ffffff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #2A4783;
  --secondary: #4667C3;
  --success: #12B275;
  --info: #1589CB;
  --warning: #FDCA40;
  --danger: #CE2D4F;
  --light: #e6ecef;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Inter", sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --rz-scheduler-view-button-color: #ffffff;
  --rz-text-secondary-color: #ffffff;
  --rz-dialog-close-hover-color: #d4d4d4;
}


.rz-button.rz-primary, .btn-primary.rz-paginator-element{
  background-color: var(--threme-color) !important;
}

.divWidgetManualOpening button{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 100% !important;
  }
}

#LocationGrid td{
    background: border-box;
}

#AuthorizerGrid td{
  background: border-box;
}

.rz-cell-filter-label{
  width: 100%;
}

.components-reconnect-rejected > div {
  display: none;
}

.components-reconnect-rejected > .rejected {
  display: block;
}

.components-reconnect-failed > div {
  display: none;
}

.components-reconnect-failed > .failed {
  display: block;
}

.components-reconnect-show > div {
  display: none;
}

.components-reconnect-show > .show {
  display: block;
}