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

.btn-white {
    --bs-btn-bg: var(--white);
    --bs-btn-border-color: var(--cibor-gray-light);
}

.btn-white:hover {
    background-color: var(--white) !important;
    border-color: var(--cibor-gray-dark) !important;
    filter: brightness(120%);
}

.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-cibor-delete {
    --bs-btn-color: var(--white);
    --bs-btn-bg: var(--cibor-danger);
    --bs-btn-border-color: var(--cibor-danger);
}

.btn-cibor-delete:hover {
    --bs-btn-hover-color: var(--white);
    --bs-btn-hover-bg: var(--cibor-danger-hover);
    --bs-btn-hover-border-color: var(--cibor-danger-hover);
}

.btn-cibor-edit, .btn-cibor-edit:focus-visible {
    --bs-btn-color: var(--white);
    --bs-btn-bg: var(--cibor-blue);
    --bs-btn-border-color: var(--cibor-blue);
    background-color: var(--cibor-blue);
    color: var(--white);
}

.btn-cibor-edit:hover {
    --bs-btn-hover-color: var(--white);
    --bs-btn-hover-bg: var(--cibor-blue-hover);
    --bs-btn-hover-border-color: var(--cibor-blue-hover);
}

.btn-cibor-blue {
    color: white !important;
    --bs-btn-bg: var(--cibor-blue);
    --bs-btn-border-color: var(--cibor-blue);
}

.btn-cibor-blue:hover {
    color: white !important;
    --bs-btn-hover-bg: var(--cibor-blue-hover);
    --bs-btn-hover-border-color: var(--cibor-blue-hover);
}

.btn-cibor-add {
    color: white !important;
    --bs-btn-bg: var(--cibor-green);
    --bs-btn-border-color: var(--cibor-green);
}

.btn-cibor-add:hover {
    color: white !important;
    --bs-btn-bg: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger);
}

.btn-outline-primary {
    --bs-btn-color: var(--cibor-blue);
    --bs-btn-border-color: var(--cibor-blue);
}

.btn-outline-primary:hover {
    color: white !important;
    --bs-btn-hover-bg: var(--cibor-blue-hover);
    --bs-btn-hover-border-color: var(--cibor-blue-hover);
}

.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-cibor-dossier-crm-relation {
    color: white !important;
    --bs-btn-bg: var(--cibor-dossier-crm-relation);
    --bs-btn-border-color: var(--cibor-dossier-crm-relation);
    filter: brightness(0.9);
}

.btn-cibor-dossier-crm-relation:hover {
    color: white !important;
    background-color: var(--cibor-dossier-crm-relation) !important;
    border-color: var(--cibor-dossier-crm-relation) !important;
    filter: brightness(85%);
}

.btn-cibor-light {
    color: var(--black) !important;
    background-color: var(--cibor-light);
}

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

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

.btn-cibor-white {
    color: var(--black) !important;
    background-color: var(--white);
}


.btn-cibor-crm-entity {
    color: white !important;
    background-color: var(--cibor-crm-entity);
}

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

.btn-cibor-contact {
    color: white !important;
    background-color: var(--cibor-contact);
}

.btn-cibor-contact:hover {
    color: white !important;
    background-color: var(--cibor-contact-hover) !important;
}

.btn-cibor-dossier {
    color: white !important;
    background-color: var(--cibor-dossier);
}

.btn-cibor-dossier:hover {
    color: white !important;
    background-color: var(--cibor-dossier-hover) !important;
}

.btn-cibor-red {
    color: white !important;
    background-color: var(--cibor-red);
}

.btn-cibor-red:hover {
    color: white !important;
    background-color: var(--cibor-red-hover) !important;
}

.btn-cibor-green {
    color: white !important;
    background-color: var(--cibor-green);
}

.btn-cibor-green:hover {
    color: white !important;
    background-color: var(--cibor-green-hover) !important;
}

.btn-cibor-minimal {
    color: var(--cibor-gray-dark) !important;
    background-color: var(--white);
    border: 1px solid var(--cibor-gray-lighter);
}

.btn-cibor-minimal:hover {
    border: 1px solid var(--cibor-gray-extra-light);
}

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

.btn-cibor-priority-score {
    padding: 3px 5px 3px 5px;
    /**padding: 0;**/
    color: var(--cibor-gray-dark) !important;
    border: 1px solid var(--cibor-gray);

    .progress {
        --bs-progress-bg: var(--cibor-gray-extra-light);
    !important
    }
}

.btn-cibor-priority-score:hover {
    border: 1px solid var(--cibor-gray-dark);
}

.btn-inherit {
    color: inherit;
}

.btn-in-badge {
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
    --bs-btn-font-size: 1em;
    --bs-btn-line-height: 0;
}


.btn-cibor-lavender {
    color: black !important;
    background-color: var(--lavender-mist);
}

.btn-cibor-lavender:hover {
    background-color: var(--cibor-alice-blue) !important;
}


.btn-cibor-maya-blue {
    color: white !important;
    background-color: var(--cibor-maya-blue);
}

