:root {

    --azul0: #e3e8ee !important;
    --azul1: #E6F0FF !important;
    --azul2: #B8D4FE !important;
    --azul3: #8BB9FE !important;
    --azul4: #5D9DFD !important;
    --azul5: #3082FD !important;
    --azul6: #0D6EFD !important;
    --azul7: #012F74 !important;
    --azul8: #0242A2 !important;
    --azul9: #012F74 !important;
    --azul10: #011D47 !important;

    --bs-primary: #012F74 !important;
    --bs-primary-rgb: 1, 47, 116 !important;

    --grafico1: #416397 !important;
    --grafico2: #83c0b9 !important;
    --grafico3: #64748B !important;
}

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

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

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

.border-azul9 {
    border-color: var(--azul9) !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;
}

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

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