html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  --tenant-shell-gradient-start: #3b75c2;
  --tenant-shell-gradient-end: #8fbce9;
  --tenant-shell-text: #111;
  --tenant-shell-user-label: #222;
  --tenant-shell-link: #0d6efd;
  --tenant-shell-accent: #0d6efd;
  --tenant-shell-danger: crimson;
  --tenant-shell-navbar-background: transparent;
  --tenant-shell-navbar-border: #111;
  --tenant-shell-menu-background: rgba(255, 255, 255, 0.94);
  --tenant-shell-menu-hover-background: rgba(13, 110, 253, 0.12);
  --tenant-shell-button-background: transparent;
  --tenant-shell-button-border: #111;
  --tenant-shell-button-text: #111;
  --tenant-shell-button-hover-background: #fff;
  --tenant-shell-button-hover-border: #111;
  --tenant-shell-button-hover-text: #111;
  --tenant-shell-block-header-text: #111;
  --tenant-shell-footer-text: #fff;
  --tenant-semantic-primary-background: #0d6efd;
  --tenant-semantic-primary-border: #0d6efd;
  --tenant-semantic-primary-text: #fff;
  --tenant-semantic-primary-hover-background: #0b5ed7;
  --tenant-semantic-primary-hover-border: #0a58ca;
  --tenant-semantic-primary-hover-text: #fff;
  --tenant-semantic-primary-subtle-background: #cfe2ff;
  --tenant-semantic-primary-subtle-border: #9ec5fe;
  --tenant-semantic-primary-subtle-text: #084298;
  --tenant-semantic-info-background: #cff4fc;
  --tenant-semantic-info-border: #9eeaf9;
  --tenant-semantic-info-text: #055160;
  --tenant-action-text: #fff;
  --tenant-action-edit-background: #0b5ed7;
  --tenant-action-edit-hover-background: #084298;
  --tenant-action-edit-focus-shadow: rgba(11, 94, 215, 0.32);
  --tenant-action-delete-background: #b02a37;
  --tenant-action-delete-hover-background: #842029;
  --tenant-action-delete-focus-shadow: rgba(176, 42, 55, 0.32);
  --tenant-action-save-background: #198754;
  --tenant-action-save-hover-background: #146c43;
  --tenant-action-save-focus-shadow: rgba(25, 135, 84, 0.32);
  --tenant-action-back-background: #5f6368;
  --tenant-action-back-hover-background: #41464b;
  --tenant-action-back-focus-shadow: rgba(95, 99, 104, 0.32);
  --tenant-action-search-background: #0b6f86;
  --tenant-action-search-hover-background: #084d5d;
  --tenant-action-search-focus-shadow: rgba(11, 111, 134, 0.32);
  --tenant-action-download-background: #0f5f73;
  --tenant-action-download-hover-background: #0a4554;
  --tenant-action-download-focus-shadow: rgba(15, 95, 115, 0.32);
  --tenant-action-view-background: #4b3f8f;
  --tenant-action-view-hover-background: #372f6d;
  --tenant-action-view-focus-shadow: rgba(75, 63, 143, 0.32);
  --tenant-action-permissions-background: #7a5200;
  --tenant-action-permissions-hover-background: #5d3f00;
  --tenant-action-permissions-focus-shadow: rgba(122, 82, 0, 0.32);
  --tenant-action-generic-background: #495057;
  --tenant-action-generic-hover-background: #343a40;
  --tenant-action-generic-focus-shadow: rgba(73, 80, 87, 0.32);
  --tenant-action-disabled-background: #6c757d;
  --tenant-action-disabled-text: #fff;
  background: linear-gradient(to bottom right, var(--tenant-shell-gradient-start), var(--tenant-shell-gradient-end));
  color: var(--tenant-shell-text);
  margin: 0;
  margin-bottom: 60px;
  min-height: 100vh;
}

