:root{
    --body-bg:#e2e2e2;
    --color-primary: #189cd8;
    --color-secundary: #0098c8;
}
.cls-container{
    background-color: var(--color-primary);
}
body{
    background-color: var(--body-bg);
}
.navbar-content, .navbar-brand, .navbar-header{
    background-color: var(--color-primary);
}

.btn-primary {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-secundary)
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--color-secundary);
    border-color: var(--color-primary)
}
.btn-primary:hover {
    color: #fff;
    background-color: var(--color-secundary);
    border-color: var(--color-primary)
}
.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
    background-image: none
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #7986CB;
    border-color: #7986CB
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #2977bd;
    border-color: #2977bd
}
.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}