/**--------------------------------------------------------------*/
/** ALP Logistics - ERP Fonts */
/**--------------------------------------------------------------*/

@font-face {
  src: url('../font/Dungeon-Regular.ttf') format('truetype');
  font-family: "Dungeon Regular";
}

@font-face {
  src: url('../font/Montserrat-Regular.ttf') format('truetype');
  font-family: "Montserrat Regular";
}

@font-face {
  src: url('../font/Kartika-Regular.ttf') format('truetype');
  font-family: "Kartika Regular";
}

/**--------------------------------------------------------------*/
/** ALP Logistics - ERP style variables */
/**--------------------------------------------------------------*/

:root {
  /** Body */
  --body-bg: #f6f9ff;

  /** Fonts */
  --font-default: 'EB Garamond', Roboto, Arial;
  --font-primary: 'Dungeon Regular', Roboto, Arial;
  --font-secondary: 'Kartika Regular', Roboto, Arial;

  /** Colors */
  /** The *-rgb color names are simply the RGB converted value of the corresponding color for use in the rgba() function */

  /** Default text color */
  --color-default: #00034d;
  --color-default-rgb: 0, 3, 77;

  /** Default links color */
  --color-links: #00097a;
  --color-links-hover: #003dcd;

  /** Primary colors */
  --color-primary: #00097a;
  --color-primary-light: #1823b8;
  --color-primary-dark: #00034d;
  --color-primary-airy: rgba(0, 85, 255, 0.1);

  --color-primary-rgb: 0, 9, 122;
  --color-primary-light-rgb: 0, 61, 205;
  --color-primary-dark-rgb: 0, 3, 77;

  /** Secondary colors */
  --color-secondary: #6c757d;
  /* --color-secondary: #565656; */
  --color-secondary-light: #7f7f7f;
  --color-secondary-dark: #282828;

  --color-secondary-rgb: 108, 117, 125;
  --color-secondary-light-rgb: 127, 127, 127;
  --color-secondary-dark-rgb: 40, 40, 40;

  /** Tertiary colors */
  --color-tertiary: #760c02;
  --color-tertiary-light: #b80e07;
  --color-tertiary-dark: #3b0601;

  --color-tertiary-rgb: 118, 12, 2;
  --color-tertiary-light-rgb: 184, 14, 7;
  --color-tertiary-dark-rgb: 59, 6, 1;

  /** Basic colors */
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;

  --color-gray: #808080;
  --color-gray-rgb: 128, 128, 128;

  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;

  --color-R: #ff0000;
  --color-R-rgb: 255, 0, 0;

  --color-G: rgb(0, 255, 0);

  --color-G-rgb: 0, 255, 0;

  --color-B: #0000ff;
  --color-B-rgb: 0, 0, 255;

  --color-Y: #ffff00;
  --color-Y-rgb: 255, 255, 0;

  /** General colors */
  --color-blue: #0d6efd;
  --color-blue-rgb: 13, 110, 253;

  --color-indigo: #6610f2;
  --color-indigo-rgb: 102, 16, 242;

  --color-purple: #6f42c1;
  --color-purple-rgb: 111, 66, 193;

  --color-pink: #f3268c;
  --color-pink-rgb: 243, 38, 140;

  --color-red: #df1529;
  --color-red-rgb: 223, 21, 4;

  --color-orange: #fd7e14;
  --color-orange-rgb: 253, 126, 20;

  --color-yellow: #ffc107;
  --color-yellow-rgb: 255, 193, 7;

  --color-green: #059652;
  --color-green-rgb: 5, 150, 82;

  --color-teal: #20c997;
  --color-teal-rgb: 32, 201, 151;

  --color-cyan: #0dcaf0;
  --color-cyan-rgb: 13, 202, 240;

  --color-pink: #d4a879;
  --color-pink-rgb:212, 168, 121;

  --color-navy-blue: #375357;
  --color-navy-blue-rgb: 55, 83, 87;

  --color-success: #198754;
  --color-success-rgb: 25, 135, 84;
  --color-info: #0d6efd;
  --color-info-rgb: 13, 110, 253;
  --color-warning: #ffc107;
  --color-warning-rgb: 255, 193, 7;
  --color-danger: #dc3545;
  --color-danger-rgb: 220, 53, 69;
  --color-light: #f8f9fa;
  --color-light-rgb: 248, 249, 250;
  --color-dark: #212529;
  --color-dark-rgb: 33, 37, 41;

}

