:root {
    --esypro-dark: rgb(0, 59, 92);
    --esypro-light: rgb(0, 119, 200);
}
.text-esypro-dark {
    color: var(--esypro-dark);
}

.text-esypro-light {
    color: var(--esypro-light);
}

.bg-esypro-dark {
    background-color: var(--esypro-dark);
    color: white;
}

.bg-esypro-light {
    background-color: var(--esypro-light);
    color: white;
}

.border-esypro-dark {
    border-color: var(--esypro-dark);
}

.border-esypro-light {
    border-color: var(--esypro-light);
}

.form-label {
    color: var(--esypro-dark);
    font-weight: bold
}

.btn-esypro-dark {
    cursor: pointer;
    color: white;
    background-color: var(--esypro-dark);
    border-color: rgb(0, 49, 82);
}

    .btn-esypro-dark:hover {
        color: white;
        background-color: rgb(0, 49, 82);
        border-color: rgb(0, 49, 82);
    }

.btn-esypro-light {
    cursor: pointer;
    color: white;
    background-color: var(--esypro-light);
    border-color: rgb(0, 49, 82);
}

    .btn-esypro-light:hover {
        color: white;
        background-color: rgb(0, 49, 82);
        border-color: rgb(0, 49, 82);
    }

.btn-outline-esypro-light {
    cursor: pointer;
    color: var(--esypro-light);
    background-color: white;
    border-color: var(--esypro-light);
    border: 1px solid var(--esypro-light);
}
    .btn-outline-esypro-light:hover, .btn-outline-esypro-light:active, .btn-outline-esypro-light.active {
        color: white !important;
        background-color: var(--esypro-light) !important;
        border-color: var(--esypro-light);
        border: 1px solid var(--esypro-light);
    }