1
2.flat .dijitCalendar {
3  background-color: #fff;
4  text-align: center;
5  padding: 4px;
6  border: 1px solid #9e9e9e;
7  border-collapse: separate;
8  border-radius: 3px;
9  -webkit-box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2);
10  box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2);
11}
12.flat .dijitCalendarMonthContainer th {
13  text-align: center;
14  line-height: 20px;
15  vertical-align: middle;
16  margin: 4px 0;
17}
18.flat .dijitCalendarIncrementControl {
19  font-family: "flat-icon";
20  speak: none;
21  font-style: normal;
22  font-weight: normal;
23  font-variant: normal;
24  text-transform: none;
25  line-height: 1;
26  font-size: 16px;
27  -webkit-font-smoothing: antialiased;
28  -moz-osx-font-smoothing: grayscale;
29  font-size: 24px;
30  border: 1px solid transparent;
31  padding: 4px;
32}
33.flat .dijitCalendarDecrease:before {
34  content: "\f000";
35}
36.flat .dijitCalendarIncrease:before {
37  content: "\f001";
38}
39.flat .dijitCalendarArrowHover .dijitCalendarIncrementControl,
40.flat .dijitCalendarArrow:hover .dijitCalendarIncrementControl,
41.flat .dijitCalendarNextYearHover,
42.flat .dijitCalendarNextYear:hover,
43.flat .dijitCalendarPreviousYearHover,
44.flat .dijitCalendarPreviousYear:hover {
45  border-style: solid;
46  border-width: 1px;
47  border-color: #9e9e9e;
48  padding: 4px;
49  border-radius: 3px;
50  line-height: 20px;
51  cursor: pointer;
52  -webkit-transition: all 0.05s linear;
53  -moz-transition: all 0.05s linear;
54  -o-transition: all 0.05s linear;
55  -ms-transition: all 0.05s linear;
56  transition: all 0.05s linear;
57  background: #fff;
58  padding: 4px;
59}
60.flat .dijitCalendarArrowActive .dijitCalendarIncrementControl,
61.flat .dijitCalendarArrow:active .dijitCalendarIncrementControl,
62.flat .dijitCalendarNextYearActive,
63.flat .dijitCalendarNextYear:active,
64.flat .dijitCalendarPreviousYearActive,
65.flat .dijitCalendarPreviousYear:active {
66  -webkit-transition: none;
67  -moz-transition: none;
68  -o-transition: none;
69  -ms-transition: none;
70  transition: none;
71  outline: none;
72  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
73  box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
74  background: #e0e0e0;
75  border-color: #b3b3b3;
76}
77.flat .dijitA11ySideArrow {
78  display: none;
79}
80.flat .dijitCalendarContainer th,
81.flat .dijitCalendarContainer td {
82  padding: 4px;
83}
84.flat .dijitCalendarDayLabelTemplate {
85  text-align: center;
86  border-bottom: #9e9e9e;
87}
88.flat .dijitCalendarDayLabel {
89  font-weight: bold;
90  text-align: center;
91}
92.flat .dijitCalendarDateTemplate {
93  font-size: 0.9em;
94  letter-spacing: 0.05em;
95  text-align: center;
96}
97.flat .dijitCalendarDateTemplate .dijitCalendarDateLabel {
98  text-decoration: none;
99  display: block;
100  padding: 2px 4px;
101  border: 0 none;
102  border-radius: 50%;
103}
104.flat .dijitCalendarPreviousMonth .dijitCalendarDateLabel,
105.flat .dijitCalendarNextMonth .dijitCalendarDateLabel {
106  color: #c2c2c2;
107}
108.flat .dijitCalendarCurrentDate .dijitCalendarDateLabel {
109  border-color: #2196f3;
110}
111.flat .dijitCalendarHoveredDate .dijitCalendarDateLabel,
112.flat .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel {
113  background-color: #f2f2f2;
114}
115.flat .dijitCalendarActiveDate .dijitCalendarDateLabel,
116.flat .dijitCalendarEnabledDate:active .dijitCalendarDateLabel {
117  background-color: #e6e6e6;
118}
119.flat .dijitCalendarSelectedDate .dijitCalendarDateLabel,
120.flat .dijitCalendarSelectedDate.dijitCalendarHoveredDate .dijitCalendarDateLabel {
121  color: #fff;
122  background-color: #2196f3;
123}
124.flat .dijitCalendarDisabledDate .dijitCalendarDateLabel {
125  opacity: 0.65;
126  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
127  filter: alpha(opacity=65);
128}
129.flat .dijitCalendarYearContainer {
130  vertical-align: middle;
131}
132.flat .dijitCalendarYearLabel {
133  padding: 4px 0 0 0;
134  margin: 0;
135  font-size: 1.15em;
136}
137.flat .dijitCalendarYearLabel span {
138  vertical-align: middle;
139}
140.flat .dijitCalendarSelectedYear,
141.flat .dijitCalendarNextYear,
142.flat .dijitCalendarPreviousYear {
143  padding: 4px;
144}
145.flat .dijitCalendarSelectedYear {
146  color: #2196f3;
147}
148.flat .dijitCalendarNextYear,
149.flat .dijitCalendarPreviousYear {
150  color: #2196f3;
151  font-size: 0.9em;
152  line-height: 20px;
153  border: 1px solid transparent;
154}
155.flat .dijitCalendarSelectedYear {
156  padding: 0 4px;
157}
158.flat .dijitCalendar .dijitDropDownButton {
159  margin: 0;
160}
161.flat .dijitCalendarMonthMenu {
162  padding: 8px 0;
163}
164.flat .dijitCalendarMonthMenu .dijitCalendarMonthLabel {
165  padding: 4px;
166}
167.flat .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover {
168  color: #fff;
169  background-color: #2196f3;
170}
171