Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code »

Commit 8e1cfd7652573baa0bd3b022c74956c133af0dbc

Authored by Palak Handa
1 parent 7b2bef2278
Exists in master and in 1 other branch paytm

update

Showing 1 changed file with 1 additions and 1 deletions   Show diff stats
1 { 1 {
2 outline: none !important; 2 outline: none !important;
3 } 3 }
4 .header{ 4 .header{
5 width: 100%; 5 width: 100%;
6 padding: 4px 20px; 6 padding: 4px 20px;
7 background-color: #42b549; 7 background-color: #42b549;
8 } 8 }
9 .logo{ 9 .logo{
10 height: 45px; 10 height: 45px;
11 margin-left: 11 margin-left:
12 } 12 }
13 13
14 .hyperColor{ 14 .hyperColor{
15 color: white !important; 15 color: white !important;
16 cursor: pointer !important; 16 cursor: pointer !important;
17 } 17 }
18 .main-heading{ 18 .main-heading{
19 height: 70px; 19 height: 70px;
20 line-height: 70px; 20 line-height: 70px;
21 } 21 }
22 .card{ 22 .card{
23 flex-direction: column; 23 flex-direction: column;
24 background-color: rgb(255,255,255); 24 background-color: rgb(255,255,255);
25 border-radius: 0; 25 border-radius: 0;
26 width: 676px; 26 width: 676px;
27 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 27 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
28 } 28 }
29 .card input{ 29 .card input{
30 display: none; 30 display: none;
31 } 31 }
32 .card .card-content{ 32 .card .card-content{
33 padding: 12px; 33 padding: 12px;
34 font-size: 12px; 34 font-size: 12px;
35 } 35 }
36 .card p{ 36 .card p{
37 margin-top:18px; 37 margin-top:18px;
38 margin-right:4px ; 38 margin-right:4px ;
39 margin-bottom:-5px; 39 margin-bottom:-5px;
40 /*margin-left:13px;*/ 40 /*margin-left:13px;*/
41 41
42 font-family: montserrat, arial, verdana; 42 font-family: montserrat, arial, verdana;
43 font-weight: normal; 43 font-weight: normal;
44 font-size: 12px; 44 font-size: 12px;
45 } 45 }
46 .card .thumbnail{ 46 .card .thumbnail{
47 padding: 15px 30px 1px 28px; 47 padding: 15px 30px 1px 28px;
48 border: 0; 48 border: 0;
49 border-radius: 0px !important; 49 border-radius: 0px !important;
50 } 50 }
51 .panel-default{ 51 .panel-default{
52 border-color: #ddd; 52 border-color: #ddd;
53 } 53 }
54 .video-wrapper{ 54 .video-wrapper{
55 padding: 16px 0; 55 padding: 16px 0;
56 } 56 }
57 .stageRadio:checked+label{ 57 .stageRadio:checked+label{
58 background-color: #42b549; 58 background-color: #42b549;
59 color: #fff !important; 59 color: #fff !important;
60 } 60 }
61 61
62 .stageRadio1:checked+label{ 62 .stageRadio1:checked+label{
63 background-color: rgba(158, 158, 158, 0.05); 63 background-color: rgba(158, 158, 158, 0.05);
64 } 64 }
65 65
66 /* css for radio buttons */ 66 /* css for radio buttons */
67 67
68 .option-input { 68 .option-input {
69 -webkit-appearance: none; 69 -webkit-appearance: none;
70 -moz-appearance: none; 70 -moz-appearance: none;
71 -ms-appearance: none; 71 -ms-appearance: none;
72 -o-appearance: none; 72 -o-appearance: none;
73 appearance: none; 73 appearance: none;
74 position: relative; 74 position: relative;
75 /*top: 13.33333px;*/ 75 /*top: 13.33333px;*/
76 right: 0; 76 right: 0;
77 bottom: 0; 77 bottom: 0;
78 left: 0; 78 left: 0;
79 height: 15px; 79 height: 15px;
80 width: 15px; 80 width: 15px;
81 transition: all 0.15s ease-out 0s; 81 transition: all 0.15s ease-out 0s;
82 background: transparent; 82 background: transparent;
83 border: 2px solid #42b549; 83 border: 2px solid #42b549;
84 color: #fff; 84 color: #fff;
85 cursor: pointer; 85 cursor: pointer;
86 display: inline-block; 86 display: inline-block;
87 margin-right: 0.5rem; 87 margin-right: 0.5rem;
88 outline: none; 88 outline: none;
89 position: relative; 89 position: relative;
90 z-index: 1000; 90 z-index: 1000;
91 } 91 }
92 .option-input:checked { 92 .option-input:checked {
93 background: #42b549; 93 background: #42b549;
94 } 94 }
95 .option-input:checked::before { 95 .option-input:checked::before {
96 height: 20px; 96 height: 20px;
97 width: 20px; 97 width: 20px;
98 position: absolute; 98 position: absolute;
99 /*content: '✔';*/ 99 /*content: '✔';*/
100 display: inline-block; 100 display: inline-block;
101 font-size: 12px; 101 font-size: 12px;
102 text-align: center; 102 text-align: center;
103 line-height: 22px; 103 line-height: 22px;
104 } 104 }
105 .option-input:checked::after { 105 .option-input:checked::after {
106 -webkit-animation: click-wave 0.65s; 106 -webkit-animation: click-wave 0.65s;
107 -moz-animation: click-wave 0.65s; 107 -moz-animation: click-wave 0.65s;
108 animation: click-wave 0.65s; 108 animation: click-wave 0.65s;
109 background: #40e0d0; 109 background: #40e0d0;
110 content: ''; 110 content: '';
111 display: block; 111 display: block;
112 position: relative; 112 position: relative;
113 z-index: 100; 113 z-index: 100;
114 } 114 }
115 .option-input-a.radio-a::after { 115 .option-input-a.radio-a::after {
116 border-radius: 50%; 116 border-radius: 50%;
117 } 117 }
118 /*second css*/ 118 /*second css*/
119 .option-input-a { 119 .option-input-a {
120 -webkit-appearance: none; 120 -webkit-appearance: none;
121 -moz-appearance: none; 121 -moz-appearance: none;
122 -ms-appearance: none; 122 -ms-appearance: none;
123 -o-appearance: none; 123 -o-appearance: none;
124 appearance: none; 124 appearance: none;
125 position: relative; 125 position: relative;
126 /*top: 13.33333px;*/ 126 /*top: 13.33333px;*/
127 right: 0; 127 right: 0;
128 bottom: 0; 128 bottom: 0;
129 left: 0; 129 left: 0;
130 height: 22px; 130 height: 22px;
131 width: 22px; 131 width: 22px;
132 transition: all 0.15s ease-out 0s; 132 transition: all 0.15s ease-out 0s;
133 background: transparent; 133 background: transparent;
134 border: 2px solid #42b549; 134 border: 2px solid #42b549;
135 color: #fff; 135 color: #fff;
136 cursor: pointer; 136 cursor: pointer;
137 display: inline-block; 137 display: inline-block;
138 margin-right: 0.5rem; 138 margin-right: 0.5rem;
139 outline: none; 139 outline: none;
140 position: relative; 140 position: relative;
141 z-index: 1000; 141 z-index: 1000;
142 } 142 }
143 .option-input-a:checked { 143 .option-input-a:checked {
144 background: #42b549; 144 background: #42b549;
145 } 145 }
146 .option-input-a:checked::before { 146 .option-input-a:checked::before {
147 height: 20px; 147 height: 20px;
148 width: 20px; 148 width: 20px;
149 position: absolute; 149 position: absolute;
150 /*content: '✔';*/ 150 /*content: '✔';*/
151 display: inline-block; 151 display: inline-block;
152 font-size: 12px; 152 font-size: 12px;
153 text-align: center; 153 text-align: center;
154 line-height: 22px; 154 line-height: 22px;
155 } 155 }
156 .option-input-a:checked::after { 156 .option-input-a:checked::after {
157 -webkit-animation: click-wave 0.65s; 157 -webkit-animation: click-wave 0.65s;
158 -moz-animation: click-wave 0.65s; 158 -moz-animation: click-wave 0.65s;
159 animation: click-wave 0.65s; 159 animation: click-wave 0.65s;
160 background: #40e0d0; 160 background: #40e0d0;
161 content: ''; 161 content: '';
162 display: block; 162 display: block;
163 position: relative; 163 position: relative;
164 z-index: 100; 164 z-index: 100;
165 } 165 }
166 .option-input-a.radio-a { 166 .option-input-a.radio-a {
167 border-radius: 50%; 167 border-radius: 50%;
168 } 168 }
169 .option-input-a.radio-a::after { 169 .option-input-a.radio-a::after {
170 border-radius: 50%; 170 border-radius: 50%;
171 } 171 }
172 172
173 /* css for radio ends */ 173 /* css for radio ends */
174 174
175 .card-small{ 175 .card-small{
176 cursor: pointer; 176 cursor: pointer;
177 } 177 }
178 .card-small img{ 178 .card-small img{
179 width: 37px; 179 width: 37px;
180 } 180 }
181 .card-small label{ 181 .card-small label{
182 width: 100%; 182 width: 100%;
183 font-weight: normal; 183 font-weight: normal;
184 font-size: 12px; 184 font-size: 12px;
185 margin-top: 5px; 185 margin-top: 5px;
186 } 186 }
187 /*.text-input{ 187 /*.text-input{
188 width: 100%; 188 width: 100%;
189 border: 0; 189 border: 0;
190 border-bottom: 2px solid #42b549; 190 border-bottom: 2px solid #42b549;
191 font-size: 18px; 191 font-size: 18px;
192 padding: 5px; 192 padding: 5px;
193 }*/ 193 }*/
194 .input-wrapper{ 194 .input-wrapper{
195 margin-bottom: 15px !important; 195 margin-bottom: 15px !important;
196 } 196 }
197 .select-input{ 197 .select-input{
198 width: 100%; 198 width: 100%;
199 border: 0; 199 border: 0;
200 border-bottom: 2px solid #42b549; 200 border-bottom: 2px solid #42b549;
201 background-color: transparent; 201 background-color: transparent;
202 font-size: 12px; 202 font-size: 12px;
203 padding: 5px; 203 padding: 5px;
204 } 204 }
205 .submit-button, .submit-button:hover{ 205 .submit-button, .submit-button:hover{
206 background-color: #42b549; 206 background-color: #42b549;
207 color: #fff; 207 color: #fff;
208 /*display: none;*/ 208 /*display: none;*/
209 } 209 }
210 .submit-button:disabled{ 210 .submit-button:disabled{
211 background-color: #ddd; 211 background-color: #ddd;
212 } 212 }
213 .textarea{ 213 .textarea{
214 min-height: 97px; 214 min-height: 97px;
215 } 215 }
216 .error-message{ 216 .error-message{
217 font-weight: inherit; 217 font-weight: inherit;
218 color: #ff0000; 218 color: #ff0000;
219 margin: 5px 4px -5px 0px; 219 margin: 5px 4px -5px 0px;
220 display: none; 220 display: none;
221 } 221 }
222 222
223 /*custom input*/ 223 /*custom input*/
224 .text-input, select { 224 .text-input, select {
225 width: 100%; 225 width: 100%;
226 -webkit-appearance: none; 226 -webkit-appearance: none;
227 padding: 12px 25px; 227 padding: 12px 25px;
228 margin: -2px 0; 228 margin: -2px 0;
229 display: inline-block; 229 display: inline-block;
230 border: 0px solid rgba(51, 51, 51, 0); 230 border: 0px solid rgba(51, 51, 51, 0);
231 border-radius: -3px; 231 border-radius: -3px;
232 box-sizing: border-box; 232 box-sizing: border-box;
233 box-shadow: 0 0 10px rgba(240, 255, 235); 233 box-shadow: 0 0 10px rgba(240, 255, 235);
234 -moz-box-shadow: 0 0 10px rgba(240, 255, 235); 234 -moz-box-shadow: 0 0 10px rgba(240, 255, 235);
235 -webkit-box-shadow: 0 0 5px #777; 235 -webkit-box-shadow: 0 0 5px #777;
236 -o-box-shadow: 0 0 10px rgba(240, 255, 235); 236 -o-box-shadow: 0 0 10px rgba(240, 255, 235);
237 font-size: 12px; 237 font-size: 12px;
238 } 238 }
239 239
240 /* progress bar css */ 240 /* progress bar css */
241 241
242 @-webkit-keyframes 242 @-webkit-keyframes
243 load { 0% { 243 load { 0% {
244 stroke-dashoffset:0 244 stroke-dashoffset:0
245 } 245 }
246 } 246 }
247 @-moz-keyframes 247 @-moz-keyframes
248 load { 0% { 248 load { 0% {
249 stroke-dashoffset:0 249 stroke-dashoffset:0
250 } 250 }
251 } 251 }
252 @keyframes 252 @keyframes
253 load { 0% { 253 load { 0% {
254 stroke-dashoffset:0 254 stroke-dashoffset:0
255 } 255 }
256 } 256 }
257 257
258 /* Container */ 258 /* Container */
259 259
260 .progress-form { 260 .progress-form {
261 position: relative; 261 position: relative;
262 display: inline-block; 262 display: inline-block;
263 padding: 0; 263 padding: 0;
264 text-align: center; 264 text-align: center;
265 } 265 }
266 266
267 /* Item */ 267 /* Item */
268 268
269 .progress-form>li { 269 .progress-form>li {
270 display: inline-block; 270 display: inline-block;
271 position: relative; 271 position: relative;
272 text-align: center; 272 text-align: center;
273 color: #93A2AC; 273 color: #93A2AC;
274 font-family: Lato; 274 font-family: Lato;
275 font-weight: 100; 275 font-weight: 100;
276 margin: 2rem; 276 margin: 2rem;
277 } 277 }
278 278
279 .progress-form>li:before { 279 .progress-form>li:before {
280 content: attr(data-name); 280 content: attr(data-name);
281 position: absolute; 281 position: absolute;
282 width: 100%; 282 width: 100%;
283 bottom: -2rem; 283 bottom: -2rem;
284 font-weight: 400; 284 font-weight: 400;
285 } 285 }
286 286
287 .progress-form>li:after { 287 .progress-form>li:after {
288 content: attr(data-percent); 288 content: attr(data-percent);
289 position: absolute; 289 position: absolute;
290 width: 100%; 290 width: 100%;
291 top: 3.7rem; 291 top: 3.7rem;
292 left: 0; 292 left: 0;
293 font-size: 2rem; 293 font-size: 2rem;
294 text-align: center; 294 text-align: center;
295 } 295 }
296 296
297 .progress-form svg { 297 .progress-form svg {
298 width: 10rem; 298 width: 10rem;
299 height: 10rem; 299 height: 10rem;
300 } 300 }
301 301
302 .progress-form svg:nth-child(2) { 302 .progress-form svg:nth-child(2) {
303 position: absolute; 303 position: absolute;
304 left: 0; 304 left: 0;
305 top: 0; 305 top: 0;
306 transform: rotate(-90deg); 306 transform: rotate(-90deg);
307 -webkit-transform: rotate(-90deg); 307 -webkit-transform: rotate(-90deg);
308 -moz-transform: rotate(-90deg); 308 -moz-transform: rotate(-90deg);
309 -ms-transform: rotate(-90deg); 309 -ms-transform: rotate(-90deg);
310 } 310 }
311 311
312 .progress-form svg:nth-child(2) path { 312 .progress-form svg:nth-child(2) path {
313 fill: none; 313 fill: none;
314 stroke-width: 25; 314 stroke-width: 25;
315 stroke-dasharray: 629; 315 stroke-dasharray: 629;
316 stroke: rgba(255, 255, 255, 0.9); 316 stroke: rgba(255, 255, 255, 0.9);
317 -webkit-animation: load 10s; 317 -webkit-animation: load 10s;
318 -moz-animation: load 10s; 318 -moz-animation: load 10s;
319 -o-animation: load 10s; 319 -o-animation: load 10s;
320 animation: load 10s; 320 animation: load 10s;
321 } 321 }
322 /*circle of stage image*/ 322 /*circle of stage image*/
323 .circular{ 323 .circular{
324 324
325 -webkit-border-radius: 150px; 325 -webkit-border-radius: 150px;
326 -moz-border-radius: 150px; 326 -moz-border-radius: 150px;
327 border-radius: 150px; 327 border-radius: 150px;
328 box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); 328 box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
329 border: 5px solid white; 329 border: 5px solid white;
330 overflow: hidden; 330 overflow: hidden;
331 position: fixed; 331 position: fixed;
332 height: 100px; 332 height: 100px;
333 width: 100px; 333 width: 100px;
334 left: 80px; 334 left: 80px;
335 top: 20px; 335 top: 20px;
336 } 336 }
337 /*font-size*/ 337 /*font-size*/
338 .font{ 338 .font{
339 font-size: 14px; 339 font-size: 14px;
340 } 340 }
341 341
342 .f-family { 342 .f-family {
343 font-family:sans-serif; 343 font-family:sans-serif;
344 } 344 }
345 345
346 /*container-card css*/ 346 /*container-card css*/
347 .container-card { 347 .container-card {
348 width: auto; 348 width: auto;
349 float: left; 349 float: left;
350 margin: 31px 24px 26px 14px; 350 margin: 31px 24px 26px 14px;
351 } 351 }
352 352
353 /******This css for header container******/ 353 /******This css for header container******/
354 .h1 { 354 .h1 {
355 font-size: 20px; 355 font-size: 20px;
356 margin: 11px; 356 margin: 11px;
357 } 357 }
358 358
359 .paragraph { 359 .paragraph {
360 font-size: 14px; 360 font-size: 14px;
361 margin: 30px 10px 20px; 361 margin: 30px 10px 20px;
362 line-height: 1.5; 362 line-height: 1.5;
363 } 363 }
364 /*This css for stages container*/ 364 /*This css for stages container*/
365 365
366 .full-line { 366 .full-line {
367 border-bottom: 2px solid #dedede; 367 border-bottom: 2px solid #dedede;
368 padding: 15px 10px; 368 padding: 15px 10px;
369 } 369 }
370 370
371 .stages-card { 371 .stages-card {
372 width: auto; 372 width: auto;
373 float: left; 373 float: left;
374 /*margin: -30px 8px 7px 22px;*/ 374 /*margin: -30px 8px 7px 22px;*/
375 } 375 }
376 376
377 /*form -css*/ 377 /*form -css*/
378 .form-all { 378 .form-all {
379 margin: 13px 4px 26px -2px; 379 margin: 13px 4px 26px -2px;
380 /*display: none;*/ 380 /*display: none;*/
381 } 381 }
382 382
383 .step-two-form{ 383 .step-two-form{
384 display: block; 384 display: block;
385 } 385 }
386 386
387 /*This is for stages images*/ 387 /*This is for stages images*/
388 .stage-img { 388 .stage-img {
389 width: 115px; 389 width: 115px;
390 } 390 }
391 391
392 .stage-thumbnail { 392 .stage-thumbnail {
393 float: left; 393 float: left;
394 margin-bottom: 0; 394 margin-bottom: 0;
395 } 395 }
396 396
397 .stage-shadow { 397 .stage-shadow {
398 /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 398 /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
399 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 399 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
400 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */ 400 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
401 /*margin: 3px 22px 14px 14px;*/ 401 /*margin: 3px 22px 14px 14px;*/
402 background-color: #ffffff; 402 background-color: #ffffff;
403 } 403 }
404 404
405 .line-size { 405 .line-size {
406 406
407 } 407 }
408 408
409 .card-paragraph { 409 .card-paragraph {
410 background-color: rgba(66, 181, 73, 0.61); 410 background-color: rgba(66, 181, 73, 0.61);
411 color: #fff; 411 color: #fff;
412 } 412 }
413 413
414 /* identity card css*/ 414 /* identity card css*/
415 415
416 .identity-shadow { 416 .identity-shadow {
417 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 417 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
418 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 418 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
419 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 419 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
420 margin: 15px 15px 17px 14px; 420 margin: 15px 15px 17px 14px;
421 background-color: #ffffff; 421 background-color: #ffffff;
422 /*display: none;*/ 422 /*display: none;*/
423 } 423 }
424 424
425 .identity-question { 425 .identity-question {
426 border-bottom: 2px solid #dedede; 426 border-bottom: 2px solid #dedede;
427 padding: 0px 10px; 427 padding: 0px 10px;
428 } 428 }
429 429
430 .identity-align { 430 .identity-align {
431 margin: 8px -12px 19px 13px; 431 margin: 8px -12px 19px 13px;
432 } 432 }
433 433
434 434
435 /********This css for sectors**************/ 435 /********This css for sectors**************/
436 .sectors-card { 436 .sectors-card {
437 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 437 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
438 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 438 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
439 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 439 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
440 margin: 27px 22px 14px 14px; 440 margin: 27px 22px 14px 14px;
441 background-color: #ffffff; 441 background-color: #ffffff;
442 /*display: none;*/ 442 /*display: none;*/
443 } 443 }
444 444
445 .sector-card { 445 .sector-card {
446 width: auto; 446 width: auto;
447 float: left; 447 float: left;
448 margin: 29px 22px 26px 14px; 448 margin: 29px 22px 26px 14px;
449 } 449 }
450 450
451 .sector-question { 451 .sector-question {
452 border-bottom: 2px solid #dedede; 452 border-bottom: 2px solid #dedede;
453 padding: 15px 10px; 453 padding: 15px 10px;
454 } 454 }
455 455
456 /*To make the Stages in the center*/ 456 /*To make the Stages in the center*/
457 .card-align { 457 .card-align {
458 /*margin: 56px -267px 11px -37px;*/ 458 /*margin: 56px -267px 11px -37px;*/
459 } 459 }
460 460
461 /*To make the sectors in the center */ 461 /*To make the sectors in the center */
462 462
463 463
464 /*************sidebar content margin***********/ 464 /*************sidebar content margin***********/
465 .sidebar-align { 465 .sidebar-align {
466 margin: -5px -3px -18px 9px; 466 margin: -5px -3px -18px 9px;
467 } 467 }
468 468
469 .heading { 469 .heading {
470 margin: 15px 10px 15px 16px; 470 margin: 15px 10px 15px 16px;
471 } 471 }
472 .quiz { 472 .quiz {
473 margin: 5px 5px 6px 19px; 473 margin: 5px 5px 6px 19px;
474 font-size: 12px; 474 font-size: 12px;
475 } 475 }
476 476
477 #footer { 477 #footer {
478 background-image: url(/images/footer_design.png); 478 background-image: url(/images/footer_design.png);
479 background-repeat: inherit; 479 background-repeat: inherit;
480 position: bottom; 480 position: bottom;
481 width: 100%; 481 width: 100%;
482 height: auto; 482 height: auto;
483 padding: 97px 3px 66px 83px; 483 padding: 97px 3px 66px 83px;
484 } 484 }
485 485
486 #front { 486 #front {
487 background-image: url(/images/backgroundimage-light.jpeg); 487 background-image: url(/images/backgroundimage-light.jpeg);
488 background-repeat: inherit; 488 background-repeat: inherit;
489 489
490 } 490 }
491 491
492 .footer { 492 .footer {
493 493
494 bottom: 0px; 494 bottom: 0px;
495 background-color: #76b34f !important; 495 background-color: #76b34f !important;
496 width: 100%; 496 width: 100%;
497 color:rgba(255, 255, 255, 0.77); 497 color:rgba(255, 255, 255, 0.77);
498 } 498 }
499 499
500 /********question box*****************/ 500 /********question box*****************/
501 .question-shadow { 501 .question-shadow {
502 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 502 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
503 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 503 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
504 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 504 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
505 margin: 15px 15px 17px 14px; 505 margin: 15px 15px 17px 14px;
506 background-color: #ffffff; 506 background-color: #ffffff;
507 } 507 }
508 508
509 509
510 510
511 .question-card { 511 .question-card {
512 width: auto; 512 width: auto;
513 float: left; 513 float: left;
514 margin: 29px 22px 26px 14px; 514 margin: 29px 22px 26px 14px;
515 } 515 }
516 516
517 /*for p*/ 517 /*for p*/
518 .line-space { 518 .line-space {
519 line-height: 1.6em; 519 line-height: 1.6em;
520 font-size: 11px; 520 font-size: 11px;
521 } 521 }
522 522
523 .line-adjust { 523 .line-adjust {
524 margin-left: 0px; 524 margin-left: 0px;
525 } 525 }
526 526
527 /*badge icon css*/ 527 /*badge icon css*/
528 528
529 .material-icons{ 529 .material-icons{
530 font-size: 17px !important; 530 font-size: 17px !important;
531 } 531 }
532 532
533 .icon-circle-a { 533 .icon-circle-a {
534 background: rgba(89, 89, 89, 0.92); 534 background: rgba(89, 89, 89, 0.92);
535 border-radius: 50%; 535 border-radius: 50%;
536 width: 30px; 536 width: 30px;
537 height: 30px; 537 height: 30px;
538 position: absolute; 538 position: absolute;
539 left: 14px; 539 left: 14px;
540 margin-top: 10px; 540 margin-top: 10px;
541 color: #fff; 541 color: #fff;
542 text-align: center; 542 text-align: center;
543 } 543 }
544 544
545 .icon-circle-b { 545 .icon-circle-b {
546 background: rgba(89, 89, 89, 0.92); 546 background: rgba(89, 89, 89, 0.92);
547 border-radius: 50%; 547 border-radius: 50%;
548 width: 30px; 548 width: 30px;
549 height: 30px; 549 height: 30px;
550 position: absolute; 550 position: absolute;
551 left: 14px; 551 left: 14px;
552 margin-top: 10px; 552 margin-top: 10px;
553 color: #fff; 553 color: #fff;
554 text-align: center; 554 text-align: center;
555 } 555 }
556 556
557 .icon-circle-c { 557 .icon-circle-c {
558 background: rgba(89, 89, 89, 0.92); 558 background: rgba(89, 89, 89, 0.92);
559 border-radius: 50%; 559 border-radius: 50%;
560 width: 30px; 560 width: 30px;
561 height: 30px; 561 height: 30px;
562 position: absolute; 562 position: absolute;
563 left: 0px; 563 left: 0px;
564 margin-top: 4px; 564 margin-top: 4px;
565 color: #fff; 565 color: #fff;
566 text-align: center; 566 text-align: center;
567 } 567 }
568 568
569 .icon-circle-d { 569 .icon-circle-d {
570 background: rgba(89, 89, 89, 0.92); 570 background: rgba(89, 89, 89, 0.92);
571 border-radius: 50%; 571 border-radius: 50%;
572 width: 30px; 572 width: 30px;
573 height: 30px; 573 height: 30px;
574 position: absolute; 574 position: absolute;
575 left: 0px; 575 left: 0px;
576 margin-top: 4px; 576 margin-top: 4px;
577 color: #fff; 577 color: #fff;
578 text-align: center; 578 text-align: center;
579 } 579 }
580 580
581 .icon-circle-e { 581 .icon-circle-e {
582 background: rgba(89, 89, 89, 0.92); 582 background: rgba(89, 89, 89, 0.92);
583 border-radius: 50%; 583 border-radius: 50%;
584 width: 30px; 584 width: 30px;
585 height: 30px; 585 height: 30px;
586 position: absolute; 586 position: absolute;
587 left: 0px; 587 left: 0px;
588 margin-top: 4px; 588 margin-top: 4px;
589 color: #fff; 589 color: #fff;
590 text-align: center; 590 text-align: center;
591 } 591 }
592 592
593 .icon-circle-f { 593 .icon-circle-f {
594 background: rgba(89, 89, 89, 0.92); 594 background: rgba(89, 89, 89, 0.92);
595 border-radius: 50%; 595 border-radius: 50%;
596 width: 30px; 596 width: 30px;
597 height: 30px; 597 height: 30px;
598 position: absolute; 598 position: absolute;
599 left: 0px; 599 left: 0px;
600 margin-top: 3px; 600 margin-top: 3px;
601 color: #fff; 601 color: #fff;
602 text-align: center; 602 text-align: center;
603 } 603 }
604 604
605 .icon-circle-g { 605 .icon-circle-g {
606 background: rgba(89, 89, 89, 0.92); 606 background: rgba(89, 89, 89, 0.92);
607 border-radius: 50%; 607 border-radius: 50%;
608 width: 30px; 608 width: 30px;
609 height: 30px; 609 height: 30px;
610 position: absolute; 610 position: absolute;
611 left: 14px; 611 left: 14px;
612 margin-top: 10px; 612 margin-top: 10px;
613 color: #fff; 613 color: #fff;
614 text-align: center; 614 text-align: center;
615 } 615 }
616 616
617 .icon-circle-h { 617 .icon-circle-h {
618 background: rgba(89, 89, 89, 0.92); 618 background: rgba(89, 89, 89, 0.92);
619 border-radius: 50%; 619 border-radius: 50%;
620 width: 30px; 620 width: 30px;
621 height: 30px; 621 height: 30px;
622 position: absolute; 622 position: absolute;
623 left: 0px; 623 left: 0px;
624 margin-top: 4px; 624 margin-top: 4px;
625 color: #fff; 625 color: #fff;
626 text-align: center; 626 text-align: center;
627 } 627 }
628 628
629 .icon-circle-i { 629 .icon-circle-i {
630 background: rgba(89, 89, 89, 0.92); 630 background: rgba(89, 89, 89, 0.92);
631 border-radius: 50%; 631 border-radius: 50%;
632 width: 30px; 632 width: 30px;
633 height: 30px; 633 height: 30px;
634 position: absolute; 634 position: absolute;
635 left: 0px; 635 left: 0px;
636 margin-top: 4px; 636 margin-top: 4px;
637 color: #fff; 637 color: #fff;
638 text-align: center; 638 text-align: center;
639 } 639 }
640 640
641 .icon-circle-j { 641 .icon-circle-j {
642 background: rgba(89, 89, 89, 0.92); 642 background: rgba(89, 89, 89, 0.92);
643 border-radius: 50%; 643 border-radius: 50%;
644 width: 30px; 644 width: 30px;
645 height: 30px; 645 height: 30px;
646 position: absolute; 646 position: absolute;
647 left: 0px; 647 left: 0px;
648 margin-top: 4px; 648 margin-top: 4px;
649 color: #fff; 649 color: #fff;
650 text-align: center; 650 text-align: center;
651 } 651 }
652 652
653 .icon-circle-k { 653 .icon-circle-k {
654 background: rgba(89, 89, 89, 0.92); 654 background: rgba(89, 89, 89, 0.92);
655 border-radius: 50%; 655 border-radius: 50%;
656 width: 30px; 656 width: 30px;
657 height: 30px; 657 height: 30px;
658 position: absolute; 658 position: absolute;
659 left: 0px; 659 left: 0px;
660 margin-top: 4px; 660 margin-top: 4px;
661 color: #fff; 661 color: #fff;
662 text-align: center; 662 text-align: center;
663 } 663 }
664 664
665 .icon-circle-y { 665 .icon-circle-y {
666 background: rgba(89, 89, 89, 0.92); 666 background: rgba(89, 89, 89, 0.92);
667 border-radius: 50%; 667 border-radius: 50%;
668 width: 30px; 668 width: 30px;
669 height: 30px; 669 height: 30px;
670 position: absolute; 670 position: absolute;
671 left: 0px; 671 left: 0px;
672 margin-top: 4px; 672 margin-top: 4px;
673 color: #fff; 673 color: #fff;
674 text-align: center; 674 text-align: center;
675 } 675 }
676 676
677 .icon-circle-o { 677 .icon-circle-o {
678 background: rgba(89, 89, 89, 0.92); 678 background: rgba(89, 89, 89, 0.92);
679 border-radius: 50%; 679 border-radius: 50%;
680 width: 30px; 680 width: 30px;
681 height: 30px; 681 height: 30px;
682 position: absolute; 682 position: absolute;
683 left: 0px; 683 left: 0px;
684 margin-top: 4px; 684 margin-top: 4px;
685 color: #fff; 685 color: #fff;
686 text-align: center; 686 text-align: center;
687 } 687 }
688 688
689 .icon-circle-l { 689 .icon-circle-l {
690 background: rgba(89, 89, 89, 0.92); 690 background: rgba(89, 89, 89, 0.92);
691 border-radius: 50%; 691 border-radius: 50%;
692 width: 30px; 692 width: 30px;
693 height: 30px; 693 height: 30px;
694 position: absolute; 694 position: absolute;
695 left: 0px; 695 left: 0px;
696 margin-top: 4px; 696 margin-top: 4px;
697 color: #fff; 697 color: #fff;
698 text-align: center; 698 text-align: center;
699 } 699 }
700 700
701 .icon-circle-m { 701 .icon-circle-m {
702 background: rgba(89, 89, 89, 0.92); 702 background: rgba(89, 89, 89, 0.92);
703 border-radius: 50%; 703 border-radius: 50%;
704 width: 30px; 704 width: 30px;
705 height: 30px; 705 height: 30px;
706 position: absolute; 706 position: absolute;
707 left: 0px; 707 left: 0px;
708 margin-top: 4px; 708 margin-top: 4px;
709 color: #fff; 709 color: #fff;
710 text-align: center; 710 text-align: center;
711 } 711 }
712 712
713 .icon-circle-n { 713 .icon-circle-n {
714 background: rgba(89, 89, 89, 0.92); 714 background: rgba(89, 89, 89, 0.92);
715 border-radius: 50%; 715 border-radius: 50%;
716 width: 30px; 716 width: 30px;
717 height: 30px; 717 height: 30px;
718 position: absolute; 718 position: absolute;
719 left: 0px; 719 left: 0px;
720 margin-top: 4px; 720 margin-top: 4px;
721 color: #fff; 721 color: #fff;
722 text-align: center; 722 text-align: center;
723 } 723 }
724 724
725 .icon-circle-x { 725 .icon-circle-x {
726 background: rgba(89, 89, 89, 0.92); 726 background: rgba(89, 89, 89, 0.92);
727 border-radius: 50%; 727 border-radius: 50%;
728 width: 30px; 728 width: 30px;
729 height: 30px; 729 height: 30px;
730 position: absolute; 730 position: absolute;
731 left: 0px; 731 left: 0px;
732 margin-top: 4px; 732 margin-top: 4px;
733 color: #fff; 733 color: #fff;
734 text-align: center; 734 text-align: center;
735 } 735 }
736 736
737 .icon-circle-p { 737 .icon-circle-p {
738 background: rgba(89, 89, 89, 0.92); 738 background: rgba(89, 89, 89, 0.92);
739 border-radius: 50%; 739 border-radius: 50%;
740 width: 30px; 740 width: 30px;
741 height: 30px; 741 height: 30px;
742 position: absolute; 742 position: absolute;
743 left: 0px; 743 left: 0px;
744 margin-top: 3px; 744 margin-top: 3px;
745 color: #fff; 745 color: #fff;
746 text-align: center; 746 text-align: center;
747 } 747 }
748 748
749 .icon-circle-z { 749 .icon-circle-z {
750 background: rgba(89, 89, 89, 0.92); 750 background: rgba(89, 89, 89, 0.92);
751 border-radius: 50%; 751 border-radius: 50%;
752 width: 30px; 752 width: 30px;
753 height: 30px; 753 height: 30px;
754 position: absolute; 754 position: absolute;
755 left: 0px; 755 left: 0px;
756 margin-top: 4px; 756 margin-top: 4px;
757 color: #fff; 757 color: #fff;
758 text-align: center; 758 text-align: center;
759 } 759 }
760 760
761 .icon-circle-q { 761 .icon-circle-q {
762 background: rgba(89, 89, 89, 0.92); 762 background: rgba(89, 89, 89, 0.92);
763 border-radius: 50%; 763 border-radius: 50%;
764 width: 30px; 764 width: 30px;
765 height: 30px; 765 height: 30px;
766 position: absolute; 766 position: absolute;
767 left: 0px; 767 left: 0px;
768 margin-top: 4px; 768 margin-top: 4px;
769 color: #fff; 769 color: #fff;
770 text-align: center; 770 text-align: center;
771 } 771 }
772 772
773 .icon-circle-ab { 773 .icon-circle-ab {
774 background: rgba(89, 89, 89, 0.92); 774 background: rgba(89, 89, 89, 0.92);
775 border-radius: 50%; 775 border-radius: 50%;
776 width: 30px; 776 width: 30px;
777 height: 30px; 777 height: 30px;
778 position: absolute; 778 position: absolute;
779 left: 0px; 779 left: 0px;
780 margin-top: 3px; 780 margin-top: 3px;
781 color: #fff; 781 color: #fff;
782 text-align: center; 782 text-align: center;
783 } 783 }
784 784
785 .icon-circle-abc { 785 .icon-circle-abc {
786 background: rgba(89, 89, 89, 0.92); 786 background: rgba(89, 89, 89, 0.92);
787 border-radius: 50%; 787 border-radius: 50%;
788 width: 30px; 788 width: 30px;
789 height: 30px; 789 height: 30px;
790 position: absolute; 790 position: absolute;
791 left: 0px; 791 left: 0px;
792 margin-top: 3px; 792 margin-top: 3px;
793 color: #fff; 793 color: #fff;
794 text-align: center; 794 text-align: center;
795 } 795 }
796 796
797 .icon-circle-bc { 797 .icon-circle-bc {
798 background: rgba(89, 89, 89, 0.92); 798 background: rgba(89, 89, 89, 0.92);
799 border-radius: 50%; 799 border-radius: 50%;
800 width: 30px; 800 width: 30px;
801 height: 30px; 801 height: 30px;
802 position: absolute; 802 position: absolute;
803 left: 0px; 803 left: 0px;
804 margin-top: 3px; 804 margin-top: 3px;
805 color: #fff; 805 color: #fff;
806 text-align: center; 806 text-align: center;
807 } 807 }
808 808
809 .icon-circle-abcdefg { 809 .icon-circle-abcdefg {
810 background: rgba(89, 89, 89, 0.92); 810 background: rgba(89, 89, 89, 0.92);
811 border-radius: 50%; 811 border-radius: 50%;
812 width: 30px; 812 width: 30px;
813 height: 30px; 813 height: 30px;
814 position: absolute; 814 position: absolute;
815 left: 0px; 815 left: 0px;
816 margin-top: 3px; 816 margin-top: 3px;
817 color: #fff; 817 color: #fff;
818 text-align: center; 818 text-align: center;
819 } 819 }
820 820
821 .referel-icon { 821 .referel-icon {
822 background: rgba(89, 89, 89, 0.92); 822 background: rgba(89, 89, 89, 0.92);
823 border-radius: 50%; 823 border-radius: 50%;
824 width: 30px; 824 width: 30px;
825 height: 30px; 825 height: 30px;
826 position: absolute; 826 position: absolute;
827 left: 0px; 827 left: 0px;
828 margin-top: 3px; 828 margin-top: 3px;
829 color: #fff; 829 color: #fff;
830 text-align: center; 830 text-align: center;
831 } 831 }
832 832
833 833
834 /*quiz*/ 834 /*quiz*/
835 .q-card-align div{ 835 .q-card-align div{
836 margin-bottom: 15px; 836 margin-bottom: 15px;
837 } 837 }
838 838
839 .drop-down { 839 .drop-down {
840 background-color: #fff; 840 background-color: #fff;
841 border-radius: 0; 841 border-radius: 0;
842 font-size: 12px; 842 font-size: 12px;
843 } 843 }
844 844
845 .footer-link, .footer-link:hover { 845 .footer-link, .footer-link:hover {
846 color:#fff; 846 color:#fff;
847 } 847 }
848 /*idea content margin*/ 848 /*idea content margin*/
849 .content-idea{ 849 .content-idea{
850 margin:196px 12px 8px; 850 margin:196px 12px 8px;
851 } 851 }
852 852
853 .content-product{ 853 .content-product{
854 margin:193px -19px 9px; 854 margin:193px -19px 9px;
855 } 855 }
856 856
857 .content-growth{ 857 .content-growth{
858 margin:192px 11px 8px; 858 margin:192px 11px 8px;
859 } 859 }
860 .last-content-card{ 860 .last-content-card{
861 /*margin: 0px -85px -4px -51px;*/ 861 /*margin: 0px -85px -4px -51px;*/
862 } 862 }
863 863
864 @media (max-width: 600px) { 864 @media (max-width: 600px) {
865 .content-idea{ 865 .content-idea{
866 margin: auto; 866 margin: auto;
867 } 867 }
868 868
869 .content-product{ 869 .content-product{
870 margin: auto; 870 margin: auto;
871 } 871 }
872 872
873 .content-growth{ 873 .content-growth{
874 margin: auto; 874 margin: auto;
875 } 875 }
876 .stages-card{ 876 .stages-card{
877 margin: auto; 877 margin: auto;
878 margin-bottom: 15px; 878 margin-bottom: 15px;
879 } 879 }
880 .last-content-card{ 880 .last-content-card{
881 margin: auto; 881 margin: auto;
882 } 882 }
883 .card-align{ 883 .card-align{
884 margin: auto; 884 margin: auto;
885 } 885 }
886 } 886 }
887 887
888 .toggler { 888 .toggler {
889 width: 500px; 889 width: 500px;
890 height: 200px; 890 height: 200px;
891 } 891 }
892 #button { 892 #button {
893 padding: .5em 1em; 893 padding: .5em 1em;
894 text-decoration: none; 894 text-decoration: none;
895 } 895 }
896 #effect { 896 #effect {
897 position: relative; 897 position: relative;
898 width: 240px; 898 width: 240px;
899 height: 170px; 899 height: 170px;
900 padding: 0.4em; 900 padding: 0.4em;
901 } 901 }
902 #effect h3 { 902 #effect h3 {
903 margin: 0; 903 margin: 0;
904 padding: 0.4em; 904 padding: 0.4em;
905 text-align: center; 905 text-align: center;
906 } 906 }
907 907
908 #snackbar { 908 #snackbar {
909 visibility: hidden; 909 visibility: hidden;
910 min-width: 250px; 910 min-width: 250px;
911 margin-left: -125px; 911 margin-left: -125px;
912 background-color: #F44336; 912 background-color: #F44336;
913 color: #fff; 913 color: #fff;
914 text-align: center; 914 text-align: center;
915 border-radius: 2px; 915 border-radius: 2px;
916 padding: 16px; 916 padding: 16px;
917 position: fixed; 917 position: fixed;
918 z-index: 1; 918 z-index: 1;
919 left: 50%; 919 left: 50%;
920 bottom: 30px; 920 bottom: 30px;
921 font-size: 17px; 921 font-size: 17px;
922 } 922 }
923 923
924 #snackbar.show { 924 #snackbar.show {
925 visibility: visible; 925 visibility: visible;
926 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s; 926 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
927 animation: fadin 0.5s, fadout 0.5s 2.5s; 927 animation: fadin 0.5s, fadout 0.5s 2.5s;
928 } 928 }
929 929
930 @-webkit-keyframes fadin { 930 @-webkit-keyframes fadin {
931 from {bottom: 0; opacity: 0;} 931 from {bottom: 0; opacity: 0;}
932 to {bottom: 30px; opacity: 1;} 932 to {bottom: 30px; opacity: 1;}
933 } 933 }
934 934
935 @keyframes fadin { 935 @keyframes fadin {
936 from {bottom: 0; opacity: 0;} 936 from {bottom: 0; opacity: 0;}
937 to {bottom: 30px; opacity: 1;} 937 to {bottom: 30px; opacity: 1;}
938 } 938 }
939 939
940 @-webkit-keyframes fadout { 940 @-webkit-keyframes fadout {
941 from {bottom: 30px; opacity: 1;} 941 from {bottom: 30px; opacity: 1;}
942 to {bottom: 0; opacity: 0;} 942 to {bottom: 0; opacity: 0;}
943 } 943 }
944 944
945 @keyframes fadout { 945 @keyframes fadout {
946 from {bottom: 30px; opacity: 1;} 946 from {bottom: 30px; opacity: 1;}
947 to {bottom: 0; opacity: 0;} 947 to {bottom: 0; opacity: 0;}
948 } 948 }
949 949
950 950
951 #snacsskbar { 951 #snacsskbar {
952 visibility: hidden; 952 visibility: hidden;
953 min-width: 250px; 953 min-width: 250px;
954 margin-left: -125px; 954 margin-left: -125px;
955 background-color: #333; 955 background-color: #333;
956 color: #fff; 956 color: #fff;
957 text-align: center; 957 text-align: center;
958 border-radius: 2px; 958 border-radius: 2px;
959 padding: 16px; 959 padding: 16px;
960 position: fixed; 960 position: fixed;
961 z-index: 1; 961 z-index: 1;
962 left: 50%; 962 left: 50%;
963 top: 30px; 963 top: 30px;
964 font-size: 17px; 964 font-size: 17px;
965 } 965 }
966 966
967 #snacsskbar.show { 967 #snacsskbar.show {
968 visibility: visible; 968 visibility: visible;
969 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; 969 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
970 animation: fadein 0.5s, fadeout 0.5s 2.5s; 970 animation: fadein 0.5s, fadeout 0.5s 2.5s;
971 } 971 }
972 972
973 @-webkit-keyframes fadein { 973 @-webkit-keyframes fadein {
974 from {top: 0; opacity: 0;} 974 from {top: 0; opacity: 0;}
975 to {top: 30px; opacity: 1;} 975 to {top: 30px; opacity: 1;}
976 } 976 }
977 977
978 @keyframes fadein { 978 @keyframes fadein {
979 from {top: 0; opacity: 0;} 979 from {top: 0; opacity: 0;}
980 to {top: 30px; opacity: 1;} 980 to {top: 30px; opacity: 1;}
981 } 981 }
982 982
983 @-webkit-keyframes fadeout { 983 @-webkit-keyframes fadeout {
984 from {top: 30px; opacity: 1;} 984 from {top: 30px; opacity: 1;}
985 to {top: 0; opacity: 0;} 985 to {top: 0; opacity: 0;}
986 } 986 }
987 987
988 @keyframes fadeout { 988 @keyframes fadeout {
989 from {top: 30px; opacity: 1;} 989 from {top: 30px; opacity: 1;}
990 to {top: 0; opacity: 0;} 990 to {top: 0; opacity: 0;}
991 } 991 }
992 992
993 input.hidden { 993 input.hidden {
994 position: absolute; 994 position: absolute;
995 left: -9999px; 995 left: -9999px;
996 } 996 }
997 997
998 #profile-image1 { 998 #profile-image1 {
999 cursor: pointer; 999 cursor: pointer;
1000 width: 100px; 1000 width: 100px;
1001 height: 100px; 1001 height: 100px;
1002 border:2px solid #eee ; 1002 border:2px solid #eee ;
1003 } 1003 }
1004 1004
1005 .tital{ font-size:16px; font-weight:500;} 1005 .tital{ font-size:16px; font-weight:500;}
1006 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0} 1006 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0}
1007 .footerpadd{padding: 5px;} 1007 .footerpadd{padding: 5px;}
1008 1008
1009 1009
1010 .container1{ 1010 .container1{
1011 width: 100% 1011 width: 100%
1012 } 1012 }
1013 1013
1014 .no-margin{ 1014 .no-margin{
1015 margin: 0 0 0 !important; 1015 margin: 0 0 0 !important;
1016 } 1016 }
1017 .no-padding{ 1017 .no-padding{
1018 padding: 0 0 0 0 !important; 1018 padding: 0 0 0 0 !important;
1019 } 1019 }
1020 .select-stage{ 1020 .select-stage{
1021 margin: 10px 0; 1021 margin: 10px 0;
1022 } 1022 }
1023 .cards-content{ 1023 .cards-content{
1024 margin-top: 40px; 1024 margin-top: 40px;
1025 } 1025 }
1026 .cards-content p{ 1026 .cards-content p{
1027 font-size: 13px; 1027 font-size: 13px;
1028 } 1028 }
1029 .q-card-align{ 1029 .q-card-align{
1030 margin-top: 15px; 1030 margin-top: 15px;
1031 } 1031 }
1032 .width-auto{ 1032 .width-auto{
1033 width: auto !important; 1033 width: auto !important;
1034 } 1034 }
1035 .margin-right-label{ 1035 .margin-right-label{
1036 margin-right: 20px; 1036 margin-right: 20px;
1037 } 1037 }
1038 .margin-right-label label{ 1038 .margin-right-label label{
1039 margin-left: 5px; 1039 margin-left: 5px;
1040 } 1040 }
1041 .apply-coupen-btn{ 1041 .apply-coupen-btn{
1042 position: absolute; 1042 position: absolute;
1043 top: -2px; 1043 top: -2px;
1044 right: 13px; 1044 right: 13px;
1045 border: none; 1045 border: none;
1046 height: 44px; 1046 height: 44px;
1047 color: #fff; 1047 color: #fff;
1048 background-color: #666; 1048 background-color: #666;
1049 width: 75px; 1049 width: 75px;
1050 } 1050 }
1051 .coupen-approved{ 1051 .coupen-approved{
1052 position: absolute; 1052 position: absolute;
1053 right: 120px; 1053 right: 120px;
1054 top: 6px; 1054 top: 6px;
1055 color: rgb(66, 181, 73); 1055 color: rgb(66, 181, 73);
1056 font-size: 30px !important; 1056 font-size: 30px !important;
1057 } 1057 }
1058 .right-side-links{ 1058 .right-side-links{
1059 margin-top: 12px; 1059 margin-top: 12px;
1060 } 1060 }
1061 .right-side-links a{ 1061 .right-side-links a{
1062 width: auto; 1062 width: auto;
1063 display: inline; 1063 display: inline;
1064 } 1064 }
1065 .right-side-links a:first-child{ 1065 .right-side-links a:first-child{
1066 border-right: 1px solid #fff; 1066 border-right: 1px solid #fff;
1067 padding-right: 4px; 1067 padding-right: 4px;
1068 } 1068 }
1069 1069
1070 @media (max-width: 768px){ 1070 @media (max-width: 768px){
1071 .cards-content{ 1071 .cards-content{
1072 margin-top: 15px; 1072 margin-top: 15px;
1073 margin-bottom: 30px; 1073 margin-bottom: 30px;
1074 } 1074 }
1075 .no-padding-mobile{ 1075 .no-padding-mobile{
1076 padding-left: 0 !important; 1076 padding-left: 0 !important;
1077 padding-right: 0 !important; 1077 padding-right: 0 !important;
1078 } 1078 }
1079 .sector-align .card-small{ 1079 .sector-align .card-small{
1080 height: 74px; 1080 height: 74px;
1081 } 1081 }
1082 .stages-card{ 1082 .stages-card{
1083 width: 92%; 1083 width: 92%;
1084 } 1084 }
1085 .right-stage-card{ 1085 .right-stage-card{
1086 float: right; 1086 float: right;
1087 } 1087 }
1088 .margin-auto-mobile{ 1088 .margin-auto-mobile{
1089 margin-left: 4%; 1089 margin-left: 4%;
1090 } 1090 }
1091 .card .thumbnail{ 1091 .card .thumbnail{
1092 padding: 15px 0 1px 0; 1092 padding: 15px 0 1px 0;
1093 } 1093 }
1094 .thumbnail > img, .thumbnail a > img{ 1094 .thumbnail > img, .thumbnail a > img{
1095 width: 50%; 1095 width: 50%;
1096 } 1096 }
1097 .right-side-links a{ 1097 .right-side-links a{
1098 display: block; 1098 display: block;
1099 width: 100%; 1099 width: 100%;
1100 } 1100 }
1101 .right-side-links a:first-child{ 1101 .right-side-links a:first-child{
1102 border-right: 0 solid #fff; 1102 border-right: 0 solid #fff;
1103 padding-right: 0; 1103 padding-right: 0;
1104 } 1104 }
1105 .right-side-links{ 1105 .right-side-links{
1106 margin-top: 0; 1106 margin-top: 0;
1107 } 1107 }
1108 .panel-default{ 1108 .panel-default{
1109 border-color: transparent; 1109 border-color: transparent;
1110 box-shadow: none; 1110 box-shadow: none;
1111 } 1111 }
1112 .modal-footers { 1112 .modal-footers {
1113 padding: 19px 20px 20px; 1113 padding: 19px 20px 20px;
1114 margin-top: 15px; 1114 margin-top: 15px;
1115 text-align: center !important; 1115 text-align: center !important;
1116 margin-bottom: 4px; 1116 margin-bottom: 4px;
1117 } 1117 }
1118 } 1118 }
1119 1119
1120 .card-input { 1120 .card-input {
1121 display: none; 1121 display: none;
1122 } 1122 }
1123 1123
1124 .card { 1124 .card {
1125 font-size: 1em; 1125 font-size: 1em;
1126 overflow: hidden; 1126 overflow: hidden;
1127 padding: 0; 1127 padding: 0;
1128 border: none; 1128 border: none;
1129 border-radius: .28571429rem; 1129 /*border-radius: .28571429rem;*/
1130 box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; 1130 box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
1131 } 1131 }
1132 1132
1133 .card-block { 1133 .card-block {
1134 font-size: 1em; 1134 font-size: 1em;
1135 position: relative; 1135 position: relative;
1136 margin: 0; 1136 margin: 0;
1137 padding: 4%; 1137 padding: 4%;
1138 border: none; 1138 border: none;
1139 border-top: 1px solid rgba(34, 36, 38, .1); 1139 border-top: 1px solid rgba(34, 36, 38, .1);
1140 box-shadow: none; 1140 box-shadow: none;
1141 } 1141 }
1142 .button-position{ 1142 .button-position{
1143 position: relative; 1143 position: relative;
1144 top: -10px; 1144 top: -10px;
1145 } 1145 }
1146 .card-img-top { 1146 .card-img-top {
1147 display: block; 1147 display: block;
1148 width: 100%; 1148 width: 100%;
1149 height: auto; 1149 height: auto;
1150 } 1150 }
1151 1151
1152 .card-title { 1152 .card-title {
1153 font-size: 13px; 1153 font-size: 13px;
1154 font-weight: 600; 1154 font-weight: 600;
1155 margin: 0; 1155 margin: 0;
1156 line-height: normal; 1156 line-height: normal;
1157 } 1157 }
1158 .card-sub-title{ 1158 .card-sub-title{
1159 font-size: 15px; 1159 font-size: 15px;
1160 color: #666; 1160 color: #666;
1161 font-weight: normal; 1161 font-weight: normal;
1162 margin-bottom: 0; 1162 margin-bottom: 0;
1163 } 1163 }
1164 .button-aligment{ 1164 .button-aligment{
1165 margin-top: 5px; 1165 margin-top: 5px;
1166 } 1166 }
1167 .card-text { 1167 .card-text {
1168 clear: both; 1168 clear: both;
1169 margin-top: .5em; 1169 margin-top: .5em;
1170 color: rgba(0, 0, 0, .68); 1170 color: rgba(0, 0, 0, .68);
1171 padding-bottom: 3%; 1171 padding-bottom: 3%;
1172 font-size: 13px; 1172 font-size: 13px;
1173 } 1173 }
1174 1174
1175 .card-text2 { 1175 .card-text2 {
1176 padding: 3% 0 3% 4%;; 1176 padding: 3% 0 3% 4%;;
1177 border-top: 1px solid rgba(0, 0, 0, .05) !important; 1177 border-top: 1px solid rgba(0, 0, 0, .05) !important;
1178 } 1178 }
1179 .card-text2 span{ 1179 .card-text2 span{
1180 font-size: 11px; 1180 font-size: 11px;
1181 color: #666; 1181 color: #666;
1182 } 1182 }
1183 .card-text2 div{ 1183 .card-text2 div{
1184 margin-top: 0 !important; 1184 margin-top: 0 !important;
1185 font-weight: normal; 1185 font-weight: normal;
1186 color: #000; 1186 color: #000;
1187 font-size: 12px; 1187 font-size: 12px;
1188 padding-bottom: 0; 1188 padding-bottom: 0;
1189 } 1189 }
1190 1190
1191 .card-inverse .btn { 1191 .card-inverse .btn {
1192 border: 1px solid rgba(0, 0, 0, .05); 1192 border: 1px solid rgba(0, 0, 0, .05);
1193 } 1193 }
1194 1194
1195 .card-text3 { 1195 .card-text3 {
1196 border-top: 1px solid rgba(0, 0, 0, .05) !important; 1196 border-top: 1px solid rgba(0, 0, 0, .05) !important;
1197 } 1197 }
1198 1198
1199 .container { 1199 .container {
1200 display: block; 1200 display: block;
1201 position: relative; 1201 position: relative;
1202 padding: 0; 1202 padding: 0;
1203 margin-bottom: 12px; 1203 margin-bottom: 12px;
1204 cursor: pointer; 1204 cursor: pointer;
1205 font-size: 16px; 1205 font-size: 16px;
1206 -webkit-user-select: none; 1206 -webkit-user-select: none;
1207 -moz-user-select: none; 1207 -moz-user-select: none;
1208 -ms-user-select: none; 1208 -ms-user-select: none;
1209 user-select: none; 1209 user-select: none;
1210 width:100%; 1210 width:100%;
1211 } 1211 }
1212 1212
1213 .container1 { 1213 .container1 {
1214 display: block; 1214 display: block;
1215 position: relative; 1215 position: relative;
1216 padding-left: 31px; 1216 padding-left: 31px;
1217 margin-bottom: 12px; 1217 margin-bottom: 12px;
1218 cursor: pointer; 1218 cursor: pointer;
1219 font-size: 15px; 1219 font-size: 15px;
1220 -webkit-user-select: none; 1220 -webkit-user-select: none;
1221 -moz-user-select: none; 1221 -moz-user-select: none;
1222 -ms-user-select: none; 1222 -ms-user-select: none;
1223 user-select: none; 1223 user-select: none;
1224 width:100%; 1224 width:100%;
1225 } 1225 }
1226 1226
1227 /* Hide the browser's default radio button */ 1227 /* Hide the browser's default radio button */
1228 .container input { 1228 .container input {
1229 position: absolute; 1229 position: absolute;
1230 opacity: 0; 1230 opacity: 0;
1231 } 1231 }
1232 1232
1233 /* Create a custom radio button */ 1233 /* Create a custom radio button */
1234 .checkmark { 1234 .checkmark {
1235 position: absolute; 1235 position: absolute;
1236 top: 0; 1236 top: 0;
1237 left: 0; 1237 left: 0;
1238 height: 25px; 1238 height: 25px;
1239 width: 25px; 1239 width: 25px;
1240 background-color: #eee; 1240 background-color: #eee;
1241 border-radius: 50%; 1241 border-radius: 50%;
1242 } 1242 }
1243 1243
1244 /* On mouse-over, add a grey background color */ 1244 /* On mouse-over, add a grey background color */
1245 .container:hover input ~ .checkmark { 1245 .container:hover input ~ .checkmark {
1246 background-color: #ccc; 1246 background-color: #ccc;
1247 } 1247 }
1248 1248
1249 /* When the radio button is checked, add a blue background */ 1249 /* When the radio button is checked, add a blue background */
1250 .container input:checked ~ .checkmark { 1250 .container input:checked ~ .checkmark {
1251 background-color: #42b549; 1251 background-color: #42b549;
1252 } 1252 }
1253 1253
1254 /* Create the indicator (the dot/circle - hidden when not checked) */ 1254 /* Create the indicator (the dot/circle - hidden when not checked) */
1255 .checkmark:after { 1255 .checkmark:after {
1256 content: ""; 1256 content: "";
1257 position: absolute; 1257 position: absolute;
1258 display: none; 1258 display: none;
1259 } 1259 }
1260 1260
1261 /* Show the indicator (dot/circle) when checked */ 1261 /* Show the indicator (dot/circle) when checked */
1262 .container input:checked ~ .checkmark:after { 1262 .container input:checked ~ .checkmark:after {
1263 display: block; 1263 display: block;
1264 } 1264 }
1265 1265
1266 /* Style the indicator (dot/circle) */ 1266 /* Style the indicator (dot/circle) */
1267 .container .checkmark:after { 1267 .container .checkmark:after {
1268 top: 9px; 1268 top: 9px;
1269 left: 9px; 1269 left: 9px;
1270 width: 8px; 1270 width: 8px;
1271 height: 8px; 1271 height: 8px;
1272 border-radius: 50%; 1272 border-radius: 50%;
1273 background: white; 1273 background: white;
1274 } 1274 }