:root {

    --bs-alert-success-color: #155724;
    --bs-alert-success-bg: #d4edda;
    --bs-alert-success-border: #c3e6cb;
    
    --bs-alert-info-color: #0c5460;
    --bs-alert-info-bg: #d1ecf1;
    --bs-alert-info-border: #bee5eb;

    --bs-alert-warning-color: #856404;
    --bs-alert-warning-bg: #fff3cd;
    --bs-alert-warning-border: #ffeeba;

    --bs-alert-danger-color: #721c24;
    --bs-alert-danger-bg: #f8d7da;
    --bs-alert-danger-border: #f5c6cb;
}
/*
a {
    color: var(--bs-primary, #0d6efd) !important;
    text-decoration: none !important;
    font-weight: 500;
}

a:hover,
a:focus {
    color: var(--bs-primary-hover, #0a58ca) !important;
    text-decoration: underline !important;
    outline: none !important;
}

a:visited {
    color: var(--bs-primary, #6c757d) !important;
}
    
a.disabled,
a[disabled] {
    color: #aaa !important;
    pointer-events: none;
    text-decoration: none !important;
}
*/
.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: var(--bs-primary-hover) !important;
        border-color: var(--bs-primary-border-hover) !important;
    }

.btn-outline-primary {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

    .btn-outline-primary:hover,
    .btn-outline-primary:focus {
        background-color: var(--bs-primary) !important;
        border-color: var(--bs-primary-border-hover) !important;
        color: #fff !important;
    }


.btn-link{
    color: var(--bs-primary) !important;
}

.btn-link:hover,
.btn-link:focus {
    color: var(--bs-primary-hover) !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--bs-primary) !important;
}
/*
.nav-link {
    color: var(--bs-primary) !important;
}
.nav-link:hover,
.nav-link:focus {
    color: var(--bs-primary-hover) !important;
}
*/
.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .btn-check:active + .btn:focus, .btn-check:checked + .btn:focus, .btn.active:focus, .btn:active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.5) !important;
}

.btn-check:focus + .btn-primary, .btn-primary:focus,
.btn-check:focus + .btn, .btn:focus 
{
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.5) !important;
}

.form-check-input:checked {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.alert-primary {
    color: var(--bs-alert-primary-color, var(--bs-primary)) !important;
    background-color: var(--bs-alert-primary-bg, rgba(var(--bs-primary-rgb), 0.1)) !important;
    border-color: var(--bs-alert-primary-border, rgba(var(--bs-primary-rgb), 0.25)) !important;
}

.alert-success {
    color: var(--bs-alert-success-color) !important;
    background-color: var(--bs-alert-success-bg) !important;
    border-color: var(--bs-alert-success-border) !important;
}

.alert-info {
    color: var(--bs-alert-info-color) !important;
    background-color: var(--bs-alert-info-bg) !important;
    border-color: var(--bs-alert-info-border) !important;
}

.alert-warning {
    color: var(--bs-alert-warning-color) !important;
    background-color: var(--bs-alert-warning-bg) !important;
    border-color: var(--bs-alert-warning-border) !important;
}

.alert-danger {
    color: var(--bs-alert-danger-color) !important;
    background-color: var(--bs-alert-danger-bg) !important;
    border-color: var(--bs-alert-danger-border) !important;
}

/* layout for DetailImportationFichier */
.detail-split {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    height: 100%;
}

.detail-split .left-pane {
    flex: 1 1 60%;
    overflow: auto;
}

.detail-split .right-pane {
    flex: 1 1 40%;
    overflow: auto;
}