/**--------------------------------------------------------------*/
/** Override default Bootstrap variables */
/**--------------------------------------------------------------*/

:root {
  --bs-blue: var(--color-blue);
  --bs-indigo: var(--color-indigo);
  --bs-purple: var(--color-purple);
  --bs-pink: var(--color-pink);
  --bs-red: var(--color-red);
  --bs-orange: var(--color-orange);
  --bs-yellow: var(--color-yellow);
  --bs-green: var(--color-green);
  --bs-teal: var(--color-teal);
  --bs-cyan: var(--color-cyan);
  --bs-white: var(--color-white);
  --bs-gray: var(--color-gray);
  --bs-gray-dark: #343a40;

  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;

  --bs-gray-eigengrau: #16161d;

  --bs-primary: var(--color-primary);
  --bs-secondary: var(--color-secondary);

  --bs-primary-rgb: var(--color-primary-rgb);
  --bs-secondary-rgb: var(--color-secondary-rgb);

  --bs-success: #198754;
  --bs-info: #0d6efd;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;

  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 110, 253;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;

  --bs-white-rgb: var(--color-white-rgb);
  --bs-black-rgb: var(--color-black-rgb);

  --bs-body-color-rgb: var(--color-default-rgb);
  --bs-body-bg-rgb: 255, 255, 255;

  --bs-font-sans-serif: var(--font-default);

  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

  --bs-body-font-family: var(--font-default);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: var(--color-default);
  --bs-body-bg: #fff;

  --bs-nav-tabs-link-active-color: var(--color-primary) !important;
}

/**--------------------------------------------------------------*/
/** Set font, text color and background color class names */
/**--------------------------------------------------------------*/

/** Fonts */
.font-default    { font-family: var(--font-default) !important; }
.font-primary    { font-family: var(--font-primary) !important;}
.font-secondary  { font-family: var(--font-secondary) !important; }

.font-smaller    { font-size: smaller !important; }
.font-xx-smaller { font-size: 0.70rem !important; }
.font-xxx-smaller { font-size: 0.55rem !important; }

.fs-7 { font-size: 0.875rem !important; }
.fs-8 { font-size: 0.825rem !important; }

/** Text Colors */
.color-default           { color: var(--color-default) !important; }
.color-links             { color: var(--color-links) !important; }
.color-links:hover       { color: var(--color-links-hover) !important; }
.color-primary           { color: var(--color-primary) !important; }
.color-primary-light     { color: var(--color-primary-light) !important; }
.color-primary-dark      { color: var(--color-primary-dark) !important; }
.color-secondary         { color: var(--color-secondary) !important; }
.color-secondary-light   { color: var(--color-secondary-light) !important; }
.color-secondary-dark    { color: var(--color-secondary-dark) !important; }
.color-blue              { color: var(--color-blue) !important; }
.color-indigo            { color: var(--color-indigo) !important; }
.color-purple            { color: var(--color-purple) !important; }
.color-pink              { color: var(--color-pink) !important; }
.color-red               { color: var(--color-red) !important; }
.color-orange            { color: var(--color-orange) !important; }
.color-yellow            { color: var(--color-yellow) !important; }
.color-green             { color: var(--color-green) !important; }
.color-teal              { color: var(--color-teal) !important; }
.color-cyan              { color: var(--color-cyan) !important; }
.color-white             { color: var(--color-white) !important; }
.color-gray              { color: var(--color-gray) !important; }
.color-black             { color: var(--color-black) !important; }

