clockwerk-www – Diff between revs 15 and 17

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