:root {
    --verde-body-bg: #f2f9f1 !important;
    --verde-light-bg: #EBF7E7 !important;

    --verde-0: #D5EFC8 !important;
    --verde-1: #BAE4A5 !important;
    --verde-2: #9FD981 !important;
    --verde-3: #84CF5E !important;
    --verde-4: #69C43B !important;
    --verde-5: #136d43 !important;
    --verde-6: #4A8C2A !important;
    --verde-dark: #2C5E1A !important;

    --bs-primary: #136d43 !important;
    --bs-primary-rgb: 19, 109, 67 !important;

    --grafico1: #5c824c !important;
    --grafico2: #87b07d !important;
    --grafico3: #64748B !important;
}

body {
    background-color: var(--verde-body-bg) !important;
}

.bg-verde-5 {
    background-color: var(--verde-5) !important;
}

.text-verde-5 {
    color: var(--verde-5) !important;
}

.border-verde-5 {
    border-color: var(--verde-5) !important;
}

.bg-grafico1 {
    background-color: var(--grafico1) !important;
}

.bg-grafico2 {
    background-color: var(--grafico2) !important;
}

.bg-grafico3 {
    background-color: var(--grafico3) !important;
}

.border-grafico1 {
    border-color: var(--grafico1) !important;
}

.border-grafico2 {
    border-color: var(--grafico2) !important;
}

.border-grafico3 {
    border-color: var(--grafico3) !important;
}

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

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

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

.icon-svg {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.hover-danger:hover {
    background-color: #fee2e2;
}

::-webkit-scrollbar {
    display: none;
}

* {
    -ms-overflow-style: none;
    scrollbar-width: none;
}