|
1 | | -/* Customer Portal Styles */ |
| 1 | +/* Customer Portal Styles - SkyNest Blue Theme */ |
2 | 2 |
|
3 | 3 | .customer-portal { |
4 | 4 | min-height: 100vh; |
5 | | - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| 5 | + background: linear-gradient(135deg, #1a237e 0%, #0d47a1 100%); |
6 | 6 | padding-bottom: 50px; |
7 | 7 | } |
8 | 8 |
|
|
11 | 11 | display: flex; |
12 | 12 | justify-content: center; |
13 | 13 | align-items: center; |
14 | | - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| 14 | + background: linear-gradient(135deg, #1a237e 0%, #0d47a1 100%); |
15 | 15 | color: white; |
16 | 16 | } |
17 | 17 |
|
|
81 | 81 |
|
82 | 82 | .booking-card .form-control:focus, |
83 | 83 | .booking-card .form-select:focus { |
84 | | - border-color: #667eea; |
85 | | - box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25); |
| 84 | + border-color: #1976d2; |
| 85 | + box-shadow: 0 0 0 0.2rem rgba(25, 118, 210, 0.25); |
86 | 86 | } |
87 | 87 |
|
88 | 88 | .booking-card .btn-primary { |
89 | | - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| 89 | + background: linear-gradient(135deg, #1a237e 0%, #0d47a1 100%); |
90 | 90 | border: none; |
91 | 91 | border-radius: 50px; |
92 | 92 | padding: 14px 40px; |
93 | 93 | font-weight: 600; |
94 | 94 | letter-spacing: 0.5px; |
95 | 95 | transition: all 0.3s ease; |
96 | | - box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4); |
| 96 | + box-shadow: 0 4px 15px rgba(26, 35, 126, 0.4); |
97 | 97 | } |
98 | 98 |
|
99 | 99 | .booking-card .btn-primary:hover { |
100 | 100 | transform: translateY(-2px); |
101 | | - box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5); |
| 101 | + box-shadow: 0 6px 20px rgba(25, 118, 210, 0.5); |
102 | 102 | } |
103 | 103 |
|
104 | 104 | .booking-card .btn-primary:active { |
|
132 | 132 | .alert-info { |
133 | 133 | border-radius: 15px; |
134 | 134 | border: none; |
135 | | - background: rgba(13, 202, 240, 0.15); |
136 | | - color: #055160; |
137 | | - border-left: 4px solid #0dcaf0; |
| 135 | + background: rgba(25, 118, 210, 0.15); |
| 136 | + color: #0d47a1; |
| 137 | + border-left: 4px solid #1976d2; |
138 | 138 | } |
139 | 139 |
|
140 | 140 | .alert-success { |
|
0 commit comments