:root {
    --theme-primary-color: #3976b3;
    --theme-secondary-color: #2a93d5;
    --color-primary: #337ab7;
    --color-secondary: #2a93d5;
    --color-success: #3e884f;
    --color-danger: #ff0000;
    --color-danger-dark: #a94442;
    --color-warning: #dea138;
    --color-border-light: #e5e5e5;
}
.text-primary{
    color: var(--theme-primary-color) !important;
}
.bg-primary,
.bg-theme-1,
.badge-primary,
.badge-theme-1 {
    background-color: var(--color-primary) !important;
    color: #fff; }

.badge-outline-primary,
.badge-outline-theme-1 {
    color: var(--color-primary);
    background: #fff;
    border: 1px solid var(--color-primary);
}

.bg-secondary,
.badge-secondary {
    background-color: var(--color-secondary) !important;
    color: #fff; }

.badge-warning {
    background-color: #b69329; }

.badge-success {
    background-color: #3e884f; }

.badge-info {
    background-color: #3195a5; }

.badge-danger {
    background-color: #c43d4b; }

.badge-success,
.badge-danger,
.badge-warning,
.badge-info {
    color: #fff; }

.badge-outline-primary,
.badge-outline-theme-1 {
    background-color: transparent !important;
    color: #145388;
    outline: 1px solid #145388;
}

.btn-outline-primary {
    color: var(--theme-primary-color);
    background-color: #fff;
    border-color: var(--theme-primary-color);
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--theme-primary-color);
}

.btn-primary {
    color: #fff !important;
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.btn-secondary {
    color: #fff !important;
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}

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

.btn-outline-secondary:hover{
    color: #fff !important;
    background-color: var(--color-secondary) !important;
}

.btn-success {
    color: #fff !important;
    background-color: var(--color-success) !important;
    border-color: var(--color-success) !important;
}

.btn-outline-success {
    font-weight: bold;
    color: var(--color-success) !important;
    background: none !important;
    border-color: var(--color-success) !important;
}
.btn-outline-success:hover {
    color: #fff !important;
    background: var(--color-success) !important;
}

.btn-outline-danger {
    color: var(--color-danger-dark) !important;
    background: #fff !important;
    border-color: var(--color-danger-dark) !important;
}

.btn-outline-danger:hover {
    color: #fff !important;
    background: var(--color-danger-dark) !important;
}