pranav nachnekar | 2791054 | 2019-09-03 12:04:52 +0530 | [diff] [blame] | 1 | .time-slot { |
0Pranav | 7c27436 | 2019-10-15 16:45:24 +0530 | [diff] [blame] | 2 | flex-grow: 1; |
| 3 | flex : 0 0 calc(16.66% - 20px); |
Pranav Nachanekar | 10711dd | 2019-09-09 15:41:20 +0530 | [diff] [blame] | 4 | margin-bottom: 2em; |
| 5 | margin-left: 0.5em; |
| 6 | margin-right: 0.5em; |
| 7 | border-radius: 0.4em; |
| 8 | cursor: pointer; |
pranav nachnekar | 2791054 | 2019-09-03 12:04:52 +0530 | [diff] [blame] | 9 | border: 0.5px solid #cccccc; |
Pranav Nachanekar | 10711dd | 2019-09-09 15:41:20 +0530 | [diff] [blame] | 10 | min-height: 75px; |
| 11 | padding: 0.5em 1em; |
Pranav Nachanekar | 59c5435 | 2019-10-03 13:18:13 +0530 | [diff] [blame] | 12 | } |
| 13 | |
0Pranav | 7c27436 | 2019-10-15 16:45:24 +0530 | [diff] [blame] | 14 | #customer-form{ |
| 15 | border-color: black; |
| 16 | } |
| 17 | #customer-form ::placeholder{ |
| 18 | color: #ddd; |
| 19 | } |
Pranav Nachanekar | 59c5435 | 2019-10-03 13:18:13 +0530 | [diff] [blame] | 20 | #timeslot-container{ |
0Pranav | 7c27436 | 2019-10-15 16:45:24 +0530 | [diff] [blame] | 21 | display: flex; |
| 22 | flex-wrap: wrap; |
| 23 | justify-content: center; |
pranav nachnekar | 2791054 | 2019-09-03 12:04:52 +0530 | [diff] [blame] | 24 | } |
| 25 | |
| 26 | .time-slot:hover { |
| 27 | background: #ddd; |
| 28 | } |
| 29 | |
| 30 | .time-slot.unavailable { |
Pranav Nachanekar | 10711dd | 2019-09-09 15:41:20 +0530 | [diff] [blame] | 31 | background: #CBD5E0; |
| 32 | cursor: not-allowed; |
| 33 | color: #718096 |
| 34 | } |
pranav nachnekar | 2791054 | 2019-09-03 12:04:52 +0530 | [diff] [blame] | 35 | |
Pranav Nachanekar | 10711dd | 2019-09-09 15:41:20 +0530 | [diff] [blame] | 36 | .time-slot.unavailable .text-muted { |
| 37 | color: #718096 |
pranav nachnekar | 2791054 | 2019-09-03 12:04:52 +0530 | [diff] [blame] | 38 | } |
| 39 | |
pranav nachnekar | 2791054 | 2019-09-03 12:04:52 +0530 | [diff] [blame] | 40 | .time-slot.selected { |
| 41 | color: white; |
| 42 | background: #5e64ff; |
Pranav Nachanekar | 10711dd | 2019-09-09 15:41:20 +0530 | [diff] [blame] | 43 | } |
| 44 | |
| 45 | .time-slot.selected .text-muted { |
| 46 | color: #EDF2F7 !important; |
| 47 | } |