body.visual-tenant-gesdoco {
  --tenant-shell-gradient-start: #eef6fd;
  --tenant-shell-gradient-end: #d9eaf8;
  --tenant-shell-text: #111;
  --tenant-shell-user-label: #222;
  --tenant-shell-link: #064a8c;
  --tenant-shell-accent: #064a8c;
  --tenant-shell-danger: crimson;
  --tenant-shell-navbar-background: rgba(255, 255, 255, 0.82);
  --tenant-shell-navbar-border: #111;
  --tenant-shell-menu-background: rgba(255, 255, 255, 0.94);
  --tenant-shell-menu-hover-background: rgba(6, 74, 140, 0.12);
  --tenant-shell-button-background: transparent;
  --tenant-shell-button-border: #111;
  --tenant-shell-button-text: #111;
  --tenant-shell-button-hover-background: #fff;
  --tenant-shell-button-hover-border: #111;
  --tenant-shell-button-hover-text: #111;
  --tenant-shell-block-header-text: #fff;
  --tenant-shell-footer-text: #fff;
  --tenant-semantic-primary-background: #064a8c;
  --tenant-semantic-primary-border: #064a8c;
  --tenant-semantic-primary-text: #fff;
  --tenant-semantic-primary-hover-background: #043968;
  --tenant-semantic-primary-hover-border: #043968;
  --tenant-semantic-primary-hover-text: #fff;
  --tenant-semantic-primary-subtle-background: #ffffff;
  --tenant-semantic-primary-subtle-border: #c7d7e8;
  --tenant-semantic-primary-subtle-text: #064a8c;
  --tenant-semantic-info-background: #ffffff;
  --tenant-semantic-info-border: #c7d7e8;
  --tenant-semantic-info-text: #064a8c;
  --tenant-action-text: #fff;
  --tenant-action-edit-background: #0b5ed7;
  --tenant-action-edit-hover-background: #084298;
  --tenant-action-edit-focus-shadow: rgba(11, 94, 215, 0.32);
  --tenant-action-delete-background: #b02a37;
  --tenant-action-delete-hover-background: #842029;
  --tenant-action-delete-focus-shadow: rgba(176, 42, 55, 0.32);
  --tenant-action-save-background: #198754;
  --tenant-action-save-hover-background: #146c43;
  --tenant-action-save-focus-shadow: rgba(25, 135, 84, 0.32);
  --tenant-action-back-background: #5f6368;
  --tenant-action-back-hover-background: #41464b;
  --tenant-action-back-focus-shadow: rgba(95, 99, 104, 0.32);
  --tenant-action-search-background: #0b6f86;
  --tenant-action-search-hover-background: #084d5d;
  --tenant-action-search-focus-shadow: rgba(11, 111, 134, 0.32);
  --tenant-action-download-background: #0f5f73;
  --tenant-action-download-hover-background: #0a4554;
  --tenant-action-download-focus-shadow: rgba(15, 95, 115, 0.32);
  --tenant-action-view-background: #4b3f8f;
  --tenant-action-view-hover-background: #372f6d;
  --tenant-action-view-focus-shadow: rgba(75, 63, 143, 0.32);
  --tenant-action-permissions-background: #7a5200;
  --tenant-action-permissions-hover-background: #5d3f00;
  --tenant-action-permissions-focus-shadow: rgba(122, 82, 0, 0.32);
  --tenant-action-generic-background: #495057;
  --tenant-action-generic-hover-background: #343a40;
  --tenant-action-generic-focus-shadow: rgba(73, 80, 87, 0.32);
  --tenant-action-disabled-background: #6c757d;
  --tenant-action-disabled-text: #fff;
  --bs-secondary-color: #475569;
}

body.visual-tenant-gdc1t {
  --tenant-shell-gradient-start: #eefaf3;
  --tenant-shell-gradient-end: #d8f0e2;
  --tenant-shell-text: #0e2b1e;
  --tenant-shell-user-label: #133728;
  --tenant-shell-link: #146c43;
  --tenant-shell-accent: #146c43;
  --tenant-shell-danger: #8b2332;
  --tenant-shell-navbar-background: rgba(255, 255, 255, 0.82);
  --tenant-shell-navbar-border: #0e2b1e;
  --tenant-shell-menu-background: rgba(255, 255, 255, 0.94);
  --tenant-shell-menu-hover-background: rgba(20, 108, 67, 0.12);
  --tenant-shell-button-background: transparent;
  --tenant-shell-button-border: #0e2b1e;
  --tenant-shell-button-text: #0e2b1e;
  --tenant-shell-button-hover-background: #f3fff7;
  --tenant-shell-button-hover-border: #0e2b1e;
  --tenant-shell-button-hover-text: #0e2b1e;
  --tenant-shell-block-header-text: #0e2b1e;
  --tenant-shell-footer-text: #fff;
  --tenant-semantic-primary-background: #146c43;
  --tenant-semantic-primary-border: #146c43;
  --tenant-semantic-primary-text: #fff;
  --tenant-semantic-primary-hover-background: #0f5132;
  --tenant-semantic-primary-hover-border: #0b3d26;
  --tenant-semantic-primary-hover-text: #fff;
  --tenant-semantic-primary-subtle-background: #d1e7dd;
  --tenant-semantic-primary-subtle-border: #a3cfbb;
  --tenant-semantic-primary-subtle-text: #0f5132;
  --tenant-semantic-info-background: #d8f3e3;
  --tenant-semantic-info-border: #a8ddbf;
  --tenant-semantic-info-text: #0f5132;
  --tenant-action-text: #fff;
  --tenant-action-edit-background: #1769aa;
  --tenant-action-edit-hover-background: #125481;
  --tenant-action-edit-focus-shadow: rgba(23, 105, 170, 0.32);
  --tenant-action-delete-background: #a32638;
  --tenant-action-delete-hover-background: #7d1c2a;
  --tenant-action-delete-focus-shadow: rgba(163, 38, 56, 0.32);
  --tenant-action-save-background: #137c3b;
  --tenant-action-save-hover-background: #0f5f2e;
  --tenant-action-save-focus-shadow: rgba(19, 124, 59, 0.32);
  --tenant-action-back-background: #56615c;
  --tenant-action-back-hover-background: #3f4844;
  --tenant-action-back-focus-shadow: rgba(86, 97, 92, 0.32);
  --tenant-action-search-background: #0a6f56;
  --tenant-action-search-hover-background: #075640;
  --tenant-action-search-focus-shadow: rgba(10, 111, 86, 0.32);
  --tenant-action-download-background: #0b6972;
  --tenant-action-download-hover-background: #084e55;
  --tenant-action-download-focus-shadow: rgba(11, 105, 114, 0.32);
  --tenant-action-view-background: #315f86;
  --tenant-action-view-hover-background: #244866;
  --tenant-action-view-focus-shadow: rgba(49, 95, 134, 0.32);
  --tenant-action-permissions-background: #6f5200;
  --tenant-action-permissions-hover-background: #513c00;
  --tenant-action-permissions-focus-shadow: rgba(111, 82, 0, 0.32);
  --tenant-action-generic-background: #40504a;
  --tenant-action-generic-hover-background: #2f3d38;
  --tenant-action-generic-focus-shadow: rgba(64, 80, 74, 0.32);
  --tenant-action-disabled-background: #66736d;
  --tenant-action-disabled-text: #fff;
  --bs-secondary-color: #40534a;
}

