10 .cg-busy-animation.ng-hide-add,
11 .cg-busy-animation.ng-hide-remove {
12 -webkit-transition:all .3s ease;
13 -moz-transition:all .3s ease;
14 -o-transition:all .3s ease;
15 transition:all .3s ease;
16 display:block !important;
18 .cg-busy-animation.ng-hide-remove {
20 -webkit-transform:translate(0px,-40px);
21 -moz-transform:translate(0px,-40px);
22 -ms-transform:translate(0px,-40px);
23 -o-transform:translate(0px,-40px);
24 transform:translate(0px,-40px);
26 .cg-busy-animation.ng-hide-remove.ng-hide-remove-active {
28 -webkit-transform:translate(0px,0px);
29 -moz-transform:translate(0px,0px);
30 -ms-transform:translate(0px,0px);
31 -o-transform:translate(0px,0px);
32 transform:translate(0px,0px);
34 .cg-busy-animation.ng-hide-add {
36 -webkit-transform:translate(0px,0px);
37 -moz-transform:translate(0px,0px);
38 -ms-transform:translate(0px,0px);
39 -o-transform:translate(0px,0px);
40 transform:translate(0px,0px);
42 .cg-busy-animation.ng-hide-add.ng-hide-add-active {
44 -webkit-transform:translate(0px,-40px);
45 -moz-transform:translate(0px,-40px);
46 -ms-transform:translate(0px,-40px);
47 -o-transform:translate(0px,-40px);
48 transform:translate(0px,-40px);
52 background-color:white;
56 .cg-busy-backdrop-animation.ng-hide-add,
57 .cg-busy-backdrop-animation.ng-hide-remove {
58 -webkit-transition:opacity .3s ease;
59 -moz-transition:opacity .3s ease;
60 -o-transition:opacity .3s ease;
61 transition:opacity .3s ease;
62 display:block !important;
65 .cg-busy-backdrop-animation.ng-hide {
69 /* All styles below are for the default template. */
71 .cg-busy-default-wrapper {
75 .cg-busy-default-sign{
76 display: inline-block;
81 text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
82 background-color:#e9eeee;
83 border:1px solid #dddddd;
85 -webkit-border-radius:7px;
86 -moz-border-radius:7px;
88 border-top-left-radius:0;
89 border-top-right-radius:0;
90 -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
91 -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
92 box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
94 .cg-busy-default-text{
95 margin:13px 12px 6px 49px;
101 .cg-busy-default-spinner{
105 display:inline-block;
109 .cg-busy-default-spinner div{
117 -webkit-animation:cg-busy-spinner-anim 1s linear infinite;
118 -moz-animation:cg-busy-spinner-anim 1s linear infinite;
119 -ms-animation:cg-busy-spinner-anim 1s linear infinite;
120 -o-animation:cg-busy-spinner-anim 1s linear infinite;
121 animation:cg-busy-spinner-anim 1s linear infinite;
122 -webkit-border-radius:50px;
123 -moz-border-radius:50px;
125 -webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);
126 -moz-box-shadow:0 0 3px rgba(0,0,0,0.2);
127 box-shadow:0 0 3px rgba(0,0,0,0.2);
129 .cg-busy-default-spinner div.bar1{
130 -webkit-transform:rotate(0deg) translate(0, -142%);
131 -moz-transform:rotate(0deg) translate(0, -142%);
132 -ms-transform:rotate(0deg) translate(0, -142%);
133 -o-transform:rotate(0deg) translate(0, -142%);
134 transform:rotate(0deg) translate(0, -142%);
135 -webkit-animation-delay:0s;
136 -moz-animation-delay:0s;
137 -ms-animation-delay:0s;
138 -o-animation-delay:0s;
141 .cg-busy-default-spinner div.bar2{
142 -webkit-transform:rotate(30deg) translate(0, -142%);
143 -moz-transform:rotate(30deg) translate(0, -142%);
144 -ms-transform:rotate(30deg) translate(0, -142%);
145 -o-transform:rotate(30deg) translate(0, -142%);
146 transform:rotate(30deg) translate(0, -142%);
147 -webkit-animation-delay:-0.9167s;
148 -moz-animation-delay:-0.9167s;
149 -ms-animation-delay:-0.9167s;
150 -o-animation-delay:-0.9167s;
151 animation-delay:-0.9167s;
153 .cg-busy-default-spinner div.bar3{
154 -webkit-transform:rotate(60deg) translate(0, -142%);
155 -moz-transform:rotate(60deg) translate(0, -142%);
156 -ms-transform:rotate(60deg) translate(0, -142%);
157 -o-transform:rotate(60deg) translate(0, -142%);
158 transform:rotate(60deg) translate(0, -142%);
159 -webkit-animation-delay:-0.833s;
160 -moz-animation-delay:-0.833s;
161 -ms-animation-delay:-0.833s;
162 -o-animation-delay:-0.833s;
163 animation-delay:-0.833s;
165 .cg-busy-default-spinner div.bar4{
166 -webkit-transform:rotate(90deg) translate(0, -142%);
167 -moz-transform:rotate(90deg) translate(0, -142%);
168 -ms-transform:rotate(90deg) translate(0, -142%);
169 -o-transform:rotate(90deg) translate(0, -142%);
170 transform:rotate(90deg) translate(0, -142%);
171 -webkit-animation-delay:-0.75s;
172 -moz-animation-delay:-0.75s;
173 -ms-animation-delay:-0.75s;
174 -o-animation-delay:-0.75s;
175 animation-delay:-0.75s;
177 .cg-busy-default-spinner div.bar5{
178 -webkit-transform:rotate(120deg) translate(0, -142%);
179 -moz-transform:rotate(120deg) translate(0, -142%);
180 -ms-transform:rotate(120deg) translate(0, -142%);
181 -o-transform:rotate(120deg) translate(0, -142%);
182 transform:rotate(120deg) translate(0, -142%);
183 -webkit-animation-delay:-0.667s;
184 -moz-animation-delay:-0.667s;
185 -ms-animation-delay:-0.667s;
186 -o-animation-delay:-0.667s;
187 animation-delay:-0.667s;
189 .cg-busy-default-spinner div.bar6{
190 -webkit-transform:rotate(150deg) translate(0, -142%);
191 -moz-transform:rotate(150deg) translate(0, -142%);
192 -ms-transform:rotate(150deg) translate(0, -142%);
193 -o-transform:rotate(150deg) translate(0, -142%);
194 transform:rotate(150deg) translate(0, -142%);
195 -webkit-animation-delay:-0.5833s;
196 -moz-animation-delay:-0.5833s;
197 -ms-animation-delay:-0.5833s;
198 -o-animation-delay:-0.5833s;
199 animation-delay:-0.5833s;
201 .cg-busy-default-spinner div.bar7{
202 -webkit-transform:rotate(180deg) translate(0, -142%);
203 -moz-transform:rotate(180deg) translate(0, -142%);
204 -ms-transform:rotate(180deg) translate(0, -142%);
205 -o-transform:rotate(180deg) translate(0, -142%);
206 transform:rotate(180deg) translate(0, -142%);
207 -webkit-animation-delay:-0.5s;
208 -moz-animation-delay:-0.5s;
209 -ms-animation-delay:-0.5s;
210 -o-animation-delay:-0.5s;
211 animation-delay:-0.5s;
213 .cg-busy-default-spinner div.bar8{
214 -webkit-transform:rotate(210deg) translate(0, -142%);
215 -moz-transform:rotate(210deg) translate(0, -142%);
216 -ms-transform:rotate(210deg) translate(0, -142%);
217 -o-transform:rotate(210deg) translate(0, -142%);
218 transform:rotate(210deg) translate(0, -142%);
219 -webkit-animation-delay:-0.41667s;
220 -moz-animation-delay:-0.41667s;
221 -ms-animation-delay:-0.41667s;
222 -o-animation-delay:-0.41667s;
223 animation-delay:-0.41667s;
225 .cg-busy-default-spinner div.bar9{
226 -webkit-transform:rotate(240deg) translate(0, -142%);
227 -moz-transform:rotate(240deg) translate(0, -142%);
228 -ms-transform:rotate(240deg) translate(0, -142%);
229 -o-transform:rotate(240deg) translate(0, -142%);
230 transform:rotate(240deg) translate(0, -142%);
231 -webkit-animation-delay:-0.333s;
232 -moz-animation-delay:-0.333s;
233 -ms-animation-delay:-0.333s;
234 -o-animation-delay:-0.333s;
235 animation-delay:-0.333s;
237 .cg-busy-default-spinner div.bar10{
238 -webkit-transform:rotate(270deg) translate(0, -142%);
239 -moz-transform:rotate(270deg) translate(0, -142%);
240 -ms-transform:rotate(270deg) translate(0, -142%);
241 -o-transform:rotate(270deg) translate(0, -142%);
242 transform:rotate(270deg) translate(0, -142%);
243 -webkit-animation-delay:-0.25s;
244 -moz-animation-delay:-0.25s;
245 -ms-animation-delay:-0.25s;
246 -o-animation-delay:-0.25s;
247 animation-delay:-0.25s;
249 .cg-busy-default-spinner div.bar11{
250 -webkit-transform:rotate(300deg) translate(0, -142%);
251 -moz-transform:rotate(300deg) translate(0, -142%);
252 -ms-transform:rotate(300deg) translate(0, -142%);
253 -o-transform:rotate(300deg) translate(0, -142%);
254 transform:rotate(300deg) translate(0, -142%);
255 -webkit-animation-delay:-0.1667s;
256 -moz-animation-delay:-0.1667s;
257 -ms-animation-delay:-0.1667s;
258 -o-animation-delay:-0.1667s;
259 animation-delay:-0.1667s;
261 .cg-busy-default-spinner div.bar12{
262 -webkit-transform:rotate(330deg) translate(0, -142%);
263 -moz-transform:rotate(330deg) translate(0, -142%);
264 -ms-transform:rotate(330deg) translate(0, -142%);
265 -o-transform:rotate(330deg) translate(0, -142%);
266 transform:rotate(330deg) translate(0, -142%);
267 -webkit-animation-delay:-0.0833s;
268 -moz-animation-delay:-0.0833s;
269 -ms-animation-delay:-0.0833s;
270 -o-animation-delay:-0.0833s;
271 animation-delay:-0.0833s;
274 @-webkit-keyframes cg-busy-spinner-anim{
278 @-moz-keyframes cg-busy-spinner-anim{
282 @keyframes cg-busy-spinner-anim{