clockwerk-www – Blame information for rev 30

Subversion Repositories:
Rev:
Rev Author Line No. Line
9 vero 1 /* default-dark-gray */
2 @import 'https://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin,greek-ext,cyrillic-ext,greek,vietnamese,cyrillic,latin-ext';
3  
4 html{
5 height: 100%;
6 }
17 vero 7 body {
8 background-color:#ebebeb;
9 }
18 vero 10 .center {
11 text-align: center;
12 }
17 vero 13 .dark-grey{
9 vero 14 margin:0 auto;
15 }
17 vero 16 .dark-grey>div,
17 .dark-grey>.title{
9 vero 18 margin: 8px;
19 }
17 vero 20 .dark-grey .error-field .required{
9 vero 21 color:#FF9999;
22 }
17 vero 23 .dark-grey .error-field input,
24 .dark-grey .error-field input[type=text],
25 .dark-grey .error-field input[type=password],
26 .dark-grey .error-field input[type=email],
27 .dark-grey .error-field input[type=url],
28 .dark-grey .error-field input[type=date],
29 .dark-grey .error-field input[type=number],
30 .dark-grey .error-field textarea{
9 vero 31 border-color:#D893A1;
32 background-color: #FBE6F2;
33 }
17 vero 34 .dark-grey label.error{
9 vero 35 display:inline-block;
36 font-size:0.9em;
37 }
17 vero 38 .dark-grey .error,
39 .dark-grey .error #recaptcha_widget_div{
9 vero 40 padding: 3px 14px;
41 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
42 background-color: #fcf8e3;
43 border: 1px solid #fbeed5;
44 -webkit-border-radius: 4px;
45 -moz-border-radius: 4px;
46 border-radius: 4px;
47  
48 color: #b94a48;
49 background-color: #f2dede;
50 border-color: #eed3d7;
51 color: #c09853;
52 }
17 vero 53 .dark-grey .error h4 {
9 vero 54 color: #b94a48;
55 margin: 0;
56 }
57  
17 vero 58 .dark-grey .error .close {
9 vero 59 position: relative;
60 top: -2px;
61 right: -21px;
62 line-height: 20px;
63 }
17 vero 64 .dark-grey .column{
9 vero 65 float:left;
66 }
67 /* width = parseInt(100/columns.length)*/
17 vero 68 .dark-grey .column1{ width:100%;}
69 .dark-grey .column2{ width:50%; }
70 .dark-grey .column3{ width:33%; }
71 .dark-grey .column4{ width:25%; }
72 .dark-grey .column5{ width:20%; }
9 vero 73  
17 vero 74 .dark-grey .large{
9 vero 75 width: 100%;
76 *width: 94%;
77 }
17 vero 78 .dark-grey .medium{
9 vero 79 width: 50%;
80 *width: 47%;
81 }
17 vero 82 .dark-grey .small{
9 vero 83 width: 25%;
84 *width: 23%;
85 }
86  
17 vero 87 .dark-grey textarea.large{
9 vero 88 width: 100%;
89 *width: 94%;
90 height: 20em;
91 }
17 vero 92 .dark-grey textarea.medium{
9 vero 93 width: 100%;
94 *width: 94%;
95 height: 10em;
96 }
17 vero 97 .dark-grey textarea.small{
9 vero 98 width: 100%;
99 *width: 94%;
100 height: 5.5em;
101 }
102  
103 .frmd{
104 display:none;
105 }
106 .clearfix {
107 *zoom: 1;
108 }
109 .clearfix:before,
110 .clearfix:after {
111 display: table;
112 line-height: 0;
113 content: "";
114 }
115  
116  
117 .blurBg,
118 .blurBg-true{
119 background-attachment: fixed;
120 background-image: -webkit-linear-gradient(85deg, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%), /* linear bottom */
121 -webkit-radial-gradient(40% 60%,ellipse farthest-side, rgba(255, 255, 255, 0.45) -10%, rgba(255, 255, 255, 0) 100%),/* center white */
122 -webkit-radial-gradient(50% -10%,circle farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 30%),/* top center white */
123 -webkit-radial-gradient(100% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%),/* top right white */
124 -webkit-radial-gradient(0% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 10%),/* top left white */
125 -webkit-radial-gradient(90% 60%,ellipse farthest-side, rgba(0, 0, 0, 0.35) -10%, rgba(0, 0, 0, 0) 100%),/* center right black */
126 -webkit-radial-gradient(20% 10%,circle farthest-side, rgba(0, 0, 0, 0.25) -10%, rgba(0, 0, 0, 0) 20%);/* top left black */
127  
128 background-image: -moz-linear-gradient(85deg, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%), /* linear bottom */
129 -moz-radial-gradient(40% 60%,ellipse farthest-side, rgba(255, 255, 255, 0.45) -10%, rgba(255, 255, 255, 0) 100%),/* center white */
130 -moz-radial-gradient(50% -10%,circle farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 30%),/* top center white */
131 -moz-radial-gradient(100% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%),/* top right white */
132 -moz-radial-gradient(0% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 10%),/* top left white */
133 -moz-radial-gradient(90% 60%,ellipse farthest-side, rgba(0, 0, 0, 0.35) -10%, rgba(0, 0, 0, 0) 100%),/* center right black */
134 -moz-radial-gradient(20% 10%,circle farthest-side, rgba(0, 0, 0, 0.25) -10%, rgba(0, 0, 0, 0) 20%);/* top left black */
135  
136 background-image: -ms-linear-gradient(85deg, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%), /* linear bottom */
137 -ms-radial-gradient(40% 60%,ellipse farthest-side, rgba(255, 255, 255, 0.45) -10%, rgba(255, 255, 255, 0) 100%),/* center white */
138 -ms-radial-gradient(50% -10%,circle farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 30%),/* top center white */
139 -ms-radial-gradient(100% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%),/* top right white */
140 -ms-radial-gradient(0% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 10%),/* top left white */
141 -ms-radial-gradient(90% 60%,ellipse farthest-side, rgba(0, 0, 0, 0.35) -10%, rgba(0, 0, 0, 0) 100%),/* center right black */
142 -ms-radial-gradient(20% 10%,circle farthest-side, rgba(0, 0, 0, 0.25) -10%, rgba(0, 0, 0, 0) 20%);/* top left black */
143  
144 background-image: -o-linear-gradient(85deg, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%), /* linear bottom */
145 -o-radial-gradient(40% 60%,ellipse farthest-side, rgba(255, 255, 255, 0.45) -10%, rgba(255, 255, 255, 0) 100%),/* center white */
146 -o-radial-gradient(50% -10%,circle farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 30%),/* top center white */
147 -o-radial-gradient(100% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%),/* top right white */
148 -o-radial-gradient(0% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 10%),/* top left white */
149 -o-radial-gradient(90% 60%,ellipse farthest-side, rgba(0, 0, 0, 0.35) -10%, rgba(0, 0, 0, 0) 100%),/* center right black */
150 -o-radial-gradient(20% 10%,circle farthest-side, rgba(0, 0, 0, 0.25) -10%, rgba(0, 0, 0, 0) 20%);/* top left black */
151  
152 background-image: linear-gradient(85deg, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%), /* linear bottom */
153 radial-gradient(40% 60%,ellipse farthest-side, rgba(255, 255, 255, 0.45) -10%, rgba(255, 255, 255, 0) 100%),/* center white */
154 radial-gradient(50% -10%,circle farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 30%),/* top center white */
155 radial-gradient(100% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%),/* top right white */
156 radial-gradient(0% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 10%),/* top left white */
157 radial-gradient(90% 60%,ellipse farthest-side, rgba(0, 0, 0, 0.35) -10%, rgba(0, 0, 0, 0) 100%),/* center right black */
158 radial-gradient(20% 10%,circle farthest-side, rgba(0, 0, 0, 0.25) -10%, rgba(0, 0, 0, 0) 20%);/* top left black */
159 /*
160 radial-gradient(40% 60%,ellipse farthest-side, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 50%),
161 radial-gradient(50% -10%,circle closest-corner, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0) 50%),
162 radial-gradient(0% 100%,ellipse farthest-side, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 20%),
163 radial-gradient(100% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 20%),
164 radial-gradient(1% 2%,circle farthest-side, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 20%);
165 */
166 }
167  
168 #formoid-info {
169 display: block;
170 width: 400px;
171 margin: 0 auto;
172 padding: 10px;
173 text-align: center;
174 color: #c09853;
175 font-size: 12px;
176 max-width: 100%;
177 }@font-face {
178 font-family: formoid;
179 src:url('formoid.eot');
180 src:url('formoid.eot?#iefix') format('embedded-opentype'),
181 url('formoid.ttf') format('truetype'),
182 url('formoid.woff') format('woff'),
183 url('formoid.svg#formoid') format('svg');
184 font-weight: normal;
185 font-style: normal;
186 }
187  
17 vero 188 .dark-grey{
9 vero 189 -webkit-border-radius: 4px;
190 -moz-border-radius: 4px;
191 border-radius: 4px;
192 }
17 vero 193 .dark-grey,
194 .dark-grey select,
195 .dark-grey input[type=button],
196 .dark-grey .btn,
197 .dark-grey input[type=submit] ,
198 .dark-grey .element-file .button{
9 vero 199 color: inherit;
200 padding: 5px;
201 }
17 vero 202 .dark-grey h2 {
9 vero 203 margin: 0.2em 0;
204 }
205  
17 vero 206 .dark-grey label {
9 vero 207 display: block;
208 font-size: 1em;
209 margin-bottom: 3px;
210 clear: both;
211 }
212  
17 vero 213 .dark-grey div, .dark-grey span, .dark-grey label, .dark-grey input, .dark-grey textarea, .dark-grey select, .dark-grey button, .dark-grey ul, .dark-grey li, .dark-grey a{
9 vero 214 font-family: inherit;
215 color: inherit;
216 }
217 /* Global Declaration */
218  
219 /*
220  
221 CORE FUNCTIONALITY
222  
223 Not advised to edit stuff below this line
224 -----------------------------------------------------
225 */
226  
17 vero 227 .dark-grey .btn{
9 vero 228 display: -moz-inline-box;
229 display: inline-block;
230 vertical-align: middle;
231 zoom: 1;
232 *display: inline;
233 }
234  
235 /* Button & submit*/
17 vero 236 .dark-grey select,
237 .dark-grey input[type=button],
238 .dark-grey .btn,
239 .dark-grey input[type=submit],
240 .dark-grey .element-file .button{
9 vero 241 display: -moz-inline-box;
242 display: inline-block;
243 *display: inline;
244 padding: 4px 12px;
245 margin-bottom: 1px;
30 vero 246 *margin-left: .3em;
247 *margin-right: .3em;
9 vero 248 text-align: center;
249 font-size: 1em;
250 padding: 6px 2%;
251 font-family:inherit;
30 vero 252 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
9 vero 253 vertical-align: middle;
254 cursor: pointer;
255 border: 1px solid #bbbbbb;
256 *border: 0;
257 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
258 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
259 border-bottom-color: #a2a2a2;
260 -webkit-border-radius: 4px;
261 -moz-border-radius: 4px;
262 border-radius: 4px;
263 *zoom: 1;
264 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
265 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
266 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
267 outline: 0 none;
268 }
17 vero 269 .dark-grey .element-file .button{
9 vero 270 -webkit-border-radius: 0 4px 4px 0;
271 -moz-border-radius: 0 4px 4px 0;
272 border-radius: 0 4px 4px 0;
273 }
17 vero 274 .dark-grey select,
275 .dark-grey .btn,
276 .dark-grey .element-file .button{
9 vero 277 background-color: #f5f5f5;
278 *background-color: #e6e6e6;
279 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
280 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
281 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
282 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
283 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
284 background-repeat: repeat-x;
285 }
17 vero 286 .dark-grey select{
9 vero 287 text-align: left;
288 width: 100%;
289 }
290  
17 vero 291 .dark-grey select:hover,
292 .dark-grey input[type=button]:hover,
293 .dark-grey .btn:hover,
294 .dark-grey input[type=button]:active,
295 .dark-grey input[type=button][disabled]{
9 vero 296 background-color: #e6e6e6;
297 *background-color: #d9d9d9;
298 }
299  
17 vero 300 .dark-grey select:active,
301 .dark-grey .btn:active,
302 .dark-grey input[type=button]:active{
9 vero 303 background-color: #cccccc;
304 }
305  
17 vero 306 .dark-grey select:hover,
307 .dark-grey .btn:hover,
308 .dark-grey input[type=button]:hover {
9 vero 309 text-decoration: none;
310 background-position: 0 -15px;
311 -webkit-transition: background-position 0.1s linear;
312 -moz-transition: background-position 0.1s linear;
313 -o-transition: background-position 0.1s linear;
314 transition: background-position 0.1s linear;
315 }
316  
17 vero 317 .dark-grey select:active,
318 .dark-grey .btn:active,
319 .dark-grey input[type=button]:active {
9 vero 320 background-image: none;
321 outline: 0;
322 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
323 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
324 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
325 }
326  
17 vero 327 .dark-grey .btn[disabled],
328 .dark-grey input[type=button][disabled] {
9 vero 329 cursor: default;
330 background-image: none;
331 opacity: 0.65;
332 filter: alpha(opacity=65);
333 -webkit-box-shadow: none;
334 -moz-box-shadow: none;
335 box-shadow: none;
336 }
337  
17 vero 338 .dark-grey input[type=submit],
339 .dark-grey .element-file .button {
9 vero 340 font-size: 1em;
341 font-family: inherit;
342 color: #ffffff;
343 }
344  
17 vero 345 .dark-grey input[type=submit]:hover,
346 .dark-grey .element-file .button:hover {
9 vero 347 color: #ffffff;
348 text-decoration: none;
349 background-position: 0 -15px;
350 -webkit-transition: background-position 0.1s linear;
351 -moz-transition: background-position 0.1s linear;
352 -o-transition: background-position 0.1s linear;
353 transition: background-position 0.1s linear;
354 }
355  
17 vero 356 .dark-grey input[type=submit]:active,
357 .dark-grey input[type=submit][disabled],
358 .dark-grey .element-file .button:active,
359 .dark-grey .element-file .button[disabled] {
9 vero 360 background-image: none;
361 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
362 outline: 0 none;
363 }
364  
365 /* Radio & checkbox */
17 vero 366 .dark-grey div.element-checkbox,
367 .dark-grey div.element-radio{
9 vero 368 overflow:hidden;
369 }
370 /* clearfix */
17 vero 371 .dark-grey div.element-checkbox:after,
372 .dark-grey div.element-radio:after {
9 vero 373 content: ".";
374 display: block;
375 height: 0;
376 clear: both;
377 visibility: hidden;
378 }
379  
17 vero 380 .dark-grey input[type=checkbox],
381 .dark-grey input[type=radio]{
9 vero 382 z-index:1;
383 position: absolute;
384 float: left;
385 width: 1em;
386 height: 1.3em;
387 font-size: 1em;
388 opacity: 0.01;
389 margin: 0;
390 cursor: pointer;
391 }
392  
17 vero 393 .dark-grey input[type=radio]+span,
394 .dark-grey input[type=checkbox]+span{
9 vero 395 height: 19px;
396 margin-right:-19px;
397 padding-top: 0;
398 z-index:0;
399 position: relative;
400 left: 0;
401 top: 0;
402 vertical-align:top;
403 line-height: 1.4;
404 }
17 vero 405 .dark-grey input[type=radio]+span:before,
406 .dark-grey input[type=checkbox]+span:before{
9 vero 407 font-family: formoid;
408 color: transparent;
409 text-align: center;
410 vertical-align: top;
411 margin-right: 0.4em;
412  
413 border: 1px solid #BCBCBC;
414  
415 background-color: #fff;
416  
417 background: -moz-linear-gradient(top,#fff,#E3E3E3);
418 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E3E3E3));
419 filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#ffffff,endColorstr=#E3E3E3,GradientType=0); zoom: 1;
420 background: linear-gradient(top,#fff,#E3E3E3);
421  
422 background-clip: border-box; -moz-background-clip: border; -webkit-background-clip: border-box;
423 background-origin: border-box; -moz-background-origin: border; -webkit-background-origin: border-box;
424  
425 -webkit-font-smoothing: antialiased;
426 -moz-osx-font-smoothing: grayscale;
427 }
428 /* checkbox */
17 vero 429 .dark-grey input[type=checkbox]+span:before{
9 vero 430 content: "\e004";
431 font-size: 0.8em;
432 padding: 0.1em;
433 line-height: 1.8;
434  
435 -webkit-border-radius:0.3em;
436 -moz-border-radius:0.3em;
437 border-radius:0.3em;
438 }
17 vero 439 .dark-grey input[type=checkbox]:hover+span:before{
9 vero 440 box-shadow: 0 0 2px 2px #F1F1F1;
441 }
17 vero 442 .dark-grey input[type=checkbox]:checked+span:before{
9 vero 443 color: #616161;
444 }
445  
446 /* radio */
17 vero 447 .dark-grey input[type=radio]+span:before{
9 vero 448 font-family: formoid;
449 content: "\e005";
450 font-size: 1.1em;
451 line-height: 1.35;
452 padding: 0;
453  
454 -webkit-border-radius: 50%;
455 -moz-border-radius: 50%;
456 border-radius: 50%;
457 }
17 vero 458 .dark-grey input[type=radio]:hover+span:before{
9 vero 459 box-shadow: 0 0 2px 2px #F1F1F1;
460 }
17 vero 461 .dark-grey input[type=radio]:checked+span:before{
9 vero 462 color: #616161;
463 }
464  
465  
17 vero 466 .dark-grey input[type=text],
467 .dark-grey input[type=password],
468 .dark-grey input[type=email],
469 .dark-grey input[type=url],
470 .dark-grey input[type=number],
471 .dark-grey input[type=date],
472 .dark-grey .element-file .file_text,
473 .dark-grey textarea {
9 vero 474 padding: 6px 2%;
475 /*margin-left:-1px;*/
476 font-family:inherit;
477 font-size: 1em;
478 font-weight: normal;
479 /*padding: 6px;*/
480 /*background-image: -ms-linear-gradient(top, #444444, #999999); /* IE10 */
481 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#22000000', EndColorStr='#00FFFFFF'); /* IE6�IE9 */
482 /*background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
483 background-image: -moz-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* FF3.6 */
484 background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */
485 background-image: -o-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Opera 11.10+ */
486 background-image: linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 5px, rgba(0,0,0,0) );
487 border-top: solid 1px #aaa;
488 border-left: solid 1px #aaa;
489 border-bottom: solid 1px #ccc;
490 border-right: solid 1px #ccc;
491 -webkit-border-radius: 3px;
492 -moz-border-radius: 3px;
493 border-radius: 3px;
494 outline: 0;
495  
496 -webkit-box-sizing: border-box;
497 -moz-box-sizing: border-box;
498 -o-box-sizing: border-box;
499 box-sizing: border-box;
500 }
17 vero 501 .dark-grey .element-address input[type=text],
502 .dark-grey .element-name input[type=text],
503 .dark-grey .element-file .file_text,
504 .dark-grey textarea{
9 vero 505 width: 100%;
506 *width: 94%;
507 }
508  
509  
510 /* prevent conflicts with bootstrap */
17 vero 511 .dark-grey .dropdown-menu input[type=checkbox]{
9 vero 512 display:none;
513 }
514  
515 /* NAME last first */
17 vero 516 .dark-grey .element-name .nameFirst{
9 vero 517 width: 40%;
518 *width: 39%;
519 left: 0;
520 display: inline-block;
521 margin-right: 5%;
522 vertical-align: top;
523 zoom: 1;
524 *display: inline;
525 }
17 vero 526 .dark-grey .element-name .nameLast{
9 vero 527 width: 55%;
528 *width: 50%;
529 display: inline-block;
530 vertical-align: top;
531 zoom: 1;
532 *display: inline;
533 }
534  
535 /* ADDRESS */
17 vero 536 .dark-grey .element-address .city,
537 .dark-grey .element-address .zip{
9 vero 538 width: 47%;
539 *width: 44%;
540 display: inline-block;
541 zoom: 1;
542 *display: inline;
543 vertical-align: top;
544 margin-right: 6%;
545 }
17 vero 546 .dark-grey .element-address .state,
547 .dark-grey .element-address .country{
9 vero 548 width: 47%;
549 *width: 44%;
550 display: inline-block;
551 zoom: 1;
552 *display: inline;
553 vertical-align: top;
554 }
17 vero 555 .dark-grey .element-address .country select{
9 vero 556 cursor: pointer;
557 }
17 vero 558 .dark-grey .element-address label,
559 .dark-grey .element-name label{
9 vero 560 font-size: 0.8em;
561 }
17 vero 562 .dark-grey .element-address label.title,
563 .dark-grey .element-name label.title{
9 vero 564 font-size: 1em;
565 }
566  
567  
568 /* type number */
17 vero 569 .dark-grey input[type=number]::-webkit-inner-spin-button,
570 .dark-grey input[type=number]::-webkit-outer-spin-button{
9 vero 571 -webkit-appearance: none;
572 }
573  
574 /* File input */
17 vero 575 .dark-grey .element-file label{
9 vero 576 position: relative;
577 }
17 vero 578 .dark-grey .element-file .title{
9 vero 579 position: static;
580 }
17 vero 581 .dark-grey .element-file .button{
9 vero 582 z-index: 1;
583 position: absolute;
584 right: -2px;
585 }
17 vero 586 .dark-grey .element-file .file_text{
9 vero 587 right: 0;
588 overflow: hidden;
589 cursor: pointer;
590 background-color: #fff;
591 }
17 vero 592 .dark-grey .element-file .file_text:before{
9 vero 593 content: "_";
594 opacity: 0;
595 }
17 vero 596 .dark-grey .element-file .file_input {
9 vero 597 position: absolute;
598 top: 0;
599 right: 0;
600 bottom: 0;
601 padding: 0;
602 cursor: pointer;
603 opacity: 0;
604 filter: alpha(opacity=0);
605 width: 100%;
606 }
17 vero 607 * html .dark-grey .element-file .file_input,
608 *+html .dark-grey .element-file .file_input{
9 vero 609 position: relative;
610 left: auto;
611 right: auto;
612 top: auto;
613 bottom: auto;
614 width: auto;
615 opacity: 1;
616 filter: alpha(opacity=100);
617 }
17 vero 618 * html .dark-grey .element-file .button,
619 *+html .dark-grey .element-file .button{
9 vero 620 display: none;
621 }
17 vero 622 * html .dark-grey .element-file label,
623 *+html .dark-grey .element-file label,
624 * html .dark-grey .element-file .file_text,
625 *+html .dark-grey .element-file .file_text{
9 vero 626 border: none;
627 }
17 vero 628 * html .dark-grey .element-file .title,
629 *+html .dark-grey .element-file .title{
9 vero 630 display: block;
631 }
632  
633  
634 @media all and (max-width:400px){
17 vero 635 .dark-grey .element-radio .column,
636 .dark-grey .element-checkbox .column,
637 .dark-grey .element-name .nameFirst,
638 .dark-grey .element-name .nameLast,
639 .dark-grey .element-address .city,
640 .dark-grey .element-address span.state,
641 .dark-grey .element-address .zip,
642 .dark-grey .element-address .country{
9 vero 643 width: 100%;
644 display: block;
645 margin-right: 0;
646 }
647 }/* bootstrap cutting */
648  
649 .btn:focus {
650 outline: thin dotted #333;
651 outline: 5px auto -webkit-focus-ring-color;
652 outline-offset: -2px;
653 }
654  
655 .btn-group {
656 position: relative;
657 display: inline-block;
658 *display: inline;
659 *margin-left: .3em;
660 /*font-size: 0;*/
661 white-space: nowrap;
662 vertical-align: middle;
663 *zoom: 1;
664 }
665  
666 .btn-group:first-child {
667 *margin-left: 0;
668 }
669  
670  
671 .btn-group .dropdown-toggle:active,
672 .btn-group.open .dropdown-toggle {
673 outline: 0;
674 }
675  
676 .caret {
677 display: inline-block;
678 width: 0;
679 height: 0;
680 vertical-align: top;
681 border-top: 4px solid #000000;
682 border-right: 4px solid transparent;
683 border-left: 4px solid transparent;
684 content: "";
685 }
686  
687 .btn .caret {
688 margin-top: 8px;
689 margin-left: 0;
690 }
691  
692 .dropdown-menu {
693 position: absolute;
694 top: 100%;
695 left: 0;
696 z-index: 1000;
697 display: none;
698 float: left;
699 min-width: 160px;
700 padding: 5px 0;
701 margin: 2px 0 0;
702 list-style: none;
703 background-color: #ffffff;
704 border: 1px solid #ccc;
705 border: 1px solid rgba(0, 0, 0, 0.2);
706 *border-right-width: 2px;
707 *border-bottom-width: 2px;
708 -webkit-border-radius: 6px;
709 -moz-border-radius: 6px;
710 border-radius: 6px;
711 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
712 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
713 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
714 -webkit-background-clip: padding-box;
715 -moz-background-clip: padding;
716 background-clip: padding-box;
717 }
718  
719 .dropdown-menu.pull-right {
720 right: 0;
721 left: auto;
722 }
723  
724 .dropdown-menu .divider {
725 *width: 100%;
726 height: 1px;
727 margin: 9px 1px;
728 *margin: -5px 0 5px;
729 overflow: hidden;
730 background-color: #e5e5e5;
731 border-bottom: 1px solid #ffffff;
732 }
733  
734 .dropdown-menu li > a {
735 display: block;
736 padding: 3px 20px;
737 clear: both;
738 font-weight: normal;
739 white-space: nowrap;
740 text-decoration: none;
741 }
742  
743 .dropdown-menu li > a:hover,
744 .dropdown-menu li > a:focus,
745 .dropdown-submenu:hover > a{
746 color: #ffffff;
747 text-decoration: none;
748 }
749 .dropdown-menu li.selected > a{
750 color: #ffffff;
751 text-decoration: none;
752 }
753  
754 .dropdown-menu .active > a,
755 .dropdown-menu .active > a:hover {
756 color: #ffffff;
757 text-decoration: none;
758 background-color: #0081c2;
759 background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
760 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
761 background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
762 background-image: -o-linear-gradient(top, #0088cc, #0077b3);
763 background-image: linear-gradient(to bottom, #0088cc, #0077b3);
764 background-repeat: repeat-x;
765 outline: 0;
766 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
767 }
768  
769 .dropdown-menu .disabled > a,
770 .dropdown-menu .disabled > a:hover {
771 color: #999999;
772 }
773  
774 .dropdown-menu .disabled > a:hover {
775 text-decoration: none;
776 cursor: default;
777 background-color: transparent;
778 background-image: none;
779 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
780 }
781  
782 .open > .dropdown-menu {
783 display: block;
784 }
785  
786  
787  
788  
789  
790  
791 .alert {
792 padding: 8px 35px 8px 14px;
793 margin-bottom: 20px;
794 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
795 background-color: #fcf8e3;
796 border: 1px solid #fbeed5;
797 -webkit-border-radius: 4px;
798 -moz-border-radius: 4px;
799 border-radius: 4px;
800 }
801  
802 .alert,
803 .alert h4 {
804 color: #c09853;
805 }
806  
807 .alert h4 {
808 margin: 0;
809 }
810  
811 .alert .close {
812 position: relative;
813 top: -2px;
814 right: -21px;
815 line-height: 20px;
816 }
817  
818  
819 .alert-success {
820 color: #468847;
821 background-color: #dff0d8;
822 border-color: #d6e9c6;
823 }
824  
825 .alert-success h4 {
826 color: #468847;
827 }
828  
829 .alert-error {
830 color: #b94a48;
831 background-color: #f2dede;
832 border-color: #eed3d7;
833 }
834  
835 .alert-info {
836 color: #3a87ad;
837 background-color: #d9edf7;
838 border-color: #bce8f1;
839 }
840  
841 .alert-info h4 {
842 color: #3a87ad;
843 }
844  
845  
846 .tooltip {
847 position: relative;
848 z-index: 30;
849 display: block;
850 padding: 5px;
851 font-size: 11px;
852 visibility: visible;
853 margin-left: 0;
854 }
855  
856 .tooltip.in {
857 opacity: 0.8;
858 filter: alpha(opacity=80);
859 }
860  
861 .tooltip.top {
862 margin-top: -3px;
863 }
864  
865 .tooltip.right {
866 margin-left: 3px;
867 }
868  
869 .tooltip.bottom {
870 margin-top: 4px;
871 }
872  
873 .tooltip.left {
874 margin-left: -3px;
875 }
876  
877 .tooltip-inner {
878 max-width: 200px;
879 padding: 3px 8px;
880 color: #ffffff;
881 text-align: center;
882 text-decoration: none;
883 background-color: #000000;
884 -webkit-border-radius: 4px;
885 -moz-border-radius: 4px;
886 border-radius: 4px;
887 }
888  
889 .tooltip-arrow {
890 position: absolute;
891 width: 0;
892 height: 0;
893 border-color: transparent;
894 border-style: solid;
895 }
896  
897 .tooltip.top .tooltip-arrow {
898 bottom: 0;
899 left: 50%;
900 margin-left: -5px;
901 border-top-color: #000000;
902 border-width: 5px 5px 0;
903 }
904  
905 .tooltip.right .tooltip-arrow {
906 top: 50%;
907 left: 0;
908 margin-top: -5px;
909 border-right-color: #000000;
910 border-width: 5px 5px 5px 0;
911 }
912  
913 .tooltip.left .tooltip-arrow {
914 top: 50%;
915 right: 0;
916 margin-top: -5px;
917 border-left-color: #000000;
918 border-width: 5px 0 5px 5px;
919 }
920  
921 .tooltip.bottom .tooltip-arrow {
922 top: -8px;
923 left: 17px;
924 margin-left: -8px;
925 border-bottom-color: #f2dede;
926 border-width: 0 8px 8px;
927 }
928 .hide {
929 display: none;
930 }
931  
932 /*!
933 * bootstrap-select v1.3.4
934 * http://silviomoreto.github.io/bootstrap-select/
935 *
936 * Copyright 2013 bootstrap-select
937 * Licensed under the MIT license
938 */
939  
940 .bootstrap-select.btn-group,
941 .bootstrap-select.btn-group[class*="span"] {
942 float: none;
943 display: inline-block;
944 margin-bottom: 0;
945 margin-left: 0;
946 }
947 .form-search .bootstrap-select.btn-group,
948 .form-inline .bootstrap-select.btn-group,
949 .form-horizontal .bootstrap-select.btn-group {
950 margin-bottom: 0;
951 }
952  
953 .bootstrap-select.btn-group.pull-right,
954 .bootstrap-select.btn-group[class*="span"].pull-right,
955 .row-fluid .bootstrap-select.btn-group[class*="span"].pull-right {
956 float: right;
957 }
958  
959 .input-append .bootstrap-select.btn-group {
960 margin-left: -1px;
961 }
962  
963 .input-prepend .bootstrap-select.btn-group {
964 margin-right: -1px;
965 }
966  
967 .bootstrap-select:not([class*="span"]) {
968 width: 100%;
969 }
970  
971 .bootstrap-select {
972 width: 100%;
973 }
974  
975 .bootstrap-select > .btn {
976 width: 100%;
977 }
978  
979 .error .bootstrap-select .btn {
980 border: 1px solid #b94a48;
981 }
982  
983  
984 .dropdown-menu {
985 z-index: 2000;
986 }
987  
988 .bootstrap-select.show-menu-arrow.open > .btn {
989 z-index: 2051;
990 }
991  
992 .bootstrap-select .btn:focus {
993 outline: 0 none;
994 }
995  
996 .bootstrap-select.btn-group .btn .filter-option {
997 overflow: hidden;
998 position: absolute;
999 left: 12px;
1000 right: 25px;
1001 text-align: left;
1002 }
1003  
1004 .bootstrap-select.btn-group .btn .caret {
1005 position: absolute;
1006 top: 50%;
1007 right: 12px;
1008 margin-top: -2px;
1009 vertical-align: middle;
1010 }
1011  
1012 .bootstrap-select.btn-group > .disabled,
1013 .bootstrap-select.btn-group .dropdown-menu li.disabled > a {
1014 cursor: not-allowed;
1015 }
1016  
1017 .bootstrap-select.btn-group > .disabled:focus {
1018 outline: none !important;
1019 }
1020  
1021 .bootstrap-select.btn-group[class*="span"] .btn {
1022 width: 100%;
1023 }
1024  
1025 .bootstrap-select.btn-group .dropdown-menu {
1026 min-width: 100%;
1027 -moz-box-sizing: border-box;
1028 -webkit-box-sizing: border-box;
1029 box-sizing: border-box;
1030 }
1031  
1032 .bootstrap-select.btn-group .dropdown-menu.inner {
1033 position: static;
1034 border: 0;
1035 padding: 0;
1036 margin: 0;
1037 -webkit-border-radius: 0;
1038 -moz-border-radius: 0;
1039 border-radius: 0;
1040 -webkit-box-shadow: none;
1041 -moz-box-shadow: none;
1042 box-shadow: none;
1043 }
1044  
1045 .bootstrap-select.btn-group .dropdown-menu dt {
1046 display: block;
1047 padding: 3px 20px;
1048 cursor: default;
1049 }
1050  
1051 .bootstrap-select.btn-group .div-contain {
1052 overflow: hidden;
1053 }
1054  
1055 .bootstrap-select.btn-group .dropdown-menu li {
1056 position: relative;
1057 }
1058  
1059 .bootstrap-select.btn-group .dropdown-menu li > a.opt {
1060 position: relative;
1061 padding-left: 35px;
1062 }
1063  
1064 .bootstrap-select.btn-group .dropdown-menu li > a {
1065 cursor: pointer;
1066 }
1067  
1068 .bootstrap-select.btn-group .dropdown-menu li > dt small {
1069 font-weight: normal;
1070 }
1071  
1072 .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
1073 display: inline-block;
1074 position: absolute;
1075 right: 15px;
1076 margin-top: 2.5px;
1077 }
1078  
1079 .bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
1080 display: none;
1081 }
1082  
1083 .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
1084 margin-right: 34px;
1085 }
1086  
1087 .bootstrap-select.btn-group .dropdown-menu li small {
1088 padding-left: 0.5em;
1089 }
1090  
1091 .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small,
1092 .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small {
1093 color: #64b1d8;
1094 color: rgba(255,255,255,0.4);
1095 }
1096  
1097 .bootstrap-select.btn-group .dropdown-menu li > dt small {
1098 font-weight: normal;
1099 }
1100  
1101 .bootstrap-select.show-menu-arrow .dropdown-toggle:before {
1102 content: '';
1103 display: inline-block;
1104 border-left: 7px solid transparent;
1105 border-right: 7px solid transparent;
1106 border-bottom: 7px solid #CCC;
1107 border-bottom-color: rgba(0, 0, 0, 0.2);
1108 position: absolute;
1109 bottom: -4px;
1110 left: 9px;
1111 display: none;
1112 }
1113  
1114 .bootstrap-select.show-menu-arrow .dropdown-toggle:after {
1115 content: '';
1116 display: inline-block;
1117 border-left: 6px solid transparent;
1118 border-right: 6px solid transparent;
1119 border-bottom: 6px solid white;
1120 position: absolute;
1121 bottom: -4px;
1122 left: 10px;
1123 display: none;
1124 }
1125  
1126 .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
1127 bottom: auto;
1128 top: -3px;
1129 border-top: 7px solid #ccc;
1130 border-bottom: 0;
1131 border-top-color: rgba(0, 0, 0, 0.2);
1132 }
1133  
1134 .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
1135 bottom: auto;
1136 top: -3px;
1137 border-top: 6px solid #ffffff;
1138 border-bottom: 0;
1139 }
1140  
1141 .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
1142 right: 12px;
1143 left: auto;
1144 }
1145 .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
1146 right: 13px;
1147 left: auto;
1148 }
1149  
1150 .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
1151 .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
1152 display: block;
1153 }
1154  
1155 .mobile-device {
1156 position: absolute;
1157 top: 0;
1158 left: 0;
1159 display: block !important;
1160 width: 100%;
1161 height: 100% !important;
1162 opacity: 0;
1163 }
1164  
1165 .bootstrap-select.fit-width {
1166 width: auto !important;
1167 }
1168  
1169 .bootstrap-select.btn-group.fit-width .btn .filter-option {
1170 position: static;
1171 }
1172  
1173 .bootstrap-select.btn-group.fit-width .btn .caret {
1174 position: static;
1175 top: auto;
1176 margin-top: -1px;
1177 }
1178  
1179 .control-group.error .bootstrap-select .dropdown-toggle{
1180 border-color: #b94a48;
1181 }
1182  
1183 .bootstrap-select-searchbox {
1184 padding: 4px 8px;
1185 }
1186 /*!
1187 * Datepicker for Bootstrap
1188 *
1189 * Copyright 2012 Stefan Petre
1190 * Licensed under the Apache License v2.0
1191 * http://www.apache.org/licenses/LICENSE-2.0
1192 *
1193 */
1194 .datepicker {
1195 width: 14em;
1196 font-size: 1em;
1197 position: absolute;
1198 background-color: #fff;
1199 color: #666666;
1200 top: 0;
1201 left: 0;
1202 padding: 4px;
1203 margin-top: 1px;
1204 -webkit-border-radius: 4px;
1205 -moz-border-radius: 4px;
1206 border-radius: 4px;
1207 border: 1px solid #ccc;
1208 display: none;
1209 z-index: 100;
1210 /*.dow {
1211 border-top: 1px solid #ddd !important;
1212 }*/
1213  
1214 }
1215 .datepicker:before {
1216 content: '';
1217 display: inline-block;
1218 border-left: 7px solid transparent;
1219 border-right: 7px solid transparent;
1220 border-bottom: 7px solid #ccc;
1221 border-bottom-color: rgba(0, 0, 0, 0.2);
1222 position: absolute;
1223 top: -7px;
1224 left: 6px;
1225 }
1226 .datepicker:after {
1227 content: '';
1228 display: inline-block;
1229 border-left: 6px solid transparent;
1230 border-right: 6px solid transparent;
1231 border-bottom: 6px solid #ffffff;
1232 position: absolute;
1233 top: -6px;
1234 left: 7px;
1235 }
1236 .datepicker > div {
1237 display: none;
1238 }
1239 .datepicker table {
1240 width: 100%;
1241 margin: 0;
1242 }
1243 .datepicker td,
1244 .datepicker th {
1245 text-align: center;
1246 width: 2.9em;
1247 -webkit-border-radius: 4px;
1248 -moz-border-radius: 4px;
1249 border-radius: 4px;
1250 }
1251 .datepicker td.day:hover {
1252 background: #eeeeee;
1253 cursor: pointer;
1254 }
1255 .datepicker td.day.disabled {
1256 color: #eeeeee;
1257 }
1258 .datepicker td.old,
1259 .datepicker td.new {
1260 color: #999999;
1261 }
1262 .datepicker td.active,
1263 .datepicker td.active:hover {
1264 color: #ffffff;
1265 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1266 color: #fff;
1267 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1268 }
1269 .datepicker td.active:hover,
1270 .datepicker td.active:hover:hover,
1271 .datepicker td.active:focus,
1272 .datepicker td.active:hover:focus,
1273 .datepicker td.active:active,
1274 .datepicker td.active:hover:active,
1275 .datepicker td.active.active,
1276 .datepicker td.active:hover.active,
1277 .datepicker td.active.disabled,
1278 .datepicker td.active:hover.disabled,
1279 .datepicker td.active[disabled],
1280 .datepicker td.active:hover[disabled] {
1281 color: #ffffff;
1282 }
1283 .datepicker td.active:active,
1284 .datepicker td.active:hover:active,
1285 .datepicker td.active.active,
1286 .datepicker td.active:hover.active {
1287 background-color: #003399 \9;
1288 }
1289 .datepicker td span {
1290 display: block;
1291 width: 1.5em;
1292 height: 1.7em;
1293 line-height: 1.6;
1294 float: left;
1295 margin: 2px;
1296 cursor: pointer;
1297 -webkit-border-radius: 4px;
1298 -moz-border-radius: 4px;
1299 border-radius: 4px;
1300 }
1301 .datepicker .datepicker-months td span,
1302 .datepicker .datepicker-years td span {
1303 width: 3.5em;
1304 height: 3em;
1305 line-height: 3;
1306 }
1307 .datepicker td span:hover {
1308 background: #eeeeee;
1309 }
1310 .datepicker td span.active {
1311 color: #ffffff;
1312 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1313 color: #fff;
1314 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1315 }
1316 .datepicker td span.active:hover,
1317 .datepicker td span.active:focus,
1318 .datepicker td span.active:active,
1319 .datepicker td span.active.active,
1320 .datepicker td span.active.disabled,
1321 .datepicker td span.active[disabled] {
1322 color: #ffffff;
1323 }
1324 .datepicker td span.active:active,
1325 .datepicker td span.active.active {
1326 background-color: #003399 \9;
1327 }
1328 .datepicker td span.old {
1329 color: #999999;
1330 }
1331 .datepicker thead tr:first-child th {
1332 cursor: pointer;
1333 }
1334 .datepicker thead tr:first-child th:hover {
1335 background: #eeeeee;
1336 }
1337 .input-append.date .add-on i,
1338 .input-prepend.date .add-on i {
1339 display: block;
1340 cursor: pointer;
1341 width: 16px;
1342 height: 16px;
17 vero 1343 }/* .dark-grey color scheme begin */
9 vero 1344  
17 vero 1345 .dark-grey input[type=submit],
1346 .dark-grey .element-file .button {
9 vero 1347 background-color: #222222;
1348 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1349 background-image: -moz-linear-gradient(top, #444444, #222222);
1350 background-image: -ms-linear-gradient(top, #444444, #222222);
1351 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
1352 background-image: -webkit-linear-gradient(top, #444444, #222222);
1353 background-image: -o-linear-gradient(top, #444444, #222222);
1354 background-image: linear-gradient(top, #444444, #222222);
1355 background-repeat: repeat-x;
1356 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0);
1357 /* border-color: #1598d9 #1598d9 #007bb8 #1598d9; */
1358 }
17 vero 1359 .dark-grey input[type=submit]:hover,
1360 .dark-grey .element-file .button:hover {
9 vero 1361 background-color: #222222;
1362 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47b4eb', endColorstr='#222222', GradientType=0);
1363 }
17 vero 1364 .dark-grey input[type=submit]:active,
1365 .dark-grey input[type=submit][disabled],
1366 .dark-grey .element-file .button:active,
1367 .dark-grey .element-file .button[disabled]{
9 vero 1368 background-color: #222222;
1369 *background-color: #222222;
1370 }
1371  
17 vero 1372 .dark-grey input[type=text]:focus,
1373 .dark-grey input[type=password]:focus,
1374 .dark-grey input[type=email]:focus,
1375 .dark-grey input[type=url]:focus,
1376 .dark-grey input[type=number]:focus,
1377 .dark-grey input[type=date]:focus,
1378 .dark-grey textarea:focus,
1379 .dark-grey .element-file .file_text:focus{
9 vero 1380 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222;
1381 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222;
1382 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222;
1383 border-color: #222222;
1384 /*background-image: -ms-linear-gradient(top, #444444, #999999); /* IE10 */
1385 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#22000000', EndColorStr='#00FFFFFF'); /* IE6–IE9 */
1386 /*background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
1387 background-image: -moz-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* FF3.6 */
1388 background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */
1389 background-image: -o-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* Opera 11.10+ */
1390 background-image: linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) );
1391 transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
1392 }
1393  
1394 /* bootstrap */
1395 .dropdown-menu li > a:hover,
1396 .dropdown-menu li > a:focus,
1397 .dropdown-submenu:hover > a{
1398 background-color: #222222;
1399 background-image: -moz-linear-gradient(top, #444444, #222222);
1400 background-image: -ms-linear-gradient(top, #444444, #222222);
1401 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
1402 background-image: -webkit-linear-gradient(top, #444444, #222222);
1403 background-image: -o-linear-gradient(top, #444444, #222222);
1404 background-image: linear-gradient(top, #444444, #222222);
1405 background-repeat: repeat-x;
1406 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0);
1407 border-color: #1598d9 #1598d9 #007bb8 #1598d9;
1408 }
1409 .dropdown-menu li.selected > a{
1410 color: #ffffff;
1411 text-decoration: none;
1412 background-color: #222222;
1413 }
1414  
1415  
1416 /* datepicker */
1417 .datepicker td.active,
1418 .datepicker td.active:hover,
1419 .datepicker td span.active {
1420 background-color: #222222;
1421 background-image: -moz-linear-gradient(top, #444444, #222222);
1422 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
1423 background-image: -webkit-linear-gradient(top, #444444, #222222);
1424 background-image: -o-linear-gradient(top, #444444, #222222);
1425 background-image: linear-gradient(to bottom, #444444, #222222);
1426 background-repeat: repeat-x;
1427 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
1428 border-color: #222222 #222222 #002a80;
1429 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1430 *background-color: #222222;
1431 }
1432 .datepicker td span.active:hover,
1433 .datepicker td span.active:focus,
1434 .datepicker td span.active:active,
1435 .datepicker td span.active.active,
1436 .datepicker td span.active.disabled,
1437 .datepicker td span.active[disabled],
1438 .datepicker td.active:hover,
1439 .datepicker td.active:hover:hover,
1440 .datepicker td.active:focus,
1441 .datepicker td.active:hover:focus,
1442 .datepicker td.active:active,
1443 .datepicker td.active:hover:active,
1444 .datepicker td.active.active,
1445 .datepicker td.active:hover.active,
1446 .datepicker td.active.disabled,
1447 .datepicker td.active:hover.disabled,
1448 .datepicker td.active[disabled],
1449 .datepicker td.active:hover[disabled]{
1450 background-color: #222222;
1451 *background-color: #222222;
1452 }
1453  
17 vero 1454 /* .dark-grey color scheme end */