body.visual-tenant-digital {
  --tenant-shell-gradient-start: rgb(238, 216, 216);
  --tenant-shell-gradient-end: rgb(238, 216, 216);
  --tenant-shell-text: #000;
  --tenant-shell-user-label: #a00;
  --tenant-shell-link: #a00;
  --tenant-shell-accent: #b01b00;
  --tenant-shell-danger: #a00;
  --tenant-shell-navbar-background: rgb(253, 217, 217);
  --tenant-shell-navbar-border: #a00;
  --tenant-shell-menu-background: rgb(253, 217, 217);
  --tenant-shell-menu-hover-background: rgba(176, 27, 0, 0.16);
  --tenant-shell-button-background: transparent;
  --tenant-shell-button-border: #b01b00;
  --tenant-shell-button-text: #000;
  --tenant-shell-button-hover-background: #fff;
  --tenant-shell-button-hover-border: #b01b00;
  --tenant-shell-button-hover-text: #000;
  --tenant-shell-block-header-text: #111;
  --tenant-shell-footer-text: #000;
  --tenant-semantic-primary-background: #b01b00;
  --tenant-semantic-primary-border: #b01b00;
  --tenant-semantic-primary-text: #fff;
  --tenant-semantic-primary-hover-background: #8f1600;
  --tenant-semantic-primary-hover-border: #7a1200;
  --tenant-semantic-primary-hover-text: #fff;
  --tenant-semantic-primary-subtle-background: rgb(253, 217, 217);
  --tenant-semantic-primary-subtle-border: #a00;
  --tenant-semantic-primary-subtle-text: #800;
  --tenant-semantic-info-background: rgb(253, 217, 217);
  --tenant-semantic-info-border: #a00;
  --tenant-semantic-info-text: #800;
  --tenant-action-text: #fff;
  --tenant-action-edit-background: #0057b8;
  --tenant-action-edit-hover-background: #003f88;
  --tenant-action-edit-focus-shadow: rgba(0, 87, 184, 0.32);
  --tenant-action-delete-background: #b41419;
  --tenant-action-delete-hover-background: #861014;
  --tenant-action-delete-focus-shadow: rgba(180, 20, 25, 0.32);
  --tenant-action-save-background: #18784a;
  --tenant-action-save-hover-background: #125b38;
  --tenant-action-save-focus-shadow: rgba(24, 120, 74, 0.32);
  --tenant-action-back-background: #5d5f66;
  --tenant-action-back-hover-background: #45474d;
  --tenant-action-back-focus-shadow: rgba(93, 95, 102, 0.32);
  --tenant-action-search-background: #4c1d1d;
  --tenant-action-search-hover-background: #351313;
  --tenant-action-search-focus-shadow: rgba(76, 29, 29, 0.32);
  --tenant-action-download-background: #7c2d12;
  --tenant-action-download-hover-background: #5f210d;
  --tenant-action-download-focus-shadow: rgba(124, 45, 18, 0.32);
  --tenant-action-view-background: #831843;
  --tenant-action-view-hover-background: #641235;
  --tenant-action-view-focus-shadow: rgba(131, 24, 67, 0.32);
  --tenant-action-permissions-background: #6f4b00;
  --tenant-action-permissions-hover-background: #513700;
  --tenant-action-permissions-focus-shadow: rgba(111, 75, 0, 0.32);
  --tenant-action-generic-background: #343a40;
  --tenant-action-generic-hover-background: #212529;
  --tenant-action-generic-focus-shadow: rgba(52, 58, 64, 0.32);
  --tenant-action-disabled-background: #666a70;
  --tenant-action-disabled-text: #fff;
  --bs-secondary-color: #5a1f1f;
}

