body {
  color: var(--black);
}

:root {
  --white: white;
  --background: #e3e7ed;
  --navbar-bg: #0052A4;
  --blue-primary: #5c70d6;
  --blue-hover: #99a6e6;
  --body-bg: var(--background);

  --logo-background: #00A486;
  --btn-background: #198754;
  --btn-color: #198754;
  --btn-color-hover: #2a9865;
  --text-muted: #087643;
  --text-color-light: var(--green);
  --intro-access-border:4px solid rgb(36 104 176);
  --intro-access-background:white;
  --intro-access-filter: ;
  --intro-access-image-filter: ;
  --return-page-filter: invert(1);
  --form-bg: white;
}

[data-theme="contrast"] {
  --background: black;
  --logo-background: black;
  --navbar-bg: #000000;
  --text-color-dark: yellow;
  --text-color: yellow;
  --form-bg: black;
  --border-color: yellow;
  --btn-custom-color: yellow;
  --light-green: yellow;
  --light-warning-color:  inherit;
  --fieldset-bg: var(--background);
  --btn-background: black;
  --btn-color: yellow;
  --text-muted: var(--green);
  --text-color-light: var(--green);

  --intro-access-border:4px solid yellow;
  --intro-access-background:black;
  --intro-access-image-filter:invert(99%) sepia(82%) saturate(5821%) hue-rotate(356deg) brightness(103%) contrast(104%);
  --return-page-filter:invert(99%) sepia(82%) saturate(5821%) hue-rotate(356deg) brightness(103%) contrast(104%);
}

.action-icon {
  color: var(--btn-color) !important;
}

.action-icon:hover {
  color: var(--btn-color-hover) !important;
}

a {
  color: var(--text-color-dark) !important;
}

.sidebar-menu li:not(.submenu-active).active .fa, .sidebar-menu li:not(.submenu-active).active a {
  color: var(--btn-color) !important;
}

a.logo {
  color: var(--text-color) !important;
}

.datagrid .fa {
  color: inherit;
}

.fa-arrow-down {
  color: var(--green) !important;
}

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

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

.btn-danger, .btn.action-delete {
  color: var(--white) !important;
  background: var(--color-danger) !important;
  border-color: var(--white) !important;
}

.btn-danger:hover, .btn.action-delete:hover {
  background: var(--white) !important;
  color: var(--color-danger) !important;
  border-color: var(--btn-background) !important;
}

.modal-backdrop {
  background: black !important;
}

.modal-footer {
  background: initial !important;
}

.form-control, .custom-select, .click-button, .grid-editable-field, .badge-secondary {
  background: var(--form-bg) !important;
  color: var(--text-color) !important;
}

.popover-body {
  background: var(--bg-white);
}

.table td, .table th {
  border-top: 1px solid var(--border-color) !important;
}

.list-audits {
  background: var(--bg-white) !important;
}

[data-theme=contrast] .btn {
  background: var(--btn-background) !important;
  color: var(--green) !important;
  border: 1px solid var(--green) !important;
}

[data-theme=contrast] .btn:hover {
  background: var(--white) !important;
  color: var(--btn-background) !important;
  border-color: var(--btn-background) !important;
}

[data-theme=contrast] .fa {
  filter: opacity(100%);
}

[data-theme=contrast] .content, .content-footer {
  background: none;
}

[data-theme=contrast] a.action-delete:not(.btn) {
  color: var(--green) !important;
}

[data-theme=contrast] a.action-delete:hover:not(.btn) {
  color: var(--green) !important;
}

[data-theme=contrast] .action-icon:hover {
  color: var(--green) !important;
}

[data-theme=contrast] .page-link {
  color: var(--white) !important;
  background: var(--bg-white) !important;
  cursor: pointer;
}

[data-theme=contrast] a.page-link {
  border-color: var(--white) !important;
}

[data-theme=contrast] .page-item.active a {
  background: #ffffff !important;
  color: #000000 !important;
}

[data-theme=contrast] .info-text {
  color: var(--black) !important;
}

[data-theme=contrast] .select2-results > ul, .selection ul > li, .select2-search > input {
  color: black !important;
}

[data-theme=contrast] .select2-selection__rendered {
  color: black !important;
}

[data-theme=contrast] .select2-selection__choice__remove {
  color: initial !important;
}

[data-theme=contrast] .select2-results__option[aria-selected=true] {
  color: var(--green);
}

[data-theme=contrast] .select2-dropdown {
  border: 2px solid var(--green);
}

[data-theme=contrast] .ui-datepicker-calendar {
  color: black !important;
}

[data-theme=contrast] a.ui-state-default {
  color: black !important;
}

[data-theme=contrast] .custom-card {
  background: var(--bg-white) !important;
}

[data-theme=contrast] form:not(.edit-form) {
  border: 1px solid var(--green);
}

[data-theme=contrast] .invalid-feedback {
  color: var(--green) !important;
}

[data-theme=contrast] .badge-danger {
  background-color: var(--green) !important;
  color: var(--background) !important;
}

[data-theme=contrast] .required:after {
  color: var(--green) !important;
}

[data-theme=contrast] .text-danger {
  color: var(--green) !important;
}

[data-theme=contrast] .nav-link {
  border: 1px solid yellow;
}

.intro__access {
  position: static;
  width: 3rem;
  left: var(--sidebar-width);
  z-index: 5;
  cursor: pointer;
}

.access__menu.visible {
  left: calc(var(--sidebar-width) - 50px);
  top: 5rem;
  right: auto;
  z-index: 2000;
}