1.automation-status .day-selector {
2 float: right;
3 margin-top: -7px;
4}
5.automation-status .day-selector .btn {
6 border: 0;
7 color: #aaa;
8 line-height: 31px;
9 font-weight: 300;
10}
11.automation-status .day-selector .btn:hover {
12 color: #555;
13}
14.automation-status .day-selector .btn.btn-viewing {
15 font-size: 1.6em;
16}
17.automation-status .day-selector .btn.disabled {
18 color: #ddd;
19}
20
21.automation-status .widgets-container {
22 margin-left: -5px;
23 margin-right: -5px;
24}
25.automation-status .widgets-container div[class^="col-sm-"],
26.automation-status .widgets-container div[class^="col-md-"],
27.automation-status .widgets-container div[class^="col-lg-"] {
28 padding-left: 5px;
29 padding-right: 5px;
30}
31
32.automation-status .widget {
33 margin: 0 0 10px 0;
34 border: 1px solid #eee;
35}
36.automation-status .widget .info-container {
37 background: #fff;
38 border-radius: 4px;
39 padding: 12px 15px;
40}
41.automation-status .widget .info-container i {
42 color: #ccc;
43}
44.automation-status .widget .info-container .intro {
45 color: #444;
46 margin-bottom: 2px;
47 font-weight: 300;
48 white-space: nowrap;
49 overflow: hidden;
50}
51.automation-status .widget .info-container .title {
52 margin-top: 0;
53 margin-bottom: 0;
54}
55.automation-status .widget .info-container .figure {
56 color: #6198d0;
57 font-size: 38px;
58 margin: 0;
59}
60.automation-status .widget .info-container .note {
61 color: #a2a6af;
62 font-size: 14px;
63 font-weight: 300;
64 padding-left: 5px;
65}
66
67.automation-status .widget .failed,
68.automation-status .widget .failed:hover {
69 float: right;
70 margin-top: -18px;
71 font-size: 0.9em;
72 color: #e48b8b;
73}
74.automation-status .widget .failed:hover {
75 text-decoration: underline;
76}
77
78.automation-status .widget .info-container i.fa-check {
79 color: #94ca84;
80}
81
82.automation-status .widget .info-container i.fa-exclamation {
83 color: #ffa500;
84}
85
86.automation-status .widget .info-container small {
87 float: right;
88 margin-top: -18px;
89 font-size: 0.9em;
90 color: #d2d1d1;
91}
92
93.automation-status .info-container-boolean p.intro {
94 line-height: 23px;
95}
96.automation-status .info-container-boolean .status {
97 float: left;
98 margin-top: -3px;
99}
100.automation-status .info-container-boolean .status i {
101 font-size: 2em;
102}
103.automation-status .widget .info-container-boolean small {
104 margin-top: -20px;
105}
106
107.status-badge-grey {
108 background-color: #bbb;
109}
110.status-badge-grey .icon {
111 background-color: #999;
112}
113
114.automation-status .calendar-container {
115 padding:15px;
116 background-color:#f8f8f8;
117 border-radius: 4px;
118}
119#automation-status-calendar table {
120 width: 100%;
121 border-collapse: collapse;
122 margin: 0 0 0.4em;
123 font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
124 font-size: 1.1em;
125}
126
127#automation-status-calendar .datepicker.datepicker-inline {
128 margin: 0 0 20px 0;
129 background: none;
130 border-radius: 5px;
131}
132#automation-status-calendar .datepicker-inline {
133 width: 100%;
134 border: 0;
135 padding: 0;
136}
137#automation-status-calendar th {
138 padding: .7em .3em;
139 text-align: center;
140 font-weight: 700;
141 border: 0;
142}
143#automation-status-calendar th.prev,
144#automation-status-calendar th.datepicker-switch,
145#automation-status-calendar th.next {
146 background: none;
147 border-radius: 0;
148 border: 0;
149}
150#automation-status-calendar th.datepicker-switch,
151#automation-status-calendar th.today {
152 background-color: #eee;
153 border-radius: 4px;
154 color: #666;
155 font-weight: 300;
156}
157#automation-status-calendar th.dow {
158 color: #888;
159}
160#automation-status-calendar .day {
161 text-align: center;
162 padding: 5px 1px;
163 background: #fff;
164 border-color: #eee;
165 border: 0;
166 color: #888;
167 font-weight: 300;
168 font-size: 0.9em;
169}
170#automation-status-calendar .day.today {
171 background-color: #fde19a;
172 background-image: -moz-linear-gradient(to bottom,#fdd49a,#fdf59a);
173 background-image: -ms-linear-gradient(to bottom,#fdd49a,#fdf59a);
174 background-image: -webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));
175 background-image: -webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);
176 background-image: -o-linear-gradient(to bottom,#fdd49a,#fdf59a);
177 background-image: linear-gradient(to bottom,#fdd49a,#fdf59a);
178 background-repeat: repeat-x;
179 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
180 border-color: #fdf59a #fdf59a #fbed50;
181 border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
182 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
183 color: #000;
184}
185#automation-status-calendar .day.active {
186 background: #1a4d80;
187 border-radius: 4px;
188 color: #fff;
189}
190#automation-status-calendar .day.disabled {
191 opacity: .35;
192 filter: Alpha(Opacity=35);
193 background-image: none;
194}
195
196.automation-status .graph-container {
197 margin: 10px 0;
198 padding: 30px;
199 height: 380px;
200 background-color: #f8f8f8;
201}
202.automation-status .graph-filters {
203 margin: -20px -20px 20px 0;
204 float: right;
205}
206.automation-status .graph-filters .btn-default {
207 border: 1px solid transparent;
208}
209.automation-status .graph-filters a.active {
210 background-color: #fbe7b7;
211}
212