:root {
    --tami-green: #3A9B5C;
    --tami-green-dark: #257345;
    --tami-green-strong: #3A9B5C;
    --tami-green-soft: #E7F5EC;
    --tami-green-pale: #f5faf7;
    --tami-green-border: #b8d9c5;
    --tami-ink: #17251d;
    --bs-primary: #3A9B5C;
    --bs-primary-rgb: 58, 155, 92;
    --bs-link-color: #3A9B5C;
    --bs-link-hover-color: #257345;
    --color-sf-primary: #3A9B5C;
}

body {
    color: var(--tami-ink);
    background-color: #edf5f0 !important;
    background-blend-mode: multiply;
}

h1,
h2,
h3,
.seccion-titulo {
    color: var(--tami-green) !important;
}

a {
    color: var(--tami-green);
}

a:hover {
    color: var(--tami-green-dark);
}

.navbar {
    background: rgba(250, 253, 251, .98) !important;
    border-bottom: 2px solid var(--tami-green-border) !important;
    box-shadow: 0 5px 16px rgba(37, 115, 69, .09) !important;
}

.navbar-brand img[alt="TAMI"] {
    filter: hue-rotate(289.4deg) saturate(1.2) brightness(.92);
}

.navbar .nav-link {
    color: #284b37;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--tami-green-dark);
    background-color: var(--tami-green-soft);
}

.nav-link.active,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.dropdown-item.active,
.dropdown-item:active {
    color: #fff !important;
    background-color: var(--tami-green) !important;
    border-color: var(--tami-green) !important;
}

.btn-primary,
.e-btn.e-primary,
.e-css.e-btn.e-primary {
    color: #fff !important;
    background-color: var(--tami-green) !important;
    border-color: var(--tami-green) !important;
    box-shadow: 0 3px 8px rgba(37, 115, 69, .16);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.e-btn.e-primary:hover,
.e-css.e-btn.e-primary:hover {
    color: #fff !important;
    background-color: var(--tami-green-dark) !important;
    border-color: var(--tami-green-dark) !important;
}

.btn-outline-primary {
    color: var(--tami-green) !important;
    border-color: var(--tami-green) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    color: #fff !important;
    background-color: var(--tami-green) !important;
    border-color: var(--tami-green) !important;
}

.text-primary {
    color: var(--tami-green) !important;
}

.bg-primary {
    background-color: var(--tami-green) !important;
}

.border-primary {
    border-color: var(--tami-green) !important;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus {
    border-color: #65a981;
    box-shadow: 0 0 0 .22rem rgba(58, 155, 92, .18) !important;
}

.form-check-input:checked {
    background-color: var(--tami-green) !important;
    border-color: var(--tami-green) !important;
}

.page-item.active .page-link {
    color: #fff;
    background-color: var(--tami-green);
    border-color: var(--tami-green);
}

.page-link {
    color: var(--tami-green);
}

.progress-bar,
.list-group-item.active {
    background-color: var(--tami-green);
    border-color: var(--tami-green);
}

.spinner-border.text-primary,
.spinner.text-primary {
    color: var(--tami-green) !important;
}

.e-grid .e-row.e-altrow {
    background-color: #f8fbf9;
}

.e-grid .e-row:hover .e-rowcell,
.e-grid .e-row.e-hover .e-rowcell {
    background-color: var(--tami-green-soft) !important;
}

.e-grid .e-selectionbackground,
.e-grid .e-active {
    background-color: #d9eee1 !important;
    color: var(--tami-ink) !important;
}

.e-grid .e-pager .e-currentitem,
.e-pager .e-currentitem {
    color: #fff !important;
    background-color: var(--tami-green) !important;
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
    color: var(--tami-green) !important;
}

.e-tab .e-tab-header .e-indicator {
    background: var(--tami-green) !important;
}

.e-input-group.e-input-focus,
.e-input-group.e-control-wrapper.e-input-focus {
    border-color: var(--tami-green) !important;
    box-shadow: 0 0 0 .18rem rgba(58, 155, 92, .14);
}

.opcion-card {
    border-color: #d5e4da !important;
    background-color: rgba(255, 255, 255, .94) !important;
}

.opcion-card:hover {
    border-color: var(--tami-green) !important;
    box-shadow: 0 .35rem .85rem rgba(37, 115, 69, .16) !important;
}

.card-header.bg-primary,
.modal-header.bg-primary {
    color: #fff;
    background-color: var(--tami-green) !important;
}

.alert-primary {
    color: #257345;
    background-color: #D8F0E1;
    border-color: #b7d8c4;
}

::selection {
    color: #fff;
    background: var(--tami-green);
}