/* Buttons */ .btn-primary { background-color: #0d6efd; border-color: #0d6efd; color: #fff; } .btn-primary:hover { background-color: #0b5ed7; border-color: #0a58ca; } .btn-success { background-color: #198754; border-color: #198754; color: #fff; } .btn-success:hover { background-color: #157347; border-color: #146c43; } .btn-danger { background-color: #dc3545; border-color: #dc3545; color: #fff; } .btn-danger:hover { background-color: #bb2d3b; border-color: #b02a37; } .btn-warning { background-color: #ffc107; border-color: #ffc107; color: #212529; } .btn-warning:hover { background-color: #e0a800; border-color: #d39e00; } /* Tables */ .table { width: 100%; margin-bottom: 1rem; color: #212529; border-collapse: collapse; } .table th, .table td { padding: 0.75rem; vertical-align: middle; border-top: 1px solid #dee2e6; } .table thead th { background-color: #f8f9fa; border-bottom: 2px solid #dee2e6; } .table tbody tr:nth-child(even) { background-color: #f2f2f2; } /* Container */ .container { max-width: 1100px; margin: 0 auto; } /* Modals */ .modal-content { border-radius: 0.5rem; padding: 1rem; } .modal-header { border-bottom: 1px solid #dee2e6; } .modal-title { font-weight: 600; } /* Form inputs */ input.form-control, select.form-control, textarea.form-control { border-radius: 0.3rem; border: 1px solid #ced4da; } input.form-control:focus, select.form-control:focus, textarea.form-control:focus { border-color: #0d6efd; box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); }