body.visual-tenant-adl {
  --tenant-shell-gradient-start: #ffffff;
  --tenant-shell-gradient-end: #ffffff;
  --tenant-shell-text: #333333;
  --tenant-shell-user-label: #333;
  --tenant-shell-link: #A3382A;
  --tenant-shell-accent: #A3382A;
  --tenant-shell-danger: #b02a37;
  --tenant-shell-navbar-background: #F1F3F5;
  --tenant-shell-navbar-border: #A3382A;
  --tenant-shell-menu-background: #F1F3F5;
  --tenant-shell-menu-hover-background: #f1e8e6;
  --tenant-shell-button-background: transparent;
  --tenant-shell-button-border: #A3382A;
  --tenant-shell-button-text: #222;
  --tenant-shell-button-hover-background: #f1e8e6;
  --tenant-shell-button-hover-border: #842e22;
  --tenant-shell-button-hover-text: #222;
  --tenant-shell-block-header-text: #A3382A;
  --tenant-shell-footer-text: #222;
  --tenant-semantic-primary-background: #A3382A;
  --tenant-semantic-primary-border: #A3382A;
  --tenant-semantic-primary-text: #fff;
  --tenant-semantic-primary-hover-background: #842e22;
  --tenant-semantic-primary-hover-border: #842e22;
  --tenant-semantic-primary-hover-text: #fff;
  --tenant-semantic-primary-subtle-background: #F1F3F5;
  --tenant-semantic-primary-subtle-border: #cccccc;
  --tenant-semantic-primary-subtle-text: #A3382A;
  --tenant-semantic-info-background: #F1F3F5;
  --tenant-semantic-info-border: #cccccc;
  --tenant-semantic-info-text: #A3382A;
  --tenant-action-text: #fff;
  --tenant-action-edit-background: #0057b8;
  --tenant-action-edit-hover-background: #003f88;
  --tenant-action-edit-focus-shadow: rgba(0, 87, 184, 0.32);
  --tenant-action-delete-background: #b41419;
  --tenant-action-delete-hover-background: #861014;
  --tenant-action-delete-focus-shadow: rgba(180, 20, 25, 0.32);
  --tenant-action-save-background: #18784a;
  --tenant-action-save-hover-background: #125b38;
  --tenant-action-save-focus-shadow: rgba(24, 120, 74, 0.32);
  --tenant-action-back-background: #5d5f66;
  --tenant-action-back-hover-background: #45474d;
  --tenant-action-back-focus-shadow: rgba(93, 95, 102, 0.32);
  --tenant-action-search-background: #4c1d1d;
  --tenant-action-search-hover-background: #351313;
  --tenant-action-search-focus-shadow: rgba(76, 29, 29, 0.32);
  --tenant-action-download-background: #7c2d12;
  --tenant-action-download-hover-background: #5f210d;
  --tenant-action-download-focus-shadow: rgba(124, 45, 18, 0.32);
  --tenant-action-view-background: #831843;
  --tenant-action-view-hover-background: #641235;
  --tenant-action-view-focus-shadow: rgba(131, 24, 67, 0.32);
  --tenant-action-permissions-background: #6f4b00;
  --tenant-action-permissions-hover-background: #513700;
  --tenant-action-permissions-focus-shadow: rgba(111, 75, 0, 0.32);
  --tenant-action-generic-background: #343a40;
  --tenant-action-generic-hover-background: #212529;
  --tenant-action-generic-focus-shadow: rgba(52, 58, 64, 0.32);
  --tenant-action-disabled-background: #666a70;
  --tenant-action-disabled-text: #fff;
  --bs-secondary-color: #555555;
}

.app-header-bar {
  background: transparent;
}

.app-brand-image {
  max-width: 190px;
}

.app-user-label {
  color: var(--tenant-shell-user-label);
  font-size: 1.1rem;
}

.app-navbar {
  background-color: var(--tenant-shell-navbar-background);
  border-color: var(--tenant-shell-navbar-border) !important;
  border-width: 2px !important;
  min-height: 40px;
}

.app-navbar-container {
  padding-bottom: 0;
  padding-top: 0;
}

.app-navbar-links {
  align-items: center;
}

