button.close {
    background-color: transparent;
    border: none;
}

.btn-primary {
    --bs-btn-bg: var(--cibor-blue);
    --bs-btn-border-color: var(--cibor-blue);
    --bs-btn-hover-bg: var(--cibor-blue-hover);
    --bs-btn-hover-border-color: var(--cibor-blue-hover);
    --bs-btn-active-bg:var(--cibor-blue-hover);
    --bs-btn-active-border-color: var(--cibor-blue-hover);
    --bs-btn-disabled-bg: var(--cibor-blue);
    --bs-btn-disabled-border-color: var(--cibor-blue);
}

.btn-secondary {
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
}

.btn-success {
    --bs-btn-bg: var(--bs-success);
    --bs-btn-border-color: var(--bs-success);
}

.btn-danger {
    --bs-btn-bg: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger);
}

.btn-warning {
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
}

.btn-outline-primary {
    --bs-btn-color: var(--cibor-blue);
    --bs-btn-border-color: var(--cibor-blue);
}
.btn-outline-primary:hover {
    color: white !important;
    background-color: var(--cibor-blue) !important;
    border-color: var(--cibor-blue) !important;
}
.btn-exactonline {
    color: white !important;
    --bs-btn-bg: var(--exact-online-color);
    --bs-btn-border-color: var(--exact-online-color);
}
.btn-exactonline:hover {
    color: white !important;
    background-color: var( --exact-online-color) !important;
    border-color: var( --exact-online-color) !important;
    filter: brightness(120%);
}
.btn-exactonline {
    --bs-btn-color: var( --exact-online-color);
    --bs-btn-border-color: var( --exact-online-color);
}
.btn-exactonline:hover {
    color: white !important;
    background-color: var( --exact-online-color) !important;
    border-color: var( --exact-online-color) !important;
}
.btn-light-green {
    color: white !important;
    --bs-btn-bg: var(--cibor-light-green);
    --bs-btn-border-color: var(--cibor-light-green);
}
.btn-light-green:hover {
    background-color: var(--cibor-light-green) !important;
    border-color: var(--cibor-light-green) !important;
    filter: brightness(85%);
}
.btn-light-blue {
    color: var(--cibor-gray-dark);
    --bs-btn-bg: var(--cibor-light-blue);
    --bs-btn-border-color: var(--cibor-light-blue);
}
.btn-light-blue:hover {
    background-color: var(--cibor-light-blue) !important;
    border-color: var(--cibor-light-blue) !important;
    filter: brightness(85%);
}
.btn-outline-light-green {
    --bs-btn-color: var( --cibor-light-green);
    --bs-btn-border-color: var( --cibor-light-green);
}
.btn-outline-light-green:hover {
    color: white !important;
    background-color: var( --cibor-light-green) !important;
    border-color: var( --cibor-light-green) !important;
}

.btn-crm-entity {
    color: white !important;
    --bs-btn-bg: var(--crm-entity);
    --bs-btn-border-color: var(--crm-entity);
}
.btn-crm-entity:hover {
    color: white !important;
    background-color: var( --crm-entity-hover) !important;
    border-color: var( --crm-entity-hover) !important;
}

.btn-outline-crm-entity {
    --bs-btn-color: var( --crm-entity);
    --bs-btn-border-color: var( --crm-entity);
}
.btn-outline-crm-entity:hover {
    color: white !important;
    background-color: var( --crm-entity) !important;
    border-color: var( --crm-entity) !important;
}

.btn.btn-xs {
    --bs-btn-padding-y: 0.08rem;
    --bs-btn-padding-x: 0.25rem;
    font-size: 0.875rem !important;
}