:root {
    --lightblue: #33C0D9;
    --blue: rgba(48, 133, 195, 1);
    --blue-dark-2: rgba(54, 72, 120, 1);
    --darkblue: rgba(27, 41, 62, 1);
    --title-page: rgba(19, 99, 223, 1);
    --blue-widget: #1363DF;
    --blue2-widget: #4f8ef0;
    --body-background: rgba(248, 248, 248, 1);

    --lightgrey-2 : #edf0f2;
    --lightgrey : #d6dee1;
    --lightgrey-3 : #DFDFDF;
    --grey : #566d76;

    --red : #EE6666;
}

.btn.blue:not(.disabled) { background-color: var(--blue) !important; }
.btn.red:not(.disabled) { background-color: var(--red) !important; }

.btn.light-blue { background-color: var(--lightblue) !important; }

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

.title-page, .blue-text { color: var(--title-page) !important; }

.capsule.blue {
    background-color: var(--blue-dark-2) !important;
    color: white;
}