.app-navbar .nav-link,
.app-navbar .dropdown-item {
  color: var(--tenant-shell-text);
  font-size: 0.9rem;
  font-weight: bold;
}

.app-navbar.navbar-dark .navbar-nav .nav-link,
.app-navbar.navbar-dark .navbar-nav .show > .nav-link,
.app-navbar.navbar-dark .navbar-nav .nav-link.active {
  color: var(--tenant-shell-text) !important;
}

.app-navbar.navbar-dark .navbar-nav .nav-link {
  color: var(--tenant-shell-text) !important;
}

.app-navbar .nav-link:hover,
.app-navbar .nav-link:focus {
  color: var(--tenant-shell-link) !important;
}

.app-navbar .dropdown-menu {
  background-color: var(--tenant-shell-menu-background);
  border-color: var(--tenant-shell-navbar-border);
}

.app-navbar .dropdown-item:hover,
.app-navbar .dropdown-item:focus {
  background-color: var(--tenant-shell-menu-hover-background);
  color: var(--tenant-shell-text) !important;
}

.app-navbar .dropdown:hover > .dropdown-menu {
  display: block;
  margin-top: 0;
}

.app-nav-help-link {
  color: var(--tenant-shell-link) !important;
}

.app-nav-logout-link {
  color: var(--tenant-shell-danger) !important;
}

.app-nav-separator {
  color: var(--tenant-shell-accent);
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0 8px;
}

.boton-cuadrado {
  align-items: center;
  border-radius: 18px !important;
  display: flex;
  font-size: 0.95rem;
  height: 110px;
  justify-content: center;
  padding: 0.5rem;
  text-align: center;
  white-space: normal;
  width: 110px;
}

.boton-cuadrado.btn-outline-dark {
  background-color: var(--tenant-shell-button-background) !important;
  border-color: var(--tenant-shell-button-border) !important;
  color: var(--tenant-shell-button-text) !important;
}

.boton-cuadrado.btn-outline-dark:hover,
.boton-cuadrado.btn-outline-dark:focus {
  background-color: var(--tenant-shell-button-hover-background) !important;
  border-color: var(--tenant-shell-button-hover-border) !important;
  color: var(--tenant-shell-button-hover-text) !important;
}

.btn-primary {
  --bs-btn-bg: var(--tenant-semantic-primary-background);
  --bs-btn-border-color: var(--tenant-semantic-primary-border);
  --bs-btn-color: var(--tenant-semantic-primary-text);
  --bs-btn-hover-bg: var(--tenant-semantic-primary-hover-background);
  --bs-btn-hover-border-color: var(--tenant-semantic-primary-hover-border);
  --bs-btn-hover-color: var(--tenant-semantic-primary-hover-text);
  --bs-btn-active-bg: var(--tenant-semantic-primary-hover-background);
  --bs-btn-active-border-color: var(--tenant-semantic-primary-hover-border);
  --bs-btn-active-color: var(--tenant-semantic-primary-hover-text);
  --bs-btn-disabled-bg: var(--tenant-semantic-primary-background);
  --bs-btn-disabled-border-color: var(--tenant-semantic-primary-border);
  --bs-btn-disabled-color: var(--tenant-semantic-primary-text);
}

.btn-primary:hover,
.btn-primary:focus-visible {
  --bs-btn-bg: var(--tenant-semantic-primary-hover-background);
  --bs-btn-border-color: var(--tenant-semantic-primary-hover-border);
  --bs-btn-color: var(--tenant-semantic-primary-hover-text);
}

