1 | * {
|
---|
2 | -webkit-border-radius: 0 !important;
|
---|
3 | -moz-border-radius: 0 !important;
|
---|
4 | border-radius: 0 !important;
|
---|
5 | /* -webkit-box-shadow: none !important;
|
---|
6 | -moz-box-shadow: none !important;
|
---|
7 | -o-box-shadow: none !important;
|
---|
8 | box-shadow: none !important;*/
|
---|
9 | font-family: "Open Sans", Helvetica, Arial, sans-serif;
|
---|
10 | }
|
---|
11 |
|
---|
12 | html {
|
---|
13 | height: 100%;
|
---|
14 | overflow-y: scroll;
|
---|
15 | }
|
---|
16 |
|
---|
17 | body {
|
---|
18 | width: 100%;
|
---|
19 | height: 100%;
|
---|
20 | margin: 0;
|
---|
21 | padding: 0;
|
---|
22 | }
|
---|
23 |
|
---|
24 | .no-border {
|
---|
25 | border: none;
|
---|
26 | }
|
---|
27 |
|
---|
28 | .no-padding-margin {
|
---|
29 | padding: 0;
|
---|
30 | margin: 0;
|
---|
31 | }
|
---|
32 |
|
---|
33 | /* bootstrap style changes */
|
---|
34 | .panel {
|
---|
35 | border: 1px #D3D3D3;
|
---|
36 | margin-bottom: 30px;
|
---|
37 | }
|
---|
38 |
|
---|
39 | .panel-default {
|
---|
40 | border: 1px #D3D3D3;
|
---|
41 | }
|
---|
42 |
|
---|
43 | .panel-default > .panel-heading {
|
---|
44 | background: #FAFAFA;
|
---|
45 | /*border-top: 3px solid #f7921d;*/
|
---|
46 | }
|
---|
47 |
|
---|
48 | .panel-default > .panel-body {
|
---|
49 | }
|
---|
50 |
|
---|
51 | .panel-title {
|
---|
52 | color: #AAA;
|
---|
53 | font-weight: 600;
|
---|
54 | }
|
---|
55 |
|
---|
56 | .breadcrumb {
|
---|
57 | background: transparent;
|
---|
58 | }
|
---|
59 |
|
---|
60 | .btn-default {
|
---|
61 | background-image: none;
|
---|
62 | background-repeat: no-repeat;
|
---|
63 | background-color: #F5F5F5;
|
---|
64 | }
|
---|
65 |
|
---|
66 | /* app */
|
---|
67 |
|
---|
68 | #app {
|
---|
69 | position: relative;
|
---|
70 | min-height: 100%;
|
---|
71 | display: block;
|
---|
72 | overflow: hidden;
|
---|
73 | background: #EEEEEE;
|
---|
74 | }
|
---|
75 |
|
---|
76 | #toolbar {
|
---|
77 | background: #5E5E5E;
|
---|
78 | }
|
---|
79 |
|
---|
80 | #menu {
|
---|
81 | position: absolute;
|
---|
82 | min-height: inherit;
|
---|
83 | width: 250px;
|
---|
84 | background: #FAFAFA;
|
---|
85 | display: block;
|
---|
86 | overflow: hidden;
|
---|
87 | border-right: 1px solid #D3D3D3;
|
---|
88 | }
|
---|
89 |
|
---|
90 | .category {
|
---|
91 | font-weight: bold;
|
---|
92 | color: #AAAAAA;
|
---|
93 | text-transform: uppercase;
|
---|
94 | margin-top: 28px;
|
---|
95 | margin-left: 22px;
|
---|
96 | margin-right: 22px;
|
---|
97 | padding-bottom: 5px;
|
---|
98 | border-bottom: 1px solid #E3E3E3;
|
---|
99 | }
|
---|
100 |
|
---|
101 | #view {
|
---|
102 | position: relative;
|
---|
103 | left: 0px;
|
---|
104 | margin-left: 250px;
|
---|
105 | display: block;
|
---|
106 | overflow: hidden;
|
---|
107 | }
|
---|
108 |
|
---|
109 | .view-header {
|
---|
110 | background: #FAFAFA;
|
---|
111 | border-bottom: 1px solid #D3D3D3;
|
---|
112 | height: 51px;
|
---|
113 | }
|
---|
114 |
|
---|
115 | .no-border {
|
---|
116 | border: none;
|
---|
117 | padding: 0;
|
---|
118 | margin: 0;
|
---|
119 | }
|
---|
120 |
|
---|
121 | .container-fluid {
|
---|
122 | margin: 0;
|
---|
123 | padding: 0;
|
---|
124 | }
|
---|
125 |
|
---|
126 | .navbar-header{
|
---|
127 | width: 250px;
|
---|
128 | background: #3c3a39;
|
---|
129 | color: #FFFFFF;
|
---|
130 | }
|
---|
131 |
|
---|
132 | .navbar-default {
|
---|
133 | }
|
---|
134 |
|
---|
135 | .navbar-brand {
|
---|
136 | font-weight: bold;
|
---|
137 | color: #FFFFFF !important;
|
---|
138 | }
|
---|
139 |
|
---|
140 | .nav-sidebar {
|
---|
141 | font-size: 12px;
|
---|
142 | }
|
---|
143 |
|
---|
144 | .nav-sidebar > li > a {
|
---|
145 | font-size: 13px;
|
---|
146 | color: #555555;
|
---|
147 | text-transform: capitalize;
|
---|
148 | letter-spacing: 0.5px;
|
---|
149 | padding-right: 20px;
|
---|
150 | padding-left: 20px;
|
---|
151 | border-left: 3px solid transparent;
|
---|
152 | }
|
---|
153 | .nav-sidebar > li > a:hover {
|
---|
154 | font-weight: bold;
|
---|
155 | color: #000000;
|
---|
156 | background-color: #5c5a59;
|
---|
157 | background-color: transparent;
|
---|
158 | background-color: #F5F5F5;
|
---|
159 | border-left: 3px solid #f7921d;
|
---|
160 | }
|
---|
161 |
|
---|
162 | .nav-sidebar > li > a:focus {
|
---|
163 | background-color: #F5F5F5;
|
---|
164 | }
|
---|
165 |
|
---|
166 | .nav-sidebar > .active > a,
|
---|
167 | .nav-sidebar > .active > a:hover {
|
---|
168 | font-weight: bold;
|
---|
169 | color: #000000;
|
---|
170 | background-color: #5c5a59;
|
---|
171 | background-color: transparent;
|
---|
172 | background-color: #F5F5F5;
|
---|
173 | border-left: 3px solid #f7921d;
|
---|
174 | }
|
---|
175 |
|
---|
176 |
|
---|
177 | .nav-sub-sidebar {
|
---|
178 | font-size: 10px;
|
---|
179 | }
|
---|
180 |
|
---|
181 | .nav-sub-sidebar > li > a {
|
---|
182 | font-size: 11px;
|
---|
183 | color: #555555;
|
---|
184 | text-transform: capitalize;
|
---|
185 | letter-spacing: 0.5px;
|
---|
186 | padding-right: 20px;
|
---|
187 | padding-left: 35px;
|
---|
188 | border-left: 3px solid transparent;
|
---|
189 | }
|
---|
190 | .nav-sub-sidebar > li > a:hover {
|
---|
191 | font-weight: bold;
|
---|
192 | color: #000000;
|
---|
193 | background-color: #5c5a59;
|
---|
194 | background-color: transparent;
|
---|
195 | background-color: #F5F5F5;
|
---|
196 | border-left: 3px solid #DD4B39;
|
---|
197 | }
|
---|
198 |
|
---|
199 | .nav-sub-sidebar > li > a:focus {
|
---|
200 | background-color: #F5F5F5;
|
---|
201 | }
|
---|
202 |
|
---|
203 | .nav-sub-sidebar > .active > a,
|
---|
204 | .nav-sub-sidebar > .active > a:hover {
|
---|
205 | font-weight: bold;
|
---|
206 | color: #000000;
|
---|
207 | background-color: #5c5a59;
|
---|
208 | background-color: transparent;
|
---|
209 | background-color: #F5F5F5;
|
---|
210 | border-left: 3px solid #DD4B39;
|
---|
211 | }
|
---|
212 |
|
---|
213 | .nav-list {
|
---|
214 | margin-bottom: 20px;
|
---|
215 | }
|
---|
216 | .nav-list li {
|
---|
217 | display: inline-block;
|
---|
218 | }
|
---|
219 | .nav-list li.active a {
|
---|
220 | color: #444;
|
---|
221 | border-bottom: 3px solid #4a89dc;
|
---|
222 | }
|
---|
223 | .nav-list li a {
|
---|
224 | color: #AAA;
|
---|
225 | font-weight: 600;
|
---|
226 | border-bottom: 3px solid transparent;
|
---|
227 | }
|
---|
228 | .nav-list li a:hover,
|
---|
229 | .nav-list li a:focus {
|
---|
230 | color: #444;
|
---|
231 | background-color: transparent;
|
---|
232 | }
|
---|
233 | .nav-list.nav-list-sm li a {
|
---|
234 | padding: 10px 8px;
|
---|
235 | }
|
---|
236 |
|
---|
237 | .nav.nav-list-topbar {
|
---|
238 | margin-left: 10px;
|
---|
239 | }
|
---|
240 | .nav.nav-list-topbar li a {
|
---|
241 | padding: 16px 14px 12px;
|
---|
242 | }
|
---|
243 | .nav.nav-list-topbar li.active a {
|
---|
244 | color: #f7921d;
|
---|
245 | border-bottom: 3px solid #f7921d;
|
---|
246 | }
|
---|
247 |
|
---|
248 |
|
---|
249 | #status {
|
---|
250 | padding: 30px;
|
---|
251 | }
|
---|
252 |
|
---|
253 | textarea:focus,
|
---|
254 | input[type="button"]:focus,
|
---|
255 | input[type="text"]:focus,
|
---|
256 | input[type="password"]:focus,
|
---|
257 | input[type="datetime"]:focus,
|
---|
258 | input[type="datetime-local"]:focus,
|
---|
259 | input[type="date"]:focus,
|
---|
260 | input[type="month"]:focus,
|
---|
261 | input[type="time"]:focus,
|
---|
262 | input[type="week"]:focus,
|
---|
263 | input[type="number"]:focus,
|
---|
264 | input[type="email"]:focus,
|
---|
265 | input[type="url"]:focus,
|
---|
266 | input[type="search"]:focus,
|
---|
267 | input[type="tel"]:focus,
|
---|
268 | input[type="color"]:focus,
|
---|
269 | .uneditable-input:focus {
|
---|
270 | border-color: #f7921d;
|
---|
271 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(247, 146, 29, 0.6);
|
---|
272 | outline: 0 none;
|
---|
273 | }
|
---|
274 |
|
---|
275 | .angular-flot-chart {
|
---|
276 | display: block;
|
---|
277 | width: 100%;
|
---|
278 | height: 300px;
|
---|
279 | }
|
---|
280 |
|
---|
281 |
|
---|
282 | #top-navbar {
|
---|
283 | margin-right: 15px;
|
---|
284 | }
|
---|
285 |
|
---|
286 | [ng-click],
|
---|
287 | [data-ng-click],
|
---|
288 | [x-ng-click] {
|
---|
289 | cursor: pointer;
|
---|
290 | }
|
---|
291 |
|
---|
292 | .navbar-default .navbar-brand {
|
---|
293 | text-shadow: none !important;
|
---|
294 | }
|
---|
295 |
|
---|
296 | .navbar-default .navbar-nav > li > a {
|
---|
297 | color: #ffffff;
|
---|
298 | text-shadow: none !important;
|
---|
299 | }
|
---|
300 |
|
---|
301 | .navbar-default .navbar-nav > li > a:focus {
|
---|
302 | color: #ffffff;
|
---|
303 | text-shadow: none !important;
|
---|
304 | }
|
---|
305 |
|
---|
306 | .navbar-default .navbar-nav > li > a:hover {
|
---|
307 | color: #ffffff;
|
---|
308 | background-color: #7E7E7E;
|
---|
309 | text-shadow: none !important;
|
---|
310 | }
|
---|
311 |
|
---|
312 | .navbar-default .navbar-text {
|
---|
313 | color: #ffffff;
|
---|
314 | text-shadow: none !important;
|
---|
315 | }
|
---|
316 |
|
---|
317 |
|
---|
318 | .default-view-container {
|
---|
319 | padding: 30px;
|
---|
320 | } |
---|