:root {
    --default-text-color: #433E67;
    --tab-border-color: #EBE7DF;
    --input-text-color: #000000;
    --input-border-color: #433E67;
    --alert-text-color: #433E67;
    --button-default-color: #B5C4FF;
    --button-cancel-color: #B5C4FF;
    --button-save-color: #8388B8;
    --button-save-text-color: #FFFFFF;
    --button-warning-color: #F0AD4E;
    --button-warning-text-color: #FFFFFF;
}

a,
.nav-link {
    color: var(--default-text-color);
}

    a:hover,
    a:focus,
    .nav-link:focus,
    .nav-link:hover {
        color: var(--default-text-color);
    }

.text-primary {
    color: var(--alert-text-color);
}

a.text-primary:hover,
a.text-primary:focus {
    color: var(--default-text-color);
}

.btn-group .btn-outline-secondary, .btn-group .btn-outline-secondary:hover {
    border-color: var(--input-border-color);
}

.form-control {
    color: var(--input-text-color);
    border-color: var(--input-border-color);
}

    .form-control:focus {
        border-color: var(--input-border-color);
    }

.btn-primary {
    color: var(--button-save-text-color);
    background-color: var(--button-save-color);
    border-color: var(--button-save-color);
}

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

    .btn-primary:active,
    .btn.btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: var(--button-save-text-color);
        background-color: var(--button-save-color);
        border-color: var(--button-save-color);
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
            color: var(--button-save-text-color);
            background-color: var(--button-save-color);
            border-color: var(--button-save-color);
        }

.btn-info {
    color: var(--default-text-color);
    background-color: var(--button-default-color);
    border-color: var(--button-default-color);
}

    .btn-info:focus,
    .btn-info.focus,
    .btn-info:hover,
    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info,
    .btn-info:active:hover,
    .btn-info.active:hover,
    .open > .dropdown-toggle.btn-info:hover,
    .btn-info:active:focus,
    .btn-info.active:focus,
    .open > .dropdown-toggle.btn-info:focus,
    .btn-info:active.focus,
    .btn-info.active.focus,
    .open > .dropdown-toggle.btn-info.focus {
        background-color: var(--button-default-color);
        border-color: var(--button-default-color);
    }

    .btn-info.disabled,
    .btn-info[disabled],
    fieldset[disabled] .btn-info,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus,
    .btn-info.disabled:active,
    .btn-info[disabled]:active,
    fieldset[disabled] .btn-info:active,
    .btn-info.disabled.active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info.active {
        background-color: var(--button-default-color);
        border-color: var(--button-default-color);
    }

    .btn-info .badge {
        color: var(--default-text-color);
        background-color: var(--button-default-color);
    }

.btn-secondary {
    color: var(--default-text-color);
    background-color: var(--button-cancel-color);
    border-color: var(--button-cancel-color);
}

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

.btn-warning {
    color: var(--button-warning-text-color);
    background-color: var(--button-warning-color);
    border-color: var(--button-warning-color);
}

    .btn-warning:focus,
    .btn-warning.focus,
    .btn-warning:hover {
        color: var(--button-warning-text-color);
        background-color: var(--button-warning-color);
        border-color: var(--button-warning-color);
    }

.input-group-addon, .input-group.date .input-group-addon {
    border-color: var(--input-border-color);
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: inherit;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    border-color: var(--tab-border-color);
}

.nav-tabs {
    border-color: var(--tab-border-color);
}

    .nav-tabs > li > a:hover,
    .nav-tabs .nav-link:focus,
    .nav-tabs .nav-link:hover {
        border-color: var(--tab-border-color) var(--tab-border-color) #FFF;
    }

    .nav-tabs > li > a.active,
    .nav-tabs > li > a.active:hover,
    .nav-tabs > li > a.active:focus,
    .nav-tabs .nav-link.active {
        color: var(--default-text-color);
        border-color: var(--tab-border-color);
        border-bottom-color: transparent;
    }

.pagination > li > a,
.pagination > li > span {
    color: var(--default-text-color);
    background-color: #FFF;
    border-color: var(--button-default-color);
}

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        color: var(--default-text-color);
        background-color: var(--button-default-color);
        border-color: var(--button-default-color);
    }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: var(--default-text-color);
    background-color: var(--button-default-color);
    border-color: var(--button-default-color);
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: var(--default-text-color);
    background-color: inherit;
    border-color: var(--button-default-color);
}

.alert-info {
    color: var(--alert-text-color);
    background-color: inherit;
    border-color: inherit;
}

.alert-info hr {
    border-top-color: var(--alert-text-color);
}