2019-09-03 06:34:52 +00:00
|
|
|
.time-slot {
|
2019-09-09 10:11:20 +00:00
|
|
|
margin-bottom: 2em;
|
|
|
|
margin-left: 0.5em;
|
|
|
|
margin-right: 0.5em;
|
|
|
|
border-radius: 0.4em;
|
|
|
|
cursor: pointer;
|
2019-09-03 06:34:52 +00:00
|
|
|
border: 0.5px solid #cccccc;
|
2019-09-09 10:11:20 +00:00
|
|
|
min-height: 75px;
|
|
|
|
padding: 0.5em 1em;
|
2019-10-03 07:48:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#timeslot-container{
|
|
|
|
display: grid;
|
|
|
|
grid-template-columns: repeat(6, 1fr);
|
2019-09-03 06:34:52 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.time-slot:hover {
|
|
|
|
background: #ddd;
|
|
|
|
}
|
|
|
|
|
|
|
|
.time-slot.unavailable {
|
2019-09-09 10:11:20 +00:00
|
|
|
background: #CBD5E0;
|
|
|
|
cursor: not-allowed;
|
|
|
|
color: #718096
|
|
|
|
}
|
2019-09-03 06:34:52 +00:00
|
|
|
|
2019-09-09 10:11:20 +00:00
|
|
|
.time-slot.unavailable .text-muted {
|
|
|
|
color: #718096
|
2019-09-03 06:34:52 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.time-slot.selected {
|
|
|
|
color: white;
|
|
|
|
background: #5e64ff;
|
2019-09-09 10:11:20 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.time-slot.selected .text-muted {
|
|
|
|
color: #EDF2F7 !important;
|
|
|
|
}
|