1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
| .pam-date.el-input,.pam-time.el-input {
| .el-input__inner {
| padding-left: 10px;
| height: 46px;
| border: 1px solid #707070;
| }
|
| .el-input__prefix {
| left:auto;
| right: 10px;
| top: 60%;
| transform: translateY(-50%);
| color: $PRIMARY_BLACK;
| }
| .el-input__suffix {
| right: 25px;
| }
| }
|
| .pam-date.el-input {
| width: 58%;
| }
| .pam-time.el-input {
| width: 38%;
| }
|
| .pam-time-popper {
| .time-select-item {
| font-size: 18px;
|
| &.selected {
| color: $CORAL;
| }
| }
| }
| .pam-date-popper {
| .el-date-picker__header {
| .el-picker-panel__icon-btn:hover, .el-date-picker__header-label:hover {
| color: $CORAL;
| }
| }
| .el-picker-panel__body {
| .el-picker-panel__content {
| .el-date-table {
| .el-date-table__row {
| td.today span {
| color: $CORAL;
| }
| td.current span {
| background-color: $CORAL;
| }
| td.available:hover {
| color: $CORAL;
| }
| td.today.current span {
| color: $PRIMARY_WHITE;
| }
| }
| }
| .el-year-table {
| td.current .cell {
| color: $CORAL;
| }
| td.today .cell {
| color: $CORAL;
| }
| td.available .cell:hover {
| color: $CORAL;
| }
| }
| .el-month-table {
| td.current .cell {
| color: $CORAL;
| }
| td.today .cell {
| color: $CORAL;
| }
| td .cell:hover {
| color: $CORAL;
| }
| }
|
| }
| }
| }
|
|