/** Background Colors */
.bg-default          { background-color: var(--color-default) !important; }
.bg-primary          { background-color: var(--color-primary) !important; }
.bg-primary-light    { background-color: var(--color-primary-light) !important; }
.bg-primary-dark     { background-color: var(--color-primary-dark) !important; }
.bg-secondary        { background-color: var(--color-secondary) !important; }
.bg-secondary-light  { background-color: var(--color-secondary-light) !important; }
.bg-secondary-dark   { background-color: var(--color-secondary-dark) !important; }
.bg-tertiary         { background-color: var(--color-tertiary) !important; }
.bg-tertiary-light   { background-color: var(--color-tertiary-light) !important; }
.bg-tertiary-dark    { background-color: var(--color-tertiary-dark) !important; }
.bg-blue             { background-color: var(--color-blue) !important; }
.bg-indigo           { background-color: var(--color-indigo) !important; }
.bg-purple           { background-color: var(--color-purple) !important; }
.bg-pink             { background-color: var(--color-pink) !important; }
.bg-red              { background-color: var(--color-red) !important; }
.bg-orange           { background-color: var(--color-orange) !important; }
.bg-yellow           { background-color: var(--color-yellow) !important; }
.bg-green            { background-color: var(--color-green) !important; }
.bg-teal             { background-color: var(--color-teal) !important; }
.bg-cyan             { background-color: var(--color-cyan) !important; }
.bg-white            { background-color: var(--color-white) !important; }
.bg-gray             { background-color: var(--color-gray) !important; }
.bg-black            { background-color: var(--color-black) !important; }
.body-bg             { background-color: var(--body-bg) !important; }

/** Button Background Colors */
.btn-primary {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

.btn-primary:hover {
  background-color: var(--color-primary-light) !important;
  border-color: var(--color-primary) !important;
}

.btn-info {
  --bs-btn-color: var(--color-primary);
  --bs-btn-bg: #e5eeff;
  --bs-btn-border-color: #e5eeff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #cedfff;
  --bs-btn-hover-border-color: #cedfff;
  --bs-btn-focus-shadow-rgb: 229, 238, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #cedfff;
  --bs-btn-active-border-color: #cedfff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #e5eeff;
  --bs-btn-disabled-border-color: #e5eeff;
  --bs-btn-font-weight: 550;
}

.alert-primary {
  --bs-alert-color: #020443;
  --bs-alert-bg: #b3b7ff;
  --bs-alert-border-color: #808cff;
  --bs-alert-link-color: #020443;
}

.alert-info {
  --bs-alert-color: #052c65;
  --bs-alert-bg: #cfe2ff;
  --bs-alert-border-color: #9ec5fe;
  --bs-alert-link-color: #052c65;
}

/** Cursores de uso general */
.cursor-default { cursor: default; }
.cursor-pointer { cursor: pointer; }
.cursor-text { cursor: text; }
.cursor-help { cursor: help; }
.cursor-wait { cursor: wait; }
.cursor-crosshair { cursor: crosshair; }

/** Cursores para acciones de mover y arrastrar */
.cursor-move { cursor: move; }
.cursor-grab { cursor: grab; }
.cursor-grabbing { cursor: grabbing; }

/** Cursores para redimensionar */
.cursor-resize-all { cursor: all-scroll; }
.cursor-resize-col { cursor: col-resize; }
.cursor-resize-row { cursor: row-resize; }
.cursor-resize-ne-sw { cursor: nesw-resize; }
.cursor-resize-nw-se { cursor: nwse-resize; }
.cursor-resize-n-s { cursor: ns-resize; }
.cursor-resize-w-e { cursor: ew-resize; }

/** Cursores para acciones de estado */
.cursor-not-allowed { cursor: not-allowed; }
.cursor-copy { cursor: copy; }
.cursor-alias { cursor: alias; }