/**
  En este documento se definen las variables CSS globales, categorizadas por
  utilidad y función, que luego serán utilizadas en todas las vistas del
  sistema.
**/

/* Alcance global */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --error: #FF0000;
  --errorLight: #f1a5a5;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --tripanGreen: #86a641;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #a4abb2;
  --gray-dark: #343a40;
  --primary: #5867dd;
  --secondary: #ebedf2;
  --success: #34bfa3;
  --info: #36a3f7;
  --warning: #ffb822;
  --danger: #f4516c;
  --light: #f8f9fa;
  --light-menu: #f5f5f5;
  --light-menu-hover: #EEEEEE;
  --greenLinks: #89a527;
  --greenBorderTables: #73956F;
  --dark: #343a40;
  --darkGreenBorders: #80A42C;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --greenTableRowOdd: #caecc6;
  --greenTableRowEven: #d4f1d2;
  --loginLeftContainerWidth: 40%;
  --loginRightContainerWidth: 60%;
}