﻿/*.btn:hover { transform: scale(1.05); }*/

/*.btn:active { transform: scale(0.95); }*/

.btn-save {
    --bs-btn-bg: #0e9578;
    --bs-btn-border-color: #0e9578;
    --bs-btn-hover-bg: #0d8468;
    --bs-btn-hover-border-color: #0d8468;
    --bs-btn-active-bg: #0f705a;
    --bs-btn-active-border-color: #0f705a;
    --bs-btn-color: #f8f9fa;
    --bs-btn-hover-color: #f8f9fa;
    --bs-btn-active-color: #f8f9fa;
}

.btn-edit {
    --bs-btn-bg: #4b5563; /* gray 600 */
    --bs-btn-border-color: #4b5563;
    --bs-btn-hover-bg: #374151;
    --bs-btn-hover-border-color: #374151;
    --bs-btn-active-bg: #1f2937;
    --bs-btn-active-border-color: #1f2937;
    --bs-btn-color: #f8f9fa;
    --bs-btn-hover-color: #f8f9fa;
    --bs-btn-active-color: #f8f9fa;
}

.btn-secondary-light {
    --bs-btn-bg: #e9edf1;
    --bs-btn-border-color: var(--bs-border-color);
    --bs-btn-color: #495057;
    /* slightly lighter than original, but not too bright */
    --bs-btn-hover-bg: #f3f6f8;
    --bs-btn-hover-border-color: var(--bs-border-color);
    --bs-btn-hover-color: #343a40;
    --bs-btn-active-bg: #dde2e7;
    --bs-btn-active-border-color: #cfd6dc;
    --bs-btn-active-color: #212529;
    --bs-btn-disabled-bg: #f3f5f7;
    --bs-btn-disabled-border-color: var(--bs-border-color);
    --bs-btn-disabled-color: #adb5bd;
}

[data-bs-theme="dark"] .btn-secondary-light {
    --bs-btn-bg: #343a40;
    --bs-btn-border-color: var(--bs-border-color);
    --bs-btn-color: #e9ecef;
    --bs-btn-hover-bg: #3f454b;
    --bs-btn-hover-border-color: #495057;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-active-bg: #2f3439;
    --bs-btn-active-border-color: #495057;
    --bs-btn-active-color: #ffffff;
    --bs-btn-disabled-bg: #2a2f34;
    --bs-btn-disabled-border-color: var(--bs-border-color);
    --bs-btn-disabled-color: #6c757d;
}

#reportPagination .page-link i {
    font-size: .65rem !important;
    vertical-align: middle;
}

.form-check.form-switch {
    padding-left: 0;
}

    .form-check.form-switch .form-check-input {
        margin-left: 0;
    }