.btn-cibor-maya-blue:hover {
    color: white !important;
    background-color: var(--cibor-diamond) !important;
}

.btn-delete, .btn-delete:focus-visible {
    color: white !important;
    background-color: var(--orioles-orange);
}

.btn-delete:hover {
    color: white !important;
    background-color: var(--giants-orange) !important;
}

.btn-job-ticket, .btn-job-ticket:focus-visible {
    color: white !important;
    background-color: var(--magenta-haze);
}

.btn-job-ticket:hover {
    color: white !important;
    background-color: var(--mystic-maroon) !important;
}

.btn-skill, .btn-skill:focus-visible {
    color: white !important;
    background-color: var(--medium-persian-blue);
}

.btn-skill:hover {
    color: white !important;
    background-color: var(--cibor-french-blue) !important;
}


.btn-log, .btn-log:focus-visible {
    color: white !important;
    background-color: var(--medium-persian-blue);
}

.btn-log:hover {
    color: white !important;
    background-color: var(--cibor-french-blue) !important;
}

.btn-dossier-text-message, .btn-text-message:focus-visible {
    color: white !important;
    background-color: var(--medium-persian-blue);
}

.btn-dossier-text-message:hover {
    color: white !important;
    background-color: var(--cibor-french-blue) !important;
}

.btn-dossier-mail, .btn-dossier-mail:focus-visible {
    color: white !important;
    background-color: var(--medium-persian-blue);
}

.btn-dossier-mail:hover {
    color: white !important;
    background-color: var(--cibor-french-blue) !important;
}

.btn-yellow, .btn-yellow:focus-visible, .btn-dossier, .btn-dossier:focus-visible {
    color: white !important;
    background-color: var(--mikado-yellow);
}

.btn-yellow:hover, .btn-dossier:hover {
    color: white !important;
    background-color: var(--yellow-sun) !important;
}

.btn-dossier-group, .btn-dossier-group:focus-visible {
    color: white !important;
    background-color: var(--blue-green);
}

.btn-dossier-group:hover {
    color: white !important;
    background-color: var(--sea-serpent) !important;
}

.btn-intervention, .btn-intervention:focus-visible {
    color: white !important;
    background-color: var(--medium-persian-blue);
}

.btn-intervention:hover {
    color: white !important;
    background-color: var(--cibor-french-blue) !important;
}

.btn-report, .btn-report:focus-visible {
    color: white !important;
    background-color: var(--medium-persian-blue);
}

.btn-report:hover {
    color: white !important;
    background-color: var(--cibor-french-blue) !important;
}

.btn-navigation, .btn-navigation:focus-visible {
    color: var(--dark-silver);
    background-color: var(--lavender-mist);
}

.btn-navigation:hover {
    color: var(--dark-silver);
    background-color: var(--cibor-alice-blue);
}

.btn-crm-entity, .btn-crm-entity:focus-visible {
    color: black !important;
    background-color: var(--platinum);
}

.btn-crm-entity:hover {
    color: black !important;
    background-color: var(--white-smoke) !important;
}

.btn-priority-score, .btn-priority-score:focus-visible {
    color: white !important;
    background-color: var(--medium-persian-blue);
}

.btn-priority-score:hover {
    color: white !important;
    background-color: var(--cibor-french-blue) !important;
}

.btn-dossier-problem, .btn-dossier-problem:focus-visible {
    position: relative;
    color: white !important;
}

.btn-dossier-problem svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--orioles-orange);
}

.btn-dossier-problem svg:hover {
    color: var(--giants-orange) !important;
}

.btn-pwa-report, .btn-pwa-report:focus-visible {
    color: white !important;
    background-color: var(--medium-persian-blue);
}

.btn-pwa-report:hover {
    color: white !important;
    background-color: var(--cibor-french-blue) !important;
}

.btn-pwa-work-order, .btn-pwa-work-order:focus-visible {
    color: white !important;
    background-color: var(--medium-persian-blue);
}

.btn-pwa-work-order:hover {
    color: white !important;
    background-color: var(--cibor-french-blue) !important;
}

.btn-pwa-job-ticket, .btn-pwa-job-ticket:focus-visible {
    color: white !important;
    background-color: var(--medium-persian-blue);
}

.btn-pwa-job-ticket:hover {
    color: white !important;
    background-color: var(--cibor-french-blue) !important;
}

.btn-pwa, .btn-pwa:focus-visible, .btn-pwa:hover {
    text-align: left;
    color: black !important;
    background-color: var(--white);
    border: 1px solid var(--cibor-gray-lighter);
}

.btn-google-maps,
.btn-google-maps:focus-visible {
    color: white !important;
    background-color: var(--raisin-black);
    &.btn-hollow {
        background-color: transparent;
    }
    &:hover {
        &:not(.btn-hollow) {
            background-color: var(--black-olive) !important;
        }
    }
}

.btn-pwa svg {
    color: var(--medium-persian-blue);
}

.btn-icon {
    padding: 0;
    margin: 0;
}

.btn-label, .btn-label:focus-visible, .btn-label:hover {
    cursor: default !important;
    border: none !important;
}