:root {
  --side-padding: 100px;

  --color-black: #000000;
  --color-light-gray: #f1f2f4;
  --color-gold: #e6bb20;
  --color-green: #0caf60;
  --color-gray: #808080;
  --color-red: #ee2f2f;
  --color-yellow: #ffd023;
  --color-light-gray-alt: #e3e3e3;
  --color-dark-green: #11af60;
  --color-off-white: #fafafa;
  --color-muted-gray: #a0aec0;
  --color-muted-blue: #687588;
  --color-dark-red: #e03137;
  --color-white: #ffffff;
  --color-light-bg: #f8f8f8;
  --color-bright-yellow: #ffbf00;
  --color-pale-pink: #ffedec;
  --color-border-gray: #e9eaec;

  --inline-edit-icon-bg: #5e7cad;
  --inline-more-icon-bg: #2f78ee;
  --inline-download-icon-bg: #2f50ee;
  --inline-disabled-bg: #e9ecef;
  --inline-disabled-icon-fill: #a0aec0;

  --rotas-neutral-border: #337e89;
  --rotas-neutral-bg: rgba(51, 126, 137, 0.05);
  --rotas-danger-border: #e03137;
  --rotas-danger-bg: rgba(224, 49, 55, 0.05);
  --rotas-success-border: #0caf60;
  --rotas-success-bg: rgba(12, 175, 96, 0.05);
  --rotas-warning-border: #ffae00;
  --rotas-warning-bg: rgba(255, 174, 0, 0.05);

  --compliance-success-bg: #e7f7ef;
  --compliance-warning-bg: #fccc3b3d;
  --compliance-danger-bg: #ffedec;

  --auth-muted-text: #a0aec0;
  --auth-primary-dark: #0caf60;

  --text-color: #111827;
  --info-color: #3498db;

  --color-dark-blue: #191970;
  --stroke-gray: #adadad;
  --color-gray-soft: #525252;
  --border-color-gray: #9d9ca3;
  --color-gray-light: #323b49;
  --color-white-off: #f5f7fb;
  --color-purple-light: #4723d9;
  --color-green-fade: #4caf50;
  --color-whitegreen: #ceefdf;
  --color-trans: #bcbcbc;
  --color-light-blue: #68a3fb;
  --color-muted-gold: #bc9b5c;
  --color-light-background: #f7fafc;
  --color-light-border: #685d5d38;

  --color-blue: #007bff;
  --color-orange: #ff6600;
}

body {
  padding-bottom: env(safe-area-inset-bottom) !important;
}

.disabled {
  cursor: not-allowed;
  color: gray;
}

.divider {
  height: 1px;
  background: var(--color-light-gray);
}

hr {
  background-color: unset;
}