/* Pioneer SSO Bootstrap Customizations */

:root {
    --sso-primary: #1b6ec2;
    --sso-primary-dark: #1861ac;
    --sso-secondary: #6c757d;
    --sso-success: #28a745;
    --sso-info: #17a2b8;
    --sso-warning: #ffc107;
    --sso-danger: #dc3545;
    --sso-light: #f8f9fa;
    --sso-dark: #343a40;
    --sso-sidebar-bg: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.btn-primary {
    background-color: var(--sso-primary);
    border-color: var(--sso-primary-dark);
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: var(--sso-primary-dark);
        border-color: #155499;
    }

.btn-outline-primary {
    color: var(--sso-primary);
    border-color: var(--sso-primary);
}

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

.card {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.375rem;
}

.card-header {
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    font-weight: 600;
}

.table {
    margin-bottom: 0;
}

    .table th {
        border-top: none;
        font-weight: 600;
        background-color: var(--sso-light);
    }

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.025);
}

.form-control:focus {
    border-color: var(--sso-primary);
    box-shadow: 0 0 0 0.2rem rgba(27, 110, 194, 0.25);
}

.form-select:focus {
    border-color: var(--sso-primary);
    box-shadow: 0 0 0 0.2rem rgba(27, 110, 194, 0.25);
}

.alert {
    border: none;
    border-radius: 0.375rem;
}

.text-primary {
    color: var(--sso-primary) !important;
}

.bg-primary {
    background-color: var(--sso-primary) !important;
}

.border-primary {
    border-color: var(--sso-primary) !important;
}

.bi + span,
span + .bi {
    margin-left: 0.5rem;
}

.btn .bi {
    margin-right: 0.5rem;
}