.loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.loader-svg {
  width: 100px;
  height: 100px;
  overflow: visible;
}

.loader-svg polygon {
  vector-effect: non-scaling-stroke;
}

.triangle-1 {
  transform-box: fill-box;
  transform-origin: center;
  animation: flip-1 4s ease-in-out infinite;
}

.triangle-2 {
  transform-box: fill-box;
  transform-origin: center;
  animation: flip-2 4.5s ease-in-out 1s infinite;
}

.triangle-3 {
  transform-box: fill-box;
  transform-origin: center;
  animation: flip-3 4.2s ease-in-out 0.8s infinite;
}

.triangle-4 {
  transform-box: fill-box;
  transform-origin: center;
  animation: flip-4 4.3s ease-in-out 1.5s infinite;
}

@keyframes flip-1 {
  0%, 20% {
    transform: scaleX(1);
  }
  25%, 70% {
    transform: scaleX(-1);
  }
  75%, 100% {
    transform: scaleX(1);
  }
}
@keyframes flip-2 {
  0%, 20% {
    transform: scaleY(1);
  }
  25%, 70% {
    transform: scaleY(-1);
  }
  75%, 100% {
    transform: scaleY(1);
  }
}
@keyframes flip-3 {
  0%, 20% {
    transform: scaleX(1);
  }
  25%, 70% {
    transform: scaleX(-1);
  }
  75%, 100% {
    transform: scaleX(1);
  }
}
@keyframes flip-4 {
  0%, 20% {
    transform: scaleY(1);
  }
  25%, 70% {
    transform: scaleY(-1);
  }
  75%, 100% {
    transform: scaleY(1);
  }
}.logout-spinner-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.spinner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.spinner-overlay-text {
  font-size: 1rem;
  white-space: nowrap;
  z-index: 1;
  margin-top: 1rem;
}:root {
  --primary: #011821;
  --secondary: #5267ff;
  --tertiary: #7586ff;
  --text: #ffffff;
  --text-secondary: #ffffff;
}

/* Lora won't we used for the moment */
@font-face {
  font-family: 'Lora';
  src: url('/modules/assets/fonts/LORA/Lora-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Lora';
  src: url('/modules/assets/fonts/LORA/Lora-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Lora';
  src: url('/modules/assets/fonts/LORA/Lora-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Lora';
  src: url('/modules/assets/fonts/LORA/Lora-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Lora';
  src: url('/modules/assets/fonts/LORA/Lora-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Lora';
  src: url('/modules/assets/fonts/LORA/Lora-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Lora';
  src: url('/modules/assets/fonts/LORA/Lora-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Lora';
  src: url('/modules/assets/fonts/LORA/Lora-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Archivo';
  src: url('/modules/assets/fonts/ARCHIVO/Archivo-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Archivo';
  src: url('/modules/assets/fonts/ARCHIVO/Archivo-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Archivo';
  src: url('/modules/assets/fonts/ARCHIVO/Archivo-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Archivo';
  src: url('/modules/assets/fonts/ARCHIVO/Archivo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Archivo';
  src: url('/modules/assets/fonts/ARCHIVO/Archivo-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Archivo';
  src: url('/modules/assets/fonts/ARCHIVO/Archivo-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Archivo';
  src: url('/modules/assets/fonts/ARCHIVO/Archivo-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Archivo';
  src: url('/modules/assets/fonts/ARCHIVO/Archivo-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Archivo';
  src: url('/modules/assets/fonts/ARCHIVO/Archivo-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Archivo';
  src: url('/modules/assets/fonts/ARCHIVO/Archivo-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

body {
  margin: 0;
  font-family: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--primary);
}

*:not(.pi):not(h1):not(h2):not(h3) {
  font-family: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif !important;
}

h1, h2, h3 {
  font-family: 'Archivo', Georgia, 'Times New Roman', serif !important; /* Lora won't we used for the moment */
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}
.p-button:not(.p-button-danger):not(.p-button-secondary):not(.p-button-custom) {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
  color: var(--text);
}

.p-button:not(.p-button-danger):not(.p-button-secondary):not(.p-button-custom):enabled:hover {
  background-color: #3d52cc !important;
  border-color: #3d52cc !important;
  color: var(--text);
}

.p-button:not(.p-button-danger):not(.p-button-secondary):not(.p-button-custom):enabled:active {
  background-color: #2d3d99 !important;
  border-color: #2d3d99 !important;
  color: var(--text);
}

.p-button-secondary:not(.p-button-custom) {
  background-color: #a9b3ff !important;
  border-color: #a9b3ff !important;
  color: var(--text);
}

.p-button-secondary:not(.p-button-custom):enabled:hover {
  background-color: #8a98ff !important;
  border-color: #8a98ff !important;
  color: var(--text);
}

.p-button-secondary:not(.p-button-custom):enabled:active {
  background-color: #6b7dff !important;
  border-color: #6b7dff !important;
  color: var(--text);
}

.p-badge {
  background-color: var(--tertiary) !important;
}

.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  color: var(--tertiary) !important;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
  color: var(--tertiary) !important;
}

.main-content {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 1rem;
  margin: 1rem;
}

.p-datatable .p-datatable-header,
.p-datatable .p-datatable-footer,
.p-datatable .p-datatable-thead > tr > th,
.p-datatable .p-datatable-tbody > tr,
.p-datatable .p-paginator {
  background-color: var(--primary) !important;
}

.p-dialog .p-dialog-header,
.p-dialog .p-dialog-content,
.p-dialog .p-dialog-footer {
  background-color: var(--primary) !important;
}

.p-accordion .p-accordion-header .p-accordion-header-link,
.p-accordion .p-accordion-content {
  background-color: var(--primary) !important;
}

.p-fileupload .p-fileupload-buttonbar,
.p-fileupload .p-fileupload-content {
  background-color: var(--primary) !important;
}

.p-multiselect-token {
  background-color: #ef9ce8 !important;
  color: var(--text);
}

.p-dropdown-panel,
.p-multiselect-panel,
.p-dropdown-panel .p-dropdown-header,
.p-dropdown-panel .p-dropdown-items,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item,
.p-dropdown-panel .p-dropdown-filter-container,
.p-multiselect-panel .p-multiselect-header,
.p-multiselect-panel .p-multiselect-items,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  background-color: var(--primary) !important;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: var(--tertiary);
}

.p-column-filter-overlay, .p-column-filter-operator {
  background-color: var(--primary) !important;
}

.p-inputtext.p-component {
  background-color: var(--primary) !important;
}

.p-dropdown {
  background-color: var(--primary) !important;
}

.p-multiselect-label-container {
  background-color: var(--primary) !important;
}

.p-multiselect-trigger {
  background-color: var(--primary) !important;
}

.p-checkbox .p-checkbox-box {
  background-color: var(--primary) !important;
}

.p-checkbox .p-checkbox-box.p-highlight {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}

.p-checkbox .p-checkbox-box .p-checkbox-icon {
  background-color: var(--secondary) !important;
  color: var(--secondary) !important;
}