.btn-outline-primary {
  --bs-btn-color: var(--tenant-semantic-primary-background);
  --bs-btn-border-color: var(--tenant-semantic-primary-border);
  --bs-btn-hover-bg: var(--tenant-semantic-primary-background);
  --bs-btn-hover-border-color: var(--tenant-semantic-primary-border);
  --bs-btn-hover-color: var(--tenant-semantic-primary-text);
  --bs-btn-active-bg: var(--tenant-semantic-primary-background);
  --bs-btn-active-border-color: var(--tenant-semantic-primary-border);
  --bs-btn-active-color: var(--tenant-semantic-primary-text);
  --bs-btn-disabled-color: var(--tenant-semantic-primary-background);
  --bs-btn-disabled-border-color: var(--tenant-semantic-primary-border);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus-visible {
  --bs-btn-color: var(--tenant-semantic-primary-text);
  --bs-btn-bg: var(--tenant-semantic-primary-background);
  --bs-btn-border-color: var(--tenant-semantic-primary-border);
}

.app-action-button {
  --app-action-bg: var(--tenant-action-generic-background);
  --app-action-hover-bg: var(--tenant-action-generic-hover-background);
  --app-action-focus-shadow: var(--tenant-action-generic-focus-shadow);
  background-color: var(--app-action-bg) !important;
  border-color: var(--app-action-bg) !important;
  color: var(--tenant-action-text) !important;
  font-weight: 600;
  transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}

.app-action-button:hover,
.app-action-button:focus-visible {
  background-color: var(--app-action-hover-bg) !important;
  border-color: var(--app-action-hover-bg) !important;
  color: var(--tenant-action-text) !important;
  box-shadow: 0 0 0 0.18rem var(--app-action-focus-shadow);
  filter: brightness(1.04);
  text-decoration: none;
}

.app-action-button:focus-visible {
  outline: 0;
}

.app-action-button:disabled,
.app-action-button.disabled,
fieldset:disabled .app-action-button {
  background-color: var(--tenant-action-disabled-background) !important;
  border-color: var(--tenant-action-disabled-background) !important;
  box-shadow: none;
  color: var(--tenant-action-disabled-text) !important;
  cursor: not-allowed;
  filter: none;
  opacity: 0.72;
}

.app-action-button--edit {
  --app-action-bg: var(--tenant-action-edit-background);
  --app-action-hover-bg: var(--tenant-action-edit-hover-background);
  --app-action-focus-shadow: var(--tenant-action-edit-focus-shadow);
}

.app-action-button--primary {
  --app-action-bg: var(--tenant-semantic-primary-background);
  --app-action-hover-bg: var(--tenant-semantic-primary-hover-background);
  --app-action-focus-shadow: var(--tenant-action-edit-focus-shadow);
}

.app-action-button--delete {
  --app-action-bg: var(--tenant-action-delete-background);
  --app-action-hover-bg: var(--tenant-action-delete-hover-background);
  --app-action-focus-shadow: var(--tenant-action-delete-focus-shadow);
}

.app-action-button--save,
.app-action-button--add {
  --app-action-bg: var(--tenant-action-save-background);
  --app-action-hover-bg: var(--tenant-action-save-hover-background);
  --app-action-focus-shadow: var(--tenant-action-save-focus-shadow);
}

.app-action-button--back,
.app-action-button--clear {
  --app-action-bg: var(--tenant-action-back-background);
  --app-action-hover-bg: var(--tenant-action-back-hover-background);
  --app-action-focus-shadow: var(--tenant-action-back-focus-shadow);
}

.app-action-button--search {
  --app-action-bg: var(--tenant-action-search-background);
  --app-action-hover-bg: var(--tenant-action-search-hover-background);
  --app-action-focus-shadow: var(--tenant-action-search-focus-shadow);
}

.app-action-button--download {
  --app-action-bg: var(--tenant-action-download-background);
  --app-action-hover-bg: var(--tenant-action-download-hover-background);
  --app-action-focus-shadow: var(--tenant-action-download-focus-shadow);
}

.app-action-button--view {
  --app-action-bg: var(--tenant-action-view-background);
  --app-action-hover-bg: var(--tenant-action-view-hover-background);
  --app-action-focus-shadow: var(--tenant-action-view-focus-shadow);
}

.app-action-button--permissions {
  --app-action-bg: var(--tenant-action-permissions-background);
  --app-action-hover-bg: var(--tenant-action-permissions-hover-background);
  --app-action-focus-shadow: var(--tenant-action-permissions-focus-shadow);
}

.app-action-button--generic {
  --app-action-bg: var(--tenant-action-generic-background);
  --app-action-hover-bg: var(--tenant-action-generic-hover-background);
  --app-action-focus-shadow: var(--tenant-action-generic-focus-shadow);
}

.text-bg-primary {
  background-color: var(--tenant-semantic-primary-background) !important;
  color: var(--tenant-semantic-primary-text) !important;
}

.link-primary {
  color: var(--tenant-semantic-primary-background) !important;
}

.text-primary {
  color: var(--tenant-semantic-primary-background) !important;
}

.link-primary:hover,
.link-primary:focus {
  color: var(--tenant-semantic-primary-hover-background) !important;
}

.alert-info {
  background-color: var(--tenant-semantic-info-background);
  border-color: var(--tenant-semantic-info-border);
  color: var(--tenant-semantic-info-text);
}

.boton-cuadrado img {
  height: 40px;
  margin-bottom: 6px;
  object-fit: contain;
  width: 40px;
}

.card,
.card-header,
.card-body {
  background-color: transparent !important;
}

body.visual-tenant-gesdoco .card {
  background-color: var(--tenant-semantic-primary-subtle-background) !important;
  border-color: var(--tenant-semantic-primary-subtle-border);
}

body.visual-tenant-gesdoco .card-header,
body.visual-tenant-gesdoco .card-body {
  background-color: var(--tenant-semantic-primary-subtle-background) !important;
}

body.visual-tenant-gesdoco .text-muted {
  color: var(--bs-secondary-color) !important;
}

body.visual-tenant-gdc1t .card {
  background-color: #ffffff !important;
  border-color: var(--tenant-semantic-primary-subtle-border);
}

body.visual-tenant-gdc1t .card-header,
body.visual-tenant-gdc1t .card-body {
  background-color: #ffffff !important;
}

body.visual-tenant-gdc1t .text-muted {
  color: var(--bs-secondary-color) !important;
}

body.visual-tenant-digital .text-muted {
  color: var(--bs-secondary-color) !important;
}

body.visual-tenant-adl .text-muted {
  color: var(--bs-secondary-color) !important;
}

body.visual-tenant-gesdoco.login-screen {
  --tenant-shell-gradient-start: #3b75c2;
  --tenant-shell-gradient-end: #8fbce9;
  --tenant-shell-footer-text: #ffffff;
}

body.visual-tenant-gdc1t.login-screen {
  --tenant-shell-gradient-start: #238a57;
  --tenant-shell-gradient-end: #8bd8a8;
  --tenant-shell-footer-text: #ffffff;
}

body.visual-tenant-gesdoco.login-screen .login-card {
  background-color: transparent !important;
}

body.visual-tenant-gdc1t.login-screen .login-card {
  background-color: transparent !important;
}

body.visual-tenant-gesdoco.login-screen .login-card,
body.visual-tenant-gdc1t.login-screen .login-card,
body.visual-tenant-gesdoco.login-screen .login-card-header,
body.visual-tenant-gdc1t.login-screen .login-card-header,
body.visual-tenant-gesdoco.login-screen .login-card-body,
body.visual-tenant-gdc1t.login-screen .login-card-body,
body.visual-tenant-gesdoco.login-screen .login-card-footer,
body.visual-tenant-gdc1t.login-screen .login-card-footer {
  background-color: transparent !important;
}

body.visual-tenant-gesdoco.login-screen .login-card-footer,
body.visual-tenant-gdc1t.login-screen .login-card-footer {
  color: #000000 !important;
}

body.visual-tenant-gesdoco.login-screen .login-card-header h4 {
  color: #000000 !important;
}

body.visual-tenant-gdc1t.login-screen .login-card-header h4 {
  color: #000000 !important;
}

.login-card-header h4 {
  margin: 0;
}

.login-card-footer {
  border-top: 0;
}

body.visual-tenant-gesdoco .login-card {
  border: 1px solid #6b6b6b !important;
  box-shadow: none !important;
}

body.visual-tenant-gdc1t .login-card {
  border: 1px solid #6b6b6b !important;
  box-shadow: none !important;
}

body.visual-tenant-gesdoco .login-card-header {
  border-bottom: 0 !important;
  color: #333333 !important;
}

body.visual-tenant-gdc1t .login-card-header {
  border-bottom: 0 !important;
  color: #333333 !important;
}

body.visual-tenant-gesdoco .login-card-header h4 {
  color: #333333 !important;
}

body.visual-tenant-gdc1t .login-card-header h4 {
  color: #333333 !important;
}

body.visual-tenant-gesdoco .login-card-body {
  border: 1px solid #6b6b6b;
}

body.visual-tenant-gdc1t .login-card-body {
  border: 1px solid #6b6b6b;
}

body.visual-tenant-gesdoco .login-card .btn-primary {
  --bs-btn-bg: #858585;
  --bs-btn-border-color: #858585;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: #6f6f6f;
  --bs-btn-hover-border-color: #6f6f6f;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #6f6f6f;
  --bs-btn-active-border-color: #6f6f6f;
  --bs-btn-active-color: #fff;
}

body.visual-tenant-gesdoco .login-card .app-action-button--primary {
  --app-action-bg: #858585;
  --app-action-hover-bg: #6f6f6f;
  --app-action-focus-shadow: rgba(133, 133, 133, 0.32);
}

body.visual-tenant-gdc1t .login-card .btn-primary {
  --bs-btn-bg: #5B5B5B;
  --bs-btn-border-color: #5B5B5B;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: #4a4a4a;
  --bs-btn-hover-border-color: #4a4a4a;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #4a4a4a;
  --bs-btn-active-border-color: #4a4a4a;
  --bs-btn-active-color: #fff;
}

body.visual-tenant-gdc1t .login-card .app-action-button--primary {
  --app-action-bg: #5B5B5B;
  --app-action-hover-bg: #4a4a4a;
  --app-action-focus-shadow: rgba(91, 91, 91, 0.32);
}

body.visual-tenant-digital .login-card-header,
body.visual-tenant-digital .login-card-header h4 {
  color: #5a1f1f !important;
}

body.visual-tenant-adl .login-card {
  background-color: #F1F3F5 !important;
  border: 1px solid #CCCCCC !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #333333;
}

body.visual-tenant-adl .login-card-header {
  background-color: #F1F3F5 !important;
  border-bottom: 0 !important;
  color: #A3382A !important;
}

body.visual-tenant-adl .login-card-header h4 {
  color: #A3382A !important;
}

body.visual-tenant-adl .login-card-body {
  background-color: #E9ECEF !important;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
}

body.visual-tenant-adl .login-card-footer {
  background-color: #F1F3F5 !important;
  color: #666666 !important;
}

body.visual-tenant-adl .login-card .form-label,
body.visual-tenant-adl .login-card .form-check-label {
  color: #333333;
  font-weight: 700;
}

body.visual-tenant-adl .login-card .form-control {
  background-color: #FFFFFF;
  border-color: #CCCCCC;
}

body.visual-tenant-adl .login-card .form-control:focus {
  border-color: #842e22;
  box-shadow: 0 0 0 0.15rem rgba(163, 56, 42, 0.2);
}

.ndd-color-indicator {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: 1.5rem;
  min-width: 1.5rem;
}

.ndd-color-indicator__swatch {
  background-color: var(--ndd-color-value, transparent);
  border: 1px solid rgba(17, 17, 17, 0.25);
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
  display: inline-block;
  height: 1rem;
  width: 1rem;
}

.ndd-color-indicator--invalid .ndd-color-indicator__swatch {
  background: linear-gradient(135deg, #adb5bd 0 45%, #f8f9fa 45% 55%, #adb5bd 55% 100%);
}

.ndd-boolean-indicator {
  align-items: center;
  border: 1px solid rgba(17, 17, 17, 0.25);
  border-radius: 999px;
  display: inline-flex;
  height: 1.5rem;
  justify-content: center;
  width: 1.5rem;
}

.ndd-boolean-indicator__glyph {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
}

.ndd-boolean-indicator--true {
  background-color: #198754;
  border-color: rgba(25, 135, 84, 0.6);
  color: #fff;
}

.ndd-boolean-indicator--false {
  background-color: rgba(248, 249, 250, 0.85);
  color: transparent;
}

.bloque-header {
  background-image: url('/net-assets/images/barrabloque.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 18px 18px 0 0 !important;
  color: var(--tenant-shell-block-header-text) !important;
}

.sin-bordes-bloques .card,
.sin-bordes-bloques .card-header,
.sin-bordes-bloques .card-body {
  border: none !important;
  box-shadow: none !important;
}

.app-footer {
  background: linear-gradient(to bottom right, var(--tenant-shell-gradient-start), var(--tenant-shell-gradient-end));
  color: var(--tenant-shell-footer-text);
}

.app-footer-logo {
  max-width: 300px;
}

.app-footer-copy {
  font-size: 0.85rem;
}

/* albaran-index-compact:start */
.albaran-index-screen--compact .albaran-index-table {
  font-size: 0.8125rem;
}

.albaran-index-screen--compact .albaran-index-row-actions--compact {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 0.35rem;
  white-space: normal;
  width: max-content;
}

.albaran-index-screen--compact .albaran-index-row-actions-line {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

@media (max-width: 991.98px) {
  .albaran-index-screen--compact .albaran-index-row-actions--compact {
    width: 100%;
  }

  .albaran-index-screen--compact .albaran-index-row-actions-line {
    gap: 0.35rem;
  }
}
/* albaran-index-compact:end */

/* pedidossegunestado-index-compact:start */
.pedidossegunestado-index-screen--compact .pedidossegunestado-index-table {
  font-size: 0.75rem;
}

.pedidossegunestado-index-screen--compact .pedidossegunestado-index-table th,
.pedidossegunestado-index-screen--compact .pedidossegunestado-index-table td {
  padding-left: 0.45rem;
  padding-right: 0.45rem;
}

.pedidossegunestado-index-screen--compact .pedidossegunestado-index-row-actions--compact {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 0.3rem;
  white-space: normal;
  width: max-content;
}

.pedidossegunestado-index-screen--compact .pedidossegunestado-index-row-actions-line {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.pedidossegunestado-index-screen--compact .pedidossegunestado-index-row-actions-line .btn {
  --bs-btn-font-size: 0.75rem;
  --bs-btn-padding-x: 0.45rem;
  --bs-btn-padding-y: 0.2rem;
}

@media (max-width: 991.98px) {
  .pedidossegunestado-index-screen--compact .pedidossegunestado-index-row-actions--compact {
    width: 100%;
  }
}
/* pedidossegunestado-index-compact:end */

body.visual-tenant-digital .bloque-header {
  background-image: none !important;
  background-color: var(--tenant-semantic-primary-background) !important;
  font-style: italic;
  font-weight: bold;
}

body.visual-tenant-adl .bloque-header {
  background-image: none !important;
  background-color: #ffffff !important;
  color: #A3382A !important;
  border-top: 3px solid #A3382A !important;
  font-style: italic;
  font-weight: bold;
}