clockwerk-www – Diff between revs 9 and 15

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