:root {
    --primary-color: #143c84;
    --primary-color-shadow: rgba(20, 60, 132, 0.5);
    --primary-color-disable: #5f8147;
    --primary-color-hover: #0f2d63;
    --primary-color-active: #0d264e;
    --primary-color-border-active: #0b1f3e;
    --secondary-color: #3a6eb2;
    --secondary-color-shadow: rgba(58, 110, 178, 0.5);
    --secondary-color-hover: #335d9e;
    --secondary-color-active: #2c5a91;
    --secondary-color-border-active: #254c7b;
    --color-tertiary: #1f5f74;
}
.redAsterisk {
    color: red;
    font-weight: bold;
}
.color-primary{
    color: var(--primary-color);
}
.color-secondary{
    color: var(--secondary-color);
}
.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color-hover);
    color: #ffffff;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: var(--primary-color-hover);
        border-color: var(--primary-color-active);
    }

    .btn-primary:active {
        background-color: var(--primary-color-active);
        border-color:var(--primary-color-border-active);
    }

    .btn-primary:focus {
        box-shadow: 0 0 0 0.2rem var(--primary-color-shadow);
    }

.btn-secondary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color-hover);
    color: #ffffff;
}

    .btn-secondary:hover,
    .btn-secondary:focus {
        background-color: var(--secondary-color-hover);
        border-color: var(--secondary-color-active);
    }

    .btn-secondary:active {
        background-color: var(--secondary-color-active);
        border-color: var(--secondary-color-border-active);
    }

    .btn-secondary:focus {
        box-shadow: 0 0 0 0.2rem var(--secondary-color-shadow);
    }

.escondete {
    display: none;
}

.mt-7 {
    margin-top: 7px;
}
.mt-8 {
    margin-top: 7px;
}
.mt-24 {
    margin-top: 24px;
}
.mt-28 {
margin-top: 28px;
}