Subversion Repositories SmartDukaan

Rev

Rev 33247 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
21627 kshitij.so 1
/*
2
    Theme Name: NiceAdmin
3
    Theme URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
4
    Author: BootstrapMade
5
    Author URL: https://bootstrapmade.com
6
*/
7
/* Import fonts */
32308 amit.gupta 8
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
21627 kshitij.so 9
 
10
@import url(line-icons.css);
11
 
12
body {
32308 amit.gupta 13
    color: #797979;
14
    background: #eeeeee;
15
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
16
    padding: 0px !important;
17
    margin: 0px !important;
18
    font-size: 14px !important;
21627 kshitij.so 19
}
20
 
31255 tejbeer 21
 
27531 amit.gupta 22
.wrapper {
32308 amit.gupta 23
    background: #F7F7F7;
21627 kshitij.so 24
}
25
 
27531 amit.gupta 26
h1, h2, h3, h4, h5 {
32308 amit.gupta 27
    font-weight: 300;
21627 kshitij.so 28
}
29
 
27531 amit.gupta 30
label {
32308 amit.gupta 31
    font-weight: 300;
21627 kshitij.so 32
}
33
 
34
ul li {
32308 amit.gupta 35
    list-style: none;
21627 kshitij.so 36
}
37
 
38
a, a:hover, a:focus {
32308 amit.gupta 39
    text-decoration: none;
40
    outline: none;
41
    outline: 0;
27531 amit.gupta 42
}
21627 kshitij.so 43
 
27531 amit.gupta 44
input:focus, textarea:focus {
32308 amit.gupta 45
    outline: none;
27531 amit.gupta 46
}
21627 kshitij.so 47
 
27531 amit.gupta 48
table tr th {
32308 amit.gupta 49
    color: #688a7e;
27531 amit.gupta 50
}
21627 kshitij.so 51
 
27531 amit.gupta 52
*:focus {
32308 amit.gupta 53
    outline: none;
21627 kshitij.so 54
}
55
 
56
::selection {
32308 amit.gupta 57
    background: #688a7e;
58
    color: #fff;
21627 kshitij.so 59
}
60
 
61
::-moz-selection {
32308 amit.gupta 62
    background: #688a7e;
63
    color: #fff;
21627 kshitij.so 64
}
65
 
66
#container {
32308 amit.gupta 67
    width: 100%;
68
    height: 100%;
21627 kshitij.so 69
}
70
 
27531 amit.gupta 71
.Creative-pro, .Creative-pro h3 {
32308 amit.gupta 72
    display: block;
73
    position: fixed;
74
    bottom: 0;
75
    z-index: 100000;
76
    width: 100%;
77
    overflow: hidden;
78
    height: 50px;
79
    margin: 0px;
21627 kshitij.so 80
}
81
 
27531 amit.gupta 82
.Creative-pro h3 {
32308 amit.gupta 83
    padding-bottom: 10px;
84
    padding-top: 10px;
21627 kshitij.so 85
}
86
 
27531 amit.gupta 87
.lite {
32308 amit.gupta 88
    color: #00a0df !important;
21627 kshitij.so 89
}
90
 
91
/*login page*/
92
.login-body {
32308 amit.gupta 93
    background-color: #f1f2f7;
21627 kshitij.so 94
}
95
 
27531 amit.gupta 96
.login-img-body {
32308 amit.gupta 97
    background: url('../img/bg-1.jpg') no-repeat center center fixed;
98
    -webkit-background-size: cover;
99
    -moz-background-size: cover;
100
    -o-background-size: cover;
101
    background-size: cover;
21627 kshitij.so 102
}
103
 
27531 amit.gupta 104
.login-img2-body {
32308 amit.gupta 105
    background: url('../img/bg-1.jpg') no-repeat center center fixed;
106
    -webkit-background-size: cover;
107
    -moz-background-size: cover;
108
    -o-background-size: cover;
109
    background-size: cover;
21627 kshitij.so 110
}
111
 
27531 amit.gupta 112
.login-img3-body {
32308 amit.gupta 113
    background: url('../img/bg-1.jpg') no-repeat center center fixed;
114
    -webkit-background-size: cover;
115
    -moz-background-size: cover;
116
    -o-background-size: cover;
117
    background-size: cover;
21627 kshitij.so 118
}
119
 
120
.login-form {
32308 amit.gupta 121
    max-width: 350px;
122
    margin: 200px auto 0;
123
    background: #d5d7de;
21627 kshitij.so 124
}
125
 
27531 amit.gupta 126
.login-img-body .login-form {
32308 amit.gupta 127
    max-width: 350px;
128
    margin: 200px auto 0;
129
    background: rgba(213, 215, 222, 0.4);
130
    border: 1px solid #B0B6BE;
21627 kshitij.so 131
}
132
 
27531 amit.gupta 133
.login-img2-body .login-form {
32308 amit.gupta 134
    border: 1px solid #B0B6BE;
135
    background: rgba(213, 215, 222, 0.7);
21627 kshitij.so 136
}
137
 
27531 amit.gupta 138
.login-img3-body .login-form {
32308 amit.gupta 139
    border: 1px solid #B0B6BE;
140
    background: rgba(213, 215, 222, 0.9);
21627 kshitij.so 141
}
142
 
27531 amit.gupta 143
.login-form a {
32308 amit.gupta 144
    color: #688a7e !important;
21627 kshitij.so 145
}
146
 
147
.login-form h2.login-form-heading {
32308 amit.gupta 148
    margin: 0;
149
    padding: 20px 15px;
150
    text-align: center;
151
    background: #34aadc;
152
    border-radius: 5px 5px 0 0;
153
    -webkit-border-radius: 5px 5px 0 0;
154
    color: #fff;
155
    font-size: 18px;
156
    text-transform: uppercase;
157
    font-weight: 300;
158
    font-family: 'Lato', sans-serif;
21627 kshitij.so 159
}
160
 
161
.login-form .checkbox {
32308 amit.gupta 162
    margin-bottom: 14px;
21627 kshitij.so 163
}
164
 
165
.login-form .checkbox {
32308 amit.gupta 166
    font-weight: normal;
167
    font-weight: 300;
168
    font-family: 'Lato', sans-serif;
21627 kshitij.so 169
}
170
 
171
.login-form .form-control {
32308 amit.gupta 172
    position: relative;
173
    font-size: 16px;
174
    height: auto;
175
    padding: 10px;
176
    -webkit-box-sizing: border-box;
177
    -moz-box-sizing: border-box;
178
    box-sizing: border-box;
21627 kshitij.so 179
}
180
 
181
.login-form .form-control:focus {
32308 amit.gupta 182
    z-index: 2;
21627 kshitij.so 183
}
184
 
27531 amit.gupta 185
.login-form .login-img {
32308 amit.gupta 186
    font-size: 50px;
187
    font-weight: 300;
21627 kshitij.so 188
}
189
 
27531 amit.gupta 190
.login-form .input-group {
32308 amit.gupta 191
    padding-bottom: 15px;
21627 kshitij.so 192
}
193
 
27531 amit.gupta 194
.login-form .input-group-addon {
32308 amit.gupta 195
    padding: 6px 12px;
196
    font-size: 16px;
197
    color: #8b9199;
198
    font-weight: normal;
199
    line-height: 1;
200
    text-align: center;
201
    background-color: #ffffff;
202
    border: none;
203
    border-radius: 0;
21627 kshitij.so 204
}
205
 
27531 amit.gupta 206
.login-form input[type="text"], .login-form input[type="password"] {
32308 amit.gupta 207
    border: none;
208
    box-shadow: none;
209
    font-size: 16px;
210
    border-radius: 0;
21627 kshitij.so 211
}
212
 
27531 amit.gupta 213
.login-form .btn {
32308 amit.gupta 214
    border-radius: 0;
21627 kshitij.so 215
}
216
 
217
.login-form .btn-login {
32308 amit.gupta 218
    background: #f67a6e;
219
    color: #fff;
220
    text-transform: uppercase;
221
    font-weight: 300;
222
    font-family: 'Lato', sans-serif;
223
    box-shadow: 0 4px #e56b60;
224
    margin-bottom: 20px;
21627 kshitij.so 225
}
226
 
227
.login-form p {
32308 amit.gupta 228
    text-align: center;
229
    color: #b6b6b6;
230
    font-size: 16px;
231
    font-weight: 300;
21627 kshitij.so 232
}
233
 
27531 amit.gupta 234
.login-img3-body .login-form p, .login-img2-body .login-form p {
32308 amit.gupta 235
    color: #34aadc;
21627 kshitij.so 236
}
237
 
238
.login-form a {
32308 amit.gupta 239
    color: #b6b6b6;
21627 kshitij.so 240
}
241
 
242
.login-form a:hover {
32308 amit.gupta 243
    color: #34aadc;
21627 kshitij.so 244
}
245
 
27531 amit.gupta 246
.form .required {
32308 amit.gupta 247
    font-size: 16px;
248
    color: #00a0df;
21627 kshitij.so 249
}
250
 
251
.login-wrap {
32308 amit.gupta 252
    padding: 20px;
21627 kshitij.so 253
}
254
 
27531 amit.gupta 255
.login-social-link {
32308 amit.gupta 256
    display: inline-block;
257
    margin-top: 20px;
258
    margin-bottom: 15px;
21627 kshitij.so 259
}
260
 
261
.login-social-link a {
32308 amit.gupta 262
    color: #fff;
263
    padding: 15px 28px;
264
    border-radius: 4px;
21627 kshitij.so 265
}
266
 
267
.login-social-link a:hover {
32308 amit.gupta 268
    color: #fff;
21627 kshitij.so 269
}
270
 
271
.login-social-link a i {
32308 amit.gupta 272
    font-size: 20px;
273
    padding-right: 10px;
21627 kshitij.so 274
}
275
 
276
.login-social-link a.facebook {
32308 amit.gupta 277
    background: #5193ea;
278
    margin-right: 22px;
279
    box-shadow: 0 4px #2775e2;
280
    float: left;
21627 kshitij.so 281
}
282
 
283
.login-social-link a.twitter {
32308 amit.gupta 284
    background: #44ccfe;
285
    box-shadow: 0 4px #2bb4e8;
286
    float: left;
21627 kshitij.so 287
}
288
 
289
/*Modal Content*/
27531 amit.gupta 290
.modal-content {
32308 amit.gupta 291
    border-radius: 0px;
292
    background: rgba(255, 255, 255, 0.9);
21627 kshitij.so 293
}
294
 
27531 amit.gupta 295
.modal-header .close {
32308 amit.gupta 296
    font-weight: 300;
297
    font-size: 30px;
21627 kshitij.so 298
}
299
 
300
/*sidebar navigation*/
301
#sidebar {
32308 amit.gupta 302
    width: 180px;
303
    height: 100%;
304
    position: fixed;
305
    background: #2A3F54;
33734 tejus.loha 306
    z-index: 999;
21627 kshitij.so 307
}
308
 
309
.nav-collapse.collapse {
32308 amit.gupta 310
    display: inline;
21627 kshitij.so 311
}
312
 
27531 amit.gupta 313
ul.sidebar-menu, ul.sidebar-menu li ul.sub {
32308 amit.gupta 314
    margin: -2px 0 0;
315
    padding: 0;
21627 kshitij.so 316
}
317
 
318
ul.sidebar-menu {
32308 amit.gupta 319
    margin-top: 60px;
21627 kshitij.so 320
}
321
 
31255 tejbeer 322
@media screen and (max-width: 992px) {
32308 amit.gupta 323
    ul.sidebar-menu {
324
        margin-top: 120px;
325
    }
31255 tejbeer 326
}
327
 
328
 
329
/* On screens that are 600px or less, set the background color to olive */
330
@media screen and (max-width: 600px) {
32308 amit.gupta 331
    ul.sidebar-menu {
332
        margin-top: 180px;
333
    }
31255 tejbeer 334
}
335
 
336
@media screen and (max-width: 300px) {
32308 amit.gupta 337
    ul.sidebar-menu {
338
        margin-top: 180px;
339
    }
31255 tejbeer 340
}
341
 
342
 
343
@media screen and (max-width: 1024px) {
32308 amit.gupta 344
    ul.sidebar-menu {
345
        margin-top: 180px;
346
    }
31255 tejbeer 347
}
348
 
349
 
32308 amit.gupta 350
#sidebar > ul > li > ul.sub {
351
    display: none;
21627 kshitij.so 352
}
353
 
32308 amit.gupta 354
#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a {
355
    display: block;
21627 kshitij.so 356
}
357
 
27531 amit.gupta 358
ul.sidebar-menu li ul.sub li {
32308 amit.gupta 359
    background: #394a59;
360
    margin-bottom: 0;
361
    margin-left: 0;
362
    margin-right: 0;
21627 kshitij.so 363
}
364
 
27531 amit.gupta 365
ul.sidebar-menu li ul.sub li:last-child {
32308 amit.gupta 366
    border-radius: 0 0 4px 4px;
367
    -webkit-border-radius: 0 0 4px 4px;
21627 kshitij.so 368
}
369
 
370
ul.sidebar-menu li ul.sub li a {
32308 amit.gupta 371
    font-size: 12px;
33247 ranu 372
    padding: 0 0 0 24px;
32308 amit.gupta 373
    line-height: 35px;
374
    height: 35px;
375
    -webkit-transition: all 0.3s ease;
376
    -moz-transition: all 0.3s ease;
377
    -o-transition: all 0.3s ease;
378
    -ms-transition: all 0.3s ease;
379
    transition: all 0.3s ease;
380
    color: #d0d8df;
33247 ranu 381
    font-size: 13px;
21627 kshitij.so 382
}
383
 
32308 amit.gupta 384
ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {
385
    color: #fff;
386
    -webkit-transition: all 0.3s ease;
387
    -moz-transition: all 0.3s ease;
388
    -o-transition: all 0.3s ease;
389
    -ms-transition: all 0.3s ease;
390
    transition: all 0.3s ease;
391
    display: block;
21627 kshitij.so 392
}
393
 
27531 amit.gupta 394
ul.sidebar-menu li {
32308 amit.gupta 395
    line-height: 20px !important;
21627 kshitij.so 396
 
32308 amit.gupta 397
    /*margin-bottom: 5px;
21627 kshitij.so 398
 
399
    margin-left:10px;
400
 
401
    margin-right:10px;*/
402
}
403
 
404
/*ul.sidebar-menu li:hover{
405
 
406
    border-bottom: 1px solid #688a7e;
407
 
408
}*/
27531 amit.gupta 409
ul.sidebar-menu li.sub-menu {
32308 amit.gupta 410
    line-height: 15px;
411
    font-size: 16px;
21627 kshitij.so 412
}
413
 
27531 amit.gupta 414
ul.sidebar-menu li a span {
32308 amit.gupta 415
    display: inline-block;
21627 kshitij.so 416
}
417
 
27531 amit.gupta 418
ul.sidebar-menu li a {
32308 amit.gupta 419
    color: #d0d8df;
420
    text-decoration: none;
421
    display: block;
422
    padding: 15px 0 15px 10px;
423
    font-size: 16px;
424
    font-weight: 300;
425
    outline: none;
426
    -webkit-transition: all 0.3s ease;
427
    -moz-transition: all 0.3s ease;
428
    -o-transition: all 0.3s ease;
429
    -ms-transition: all 0.3s ease;
430
    transition: all 0.3s ease;
431
    border-right: 1px solid #D7D7D7;
432
    border-bottom: 1px solid #D7D7D7;
21627 kshitij.so 433
}
434
 
435
/*ul.sidebar-menu li a i{
436
 
437
    position: relative;
438
 
439
    top: 2px;
440
 
441
}*/
32308 amit.gupta 442
ul.sidebar-menu li.active a, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
443
    background: #D3181F;
444
    color: #fff;
445
    display: block;
446
    /*border-radius: 4px;
21627 kshitij.so 447
 
448
    -webkit-border-radius: 4px;*/
32308 amit.gupta 449
    -webkit-transition: all 0.3s ease;
450
    -moz-transition: all 0.3s ease;
451
    -o-transition: all 0.3s ease;
452
    -ms-transition: all 0.3s ease;
453
    transition: all 0.3s ease;
21627 kshitij.so 454
}
455
 
456
ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
32308 amit.gupta 457
    /*border-bottom: 1px solid #d0d8df;*/
458
    border-bottom: none;
21627 kshitij.so 459
}
460
 
27531 amit.gupta 461
/*ul.sidebar-menu li.active a,*/
462
ul.sidebar-menu .sub-menu li.active a {
32308 amit.gupta 463
    border-bottom: 1px solid #d0d8df;
21627 kshitij.so 464
}
465
 
466
ul.sidebar-menu li a i {
32308 amit.gupta 467
    font-size: 18px;
468
    padding-right: 6px;
21627 kshitij.so 469
 
32308 amit.gupta 470
    /*color: #688a7e;*/
21627 kshitij.so 471
}
472
 
473
ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
32308 amit.gupta 474
    color: #fff;
21627 kshitij.so 475
}
476
 
477
ul.sidebar-menu li.active a i {
32308 amit.gupta 478
    color: #fff;
21627 kshitij.so 479
}
480
 
32308 amit.gupta 481
#sidebar ul > li > a .arrow {
482
    border-bottom: 4px solid transparent;
483
    border-left: 4px solid #A0A0A0;
484
    border-top: 4px solid transparent;
485
    float: right;
486
    height: 0;
487
    margin-right: 10px;
488
    margin-top: 6px;
489
    width: 0;
21627 kshitij.so 490
}
491
 
32308 amit.gupta 492
#sidebar ul > li > a .menu-arrow {
493
    float: right;
494
    margin-right: 8px;
495
    margin-top: 6px;
21627 kshitij.so 496
}
497
 
32308 amit.gupta 498
#sidebar > ul > li > a .arrow.open {
499
    border-left: 4px solid transparent;
500
    border-right: 4px solid transparent;
501
    border-top: 5px solid #A0A0A0;
502
    float: right;
503
    height: 0;
504
    margin-right: 10px;
505
    margin-top: 8px;
506
    width: 0;
21627 kshitij.so 507
}
508
 
32308 amit.gupta 509
#sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow {
510
    float: right;
511
    margin-top: 6px;
512
    margin-right: 10px;
513
    width: 0;
514
    height: 0;
515
    border-left: 4px solid #d0d8df;
516
    border-top: 4px solid transparent;
517
    border-bottom: 4px solid transparent;
21627 kshitij.so 518
}
519
 
32308 amit.gupta 520
#sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open,
521
#sidebar > ul > li > a:focus .arrow.open {
522
    float: right;
523
    margin-top: 8px;
524
    margin-right: 10px;
525
    width: 0;
526
    height: 0;
527
    border-top: 5px solid #d0d8df;
528
    border-left: 4px solid transparent;
529
    border-right: 4px solid transparent;
21627 kshitij.so 530
}
531
 
532
.mail-info, .mail-info:hover {
32308 amit.gupta 533
    margin: 3px 6px 0 0;
534
    font-size: 11px;
21627 kshitij.so 535
}
536
 
537
/*profile status bubbly*/
538
.online-profile li a i {
32308 amit.gupta 539
    position: relative;
540
    left: -12px;
541
    top: -10px;
21627 kshitij.so 542
}
543
 
544
.online-profile li a span i {
32308 amit.gupta 545
    position: relative;
546
    top: 10px;
21627 kshitij.so 547
}
548
 
549
/*chat-*/
550
.chat-online-profile li a i {
32308 amit.gupta 551
    position: relative;
552
    left: -12px;
553
    top: -10px;
21627 kshitij.so 554
}
555
 
556
.chat-online-profile li a span i {
32308 amit.gupta 557
    position: relative;
558
    top: 10px;
21627 kshitij.so 559
}
560
 
27531 amit.gupta 561
.chat-online-profile li a {
32308 amit.gupta 562
    border-bottom: 1px solid #D7D7D7;
21627 kshitij.so 563
}
564
 
27531 amit.gupta 565
.chat-online-profile li a:hover, .chat-online-profile li a:focus,
32308 amit.gupta 566
.chat-online-profile li a:active {
567
    background: #eeeeee !important;
568
    border-bottom: 1px solid #688a7e !important;
21627 kshitij.so 569
}
570
 
27531 amit.gupta 571
.chat-online-profile li a:hover span i, .chat-online-profile li a:focus span i,
32308 amit.gupta 572
.chat-online-profile li a:active span i {
573
    color: #688a7e;
21627 kshitij.so 574
}
575
 
27531 amit.gupta 576
.right-chat-panel {
32308 amit.gupta 577
    max-height: 600px;
21627 kshitij.so 578
}
579
 
27531 amit.gupta 580
.compose-mail {
32308 amit.gupta 581
    width: 95%;
582
    font-size: 16px;
583
    border-radius: 0;
21627 kshitij.so 584
}
585
 
586
/*main content*/
587
#main-content {
32308 amit.gupta 588
    margin-left: 180px;
21627 kshitij.so 589
}
590
 
591
.header, .footer {
32308 amit.gupta 592
    min-height: 60px;
593
    padding: 0 15px;
21627 kshitij.so 594
}
595
 
596
.box1 {
32308 amit.gupta 597
    font-size: 16px;
598
    display: inline-block;
599
    width: 25%;
600
    padding: .25em .5em;
601
    margin: 20px 10px 0 0;
21627 kshitij.so 602
}
603
 
604
.header {
32308 amit.gupta 605
    position: fixed;
606
    left: 0;
607
    right: 0;
608
    z-index: 1002;
21627 kshitij.so 609
}
610
 
27531 amit.gupta 611
.white-bg {
32308 amit.gupta 612
    background: rgba(255, 255, 255, 0.9);
613
    border-bottom: 1px solid #f1f2f7;
21627 kshitij.so 614
}
615
 
27531 amit.gupta 616
.dark-bg {
32308 amit.gupta 617
    background: rgba(54, 66, 74, 1);
618
    border-bottom: 1px solid #f1f2f7;
21627 kshitij.so 619
}
620
 
27531 amit.gupta 621
.panel-content {
32308 amit.gupta 622
    padding: 10px;
21627 kshitij.so 623
}
624
 
625
.wrapper {
32308 amit.gupta 626
    display: inline-block;
627
    margin-top: 60px;
628
    padding: 15px;
629
    width: 100%;
21627 kshitij.so 630
}
631
 
632
a.logo {
32308 amit.gupta 633
    font-size: 25px;
634
    font-weight: 400;
635
    color: #D3181F;
636
    float: left;
637
    margin-top: 15px;
638
    text-transform: uppercase;
639
    letter-spacing: 1px;
21627 kshitij.so 640
}
641
 
25291 amit.gupta 642
.samsung-bg {
32330 amit.gupta 643
    background-color: #1427a0;
25291 amit.gupta 644
}
27531 amit.gupta 645
 
25291 amit.gupta 646
.nokia-bg {
32330 amit.gupta 647
    background-color: #124191;
25291 amit.gupta 648
}
27531 amit.gupta 649
 
25291 amit.gupta 650
.vivo-bg {
32330 amit.gupta 651
    background-color: #0095da;
25291 amit.gupta 652
}
27531 amit.gupta 653
 
25291 amit.gupta 654
.oppo-bg {
32330 amit.gupta 655
    background-color: #00925f;
25291 amit.gupta 656
}
27531 amit.gupta 657
 
25291 amit.gupta 658
.realme-bg {
32330 amit.gupta 659
    background-color: #ffc915;
25291 amit.gupta 660
}
27531 amit.gupta 661
 
25291 amit.gupta 662
.xiaomi-bg {
32330 amit.gupta 663
    background-color: #ff6700;
25291 amit.gupta 664
}
27531 amit.gupta 665
 
25291 amit.gupta 666
.apple-bg {
32330 amit.gupta 667
    background-color: #4c4b4b;
25291 amit.gupta 668
}
669
 
23171 amit.gupta 670
span.logo {
32308 amit.gupta 671
    font-size: 16px;
672
    font-weight: 300;
673
    color: #D3181F;
674
    float: left;
675
    margin-top: 15px;
676
    text-transform: uppercase;
677
    letter-spacing: 1px;
23171 amit.gupta 678
}
679
 
21627 kshitij.so 680
a.logo:hover, a.logo:focus {
32308 amit.gupta 681
    text-decoration: none;
682
    outline: none;
21627 kshitij.so 683
}
684
 
685
a.logo span {
32308 amit.gupta 686
    color: #688a7e;
21627 kshitij.so 687
}
688
 
689
/*notification*/
32308 amit.gupta 690
#top_menu .nav > li, ul.top-menu > li {
691
    float: left;
21627 kshitij.so 692
}
693
 
694
.search-row {
32308 amit.gupta 695
    float: left;
696
    margin-top: 15px;
697
    margin-left: 16px;
21627 kshitij.so 698
}
699
 
700
.notification-row {
32308 amit.gupta 701
    float: right;
702
    margin-top: 15px;
703
    margin-left: 65px;
21627 kshitij.so 704
}
705
 
27531 amit.gupta 706
#task_notificatoin_bar, #mail_notificatoin_bar, #alert_notificatoin_bar,
32308 amit.gupta 707
#cart_bar, #wallet_bar {
708
    margin-top: 7px;
21627 kshitij.so 709
}
710
 
32308 amit.gupta 711
ul.top-menu > li > a {
712
    color: #D3181F;
713
    font-size: 18px;
714
    padding: 2px 6px;
715
    margin-right: 15px;
21627 kshitij.so 716
}
717
 
32308 amit.gupta 718
ul.top-menu > li > a:hover, ul.top-menu > li > a:focus {
719
    background: transparent !important;
720
    color: #D7D7D7 !important;
21627 kshitij.so 721
}
722
 
723
.notification-row .badge {
32308 amit.gupta 724
    position: absolute;
725
    right: -4px;
726
    top: 0px;
727
    z-index: 100;
728
    border-radius: 9px;
729
    min-width: 18px;
730
    height: 18px;
731
    text-align: center;
732
    padding: 3px 5px;
733
    background: #00a0df;
734
    font-weight: 400;
21627 kshitij.so 735
}
736
 
27531 amit.gupta 737
.badge {
32308 amit.gupta 738
    border-radius: 9px;
739
    min-width: 18px;
740
    height: 18px;
741
    text-align: center;
742
    padding: 3px 5px;
743
    background: #00a0df;
21627 kshitij.so 744
}
745
 
746
.dropdown-menu.extended {
32308 amit.gupta 747
    max-width: 300px !important;
748
    min-width: 160px !important;
749
    top: 42px;
750
    width: 235px !important;
751
    padding: 0;
752
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
753
    border: none !important;
754
    border-radius: 4px;
755
    -webkit-border-radius: 4px;
21627 kshitij.so 756
}
757
 
27531 amit.gupta 758
.navbar-form {
32308 amit.gupta 759
    padding: 0px;
760
    margin: 0 0 0 10px;
21627 kshitij.so 761
}
762
 
27531 amit.gupta 763
.navbar-form .form-control {
32308 amit.gupta 764
    width: 200px;
765
    height: 30px;
766
    background: white url('../images/icons/search-line-icon.png') no-repeat 3px;
767
    padding-left: 24px;
768
    margin-top: 1px;
21627 kshitij.so 769
}
770
 
32308 amit.gupta 771
@media screen and (-webkit-min-device-pixel-ratio: 0) {
772
    /* Safari and Chrome */
773
    .dropdown-menu.extended {
774
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
775
    }
776
 
777
;
21627 kshitij.so 778
}
779
 
780
/* bootstrape editor*/
27531 amit.gupta 781
#editor {
32308 amit.gupta 782
    max-height: 250px;
783
    height: 250px;
784
    background-color: white;
785
    border-collapse: separate;
786
    border: 1px solid rgb(204, 204, 204);
787
    padding: 4px;
788
    box-sizing: content-box;
789
    -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
790
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
791
    border-top-right-radius: 3px;
792
    border-bottom-right-radius: 3px;
793
    border-bottom-left-radius: 3px;
794
    border-top-left-radius: 3px;
795
    overflow: scroll;
796
    outline: none;
21627 kshitij.so 797
}
798
 
799
#voiceBtn {
32308 amit.gupta 800
    width: 20px;
801
    color: transparent;
802
    background-color: transparent;
803
    transform: scale(2.0, 2.0);
804
    -webkit-transform: scale(2.0, 2.0);
805
    -moz-transform: scale(2.0, 2.0);
806
    border: transparent;
807
    cursor: pointer;
808
    box-shadow: none;
809
    -webkit-box-shadow: none;
21627 kshitij.so 810
}
811
 
812
div[data-role="editor-toolbar"] {
32308 amit.gupta 813
    -webkit-user-select: none;
814
    -moz-user-select: none;
815
    -ms-user-select: none;
816
    user-select: none;
21627 kshitij.so 817
}
818
 
819
.dropdown-menu.extended li p {
32308 amit.gupta 820
    background-color: #F1F2F7;
821
    color: #666666;
822
    margin: 0;
823
    padding: 10px;
21627 kshitij.so 824
}
825
 
826
.dropdown-menu.extended li p.green {
32308 amit.gupta 827
    background-color: #4cd964;
828
    color: #fff;
21627 kshitij.so 829
}
830
 
831
.dropdown-menu.extended li p.red {
32308 amit.gupta 832
    background-color: #00a0df;
833
    color: #fff;
21627 kshitij.so 834
}
835
 
836
.dropdown-menu.extended li p.blue {
32308 amit.gupta 837
    background-color: #D3181F;
838
    color: #fff;
21627 kshitij.so 839
}
840
 
841
.dropdown-menu.extended li p.yellow {
32308 amit.gupta 842
    background-color: #fcb322;
843
    color: #fff;
21627 kshitij.so 844
}
845
 
846
.dropdown-menu.extended li a {
32308 amit.gupta 847
    border-bottom: 1px solid #EBEBEB !important;
848
    font-size: 12px;
849
    list-style: none;
21627 kshitij.so 850
}
851
 
852
.dropdown-menu.extended li a {
32308 amit.gupta 853
    padding: 15px 10px !important;
854
    width: 100%;
855
    display: inline-block;
21627 kshitij.so 856
}
857
 
858
.dropdown-menu.extended li a:hover {
32308 amit.gupta 859
    background-color: #F7F8F9 !important;
860
    color: #2E2E2E;
861
    border-bottom: 1px solid #688a7e !important;
21627 kshitij.so 862
}
863
 
864
.dropdown-menu.tasks-bar .task-info .desc {
32308 amit.gupta 865
    font-size: 13px;
866
    font-weight: normal;
21627 kshitij.so 867
}
868
 
869
.dropdown-menu.tasks-bar .task-info .percent {
32308 amit.gupta 870
    display: inline-block;
871
    float: right;
872
    font-size: 13px;
873
    font-weight: 600;
874
    padding-left: 10px;
875
    margin-top: -4px;
21627 kshitij.so 876
}
877
 
878
.dropdown-menu.extended .progress {
32308 amit.gupta 879
    margin-bottom: 0 !important;
880
    height: 10px;
21627 kshitij.so 881
}
882
 
883
.dropdown-menu.inbox li a .photo img {
32308 amit.gupta 884
    border-radius: 2px 2px 2px 2px;
885
    float: left;
886
    height: 40px;
887
    margin-right: 4px;
888
    width: 40px;
21627 kshitij.so 889
}
890
 
891
.dropdown-menu.inbox li a .subject {
32308 amit.gupta 892
    display: block;
21627 kshitij.so 893
}
894
 
895
.dropdown-menu.inbox li a .subject .from {
32308 amit.gupta 896
    font-size: 12px;
897
    font-weight: 600;
21627 kshitij.so 898
}
899
 
900
.dropdown-menu.inbox li a .subject .time {
32308 amit.gupta 901
    font-size: 11px;
902
    font-style: italic;
903
    font-weight: bold;
904
    position: absolute;
905
    right: 5px;
21627 kshitij.so 906
}
907
 
908
.dropdown-menu.inbox li a .message {
32308 amit.gupta 909
    display: block !important;
910
    font-size: 11px;
21627 kshitij.so 911
}
912
 
27531 amit.gupta 913
.top-nav {
32308 amit.gupta 914
    margin-top: 7px;
21627 kshitij.so 915
}
916
 
32308 amit.gupta 917
.top-nav ul.top-menu > li .dropdown-menu.logout {
918
    width: 200px !important;
21627 kshitij.so 919
}
920
 
921
.top-nav li.dropdown .dropdown-menu {
32308 amit.gupta 922
    float: right;
923
    right: 0;
924
    left: auto;
21627 kshitij.so 925
}
926
 
32308 amit.gupta 927
.dropdown-menu.extended.logout > li {
928
    float: left;
929
    text-align: left;
930
    width: 100%;
21627 kshitij.so 931
}
932
 
32308 amit.gupta 933
.dropdown-menu.extended.logout > li.eborder-top {
934
    border-top: 2px solid #688a7e !important;
21627 kshitij.so 935
}
936
 
32308 amit.gupta 937
.dropdown-menu.extended.logout > li:last-child {
938
    float: left;
939
    text-align: left;
940
    width: 100%;
941
    background: #688a7e;
21627 kshitij.so 942
}
943
 
32308 amit.gupta 944
.dropdown-menu.extended.logout > li:last-child > a, .dropdown-menu.extended.logout > li:last-child > a:hover {
945
    color: #fff;
946
    border-bottom: none !important;
947
    text-transform: uppercase;
948
    background-color: #D3181F !important;
21627 kshitij.so 949
}
950
 
32308 amit.gupta 951
.dropdown-menu.extended.logout > li:last-child > a:hover > i {
952
    color: #fff;
21627 kshitij.so 953
}
954
 
32308 amit.gupta 955
.dropdown-menu > li > a {
956
    color: #797979;
21627 kshitij.so 957
}
958
 
32308 amit.gupta 959
.dropdown-menu.extended.logout > li > a {
960
    border-bottom: 1px solid #EBEBEB !important;
961
    font-size: 14px;
962
    list-style: none;
963
    padding: 15px 10px !important;
964
    width: 100%;
965
    display: inline-block;
21627 kshitij.so 966
}
967
 
32308 amit.gupta 968
.dropdown-menu.extended.logout > li > a:hover {
969
    background-color: #F7F8F9 !important;
970
    color: #2E2E2E;
971
    border-bottom: 1px solid #688a7e !important;
21627 kshitij.so 972
}
973
 
32308 amit.gupta 974
.dropdown-menu.extended.logout > li > a:hover i {
975
    color: #688a7e;
21627 kshitij.so 976
}
977
 
32308 amit.gupta 978
.dropdown-menu.extended.logout > li > a i {
979
    font-size: 17px;
21627 kshitij.so 980
}
981
 
32308 amit.gupta 982
.dropdown-menu.extended.logout > li > a > i {
983
    display: inline-block;
984
    padding-right: 10px
21627 kshitij.so 985
}
986
 
987
.top-nav .username {
32308 amit.gupta 988
    font-size: 13px;
989
    color: #d43d31;
21627 kshitij.so 990
}
991
 
32308 amit.gupta 992
.top-nav ul.top-menu > li > a {
993
    padding: 8px;
994
    background: none;
995
    margin-right: 0;
21627 kshitij.so 996
}
997
 
32308 amit.gupta 998
.top-nav ul.top-menu > li {
999
    margin-left: 10px;
21627 kshitij.so 1000
}
1001
 
32308 amit.gupta 1002
.top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus {
1003
    background: #F1F2F7;
21627 kshitij.so 1004
}
1005
 
1006
.top-nav .dropdown-menu.extended.logout {
32308 amit.gupta 1007
    top: 50px;
21627 kshitij.so 1008
}
1009
 
1010
.top-nav .nav .caret {
32308 amit.gupta 1011
    border-bottom-color: #A4AABA;
1012
    border-top-color: #A4AABA;
21627 kshitij.so 1013
}
1014
 
32308 amit.gupta 1015
.top-nav ul.top-menu > li > a:hover .caret {
1016
    border-bottom-color: #7498f1;
1017
    border-top-color: #7498f1;
21627 kshitij.so 1018
}
1019
 
1020
.log-arrow-up {
32308 amit.gupta 1021
    background: url("../images/arrow-up.png") no-repeat;
1022
    width: 20px;
1023
    height: 11px;
1024
    position: absolute;
1025
    right: 20px;
1026
    top: -10px;
21627 kshitij.so 1027
}
1028
 
1029
/*----*/
1030
.page-header {
32308 amit.gupta 1031
    margin: 12px 0 20px;
1032
    border-bottom: none;
1033
    opacity: 0.7;
1034
    text-transform: uppercase;
21627 kshitij.so 1035
}
1036
 
1037
.page-header i {
32308 amit.gupta 1038
    color: #acb1b8;
1039
    margin-right: 10px;
1040
    float: left;
1041
    font-size: 30px;
1042
    line-height: 22px;
1043
    opacity: 0.8;
21627 kshitij.so 1044
}
1045
 
1046
.breadcrumb {
32308 amit.gupta 1047
    -webkit-border-radius: 0px;
1048
    -moz-border-radius: 0px;
1049
    border-radius: 0px;
1050
    height: 34px;
1051
    position: relative;
1052
    margin: 0 0 19px 0;
1053
    overflow: hidden;
21627 kshitij.so 1054
}
1055
 
1056
.breadcrumb li {
32308 amit.gupta 1057
    position: relative;
1058
    margin-right: 0;
21627 kshitij.so 1059
}
1060
 
1061
.breadcrumb li i {
32308 amit.gupta 1062
    Font-size: 15px;
1063
    margin-right: 5px;
21627 kshitij.so 1064
}
1065
 
32308 amit.gupta 1066
.breadcrumb > .active {
1067
    color: #d4d4d4;
21627 kshitij.so 1068
}
1069
 
1070
/* .info-box
1071
 
1072
=================================================================== */
1073
.info-box {
32308 amit.gupta 1074
    min-height: 120px;
1075
    margin-bottom: 25px;
1076
    padding: 16px 0px 0px 8px;
1077
    color: white;
1078
    -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
1079
    -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
1080
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
21627 kshitij.so 1081
}
1082
 
1083
.info-box i {
32308 amit.gupta 1084
    display: block;
1085
    margin-top: 15px;
1086
    height: 75px;
1087
    font-size: 50px;
1088
    line-height: 75px;
1089
    width: 75px;
1090
    float: left;
1091
    text-align: center;
1092
    padding-right: 10px;
1093
    color: rgba(255, 255, 255, 0.75);
21627 kshitij.so 1094
}
1095
 
1096
.info-box .count {
32308 amit.gupta 1097
    margin-top: 20px;
1098
    font-size: 20px;
1099
    font-weight: 700;
21627 kshitij.so 1100
}
1101
 
1102
.info-box .title {
32308 amit.gupta 1103
    font-size: 12px;
1104
    text-transform: uppercase;
1105
    font-weight: 600;
21627 kshitij.so 1106
}
1107
 
1108
.info-box .desc {
32308 amit.gupta 1109
    margin-top: 10px;
1110
    font-size: 12px;
21627 kshitij.so 1111
}
1112
 
1113
.info-box.danger {
32308 amit.gupta 1114
    background: #ff5454;
1115
    border: 1px solid #ff2121;
21627 kshitij.so 1116
}
1117
 
1118
.info-box.warning {
32308 amit.gupta 1119
    background: #fabb3d;
1120
    border: 1px solid #f9aa0b;
21627 kshitij.so 1121
}
1122
 
1123
.info-box.primary {
32308 amit.gupta 1124
    background: #20a8d8;
1125
    border: 1px solid #1985ac;
21627 kshitij.so 1126
}
1127
 
1128
.info-box.info {
32308 amit.gupta 1129
    background: #67c2ef;
1130
    border: 1px solid #39afea;
21627 kshitij.so 1131
}
1132
 
1133
.info-box.success {
32308 amit.gupta 1134
    background: #79c447;
1135
    border: 1px solid #61a434;
21627 kshitij.so 1136
}
1137
 
1138
/*----------------	color------------------------*/
1139
.dark-heading-bg {
32308 amit.gupta 1140
    background: #4c4f53;
1141
    border: 1px solid #4c4f53;
21627 kshitij.so 1142
}
1143
 
1144
.main-bg {
32308 amit.gupta 1145
    background: #e6e8ea;
21627 kshitij.so 1146
}
1147
 
1148
.white-bg {
32308 amit.gupta 1149
    color: #768399;
1150
    background: #fff;
1151
    background-color: #fff;
21627 kshitij.so 1152
}
1153
 
1154
.red-bg {
32308 amit.gupta 1155
    color: #fff;
1156
    background: #d95043;
1157
    background-color: #d95043;
21627 kshitij.so 1158
}
1159
 
1160
.blue-bg {
32308 amit.gupta 1161
    color: #fff;
1162
    background: #57889c;
1163
    background-color: #57889c;
21627 kshitij.so 1164
}
1165
 
1166
.green-bg {
32308 amit.gupta 1167
    color: #fff;
1168
    background: #26c281;
1169
    background-color: #26c281;
21627 kshitij.so 1170
}
1171
 
1172
.greenLight-bg {
32308 amit.gupta 1173
    color: #71843f;
1174
    background: #71843f;
1175
    background-color: #71843f;
21627 kshitij.so 1176
}
1177
 
1178
.yellow-bg {
32308 amit.gupta 1179
    color: #fff;
1180
    background: #fc6;
1181
    background-color: #fc6;
21627 kshitij.so 1182
}
1183
 
1184
.orange-bg {
32308 amit.gupta 1185
    color: #fff;
1186
    background: #f4b162;
1187
    background-color: #f4b162;
21627 kshitij.so 1188
}
1189
 
1190
.purple-bg {
32308 amit.gupta 1191
    color: #fff;
1192
    background: #af91e1;
1193
    background-color: #af91e1;
21627 kshitij.so 1194
}
1195
 
1196
.pink-bg {
32308 amit.gupta 1197
    color: #fff;
1198
    background: #f78db8;
1199
    background-color: #f78db8;
21627 kshitij.so 1200
}
1201
 
30171 manish 1202
.light-salmon-bg {
32308 amit.gupta 1203
    color: #fff;
1204
    background: #4682B4;
1205
    background-color: #4682B4;
30171 manish 1206
}
1207
 
21627 kshitij.so 1208
.lime-bg {
32308 amit.gupta 1209
    color: #fff;
1210
    background: #a8db43;
1211
    background-color: #a8db43;
21627 kshitij.so 1212
}
1213
 
1214
.magenta-bg {
32308 amit.gupta 1215
    color: #fff;
1216
    background: #e65097;
1217
    background-color: #e65097;
21627 kshitij.so 1218
}
1219
 
1220
.teal-bg {
32308 amit.gupta 1221
    color: #fff;
1222
    background: #97d3c5;
1223
    background-color: #97d3c5;
21627 kshitij.so 1224
}
1225
 
1226
.brown-bg {
32308 amit.gupta 1227
    color: #fff;
1228
    background: #d1b993;
1229
    background-color: #d1b993;
21627 kshitij.so 1230
}
1231
 
1232
.gray-bg {
32308 amit.gupta 1233
    color: #768399;
1234
    background: #e4e9eb;
1235
    background-color: #e4e9eb;
21627 kshitij.so 1236
}
1237
 
1238
.dark-bg {
32308 amit.gupta 1239
    color: #fff;
1240
    background: #EDEDED;
1241
    background-color: #EDEDED;
1242
    border-bottom: 1px solid #D9DEE4;
21627 kshitij.so 1243
}
1244
 
1245
.facebook-bg {
32308 amit.gupta 1246
    color: #fff;
1247
    background: #3b5998;
1248
    background-color: #3b5998;
21627 kshitij.so 1249
}
1250
 
1251
.twitter-bg {
32308 amit.gupta 1252
    color: #fff;
1253
    background: #00aced;
1254
    background-color: #00aced;
21627 kshitij.so 1255
}
1256
 
1257
.linkedin-bg {
32308 amit.gupta 1258
    color: #fff;
1259
    background: #4875b4;
1260
    background-color: #4875b4;
21627 kshitij.so 1261
}
1262
 
1263
/*----------------------	panel-----------------*/
1264
.panel {
32308 amit.gupta 1265
    border: none;
1266
    -webkit-border-radius: 0px;
1267
    -moz-border-radius: 0px;
1268
    border-radius: 0px;
1269
    -webkit-box-shadow: none;
1270
    -moz-box-shadow: none;
1271
    box-shadow: none;
1272
    margin-bottom: 30px;
21627 kshitij.so 1273
}
1274
 
1275
.panel .panel-heading {
32308 amit.gupta 1276
    line-height: 34px;
1277
    padding: 0 15px;
1278
    min-height: 34px;
1279
    border-left: 1px solid #ccc;
1280
    border-right: 1px solid #ccc;
1281
    -webkit-border-radius: 0px;
1282
    -moz-border-radius: 0px;
1283
    border-radius: 0px;
1284
    position: relative;
1285
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
1286
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
1287
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
21627 kshitij.so 1288
}
1289
 
1290
.panel .panel-heading .panel-title {
32308 amit.gupta 1291
    line-height: 40px;
21627 kshitij.so 1292
}
1293
 
1294
.panel .panel-heading i {
32308 amit.gupta 1295
    width: 30px;
1296
    display: inline-block;
1297
    font-size: 14px;
1298
    border-right: 1px solid #e6e6e6;
21627 kshitij.so 1299
}
1300
 
1301
.panel .panel-heading ul li {
32308 amit.gupta 1302
    border-top: 1px solid #e6e6e6;
1303
    border-left: 1px solid #e6e6e6;
1304
    border-right: 1px solid #e6e6e6;
21627 kshitij.so 1305
}
1306
 
1307
.panel .panel-heading h2 {
32308 amit.gupta 1308
    height: 100%;
1309
    width: auto;
1310
    display: inline-block;
1311
    font-size: 14px;
1312
    position: relative;
1313
    margin: 0;
1314
    line-height: 34px;
1315
    font-weight: 400;
1316
    letter-spacing: 0;
21627 kshitij.so 1317
}
1318
 
1319
.panel .panel-heading .panel-actions {
32308 amit.gupta 1320
    float: right;
1321
    margin-right: -15px;
1322
    height: 40px;
1323
    font-size: 0;
21627 kshitij.so 1324
}
1325
 
1326
.panel .panel-heading .panel-actions i {
32308 amit.gupta 1327
    display: inline-block;
1328
    text-align: center;
1329
    width: 34px;
1330
    -webkit-transition: all 0.1s ease-in-out;
1331
    -moz-transition: all 0.1s ease-in-out;
1332
    -ms-transition: all 0.1s ease-in-out;
1333
    -o-transition: all 0.1s ease-in-out;
1334
    transition: all 0.1s ease-in-out;
1335
    text-decoration: none;
1336
    font-size: 14px;
21627 kshitij.so 1337
}
1338
 
1339
.panel .panel-heading .panel-actions a {
32308 amit.gupta 1340
    text-decoration: none;
1341
    font-size: 14px;
1342
    text-align: center;
1343
    display: inline-block;
1344
    line-height: 32px;
1345
    padding: 0;
1346
    margin: 0;
1347
    color: #333;
1348
    border-left: 1px solid rgba(0, 0, 0, .09);
21627 kshitij.so 1349
}
1350
 
27531 amit.gupta 1351
.panel-actions .btn-setting:hover, .panel-actions .btn-minimize:hover,
32308 amit.gupta 1352
.panel-actions .btn-close:hover {
1353
    background-color: rgba(0, 0, 0, .05);
21627 kshitij.so 1354
}
1355
 
1356
.panel .panel-heading .switch {
32308 amit.gupta 1357
    margin: 10px;
21627 kshitij.so 1358
}
1359
 
1360
.panel .panel-body {
32308 amit.gupta 1361
    border-width: 1px 1px 2px;
1362
    border-style: solid;
1363
    border-top: none;
1364
    border-right-color: #ccc !important;
1365
    border-bottom-color: #ccc !important;
1366
    border-left-color: #ccc !important;
21627 kshitij.so 1367
}
1368
 
1369
.panel .panel-body-map {
32308 amit.gupta 1370
    border-width: 1px 1px 2px;
1371
    border-style: solid;
1372
    background: #eef3f7;
1373
    height: 380px;
1374
    border-top: none;
1375
    border-right-color: #ccc !important;
1376
    border-bottom-color: #ccc !important;
1377
    border-left-color: #ccc !important;
21627 kshitij.so 1378
}
1379
 
1380
.panel .panel-body.no-padding {
32308 amit.gupta 1381
    padding: 0;
21627 kshitij.so 1382
}
1383
 
1384
.panel .panel-body.padding-horizontal {
32308 amit.gupta 1385
    padding: 0 15px;
21627 kshitij.so 1386
}
1387
 
1388
.panel .panel-body.no-padding-bottom {
32308 amit.gupta 1389
    padding-bottom: 0;
21627 kshitij.so 1390
}
1391
 
1392
.panel-footer {
32308 amit.gupta 1393
    padding: 10px 15px;
1394
    background-color: #f5f5f5;
1395
    border-top: 1px solid #ddd;
1396
    border-bottom-right-radius: 0;
1397
    border-bottom-left-radius: 0;
21627 kshitij.so 1398
}
1399
 
1400
.panel .panel-footer {
32308 amit.gupta 1401
    border-width: 0 1px 2px 1px;
1402
    border-style: solid;
1403
    border-top: none;
1404
    border-right-color: #ccc !important;
1405
    border-bottom-color: #ccc !important;
1406
    border-left-color: #ccc !important;
1407
    position: relative;
21627 kshitij.so 1408
}
1409
 
27531 amit.gupta 1410
.panel.panel-default {
32308 amit.gupta 1411
    border-radius: 0px;
1412
    border-top: 1px solid #d4d4d4;
1413
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
1414
    -moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
1415
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
21627 kshitij.so 1416
}
1417
 
1418
.panel.panel-default.panel-heading {
32308 amit.gupta 1419
    background: #97d3c5;
21627 kshitij.so 1420
}
1421
 
1422
.panel.panel-default .panel-footer {
32308 amit.gupta 1423
    background: #f5f5f5;
21627 kshitij.so 1424
}
1425
 
1426
.panel.panel-primary {
32308 amit.gupta 1427
    border-color: #20a8d8;
21627 kshitij.so 1428
}
1429
 
32308 amit.gupta 1430
.panel.panel-primary .panel-heading, .panel.panel-primary .panel-footer {
1431
    background: #5dc3e7;
1432
    color: #092f3d;
1433
    border-color: #20a8d8;
21627 kshitij.so 1434
}
1435
 
1436
.panel.panel-success {
32308 amit.gupta 1437
    border-color: #79c447;
21627 kshitij.so 1438
}
1439
 
32308 amit.gupta 1440
.panel.panel-success .panel-heading, .panel.panel-success .panel-footer {
1441
    background: #a3d781;
1442
    color: #284315;
1443
    border-color: #79c447;
21627 kshitij.so 1444
}
1445
 
1446
.panel.panel-info {
32308 amit.gupta 1447
    border-color: #67c2ef;
21627 kshitij.so 1448
}
1449
 
27531 amit.gupta 1450
.panel.panel-info .panel-heading, .panel.panel-info .panel-footer {
32308 amit.gupta 1451
    background: #acdef6;
1452
    color: #106894;
1453
    border-color: #67c2ef;
21627 kshitij.so 1454
}
1455
 
1456
.panel.panel-warning {
32308 amit.gupta 1457
    border-color: #fabb3d;
21627 kshitij.so 1458
}
1459
 
32308 amit.gupta 1460
.panel.panel-warning .panel-heading, .panel.panel-warning .panel-footer {
1461
    background: #fcd588;
1462
    color: #815703;
1463
    border-color: #fabb3d;
21627 kshitij.so 1464
}
1465
 
1466
.panel.panel-danger {
32308 amit.gupta 1467
    border-color: #ff5454;
21627 kshitij.so 1468
}
1469
 
27531 amit.gupta 1470
.panel.panel-danger .panel-heading, .panel.panel-danger .panel-footer {
32308 amit.gupta 1471
    background: #ffa1a1;
1472
    color: #a10000;
1473
    border-color: #ff5454;
21627 kshitij.so 1474
}
1475
 
1476
/* Chat Widget starts */
27531 amit.gupta 1477
.chats {
32308 amit.gupta 1478
    list-style-type: none;
1479
    margin: 0px;
21627 kshitij.so 1480
}
1481
 
27531 amit.gupta 1482
.chats li {
32308 amit.gupta 1483
    margin-bottom: 8px;
1484
    padding-bottom: 8px;
21627 kshitij.so 1485
}
1486
 
27531 amit.gupta 1487
.chats .by-me img {
32308 amit.gupta 1488
    margin-top: 5px;
1489
    margin-right: 10px;
1490
    padding: 1px;
1491
    background: #fff;
1492
    border: 1px solid #ccc;
21627 kshitij.so 1493
}
1494
 
27531 amit.gupta 1495
.chats .by-me .chat-meta {
32308 amit.gupta 1496
    font-size: 11px;
1497
    color: #999;
21627 kshitij.so 1498
}
1499
 
27531 amit.gupta 1500
.chats .by-me .chat-content {
32308 amit.gupta 1501
    margin-left: 60px;
1502
    position: relative;
1503
    background: #fff;
1504
    border: 1px solid #ddd;
1505
    padding: 7px 10px;
1506
    border-radius: 5px;
1507
    font-size: 13px;
27531 amit.gupta 1508
}
21627 kshitij.so 1509
 
27531 amit.gupta 1510
.chats .by-me .chat-content:after, .chats .by-me .chat-content:before {
32308 amit.gupta 1511
    right: 100%;
1512
    border: solid transparent;
1513
    content: " ";
1514
    height: 0;
1515
    width: 0;
1516
    position: absolute;
1517
    pointer-events: none;
21627 kshitij.so 1518
}
1519
 
27531 amit.gupta 1520
.chats .by-me .chat-content:after {
32308 amit.gupta 1521
    border-color: rgba(255, 255, 255, 0);
1522
    border-right-color: #fff;
1523
    border-width: 10px;
1524
    top: 30%;
1525
    margin-top: -10px;
27531 amit.gupta 1526
}
21627 kshitij.so 1527
 
27531 amit.gupta 1528
.chats .by-me .chat-content:before {
32308 amit.gupta 1529
    border-color: rgba(238, 238, 238, 0);
1530
    border-right-color: #ccc;
1531
    border-width: 11px;
1532
    top: 30%;
1533
    margin-top: -11px;
21627 kshitij.so 1534
}
1535
 
27531 amit.gupta 1536
.chats .by-other img {
32308 amit.gupta 1537
    margin-top: 5px;
1538
    margin-left: 10px;
1539
    padding: 1px;
1540
    background: #fff;
1541
    border: 1px solid #ccc;
21627 kshitij.so 1542
}
1543
 
27531 amit.gupta 1544
.chats .by-other .chat-meta {
32308 amit.gupta 1545
    font-size: 11px;
1546
    color: #999;
21627 kshitij.so 1547
}
1548
 
27531 amit.gupta 1549
.chats .by-other .chat-content {
32308 amit.gupta 1550
    margin-right: 60px;
1551
    position: relative;
1552
    background: #fff;
1553
    border: 1px solid #ddd;
1554
    padding: 7px 10px;
1555
    border-radius: 5px;
1556
    font-size: 13px;
27531 amit.gupta 1557
}
21627 kshitij.so 1558
 
32308 amit.gupta 1559
.chats .by-other .chat-content:after, .chats .by-other .chat-content:before {
1560
    left: 100%;
1561
    border: solid transparent;
1562
    content: " ";
1563
    height: 0;
1564
    width: 0;
1565
    position: absolute;
1566
    pointer-events: none;
21627 kshitij.so 1567
}
1568
 
27531 amit.gupta 1569
.chats .by-other .chat-content:after {
32308 amit.gupta 1570
    border-color: rgba(255, 255, 255, 0);
1571
    border-left-color: #fff;
1572
    border-width: 10px;
1573
    top: 30%;
1574
    margin-top: -10px;
27531 amit.gupta 1575
}
21627 kshitij.so 1576
 
27531 amit.gupta 1577
.chats .by-other .chat-content:before {
32308 amit.gupta 1578
    border-color: rgba(238, 238, 238, 0);
1579
    border-left-color: #ccc;
1580
    border-width: 11px;
1581
    top: 30%;
1582
    margin-top: -11px;
21627 kshitij.so 1583
}
1584
 
1585
/* Chat widget ends */
27531 amit.gupta 1586
.portlets {
32308 amit.gupta 1587
    min-height: 50px;
21627 kshitij.so 1588
}
1589
 
27531 amit.gupta 1590
.portlets .widget-head {
32308 amit.gupta 1591
    cursor: move;
21627 kshitij.so 1592
}
1593
 
1594
/* Just Gage - Demo Charts
1595
 
1596
=================================================================== */
1597
.sz1 {
32308 amit.gupta 1598
    width: 200px;
1599
    height: 160px;
21627 kshitij.so 1600
}
1601
 
1602
.sz0 {
32308 amit.gupta 1603
    margin: 2em 0 0 0;
21627 kshitij.so 1604
}
1605
 
1606
.sz0 {
32308 amit.gupta 1607
    width: 100px;
1608
    height: 80px;
21627 kshitij.so 1609
}
1610
 
1611
/**
1612
 
1613
 * Nestable
1614
 
1615
 */
1616
.dd {
32308 amit.gupta 1617
    position: relative;
1618
    display: block;
1619
    margin: 0;
1620
    padding: 0;
1621
    list-style: none;
1622
    font-size: 13px;
1623
    line-height: 20px;
21627 kshitij.so 1624
}
1625
 
1626
.dd-list {
32308 amit.gupta 1627
    display: block;
1628
    position: relative;
1629
    margin: 0;
1630
    padding: 0;
1631
    list-style: none;
21627 kshitij.so 1632
}
1633
 
1634
.dd-list .dd-list {
32308 amit.gupta 1635
    padding-left: 30px;
21627 kshitij.so 1636
}
1637
 
1638
.dd-collapsed .dd-list {
32308 amit.gupta 1639
    display: none;
21627 kshitij.so 1640
}
1641
 
27531 amit.gupta 1642
.dd-item, .dd-empty, .dd-placeholder {
32308 amit.gupta 1643
    display: block;
1644
    position: relative;
1645
    margin: 0;
1646
    padding: 0;
1647
    min-height: 20px;
1648
    font-size: 13px;
1649
    line-height: 20px;
21627 kshitij.so 1650
}
1651
 
1652
.dd-handle {
32308 amit.gupta 1653
    display: block;
1654
    height: 30px;
1655
    margin: 5px 0;
1656
    padding: 4px 10px;
1657
    text-decoration: none;
1658
    border: 1px solid #d4d4d4;
1659
    background: #eeeeee;
1660
    -webkit-border-radius: 1px;
1661
    -moz-border-radius: 1px;
1662
    border-radius: 1px;
1663
    -webkit-box-sizing: border-box;
1664
    -moz-box-sizing: border-box;
1665
    box-sizing: border-box;
21627 kshitij.so 1666
}
1667
 
1668
.dd-handle:hover {
32308 amit.gupta 1669
    color: #20a8d8;
1670
    background: white;
21627 kshitij.so 1671
}
1672
 
1673
.dd-handle .icon {
32308 amit.gupta 1674
    float: right;
1675
    font-size: 16px;
1676
    margin-left: 10px;
21627 kshitij.so 1677
}
1678
 
1679
.dd-handle .icon:hover {
32308 amit.gupta 1680
    text-decoration: none;
21627 kshitij.so 1681
}
1682
 
32308 amit.gupta 1683
.dd-item > button {
1684
    display: block;
1685
    position: relative;
1686
    cursor: pointer;
1687
    float: left;
1688
    width: 25px;
1689
    height: 20px;
1690
    margin: 5px 0;
1691
    padding: 0;
1692
    text-indent: 100%;
1693
    white-space: nowrap;
1694
    overflow: hidden;
1695
    border: 0;
1696
    background: transparent;
1697
    font-size: 12px;
1698
    line-height: 1;
1699
    text-align: center;
1700
    font-weight: bold;
21627 kshitij.so 1701
}
1702
 
32308 amit.gupta 1703
.dd-item > button:before {
1704
    content: '+';
1705
    display: block;
1706
    position: absolute;
1707
    width: 100%;
1708
    text-align: center;
1709
    text-indent: 0;
21627 kshitij.so 1710
}
1711
 
32308 amit.gupta 1712
.dd-item > button[data-action="collapse"]:before {
1713
    content: '-';
21627 kshitij.so 1714
}
1715
 
27531 amit.gupta 1716
.dd-placeholder, .dd-empty {
32308 amit.gupta 1717
    margin: 5px 0;
1718
    padding: 0;
1719
    min-height: 30px;
1720
    background: #f2fbff;
1721
    border: 1px dashed #b6bcbf;
1722
    -webkit-box-sizing: border-box;
1723
    -moz-box-sizing: border-box;
1724
    box-sizing: border-box;
21627 kshitij.so 1725
}
1726
 
1727
.dd-empty {
32308 amit.gupta 1728
    border: 1px dashed #bbb;
1729
    min-height: 100px;
1730
    background-color: #e5e5e5;
1731
    background-size: 60px 60px;
1732
    background-position: 0 0, 30px 30px;
21627 kshitij.so 1733
}
1734
 
1735
.dd-dragel {
32308 amit.gupta 1736
    position: absolute;
1737
    pointer-events: none;
1738
    z-index: 9999;
21627 kshitij.so 1739
}
1740
 
32308 amit.gupta 1741
.dd-dragel > .dd-item .dd-handle {
1742
    margin-top: 0;
21627 kshitij.so 1743
}
1744
 
1745
.dd-dragel .dd-handle {
32308 amit.gupta 1746
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
1747
    -moz-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
1748
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
21627 kshitij.so 1749
}
1750
 
32308 amit.gupta 1751
*
21627 kshitij.so 1752
 
32308 amit.gupta 1753
/
1754
Widget-Content *
21627 kshitij.so 1755
 
32308 amit.gupta 1756
/
21627 kshitij.so 1757
 
32308 amit.gupta 1758
 
27531 amit.gupta 1759
.widget-content .error .form-inline button {
32308 amit.gupta 1760
    margin-left: -2px;
1761
    padding: 8px 12px;
21627 kshitij.so 1762
}
1763
 
27531 amit.gupta 1764
.chats {
32308 amit.gupta 1765
    padding-left: 0px;
1766
    margin-left: 0px;
21627 kshitij.so 1767
}
1768
 
27531 amit.gupta 1769
.recent {
32308 amit.gupta 1770
    padding-left: 0px;
1771
    margin-left: 0px;
21627 kshitij.so 1772
}
1773
 
1774
.widget-foot .form-inline button {
32308 amit.gupta 1775
    margin-left: -3px;
1776
    padding: 7px 12px;
21627 kshitij.so 1777
}
1778
 
1779
.widget-content .form-inline button {
32308 amit.gupta 1780
    margin-left: 0px;
1781
    padding: 7px 12px;
21627 kshitij.so 1782
}
1783
 
27531 amit.gupta 1784
.buttons button {
32308 amit.gupta 1785
    margin-top: 10px;
21627 kshitij.so 1786
}
1787
 
27531 amit.gupta 1788
.widget-content ol#slist {
32308 amit.gupta 1789
    padding: 0px;
21627 kshitij.so 1790
}
1791
 
27531 amit.gupta 1792
.widget .widget-head, .modal-header {
32308 amit.gupta 1793
    background-color: #f8f8f8;
1794
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8),
1795
    to(#f2f2f2));
1796
    background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
1797
    background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
1798
    background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
1799
    background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
1800
    background: linear-gradient(top, #f8f8f8, #f2f2f2);
1801
    border-top-right-radius: 3px;
1802
    border-top-left-radius: 3px;
1803
    text-shadow: 0px 1px #fff;
1804
    border-bottom: 1px solid #ccc;
1805
    border-top: 1px solid #fff;
1806
    color: #666;
1807
    font-size: 14px;
1808
    font-weight: bold;
1809
    padding: 8px 15px;
21627 kshitij.so 1810
}
1811
 
27531 amit.gupta 1812
.widget.wblack .widget-head {
32308 amit.gupta 1813
    background-color: #e8ece9;
1814
    background: -webkit-gradient(linear, left top, left bottom, from(#e8ece9),
1815
    to(#111));
1816
    background: -webkit-linear-gradient(top, #e8ece9, #111);
1817
    background: -moz-linear-gradient(top, #e8ece9, #111);
1818
    background: -ms-linear-gradient(top, #e8ece9, #111);
1819
    background: -o-linear-gradient(top, #e8ece9, #111);
1820
    background: linear-gradient(top, #e8ece9, #111);
1821
    text-shadow: 0px 1px #000;
1822
    border-bottom: 1px solid #555;
1823
    border-top: 1px solid #666;
1824
    box-shadow: inset 0px 1px 1px #444;
1825
    color: #ccc;
21627 kshitij.so 1826
}
1827
 
27531 amit.gupta 1828
.widget .widget-head .widget-icons i {
32308 amit.gupta 1829
    font-size: 14px;
1830
    margin: 0px 4px;
21627 kshitij.so 1831
}
1832
 
27531 amit.gupta 1833
.widget .widget-head .widget-icons a {
32308 amit.gupta 1834
    color: #aaa;
21627 kshitij.so 1835
}
1836
 
27531 amit.gupta 1837
.widget .widget-head .widget-icons a:hover {
32308 amit.gupta 1838
    color: #999;
21627 kshitij.so 1839
}
1840
 
27531 amit.gupta 1841
.widget.wblack .widget-head .widget-icons i {
32308 amit.gupta 1842
    font-size: 14px;
1843
    margin: 0px 4px;
21627 kshitij.so 1844
}
1845
 
27531 amit.gupta 1846
.widget .widget-foot, .modal-footer {
32308 amit.gupta 1847
    background-color: #f8f8f8;
1848
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8),
1849
    to(#f2f2f2));
1850
    background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
1851
    background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
1852
    background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
1853
    background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
1854
    background: linear-gradient(top, #f8f8f8, #f2f2f2);
1855
    border-bottom-right-radius: 3px;
1856
    border-bottom-left-radius: 3px;
1857
    text-shadow: 0px 1px #fff;
1858
    border-bottom: 1px solid #fff;
1859
    border-top: 1px solid #ccc;
1860
    padding: 8px 15px;
1861
    font-size: 12px;
1862
    color: #555;
1863
    box-shadow: inset 0px 1px 1px #fff;
21627 kshitij.so 1864
}
1865
 
27531 amit.gupta 1866
.widget-content .error .form-inline button {
32308 amit.gupta 1867
    margin-left: -2px;
1868
    padding: 8px 12px;
21627 kshitij.so 1869
}
1870
 
27531 amit.gupta 1871
.chats {
32308 amit.gupta 1872
    padding-left: 0px;
1873
    margin-left: 0px;
21627 kshitij.so 1874
}
1875
 
27531 amit.gupta 1876
.recent {
32308 amit.gupta 1877
    padding-left: 0px;
1878
    margin-left: 0px;
21627 kshitij.so 1879
}
1880
 
1881
.widget-foot .form-inline button {
32308 amit.gupta 1882
    margin-left: -3px;
1883
    padding: 7px 12px;
21627 kshitij.so 1884
}
1885
 
1886
.widget-content .form-inline button {
32308 amit.gupta 1887
    margin-left: 0px;
1888
    padding: 7px 12px;
21627 kshitij.so 1889
}
1890
 
27531 amit.gupta 1891
.widget .padd .modal-body {
32308 amit.gupta 1892
    padding: 13px 15px;
21627 kshitij.so 1893
}
1894
 
27531 amit.gupta 1895
.buttons button {
32308 amit.gupta 1896
    margin-top: 10px;
21627 kshitij.so 1897
}
1898
 
27531 amit.gupta 1899
.widget-content ol#slist {
32308 amit.gupta 1900
    padding: 0px;
21627 kshitij.so 1901
}
1902
 
1903
.task i {
32308 amit.gupta 1904
    display: inline-block;
1905
    width: 30px;
1906
    height: 17px;
1907
    background: #ccc;
1908
    text-align: center;
1909
    border-radius: 50px;
1910
    font-size: 10px;
1911
    line-height: 17px;
21627 kshitij.so 1912
}
1913
 
27531 amit.gupta 1914
.pagination li a {
32308 amit.gupta 1915
    color: #777;
21627 kshitij.so 1916
}
1917
 
1918
/* Widget white extras */
32308 amit.gupta 1919
.widget .nav-tabs > li a {
1920
 
21627 kshitij.so 1921
}
1922
 
1923
.widget .nav-tabs {
32308 amit.gupta 1924
    margin-bottom: 5px;
21627 kshitij.so 1925
}
1926
 
27531 amit.gupta 1927
.widget .tab-content {
32308 amit.gupta 1928
    margin-bottom: 10px;
21627 kshitij.so 1929
}
1930
 
27531 amit.gupta 1931
.widget .padd, .modal-body {
32308 amit.gupta 1932
    padding: 13px 15px;
21627 kshitij.so 1933
}
1934
 
27531 amit.gupta 1935
.portlets {
32308 amit.gupta 1936
    min-height: 50px;
21627 kshitij.so 1937
}
1938
 
27531 amit.gupta 1939
.portlets .widget-head {
32308 amit.gupta 1940
    cursor: move;
21627 kshitij.so 1941
}
1942
 
1943
/*-----	map-----*/
32308 amit.gupta 1944
* Google maps *
21627 kshitij.so 1945
 
32308 amit.gupta 1946
/
21627 kshitij.so 1947
 
1948
 
27531 amit.gupta 1949
.gmap iframe {
32308 amit.gupta 1950
    width: 100%;
1951
    margin: 0px;
1952
    padding: 0px;
21627 kshitij.so 1953
}
1954
 
1955
/* Google maps ends */
1956
 
1957
/* Today datas */
27531 amit.gupta 1958
.today-datas {
32308 amit.gupta 1959
    list-style-type: none;
1960
    padding: 0px;
1961
    margin: 10px 0px;
21627 kshitij.so 1962
}
1963
 
27531 amit.gupta 1964
.today-datas li {
32308 amit.gupta 1965
    display: inline-block;
1966
    margin-bottom: 5px;
1967
    margin-right: 10px;
1968
    padding: 10px 10px;
1969
    text-shadow: 0px 1px 0px #fff;
1970
    max-width: 100%;
1971
    text-align: center;
21627 kshitij.so 1972
}
1973
 
27531 amit.gupta 1974
.today-datas li .datas-text {
32308 amit.gupta 1975
    font-size: 13px;
1976
    padding: 7px 0px 0px 0px;
1977
    font-weight: normal;
21627 kshitij.so 1978
}
1979
 
1980
/*----*/
1981
.notify-arrow {
32308 amit.gupta 1982
    border-style: solid;
1983
    border-width: 0 9px 9px;
1984
    height: 0;
1985
    margin-top: 0;
1986
    opacity: 0;
1987
    position: absolute;
1988
    right: 7px;
1989
    top: -18px;
1990
    transition: all 0.25s ease 0s;
1991
    width: 0;
1992
    z-index: 10;
1993
    margin-top: 10px;
1994
    opacity: 1;
21627 kshitij.so 1995
}
1996
 
27531 amit.gupta 1997
.notify-arrow-blue {
32308 amit.gupta 1998
    border-color: transparent transparent #688a7e;
1999
    border-bottom-color: #688a7e !important;
2000
    border-top-color: #688a7e !important;
21627 kshitij.so 2001
}
2002
 
2003
.notify-arrow-yellow {
32308 amit.gupta 2004
    border-color: transparent transparent #D3181F;
2005
    border-bottom-color: #D3181F !important;
2006
    border-top-color: #D3181F !important;
21627 kshitij.so 2007
}
2008
 
2009
.notify-arrow-red {
32308 amit.gupta 2010
    border-color: transparent transparent #00a0df;
2011
    border-bottom-color: #00a0df !important;
2012
    border-top-color: #00a0df !important;
21627 kshitij.so 2013
}
2014
 
2015
.notify-arrow-green {
32308 amit.gupta 2016
    border-color: transparent transparent #4cd964;
2017
    border-bottom-color: #4cd964 !important;
2018
    border-top-color: #4cd964 !important;
21627 kshitij.so 2019
}
2020
 
2021
/*search*/
2022
.search {
32308 amit.gupta 2023
    margin-top: 6px;
2024
    width: 20px;
2025
    -webkit-transition: all .3s ease;
2026
    -moz-transition: all .3s ease;
2027
    -ms-transition: all .3s ease;
2028
    -o-transition: all .3s ease;
2029
    transition: all .3s ease;
2030
    border: 1px solid #fff;
2031
    box-shadow: none;
2032
    background: url("../img/search-icon.jpg") no-repeat 10px 8px;
2033
    padding: 0 5px 0 35px;
2034
    color: #fff;
21627 kshitij.so 2035
}
2036
 
2037
.search:focus {
32308 amit.gupta 2038
    margin-top: 5px;
2039
    width: 180px;
2040
    border: 1px solid #eaeaea;
2041
    box-shadow: none;
2042
    -webkit-transition: all .3s ease;
2043
    -moz-transition: all .3s ease;
2044
    -ms-transition: all .3s ease;
2045
    -o-transition: all .3s ease;
2046
    transition: all .3s ease;
2047
    color: #c8c8c8;
2048
    font-weight: 300;
21627 kshitij.so 2049
}
2050
 
2051
/*--sidebar toggle---*/
2052
.toggle-nav {
32308 amit.gupta 2053
    float: left;
2054
    padding-right: 15px;
2055
    margin-top: 15px;
2056
    color: #D3181F;
21627 kshitij.so 2057
}
2058
 
2059
.toggle-nav .icon-reorder {
32308 amit.gupta 2060
    cursor: pointer;
2061
    display: inline-block;
2062
    font-size: 30px;
21627 kshitij.so 2063
}
2064
 
32308 amit.gupta 2065
.sidebar-closed > #sidebar > ul {
2066
    display: none;
21627 kshitij.so 2067
}
2068
 
2069
.sidebar-closed #main-content {
32308 amit.gupta 2070
    margin-left: 0px;
21627 kshitij.so 2071
}
2072
 
2073
.sidebar-closed #sidebar {
32308 amit.gupta 2074
    margin-left: -180px;
21627 kshitij.so 2075
}
2076
 
2077
/*state overview*/
2078
.state-overview .symbol, .state-overview .value {
32308 amit.gupta 2079
    display: inline-block;
2080
    text-align: center;
21627 kshitij.so 2081
}
2082
 
27531 amit.gupta 2083
.state-overview .value {
32308 amit.gupta 2084
    float: right;
21627 kshitij.so 2085
}
2086
 
27531 amit.gupta 2087
.state-overview .value h1 {
32308 amit.gupta 2088
    margin: 0;
2089
    padding: 0;
2090
    color: #688a7e;
21627 kshitij.so 2091
}
2092
 
27531 amit.gupta 2093
.state-overview .value p {
32308 amit.gupta 2094
    margin: 0;
2095
    padding: 0;
2096
    color: #fed189;
21627 kshitij.so 2097
}
2098
 
2099
.state-overview .value h1 {
32308 amit.gupta 2100
    font-weight: 300;
2101
    font-weight: 30px;
21627 kshitij.so 2102
}
2103
 
2104
.state-overview .symbol i {
32308 amit.gupta 2105
    color: #688a7e;
2106
    font-size: 30px;
21627 kshitij.so 2107
}
2108
 
2109
.state-overview .symbol {
32308 amit.gupta 2110
    width: 30%;
2111
    padding: 25px 15px;
21627 kshitij.so 2112
}
2113
 
2114
.state-overview .value {
32308 amit.gupta 2115
    width: 68%;
2116
    padding-top: 21px;
21627 kshitij.so 2117
}
2118
 
2119
.state-overview .terques {
32308 amit.gupta 2120
    background: #34AADC;
21627 kshitij.so 2121
}
2122
 
2123
.state-overview .red {
32308 amit.gupta 2124
    background: #00a0df;
21627 kshitij.so 2125
}
2126
 
2127
.state-overview .yellow {
32308 amit.gupta 2128
    background: #D3181F;
21627 kshitij.so 2129
}
2130
 
2131
.state-overview .blue {
32308 amit.gupta 2132
    background: #688a7e;
21627 kshitij.so 2133
}
2134
 
2135
/**/
27531 amit.gupta 2136
.state .panel-body {
32308 amit.gupta 2137
    padding: 0px;
21627 kshitij.so 2138
}
2139
 
2140
.panel-body.chart-texture {
32308 amit.gupta 2141
    background: url("../img/chart-texture.jpg");
2142
    -webkit-border-radius: 4px 4px 0px 0px;
2143
    border-radius: 4px 4px 0px 0px;
2144
    padding: 0px;
21627 kshitij.so 2145
}
2146
 
2147
/*personal task*/
2148
.task-thumb {
32308 amit.gupta 2149
    width: 90px;
2150
    float: left;
21627 kshitij.so 2151
}
2152
 
2153
.task-thumb img {
32308 amit.gupta 2154
    border-radius: 4px;
2155
    -webkit-border-radius: 4px;
21627 kshitij.so 2156
}
2157
 
2158
.task-thumb-details {
32308 amit.gupta 2159
    display: inline-block;
2160
    margin: 25px 0 0 10px;
21627 kshitij.so 2161
}
2162
 
2163
.task-progress {
32308 amit.gupta 2164
    float: left;
21627 kshitij.so 2165
}
2166
 
27531 amit.gupta 2167
.task-thumb-details h1, .task-thumb-details h1 a, .task-progress h1,
32308 amit.gupta 2168
.task-progress h1 a {
2169
    color: #688a7e;
2170
    font-size: 18px;
2171
    margin: 0;
2172
    padding: 0;
2173
    font-weight: 300;
21627 kshitij.so 2174
}
2175
 
2176
.task-thumb-details p, .task-progress p {
32308 amit.gupta 2177
    padding-top: 5px;
2178
    color: #fed189;
21627 kshitij.so 2179
}
2180
 
27531 amit.gupta 2181
.personal-task tbody tr td {
32308 amit.gupta 2182
    padding: 11px 15px;
2183
    border-color: #eeeff1;
21627 kshitij.so 2184
}
2185
 
2186
.personal-task tbody tr td i {
32308 amit.gupta 2187
    font-size: 16px;
2188
    color: #c7cbd4;
2189
    position: relative;
2190
    right: 6px;
2191
    top: 6px;
21627 kshitij.so 2192
}
2193
 
32308 amit.gupta 2194
.personal-task.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
2195
    background-color: #f7f8fc;
21627 kshitij.so 2196
}
2197
 
32308 amit.gupta 2198
.personal-task.table-hover > tbody > tr:hover > td i {
2199
    color: #688a7e;
21627 kshitij.so 2200
}
2201
 
32308 amit.gupta 2202
.personal-task > tbody > tr > td:last-child {
2203
    text-align: right;
21627 kshitij.so 2204
}
2205
 
2206
.task-option {
32308 amit.gupta 2207
    float: right;
21627 kshitij.so 2208
}
2209
 
27531 amit.gupta 2210
.task-option select {
32308 amit.gupta 2211
    height: 35px;
2212
    border: 1px solid #eaeaea;
2213
    border-radius: 4px;
2214
    -webkit-border-radius: 4px;
2215
    padding: 8px;
2216
    color: #a4abbb;
21627 kshitij.so 2217
}
2218
 
2219
.progress-panel {
32308 amit.gupta 2220
    padding-bottom: 5px;
21627 kshitij.so 2221
}
2222
 
2223
/*badge*/
2224
.badge.bg-primary {
32308 amit.gupta 2225
    background: #688a7e;
21627 kshitij.so 2226
}
2227
 
2228
.badge.bg-success {
32308 amit.gupta 2229
    background: #4cd964;
21627 kshitij.so 2230
}
2231
 
2232
.badge.bg-warning {
32308 amit.gupta 2233
    background: #D3181F;
21627 kshitij.so 2234
}
2235
 
2236
.badge.bg-important {
32308 amit.gupta 2237
    background: #D3181F;
2238
    font-family: 'Lato', sans-serif;
2239
    font-size: 11px;
21627 kshitij.so 2240
}
2241
 
2242
.badge.bg-info {
32308 amit.gupta 2243
    background: #34aadc;
21627 kshitij.so 2244
}
2245
 
2246
.badge.bg-inverse {
32308 amit.gupta 2247
    background: #797979;
21627 kshitij.so 2248
}
2249
 
2250
/*---revenue----*/
2251
.revenue-head {
32308 amit.gupta 2252
    background: #688a7e;
2253
    color: #fff;
2254
    line-height: 50px;
2255
    text-align: center;
21627 kshitij.so 2256
}
2257
 
2258
.revenue-head span {
32308 amit.gupta 2259
    /*background: rgba(0,0,0,0.1);*/
2260
    text-align: left;
2261
    line-height: normal;
2262
    padding: 16px;
2263
    font-weight: 300;
21627 kshitij.so 2264
}
2265
 
2266
.revenue-head span i {
32308 amit.gupta 2267
    font-size: 18px;
21627 kshitij.so 2268
}
2269
 
2270
.revenue-head h3 {
32308 amit.gupta 2271
    display: inline;
2272
    padding: 0 10px;
2273
    font-size: 16px;
2274
    font-weight: 400;
21627 kshitij.so 2275
}
2276
 
2277
.revenue-head span.rev-combo {
32308 amit.gupta 2278
    /*background: rgba(0,0,0,0.1);*/
2279
    text-align: right;
2280
    padding: 16px;
2281
    line-height: normal;
2282
    font-weight: 300;
21627 kshitij.so 2283
}
2284
 
2285
/*easy pie chart*/
2286
.easy-pie-chart {
32308 amit.gupta 2287
    display: inline-block;
2288
    padding: 30px 0;
21627 kshitij.so 2289
}
2290
 
2291
.chart-info, .chart-info .increase, .chart-info .decrease {
32308 amit.gupta 2292
    display: inline-block;
21627 kshitij.so 2293
}
2294
 
2295
.chart-info {
32308 amit.gupta 2296
    width: 100%;
2297
    margin-bottom: 5px;
21627 kshitij.so 2298
}
2299
 
2300
.chart-position {
32308 amit.gupta 2301
    margin-top: 70px;
21627 kshitij.so 2302
}
2303
 
2304
.chart-info span {
32308 amit.gupta 2305
    margin: 0 3px;
21627 kshitij.so 2306
}
2307
 
2308
.chart-info .increase {
32308 amit.gupta 2309
    background: #688a7e;
2310
    width: 10px;
2311
    height: 10px;
21627 kshitij.so 2312
}
2313
 
2314
.chart-info .decrease {
32308 amit.gupta 2315
    background: #f2f2f2;
2316
    width: 10px;
2317
    height: 10px;
21627 kshitij.so 2318
}
2319
 
2320
.panel-footer.revenue-foot {
32308 amit.gupta 2321
    background-color: #e6e7ec;
2322
    -webkit-border-radius: 0px 0px 4px 4px;
2323
    border-radius: 0px 0px 4px 4px;
2324
    border: none;
2325
    padding: 0;
2326
    width: 100%;
2327
    display: inline-block;
21627 kshitij.so 2328
}
2329
 
32308 amit.gupta 2330
@media screen and (-webkit-min-device-pixel-ratio: 0) {
2331
    /* Safari and Chrome */
2332
    .panel-footer.revenue-foot {
2333
        margin-bottom: -4px;
2334
    }
2335
 
2336
;
27531 amit.gupta 2337
}
21627 kshitij.so 2338
 
27531 amit.gupta 2339
.panel-footer.revenue-foot ul {
32308 amit.gupta 2340
    margin: 0;
2341
    padding: 0;
2342
    width: 100%;
2343
    display: inline-flex;
21627 kshitij.so 2344
}
2345
 
2346
.panel-footer.revenue-foot ul li {
32308 amit.gupta 2347
    float: left;
2348
    width: 33.33%;
21627 kshitij.so 2349
}
2350
 
32308 amit.gupta 2351
.panel-footer.revenue-foot ul li.first a:hover, .panel-footer.revenue-foot ul li.first a {
2352
    -webkit-border-radius: 0px 0px 0px 4px;
2353
    border-radius: 0px 0px 0px 4px;
21627 kshitij.so 2354
}
2355
 
32308 amit.gupta 2356
.panel-footer.revenue-foot ul li.last a:hover, .panel-footer.revenue-foot ul li.last a {
2357
    -webkit-border-radius: 0px 0px 4px 0px;
2358
    border-radius: 0px 0px 4px 0px;
2359
    border-right: none;
21627 kshitij.so 2360
}
2361
 
27531 amit.gupta 2362
.panel-footer.revenue-foot ul li a {
32308 amit.gupta 2363
    display: inline-block;
2364
    width: 100%;
2365
    padding: 14px 15px;
2366
    text-align: center;
2367
    border-right: 1px solid #d5d8df;
2368
    color: #797979;
21627 kshitij.so 2369
}
2370
 
32308 amit.gupta 2371
.panel-footer.revenue-foot ul li a:hover, .panel-footer.revenue-foot ul li.active a {
2372
    background: #fff;
2373
    position: relative;
21627 kshitij.so 2374
}
2375
 
2376
.panel-footer.revenue-foot ul li a i {
32308 amit.gupta 2377
    color: #c6cad5;
2378
    display: block;
2379
    font-size: 16px;
21627 kshitij.so 2380
}
2381
 
32308 amit.gupta 2382
.panel-footer.revenue-foot ul li a:hover i, .panel-footer.revenue-foot ul li.active a i {
2383
    color: #688a7e;
2384
    display: block;
2385
    font-size: 16px;
21627 kshitij.so 2386
}
2387
 
2388
/*Creative carousel model*/
2389
.flat-carousal {
32308 amit.gupta 2390
    background: #00a0df;
2391
    padding: 10px;
2392
    color: #fff;
2393
    position: relative;
21627 kshitij.so 2394
}
2395
 
2396
.flat-carousal h1 {
32308 amit.gupta 2397
    text-align: center;
2398
    font-size: 16px;
2399
    margin: 30px 20px;
2400
    line-height: 20px;
2401
    font-weight: 300;
2402
    font-style: italic;
21627 kshitij.so 2403
}
2404
 
2405
a.view-all {
32308 amit.gupta 2406
    color: #fff;
2407
    background: rgba(0, 0, 0, 0.1);
2408
    padding: 8px 15px;
2409
    text-align: center;
2410
    border-radius: 25px;
2411
    -webkit-border-radius: 25px;
2412
    margin-bottom: 18px;
2413
    display: inline-block;
2414
    text-transform: uppercase;
2415
    font-size: 12px;
21627 kshitij.so 2416
}
2417
 
2418
ul.ft-link {
32308 amit.gupta 2419
    margin: 0;
2420
    padding: 0;
21627 kshitij.so 2421
}
2422
 
2423
ul.ft-link li {
32308 amit.gupta 2424
    border-right: 1px solid #E6E7EC;
2425
    display: inline-block;
2426
    line-height: 30px;
2427
    margin: 8px 0;
2428
    text-align: center;
2429
    width: 24%;
21627 kshitij.so 2430
}
2431
 
2432
ul.ft-link li a {
32308 amit.gupta 2433
    color: #74829c;
2434
    text-transform: uppercase;
2435
    font-size: 12px;
21627 kshitij.so 2436
}
2437
 
2438
ul.ft-link li a:hover, ul.ft-link li.active a {
32308 amit.gupta 2439
    color: #00a0df;
21627 kshitij.so 2440
}
2441
 
2442
ul.ft-link li:last-child {
32308 amit.gupta 2443
    border-right: none;
21627 kshitij.so 2444
}
2445
 
2446
ul.ft-link li a i {
32308 amit.gupta 2447
    display: block;
21627 kshitij.so 2448
}
2449
 
27531 amit.gupta 2450
#owl-slider .item img {
32308 amit.gupta 2451
    display: block;
2452
    width: 100%;
2453
    height: auto;
21627 kshitij.so 2454
}
2455
 
2456
.owl-buttons {
32308 amit.gupta 2457
    position: absolute;
2458
    top: 70px;
2459
    width: 100%;
21627 kshitij.so 2460
}
2461
 
2462
.owl-prev, .owl-next {
32308 amit.gupta 2463
    position: absolute;
21627 kshitij.so 2464
}
2465
 
2466
.owl-next {
32308 amit.gupta 2467
    right: 0;
21627 kshitij.so 2468
}
2469
 
2470
.owl-buttons .owl-prev {
32308 amit.gupta 2471
    text-indent: -9999px;
2472
    background: url("../img/left-arrow.png") no-repeat;
2473
    width: 6px;
2474
    height: 10px;
2475
    display: inline-block;
21627 kshitij.so 2476
}
2477
 
2478
.owl-buttons .owl-next {
32308 amit.gupta 2479
    text-indent: -9999px;
2480
    background: url("../img/right-arrow.png") no-repeat;
2481
    width: 6px;
2482
    height: 10px;
2483
    display: inline-block;
21627 kshitij.so 2484
}
2485
 
2486
/*product post*/
2487
.post-wrap aside {
32308 amit.gupta 2488
    display: table-cell;
2489
    float: none;
2490
    height: 100%;
2491
    padding: 0;
2492
    vertical-align: top;
21627 kshitij.so 2493
}
2494
 
2495
.pro-box {
32308 amit.gupta 2496
    border-collapse: collapse;
2497
    border-spacing: 0;
2498
    display: table;
2499
    table-layout: fixed;
2500
    width: 100%;
21627 kshitij.so 2501
}
2502
 
2503
.post-info {
32308 amit.gupta 2504
    position: relative;
21627 kshitij.so 2505
}
2506
 
2507
.arrow-pro.right:after {
32308 amit.gupta 2508
    border-left-color: #FFFFFF;
2509
    border-right-width: 0;
2510
    top: 85px;
2511
    content: " ";
21627 kshitij.so 2512
}
2513
 
2514
.arrow-pro.left:after {
32308 amit.gupta 2515
    border-right-color: #FFFFFF;
2516
    border-left-width: 0;
2517
    top: 80px;
2518
    content: " ";
21627 kshitij.so 2519
}
2520
 
2521
.arrow-pro.left {
32308 amit.gupta 2522
    left: -8px;
21627 kshitij.so 2523
}
2524
 
2525
.arrow-pro:after {
32308 amit.gupta 2526
    border-width: 7px;
2527
    content: "";
21627 kshitij.so 2528
}
2529
 
2530
.arrow-pro, .arrow-pro:after {
32308 amit.gupta 2531
    border-color: rgba(0, 0, 0, 0);
2532
    border-style: solid;
2533
    display: block;
2534
    height: 0;
2535
    position: absolute;
2536
    width: 0;
2537
    right: -5px;
21627 kshitij.so 2538
}
2539
 
2540
.post-highlight.yellow {
32308 amit.gupta 2541
    background: #D3181F;
21627 kshitij.so 2542
}
2543
 
2544
.post-highlight.terques {
32308 amit.gupta 2545
    background: #688a7e;
21627 kshitij.so 2546
}
2547
 
2548
.post-info h1 {
32308 amit.gupta 2549
    margin: 0;
2550
    font-size: 18px;
2551
    color: #a19899;
2552
    font-weight: 300;
21627 kshitij.so 2553
}
2554
 
2555
.post-highlight.terques h2 {
32308 amit.gupta 2556
    font-size: 16px;
2557
    color: #fff;
2558
    font-style: italic;
2559
    padding: 0 20px;
2560
    line-height: 22px;
2561
    margin: 0;
2562
    font-weight: 300;
21627 kshitij.so 2563
}
2564
 
2565
.post-highlight.terques h2 span, .post-highlight.terques h2 a {
32308 amit.gupta 2566
    color: #92faf3;
21627 kshitij.so 2567
}
2568
 
2569
.post-info h1 strong {
32308 amit.gupta 2570
    text-transform: uppercase;
2571
    color: #937b7b;
21627 kshitij.so 2572
}
2573
 
2574
.post-info .desk {
32308 amit.gupta 2575
    display: inline-block;
21627 kshitij.so 2576
}
2577
 
32308 amit.gupta 2578
.post-info .desk h3 {
2579
    font-size: 16px;
21627 kshitij.so 2580
}
2581
 
2582
.post-info .desk.yellow h3 {
32308 amit.gupta 2583
    color: #D3181F;
21627 kshitij.so 2584
}
2585
 
2586
.post-btn {
32308 amit.gupta 2587
 
21627 kshitij.so 2588
}
2589
 
2590
.post-btn a {
32308 amit.gupta 2591
    float: left;
2592
    margin-right: 8px;
2593
    font-size: 18px;
2594
    color: #9a9a9a;
21627 kshitij.so 2595
}
2596
 
2597
.post-btn a:hover {
32308 amit.gupta 2598
    color: #727272;
21627 kshitij.so 2599
}
2600
 
2601
.pro-thumb {
32308 amit.gupta 2602
    text-align: center;
2603
    display: inline-block;
2604
    border-radius: 50%;
2605
    -webkit-border-radius: 50%;
2606
    border: 10px solid rgba(256, 256, 256, 0.4);
21627 kshitij.so 2607
}
2608
 
27531 amit.gupta 2609
.pro-thumb img {
32308 amit.gupta 2610
    text-align: center;
2611
    width: 112px;
2612
    height: 112px;
2613
    border-radius: 50%;
2614
    -webkit-border-radius: 50%;
21627 kshitij.so 2615
}
2616
 
2617
.v-align {
32308 amit.gupta 2618
    vertical-align: middle !important;
21627 kshitij.so 2619
}
2620
 
2621
.twite h1 {
32308 amit.gupta 2622
    margin: 50px 0;
21627 kshitij.so 2623
}
2624
 
2625
.social-footer {
32308 amit.gupta 2626
    display: inline;
2627
    text-align: center;
21627 kshitij.so 2628
}
2629
 
2630
.social-footer ul {
32308 amit.gupta 2631
    text-align: center;
2632
    margin: 0;
2633
    padding: 0;
21627 kshitij.so 2634
}
2635
 
2636
.social-footer ul li {
32308 amit.gupta 2637
    display: inline-block;
2638
    margin: 0 20px;
21627 kshitij.so 2639
}
2640
 
2641
.social-footer ul li a {
32308 amit.gupta 2642
    font-size: 25px;
2643
    color: #ceced0;
21627 kshitij.so 2644
}
2645
 
32308 amit.gupta 2646
.social-footer ul li a:hover i.icon-facebook, .social-footer ul li.active a i.icon-facebook {
2647
    color: #486eac;
21627 kshitij.so 2648
}
2649
 
32308 amit.gupta 2650
.social-footer ul li a:hover i.icon-twitter, .social-footer ul li.active a i.icon-twitter {
2651
    color: #00a0df;
21627 kshitij.so 2652
}
2653
 
32308 amit.gupta 2654
.social-footer ul li a:hover i.icon-google-plus, .social-footer ul li.active a i.icon-google-plus {
2655
    color: #4a4a4a;
21627 kshitij.so 2656
}
2657
 
32308 amit.gupta 2658
.social-footer ul li a:hover i.icon-pinterest, .social-footer ul li.active a i.icon-pinterest {
2659
    color: #d1282d;
21627 kshitij.so 2660
}
2661
 
2662
/*pie chart */
2663
.pie-foot {
32308 amit.gupta 2664
    background: #6b6b6b;
2665
    padding: 18px 15px;
2666
    color: #fff;
2667
    border-radius: 0 0 4px 4px;
2668
    -webkit-border-radius: 0 0 4px 4px;
2669
    text-align: center;
2670
    font-size: 16px;
2671
    font-weight: 300;
21627 kshitij.so 2672
}
2673
 
2674
/*profile-widget*/
27531 amit.gupta 2675
.profile-widget {
32308 amit.gupta 2676
    color: #fff;
2677
    text-align: center;
21627 kshitij.so 2678
}
2679
 
2680
/*profile-widget image bg*/
27531 amit.gupta 2681
.profile-widget-img {
32308 amit.gupta 2682
    background: url('../img/backgrounds/bg-11-small.jpg') no-repeat !important;
21627 kshitij.so 2683
}
2684
 
2685
.profile-nav .profile-widget-img .bg-layer {
32308 amit.gupta 2686
    background: rgba(0, 0, 0, 0.5) !important;
21627 kshitij.so 2687
}
2688
 
27531 amit.gupta 2689
.profile-widget-img .panel-body {
32308 amit.gupta 2690
    background: rgba(0, 0, 0, 0.5) !important;
21627 kshitij.so 2691
}
2692
 
27531 amit.gupta 2693
.profile-widget-img .profile-widget-foot {
32308 amit.gupta 2694
    background: rgba(0, 0, 0, 0.8);
21627 kshitij.so 2695
}
2696
 
27531 amit.gupta 2697
.profile-widget p {
32308 amit.gupta 2698
    font-weight: 300;
21627 kshitij.so 2699
 
32308 amit.gupta 2700
    /*margin-bottom: 15px;*/
21627 kshitij.so 2701
}
2702
 
27531 amit.gupta 2703
.profile-widget {
32308 amit.gupta 2704
    /*padding-left: 20px 15px 30px 15px;*/
2705
 
21627 kshitij.so 2706
}
2707
 
27531 amit.gupta 2708
.profile-widget .twt-category {
32308 amit.gupta 2709
    display: inline-block;
2710
    margin-bottom: 0px;
2711
    margin-top: 10px;
2712
    width: 100%;
2713
    padding: 0px;
21627 kshitij.so 2714
}
2715
 
27531 amit.gupta 2716
.profile-widget .twt-category ul li {
32308 amit.gupta 2717
    color: #ffffff;
21627 kshitij.so 2718
}
2719
 
27531 amit.gupta 2720
.knob-charts {
32308 amit.gupta 2721
    margin-top: 10px;
21627 kshitij.so 2722
}
2723
 
27531 amit.gupta 2724
.follow-task {
32308 amit.gupta 2725
    padding: 5px;
21627 kshitij.so 2726
}
2727
 
27531 amit.gupta 2728
.follow-task a {
32308 amit.gupta 2729
    color: #ffffff;
2730
    width: 15%;
2731
    display: inline-block;
21627 kshitij.so 2732
}
2733
 
27531 amit.gupta 2734
.follow-task a span.badge {
32308 amit.gupta 2735
    top: -12px;
2736
    position: relative;
2737
    left: -8px;
2738
    background: #FFFFFF;
2739
    color: #34AADC;
21627 kshitij.so 2740
}
2741
 
27531 amit.gupta 2742
.follow-task i {
32308 amit.gupta 2743
    font-size: 20px;
21627 kshitij.so 2744
}
2745
 
2746
.profile-widget-foot {
32308 amit.gupta 2747
    padding: 8px 5px 5px 5px;
2748
    background: rgba(0, 0, 0, 0.1);
2749
    color: #757575;
2750
    font-weight: 300;
21627 kshitij.so 2751
}
2752
 
2753
.profile-foot {
32308 amit.gupta 2754
    padding: 8px 5px 5px 5px;
2755
    background: rgba(0, 0, 0, 0.1);
2756
    color: #ffffff;
2757
    font-weight: 300;
2758
    overflow: hidden;
21627 kshitij.so 2759
}
2760
 
27531 amit.gupta 2761
.profile-foot .active {
32308 amit.gupta 2762
 
21627 kshitij.so 2763
}
2764
 
27531 amit.gupta 2765
.profile-foot a {
32308 amit.gupta 2766
    color: #ffffff;
21627 kshitij.so 2767
}
2768
 
2769
.profile-widget-foot ul {
32308 amit.gupta 2770
    padding: 0;
2771
    margin: 0;
21627 kshitij.so 2772
}
2773
 
27531 amit.gupta 2774
.profile-widget-foot ul li {
32308 amit.gupta 2775
    display: inline-block;
2776
    text-align: center;
2777
    width: 48%;
2778
    line-height: normal;
21627 kshitij.so 2779
}
2780
 
27531 amit.gupta 2781
.profile-widget-foot ul li h5 {
32308 amit.gupta 2782
    margin: 5px 0 0 0;
21627 kshitij.so 2783
}
2784
 
27531 amit.gupta 2785
.follow-info {
32308 amit.gupta 2786
    text-align: left;
2787
    padding-top: 20px;
2788
    padding-bottom: 10px;
21627 kshitij.so 2789
}
2790
 
2791
.profile-widget h4 {
32308 amit.gupta 2792
    margin: 5px;
2793
    font-size: 18px;
2794
    font-weight: 300;
21627 kshitij.so 2795
}
2796
 
2797
.profile-widget h6 {
32308 amit.gupta 2798
    margin: 0px;
2799
    font-size: 12px;
2800
    color: rgba(255, 255, 255, 0.9);
2801
    font-weight: 300;
21627 kshitij.so 2802
}
2803
 
27531 amit.gupta 2804
.profile-widget h6 span i {
32308 amit.gupta 2805
    padding-right: 4px;
21627 kshitij.so 2806
}
2807
 
27531 amit.gupta 2808
.profile-widget h6 span {
32308 amit.gupta 2809
    padding-right: 8px;
21627 kshitij.so 2810
}
2811
 
27531 amit.gupta 2812
.project-team, .panel-title, .progress-panel {
32308 amit.gupta 2813
    background: #F7F7F7;
21627 kshitij.so 2814
}
2815
 
27531 amit.gupta 2816
.profile-ava img {
32308 amit.gupta 2817
    border-radius: 50%;
2818
    -webkit-border-radius: 50%;
2819
    border: 2px solid #688a7e;
2820
    display: inline-block;
21627 kshitij.so 2821
}
2822
 
27531 amit.gupta 2823
.profile-ava img.simple {
32308 amit.gupta 2824
    border-radius: 50%;
2825
    -webkit-border-radius: 50%;
2826
    border: 2px solid rgba(0, 112, 255, 0.4);
2827
    display: inline-block;
21627 kshitij.so 2828
}
2829
 
27531 amit.gupta 2830
.profile-name {
32308 amit.gupta 2831
    margin: 0px;
2832
    font-size: 16px;
21627 kshitij.so 2833
}
2834
 
27531 amit.gupta 2835
.profile-occupation {
32308 amit.gupta 2836
    margin: 0px;
2837
    font-size: 12px;
21627 kshitij.so 2838
}
2839
 
2840
.follow-ava {
32308 amit.gupta 2841
    border-radius: 50%;
2842
    -webkit-border-radius: 50%;
2843
    border: 5px solid rgba(0, 0, 0, 0.1);
2844
    display: inline-block;
21627 kshitij.so 2845
}
2846
 
2847
.timeline-ava {
32308 amit.gupta 2848
    border-radius: 50%;
2849
    -webkit-border-radius: 50%;
2850
    border: 5px solid #688a7e;
2851
    display: inline-block;
21627 kshitij.so 2852
}
2853
 
27531 amit.gupta 2854
.timeline-ava img {
32308 amit.gupta 2855
    border-radius: 50%;
2856
    -webkit-border-radius: 50%;
2857
    width: 50px;
2858
    height: 50px;
21627 kshitij.so 2859
}
2860
 
2861
.profile-widget img {
32308 amit.gupta 2862
    border-radius: 50%;
2863
    -webkit-border-radius: 50%;
2864
    width: 62px;
2865
    height: 62px;
21627 kshitij.so 2866
 
32308 amit.gupta 2867
    /*display: inline-block;*/
21627 kshitij.so 2868
}
2869
 
2870
/* .social-box
2871
 
2872
=================================================================== */
2873
.social-box {
32308 amit.gupta 2874
    min-height: 158px;
2875
    background: white;
2876
    margin-bottom: 30px;
2877
    text-align: center;
21627 kshitij.so 2878
}
2879
 
2880
.social-box i {
32308 amit.gupta 2881
    display: block;
2882
    font-size: 40px;
2883
    line-height: 90px;
2884
    background: #f5f5f5;
21627 kshitij.so 2885
}
2886
 
2887
.social-box ul {
32308 amit.gupta 2888
    list-style: none;
2889
    padding: 10px 0;
21627 kshitij.so 2890
}
2891
 
2892
.social-box ul li {
32308 amit.gupta 2893
    display: block;
2894
    width: 50%;
2895
    float: left;
21627 kshitij.so 2896
}
2897
 
2898
.social-box ul li:first-child {
32308 amit.gupta 2899
    border-right: 1px solid #f5f5f5;
21627 kshitij.so 2900
}
2901
 
2902
.social-box ul li strong {
32308 amit.gupta 2903
    display: block;
2904
    font-size: 20px;
21627 kshitij.so 2905
}
2906
 
2907
.social-box ul li span {
32308 amit.gupta 2908
    color: #d4d4d4;
2909
    font-weight: 500;
2910
    text-transform: uppercase;
2911
    font-size: 10px;
21627 kshitij.so 2912
}
2913
 
2914
.social-box.facebook i {
32308 amit.gupta 2915
    background: #3b5998;
2916
    color: white;
2917
    margin: -1px -1px 1px -1px;
21627 kshitij.so 2918
}
2919
 
2920
.social-box.twitter i {
32308 amit.gupta 2921
    background: #00aced;
2922
    color: white;
2923
    margin: -1px -1px 1px -1px;
21627 kshitij.so 2924
}
2925
 
2926
.social-box.linkedin i {
32308 amit.gupta 2927
    background: #4875b4;
2928
    color: white;
2929
    margin: -1px -1px 1px -1px;
21627 kshitij.so 2930
}
2931
 
2932
.social-box.google-plus i {
32308 amit.gupta 2933
    background: #d34836;
2934
    color: white;
2935
    margin: -1px -1px 1px -1px;
21627 kshitij.so 2936
}
2937
 
2938
/*weather*/
2939
.weather-bg {
32308 amit.gupta 2940
    background: #34AADC;
2941
    color: #fff;
2942
    text-align: center;
2943
    font-size: 16px;
2944
    font-weight: 300;
21627 kshitij.so 2945
}
2946
 
2947
.weather-bg i {
32308 amit.gupta 2948
    font-size: 60px;
2949
    display: block;
21627 kshitij.so 2950
}
2951
 
27531 amit.gupta 2952
.weather-bg h3 {
32308 amit.gupta 2953
    font-weight: 300;
2954
    font-size: 28px;
21627 kshitij.so 2955
}
2956
 
2957
.weather-bg .degree {
32308 amit.gupta 2958
    padding-top: 10px;
2959
    font-size: 60px;
21627 kshitij.so 2960
}
2961
 
2962
.weather-category {
32308 amit.gupta 2963
    padding: 15px 0;
2964
    color: #ffffff;
21627 kshitij.so 2965
}
2966
 
27531 amit.gupta 2967
.weather-info {
32308 amit.gupta 2968
    background: #34AADC;
21627 kshitij.so 2969
}
2970
 
2971
.weather-category ul {
32308 amit.gupta 2972
    padding: 0;
2973
    margin: 0;
2974
    display: inline-block;
2975
    width: 100%;
21627 kshitij.so 2976
}
2977
 
27531 amit.gupta 2978
.weather-category ul {
32308 amit.gupta 2979
    display: inline-block;
2980
    width: 100%;
2981
    padding-bottom: 10px;
2982
    text-align: center;
2983
    border-top: 1px solid #e6e6e6;
2984
    border-left: 1px solid #e6e6e6;
2985
    border-right: 1px solid #e6e6e6;
2986
    border-bottom: 1px solid #e6e6e6;
2987
    display: inline-block;
21627 kshitij.so 2988
}
2989
 
32308 amit.gupta 2990
.weather-category ul li {
2991
    display: inline-block;
2992
    width: 70%;
2993
    padding-top: 10px;
2994
    padding-bottom: 10px;
2995
    text-align: center;
2996
    display: inline-block;
21627 kshitij.so 2997
}
2998
 
27531 amit.gupta 2999
.weather-category ul li i {
32308 amit.gupta 3000
    margin-bottom: 10px;
21627 kshitij.so 3001
}
3002
 
3003
.weather-category ul li h4 {
32308 amit.gupta 3004
    margin: 10px 0 0 0;
3005
    text-transform: uppercase;
3006
    font-weight: 300;
21627 kshitij.so 3007
}
3008
 
27531 amit.gupta 3009
.weather-days {
32308 amit.gupta 3010
    color: #ffffff;
3011
    background: #34AADC;
21627 kshitij.so 3012
}
3013
 
3014
.weather-days ul {
32308 amit.gupta 3015
    padding: 0;
3016
    margin: 0;
3017
    display: inline-block;
3018
    width: 100%;
21627 kshitij.so 3019
}
3020
 
3021
.weather-days ul li {
32308 amit.gupta 3022
    display: inline-block;
3023
    width: 16.6%;
3024
    text-align: center;
3025
    display: inline-block;
3026
    margin-right: -2.9px;
3027
    padding: 5px 0px;
21627 kshitij.so 3028
}
3029
 
27531 amit.gupta 3030
.weather-days ul li.day1 {
32308 amit.gupta 3031
    background: rgba(0, 0, 0, 0.05);
21627 kshitij.so 3032
}
3033
 
27531 amit.gupta 3034
.weather-days ul li.day2 {
32308 amit.gupta 3035
    background: rgba(0, 0, 0, 0.1);
21627 kshitij.so 3036
}
3037
 
27531 amit.gupta 3038
.weather-days ul li.day3 {
32308 amit.gupta 3039
    background: rgba(0, 0, 0, 0.15);
21627 kshitij.so 3040
}
3041
 
27531 amit.gupta 3042
.weather-days ul li.day4 {
32308 amit.gupta 3043
    background: rgba(0, 0, 0, 0.2);
21627 kshitij.so 3044
}
3045
 
27531 amit.gupta 3046
.weather-days ul li.day5 {
32308 amit.gupta 3047
    background: rgba(0, 0, 0, 0.25);
21627 kshitij.so 3048
}
3049
 
27531 amit.gupta 3050
.weather-days ul li.day6 {
32308 amit.gupta 3051
    background: rgba(0, 0, 0, 0.3);
21627 kshitij.so 3052
}
3053
 
3054
.weather-days ul li h5 {
32308 amit.gupta 3055
    margin: 0 0 5px 0;
3056
    text-transform: uppercase;
3057
    font-weight: 300;
21627 kshitij.so 3058
}
3059
 
3060
.weather-category ul li a {
32308 amit.gupta 3061
 
21627 kshitij.so 3062
}
3063
 
27531 amit.gupta 3064
.weather-category ul li:last-child, .weather-days ul li:last-child {
32308 amit.gupta 3065
    border-right: none;
21627 kshitij.so 3066
}
3067
 
3068
/*weather widget 2*/
3069
.weather-bg-img {
32308 amit.gupta 3070
    background: url(../img/backgrounds/bg-14-small.jpg) no-repeat center center;
3071
    color: #fff;
3072
    text-shadow: 0px 1px 5px #fed189;
3073
    text-align: center;
3074
    font-size: 16px;
3075
    font-weight: 300;
21627 kshitij.so 3076
}
3077
 
3078
.weather-bg-img i {
32308 amit.gupta 3079
    font-size: 60px;
3080
    text-shadow: 0px 1px 5px #fed189;
3081
    display: block;
21627 kshitij.so 3082
}
3083
 
27531 amit.gupta 3084
.weather-bg-img h3 {
32308 amit.gupta 3085
    font-weight: 300;
3086
    font-size: 28px;
21627 kshitij.so 3087
}
3088
 
3089
.weather-bg-img .degree {
32308 amit.gupta 3090
    padding-top: 10px;
3091
    font-size: 60px;
21627 kshitij.so 3092
}
3093
 
3094
.weather-bg-img .weather-category {
32308 amit.gupta 3095
    padding: 15px 0;
3096
    color: #ffffff;
3097
    text-shadow: 0px 1px 5px #fed189;
3098
    background: transparent;
21627 kshitij.so 3099
}
3100
 
3101
.weather-bg-img .weather-category ul {
32308 amit.gupta 3102
    padding: 0;
3103
    margin: 0;
3104
    display: inline-block;
3105
    width: 100%;
21627 kshitij.so 3106
}
3107
 
3108
.weather-bg-img .weather-category ul li {
32308 amit.gupta 3109
    display: inline-block;
3110
    width: 32%;
3111
    text-align: center;
3112
    border-right: 1px solid #e6e6e6;
3113
    display: inline-block;
21627 kshitij.so 3114
}
3115
 
3116
.weather-bg-img .weather-category ul li h5 {
32308 amit.gupta 3117
    margin: 0 0 5px 0;
3118
    text-transform: uppercase;
3119
    font-weight: 300;
3120
    text-shadow: 0px 1px 5px #fed189;
21627 kshitij.so 3121
}
3122
 
27531 amit.gupta 3123
.weather-bg-img .panel-body, footer.weather-bg-img ul {
32308 amit.gupta 3124
    background: rgba(0, 0, 0, 0.5);
21627 kshitij.so 3125
}
3126
 
27531 amit.gupta 3127
.weather-days-img {
32308 amit.gupta 3128
    color: #ffffff;
3129
    text-shadow: 0px 1px 5px #fed189;
21627 kshitij.so 3130
}
3131
 
27531 amit.gupta 3132
.weather-days-img {
32308 amit.gupta 3133
    background: transparent !important;
21627 kshitij.so 3134
}
3135
 
3136
/*fontawesome*/
3137
.fontawesome-icon-list h2 {
32308 amit.gupta 3138
    margin-top: 0;
3139
    font-size: 20px;
3140
    font-weight: 300;
21627 kshitij.so 3141
}
3142
 
3143
.fontawesome-icon-list .col-sm-3 {
32308 amit.gupta 3144
    margin-bottom: 10px;
21627 kshitij.so 3145
}
3146
 
3147
.fontawesome-icon-list .page-header {
32308 amit.gupta 3148
    border-bottom: 1px solid #C9CDD7;
21627 kshitij.so 3149
}
3150
 
3151
.fontawesome-icon-list i {
32308 amit.gupta 3152
    font-size: 16px;
3153
    padding-right: 10px;
21627 kshitij.so 3154
}
3155
 
27531 amit.gupta 3156
#web-application, #text-editor, #directional, #video-player, #brand,
32308 amit.gupta 3157
#medical, #currency {
3158
    margin-top: 10px;
21627 kshitij.so 3159
}
3160
 
3161
/*mail inbox*/
3162
.inbox-wrapper {
32308 amit.gupta 3163
    border-collapse: collapse;
3164
    border-spacing: 0;
3165
    display: table;
3166
    table-layout: fixed;
3167
    width: 100%;
21627 kshitij.so 3168
}
3169
 
3170
.inbox-wrapper aside {
32308 amit.gupta 3171
    display: table-cell;
3172
    float: none;
3173
    height: 100%;
3174
    padding: 0;
3175
    vertical-align: top;
21627 kshitij.so 3176
}
3177
 
3178
.inbox-wrapper .inbox-left {
32308 amit.gupta 3179
    width: 20%;
3180
    background: #e5e8ef;
21627 kshitij.so 3181
}
3182
 
3183
.inbox-wrapper .inbox-middle {
32308 amit.gupta 3184
    width: 25%;
3185
    background: #fff;
21627 kshitij.so 3186
}
3187
 
3188
.inbox-wrapper .inbox-right {
32308 amit.gupta 3189
    width: 65%;
3190
    background: #f5f5f5;
21627 kshitij.so 3191
}
3192
 
3193
.inbox-wrapper .inbox-left .inbox-left-menu {
32308 amit.gupta 3194
    background: #688a7e;
21627 kshitij.so 3195
}
3196
 
27531 amit.gupta 3197
.table-inbox .icon_star_alt:hover, .starred {
32308 amit.gupta 3198
    color: #D3181F;
21627 kshitij.so 3199
}
3200
 
3201
.inbox-wrapper .inbox-left .user-head {
32308 amit.gupta 3202
    background: rgba(0, 0, 0, 0.2);
3203
    padding: 10px;
3204
    color: #fff;
3205
    min-height: 80px;
21627 kshitij.so 3206
}
3207
 
3208
.inbox-wrapper .inbox-middle .inbox-mail {
32308 amit.gupta 3209
    background: #688a7e;
3210
    padding: 10px;
3211
    color: #fff;
3212
    min-height: 80px;
21627 kshitij.so 3213
}
3214
 
3215
.user-head .inbox-avatar {
32308 amit.gupta 3216
    width: 65px;
3217
    float: left;
21627 kshitij.so 3218
}
3219
 
3220
.user-head .inbox-avatar img {
32308 amit.gupta 3221
    border-radius: 4px;
3222
    -webkit-border-radius: 4px;
21627 kshitij.so 3223
}
3224
 
3225
.user-head .user-name {
32308 amit.gupta 3226
    display: inline-block;
3227
    margin: 0 0 0 10px;
21627 kshitij.so 3228
}
3229
 
3230
.user-head .user-name h5 {
32308 amit.gupta 3231
    font-size: 14px;
3232
    margin-top: -15px;
3233
    margin-bottom: 0;
3234
    font-weight: 300;
21627 kshitij.so 3235
}
3236
 
3237
.user-head .user-name h5 a {
32308 amit.gupta 3238
    color: #fff;
21627 kshitij.so 3239
}
3240
 
3241
.user-head .user-name span a {
32308 amit.gupta 3242
    font-size: 12px;
3243
    color: rgba(255, 255, 255, 0.9);
21627 kshitij.so 3244
}
3245
 
3246
a.mail-dropdown {
32308 amit.gupta 3247
    background: #80d3d9;
3248
    padding: 3px 5px;
3249
    font-size: 10px;
3250
    color: #01a7b3;
3251
    border-radius: 2px;
3252
    margin-top: 20px;
21627 kshitij.so 3253
}
3254
 
3255
.inbox-body {
32308 amit.gupta 3256
    padding: 20px;
21627 kshitij.so 3257
}
3258
 
3259
.btn-compose {
32308 amit.gupta 3260
    background: #00a0df;
3261
    padding: 12px 0;
3262
    text-align: center;
3263
    width: 100%;
3264
    color: #fff;
21627 kshitij.so 3265
}
3266
 
3267
.btn-compose:hover {
32308 amit.gupta 3268
    background: #f5675c;
3269
    color: #fff;
21627 kshitij.so 3270
}
3271
 
27531 amit.gupta 3272
ul.mail-nav {
32308 amit.gupta 3273
    display: inline-block;
3274
    width: 100%;
3275
    margin: 0;
3276
    padding: 0;
21627 kshitij.so 3277
}
3278
 
3279
.mail-divider {
32308 amit.gupta 3280
    border-bottom: 1px solid #d5d8df;
21627 kshitij.so 3281
}
3282
 
3283
ul.mail-nav li {
32308 amit.gupta 3284
    display: inline-block;
3285
    line-height: 20px;
3286
    padding: 10px;
3287
    width: 100%;
3288
    border-right: 1px solid #D7D7D7;
3289
    border-bottom: 1px solid #D7D7D7;
21627 kshitij.so 3290
}
3291
 
27531 amit.gupta 3292
ul.mail-nav li a {
32308 amit.gupta 3293
    color: #6a6a6a;
3294
    width: 100%;
3295
    display: inline-block;
3296
    padding: 0 20px;
21627 kshitij.so 3297
}
3298
 
27531 amit.gupta 3299
ul.mail-nav .mail-info {
32308 amit.gupta 3300
    padding: 5px;
3301
    font-size: 14px;
21627 kshitij.so 3302
}
3303
 
27531 amit.gupta 3304
ul.mail-nav p {
32308 amit.gupta 3305
    font-size: 12px;
21627 kshitij.so 3306
}
3307
 
27531 amit.gupta 3308
ul.mail-nav li:hover, ul.mail-nav li.active, ul.mail-nav li:focus {
32308 amit.gupta 3309
    color: #6a6a6a;
3310
    background: #f5f5f5;
3311
    border-bottom: 1px solid #688a7e;
3312
    border-right: none;
21627 kshitij.so 3313
}
3314
 
3315
ul.mail-nav li a i {
32308 amit.gupta 3316
    padding-right: 10px;
3317
    font-size: 16px;
3318
    color: #6a6a6a;
21627 kshitij.so 3319
}
3320
 
3321
ul.mail-nav li a span.label {
32308 amit.gupta 3322
    margin-top: 13px;
21627 kshitij.so 3323
}
3324
 
27531 amit.gupta 3325
ul.inbox-nav {
32308 amit.gupta 3326
    display: inline-block;
3327
    width: 100%;
3328
    margin: 0;
3329
    padding: 0;
21627 kshitij.so 3330
}
3331
 
3332
.inbox-divider {
32308 amit.gupta 3333
    border-bottom: 1px solid #d5d8df;
21627 kshitij.so 3334
}
3335
 
3336
ul.inbox-nav li {
32308 amit.gupta 3337
    display: inline-block;
3338
    line-height: 45px;
3339
    width: 100%;
21627 kshitij.so 3340
}
3341
 
27531 amit.gupta 3342
ul.inbox-nav li a {
32308 amit.gupta 3343
    color: #6a6a6a;
3344
    line-height: 45px;
3345
    width: 100%;
3346
    display: inline-block;
3347
    padding: 0 20px;
21627 kshitij.so 3348
}
3349
 
32308 amit.gupta 3350
ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
3351
    color: #6a6a6a;
3352
    background: #d5d7de;
21627 kshitij.so 3353
}
3354
 
3355
ul.inbox-nav li a i {
32308 amit.gupta 3356
    padding-right: 10px;
3357
    font-size: 16px;
3358
    color: #6a6a6a;
21627 kshitij.so 3359
}
3360
 
3361
ul.inbox-nav li a span.label {
32308 amit.gupta 3362
    margin-top: 13px;
21627 kshitij.so 3363
}
3364
 
3365
ul.labels-info li h4 {
32308 amit.gupta 3366
    padding-left: 15px;
3367
    padding-right: 15px;
3368
    padding-top: 5px;
3369
    color: #5c5c5e;
3370
    font-size: 13px;
3371
    text-transform: uppercase;
21627 kshitij.so 3372
}
3373
 
27531 amit.gupta 3374
ul.labels-info li {
32308 amit.gupta 3375
    margin: 0;
21627 kshitij.so 3376
}
3377
 
3378
ul.labels-info li a {
32308 amit.gupta 3379
    color: #6a6a6a;
3380
    border-radius: 0;
21627 kshitij.so 3381
}
3382
 
3383
ul.labels-info li a:hover, ul.labels-info li a:focus {
32308 amit.gupta 3384
    color: #6a6a6a;
3385
    background: #d5d7de;
21627 kshitij.so 3386
}
3387
 
3388
ul.labels-info li a i {
32308 amit.gupta 3389
    padding-right: 10px;
21627 kshitij.so 3390
}
3391
 
3392
.nav.nav-pills.nav-stacked.labels-info p {
32308 amit.gupta 3393
    margin-bottom: 0;
3394
    padding: 0 22px;
3395
    color: #9d9f9e;
3396
    font-size: 11px;
21627 kshitij.so 3397
}
3398
 
3399
.inbox-head {
32308 amit.gupta 3400
    padding: 10px;
3401
    background: #688a7e;
3402
    color: #fff;
3403
    border-bottom: 1px solid #D7D7D7;
3404
    min-height: 80px;
21627 kshitij.so 3405
}
3406
 
32308 amit.gupta 3407
.inbox-head h3 {
3408
    margin: 0;
3409
    display: inline-block;
3410
    padding-top: 6px;
3411
    font-weight: 300;
21627 kshitij.so 3412
}
3413
 
32308 amit.gupta 3414
.inbox-head .sr-input {
3415
    height: 40px;
3416
    border: none;
3417
    box-shadow: none;
3418
    padding: 0 10px;
3419
    float: left;
3420
    border-radius: 4px 0 0 4px;
3421
    color: #8a8a8a;
21627 kshitij.so 3422
}
3423
 
32308 amit.gupta 3424
.inbox-head .sr-btn {
3425
    height: 40px;
3426
    border: none;
3427
    background: #00a6b2;
3428
    color: #fff;
3429
    padding: 0 20px;
3430
    border-radius: 0 4px 4px 0;
3431
    -webkit-border-radius: 0 4px 4px 0;
21627 kshitij.so 3432
}
3433
 
3434
.table-inbox {
32308 amit.gupta 3435
    border: 1px solid #d3d3d3;
3436
    margin-bottom: 0;
21627 kshitij.so 3437
}
3438
 
27531 amit.gupta 3439
.table-inbox tr td {
32308 amit.gupta 3440
    padding: 12px !important;
21627 kshitij.so 3441
}
3442
 
27531 amit.gupta 3443
.table-inbox tr td:hover {
32308 amit.gupta 3444
    cursor: pointer;
21627 kshitij.so 3445
}
3446
 
32308 amit.gupta 3447
.table-inbox tr td .icon-star.inbox-started, .table-inbox tr td .icon-star:hover {
3448
    color: #f78a09;
21627 kshitij.so 3449
}
3450
 
27531 amit.gupta 3451
.table-inbox tr td .icon-star {
32308 amit.gupta 3452
    color: #d5d5d5;
21627 kshitij.so 3453
}
3454
 
3455
.table-inbox tr.unread td {
32308 amit.gupta 3456
    font-weight: 600;
3457
    background: #f7f7f7;
21627 kshitij.so 3458
}
3459
 
27531 amit.gupta 3460
ul.inbox-pagination {
32308 amit.gupta 3461
    float: right;
21627 kshitij.so 3462
}
3463
 
3464
ul.inbox-pagination li {
32308 amit.gupta 3465
    float: left;
21627 kshitij.so 3466
}
3467
 
3468
.mail-option {
32308 amit.gupta 3469
    display: inline-block;
3470
    margin-bottom: 0px;
3471
    width: 100%;
3472
    margin-top: 18px;
21627 kshitij.so 3473
}
3474
 
27531 amit.gupta 3475
.open-mail-action i {
32308 amit.gupta 3476
    padding-right: 5px;
3477
    font-size: 14px;
21627 kshitij.so 3478
}
3479
 
27531 amit.gupta 3480
.inbox-mail .navbar-form {
32308 amit.gupta 3481
    margin-top: 15px;
21627 kshitij.so 3482
}
3483
 
3484
.mail-option .chk-all, .mail-option .btn-group {
32308 amit.gupta 3485
    margin-right: 5px;
21627 kshitij.so 3486
}
3487
 
3488
.mail-option .chk-all, .mail-option .btn-group a.btn {
32308 amit.gupta 3489
    border: 1px solid #e7e7e7;
3490
    padding: 5px 10px;
3491
    display: inline-block;
3492
    background: #ffffff;
3493
    color: #688a7e;
3494
    border-radius: 0px !important;
3495
    -webkit-border-radius: 0px !important;
21627 kshitij.so 3496
}
3497
 
27531 amit.gupta 3498
.inbox-pagination a.np-btn {
32308 amit.gupta 3499
    border: 1px solid #e7e7e7;
3500
    padding: 5px 15px;
3501
    display: inline-block;
3502
    background: #fcfcfc;
3503
    color: #afafaf;
3504
    border-radius: 0px !important;
3505
    -webkit-border-radius: 0px !important;
21627 kshitij.so 3506
}
3507
 
3508
.mail-option .chk-all input[type=checkbox] {
32308 amit.gupta 3509
    margin-top: 0;
21627 kshitij.so 3510
}
3511
 
3512
.mail-option .btn-group a.all {
32308 amit.gupta 3513
    padding: 0;
3514
    border: none;
21627 kshitij.so 3515
}
3516
 
3517
.inbox-pagination a.np-btn {
32308 amit.gupta 3518
    margin-left: 5px;
21627 kshitij.so 3519
}
3520
 
3521
.inbox-pagination li span {
32308 amit.gupta 3522
    display: inline-block;
3523
    margin-top: 7px;
3524
    margin-right: 5px;
21627 kshitij.so 3525
}
3526
 
3527
.fileinput-button {
32308 amit.gupta 3528
    border: 1px solid #e6e6e6;
3529
    background: #eeeeee;
21627 kshitij.so 3530
}
3531
 
32308 amit.gupta 3532
.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {
3533
    border: 1px solid #e6e6e6;
3534
    box-shadow: none;
21627 kshitij.so 3535
}
3536
 
3537
.btn-send, .btn-send:hover {
32308 amit.gupta 3538
    background: #00A8B3;
3539
    color: #fff;
21627 kshitij.so 3540
}
3541
 
3542
.btn-send:hover {
32308 amit.gupta 3543
    background: #009da7;
21627 kshitij.so 3544
}
3545
 
3546
.modal-header h4.modal-title {
32308 amit.gupta 3547
    font-weight: 300;
3548
    font-family: 'Lato', sans-serif;
21627 kshitij.so 3549
}
3550
 
3551
.modal-body label {
32308 amit.gupta 3552
    font-weight: 400;
3553
    font-family: 'Lato', sans-serif;
21627 kshitij.so 3554
}
3555
 
3556
/*404 page*/
27531 amit.gupta 3557
.page-404 {
32308 amit.gupta 3558
    position: relative;
3559
    width: 350px;
3560
    height: 200px;
3561
    margin: 100px auto;
3562
    text-align: center;
27531 amit.gupta 3563
}
21627 kshitij.so 3564
 
27531 amit.gupta 3565
.text-404 {
32308 amit.gupta 3566
    font-size: 138px;
3567
    background: #e9e3dd;
3568
    background-image: url('https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQTdWeWNteABnbzguiXSBxmfc8Z8nh_HHoWoK35QL81x4HnpVmgvQ');
3569
    background-repeat: no-repeat;
3570
    background-size: 200% 200%;
3571
    background-position: 100% 100%;
3572
    -webkit-animation: square 3s linear infinite;
3573
    -ms-animation: square 3s linear infinite;
3574
    animation: square 3s linear infinite;
3575
    -webkit-background-clip: text;
3576
    color: transparent;
3577
    text-align: center;
3578
    line-height: 200px;
3579
    position: relative;
27531 amit.gupta 3580
}
21627 kshitij.so 3581
 
27531 amit.gupta 3582
.text-404:nth-of-type(2) {
32308 amit.gupta 3583
    text-shadow: none;
3584
    z-index: 2;
3585
    position: absolute;
3586
    top: -139px;
3587
    left: -1px;
27531 amit.gupta 3588
}
21627 kshitij.so 3589
 
31255 tejbeer 3590
@
32308 amit.gupta 3591
-webkit-keyframes square {
21627 kshitij.so 3592
 
32308 amit.gupta 3593
 
31255 tejbeer 3594
%
3595
{
32308 amit.gupta 3596
        background-position: 0 0;
3597
    }
31255 tejbeer 3598
 
32308 amit.gupta 3599
    25
31255 tejbeer 3600
 
3601
 
32308 amit.gupta 3602
% {
3603
        background-position: 100% 0
31255 tejbeer 3604
;
3605
 
3606
 
21627 kshitij.so 3607
}
31255 tejbeer 3608
50
21627 kshitij.so 3609
 
31255 tejbeer 3610
 
3611
%
3612
{
32308 amit.gupta 3613
    background-position: 100% 100%;
31255 tejbeer 3614
 
3615
 
27531 amit.gupta 3616
}
31255 tejbeer 3617
75
21627 kshitij.so 3618
 
31255 tejbeer 3619
 
3620
%
3621
{
32308 amit.gupta 3622
    background-position: 0 100%;
31255 tejbeer 3623
 
3624
 
3625
}
3626
100
3627
 
3628
 
3629
%
3630
{
32308 amit.gupta 3631
    background-position: 0 0
31255 tejbeer 3632
;
3633
 
3634
 
3635
}
3636
}
3637
@
32308 amit.gupta 3638
-ms-keyframes square {
3639
 
3640
    0% {
3641
        background-position: 0 0;
31255 tejbeer 3642
}
3643
 
3644
25
3645
 
3646
 
3647
%
3648
{
32308 amit.gupta 3649
    background-position: 100% 0
31255 tejbeer 3650
;
3651
 
3652
 
3653
}
3654
50
3655
 
3656
 
3657
%
3658
{
32308 amit.gupta 3659
    background-position: 100% 100%;
31255 tejbeer 3660
 
3661
 
3662
}
3663
75
3664
 
3665
 
3666
%
3667
{
32308 amit.gupta 3668
    background-position: 0 100%;
31255 tejbeer 3669
 
3670
 
3671
}
3672
100
3673
 
3674
 
3675
%
3676
{
32308 amit.gupta 3677
    background-position: 0 0
31255 tejbeer 3678
;
3679
 
3680
 
3681
}
3682
}
3683
@
32308 amit.gupta 3684
keyframes square {
3685
 
3686
    0% {
3687
        background-position: 0 0;
31255 tejbeer 3688
}
3689
 
3690
25
3691
 
3692
 
3693
%
3694
{
32308 amit.gupta 3695
    background-position: 100% 0
31255 tejbeer 3696
;
3697
 
3698
 
3699
}
3700
50
3701
 
3702
 
3703
%
3704
{
32308 amit.gupta 3705
    background-position: 100% 100%;
31255 tejbeer 3706
 
3707
 
3708
}
3709
75
3710
 
3711
 
3712
%
3713
{
32308 amit.gupta 3714
    background-position: 0 100%;
31255 tejbeer 3715
 
3716
 
3717
}
3718
100
3719
 
3720
 
3721
%
3722
{
32308 amit.gupta 3723
    background-position: 0 0
31255 tejbeer 3724
;
3725
 
3726
 
3727
}
3728
}
3729
 
21627 kshitij.so 3730
/*profile*/
3731
.profile-nav .user-heading {
32308 amit.gupta 3732
    background: #688a7e;
3733
    color: #fff;
3734
    padding: 30px;
3735
    text-align: center;
21627 kshitij.so 3736
}
3737
 
27531 amit.gupta 3738
.profile-nav .user-heading.round a {
32308 amit.gupta 3739
    border-radius: 50%;
3740
    -webkit-border-radius: 50%;
3741
    border: 10px solid rgba(256, 256, 256, 0.3);
3742
    display: inline-block;
21627 kshitij.so 3743
}
3744
 
3745
.profile-nav .user-heading a img {
32308 amit.gupta 3746
    width: 112px;
3747
    height: 112px;
3748
    border-radius: 50%;
3749
    -webkit-border-radius: 50%;
21627 kshitij.so 3750
}
3751
 
3752
.profile-nav .user-heading h1 {
32308 amit.gupta 3753
    font-size: 22px;
3754
    font-weight: 300;
3755
    margin-bottom: 5px;
21627 kshitij.so 3756
}
3757
 
3758
.profile-nav .user-heading p {
32308 amit.gupta 3759
    font-size: 12px;
21627 kshitij.so 3760
}
3761
 
3762
.profile-nav ul {
32308 amit.gupta 3763
    margin-top: 1px;
21627 kshitij.so 3764
}
3765
 
32308 amit.gupta 3766
.profile-nav ul > li {
3767
    border-bottom: 1px solid #ebeae6;
3768
    margin-top: 0;
3769
    line-height: 30px;
21627 kshitij.so 3770
}
3771
 
32308 amit.gupta 3772
.profile-nav ul > li:last-child {
3773
    border-bottom: none;
21627 kshitij.so 3774
}
3775
 
32308 amit.gupta 3776
.profile-nav ul > li > a {
3777
    border-radius: 0;
3778
    -webkit-border-radius: 0;
3779
    color: #89817f;
3780
    border-left: 5px solid #fff;
21627 kshitij.so 3781
}
3782
 
32308 amit.gupta 3783
.profile-nav ul > li > a:hover, .profile-nav ul > li > a:focus, .profile-nav ul li.active a {
3784
    background: #f8f7f5 !important;
3785
    border-left: 5px solid #688a7e;
3786
    color: #89817f !important;
21627 kshitij.so 3787
}
3788
 
32308 amit.gupta 3789
.profile-nav ul > li:last-child > a:last-child {
3790
    border-radius: 0 0 4px 4px;
3791
    -webkit-border-radius: 0 0 4px 4px;
21627 kshitij.so 3792
}
3793
 
32308 amit.gupta 3794
.profile-nav ul > li > a > i {
3795
    font-size: 16px;
3796
    padding-right: 10px;
3797
    color: #bcb3aa;
21627 kshitij.so 3798
}
3799
 
3800
.r-activity {
32308 amit.gupta 3801
    margin: 6px 0 0;
3802
    font-size: 12px;
21627 kshitij.so 3803
}
3804
 
3805
/*profile-widget color bg*/
27531 amit.gupta 3806
.profile-widget-info {
32308 amit.gupta 3807
    background: #324c57 !important;
21627 kshitij.so 3808
}
3809
 
27531 amit.gupta 3810
.profile-widget-success {
32308 amit.gupta 3811
    background: #4cd964 !important;
21627 kshitij.so 3812
}
3813
 
27531 amit.gupta 3814
.profile-widget-primary {
32308 amit.gupta 3815
    background: #688a7e !important;
21627 kshitij.so 3816
}
3817
 
27531 amit.gupta 3818
.profile-widget-warning {
32308 amit.gupta 3819
    background: #ffcc00 !important;
21627 kshitij.so 3820
}
3821
 
27531 amit.gupta 3822
.profile-widget-danger {
32308 amit.gupta 3823
    background: #00a0df !important;
21627 kshitij.so 3824
}
3825
 
27531 amit.gupta 3826
.profile-widget-name {
32308 amit.gupta 3827
    padding: 0px;
21627 kshitij.so 3828
}
3829
 
3830
.p-text-area, .p-text-area:focus {
32308 amit.gupta 3831
    border: none;
3832
    font-weight: 300;
3833
    box-shadow: none;
3834
    color: #c3c3c3;
3835
    font-size: 16px;
21627 kshitij.so 3836
}
3837
 
3838
.profile-info .panel-footer {
32308 amit.gupta 3839
    background-color: #f8f7f5;
3840
    border-top: 1px solid #e7ebee;
21627 kshitij.so 3841
}
3842
 
3843
.profile-info .panel-footer ul li a {
32308 amit.gupta 3844
    color: #7a7a7a;
21627 kshitij.so 3845
}
3846
 
3847
.bio-graph-heading {
32308 amit.gupta 3848
    background: #263a4f;
3849
    color: #fff;
3850
    text-align: center;
3851
    font-style: italic;
3852
    padding: 40px 110px;
3853
    font-size: 16px;
3854
    font-weight: 300;
21627 kshitij.so 3855
}
3856
 
3857
.bio-graph-info {
32308 amit.gupta 3858
    color: #89817e;
21627 kshitij.so 3859
}
3860
 
3861
.bio-graph-info h1 {
32308 amit.gupta 3862
    font-size: 22px;
3863
    font-weight: 300;
3864
    margin: 0 0 20px;
21627 kshitij.so 3865
}
3866
 
3867
.bio-row {
32308 amit.gupta 3868
    width: 50%;
3869
    float: left;
3870
    margin-bottom: 10px;
3871
    padding: 0 15px;
21627 kshitij.so 3872
}
3873
 
3874
.bio-row p span {
32308 amit.gupta 3875
    width: 100px;
3876
    display: inline-block;
21627 kshitij.so 3877
}
3878
 
3879
.bio-chart, .bio-desk {
32308 amit.gupta 3880
    float: left;
21627 kshitij.so 3881
}
3882
 
3883
.bio-chart {
32308 amit.gupta 3884
    width: 40%;
21627 kshitij.so 3885
}
3886
 
3887
.bio-desk {
32308 amit.gupta 3888
    width: 60%;
21627 kshitij.so 3889
}
3890
 
3891
.bio-desk h4 {
32308 amit.gupta 3892
    font-size: 15px;
3893
    font-weight: 400;
21627 kshitij.so 3894
}
3895
 
3896
.bio-desk h4.terques {
32308 amit.gupta 3897
    color: #34aadc;
21627 kshitij.so 3898
}
3899
 
3900
.bio-desk h4.red {
32308 amit.gupta 3901
    color: #e26b7f;
21627 kshitij.so 3902
}
3903
 
3904
.bio-desk h4.green {
32308 amit.gupta 3905
    color: #97be4b;
21627 kshitij.so 3906
}
3907
 
3908
.bio-desk h4.purple {
32308 amit.gupta 3909
    color: #caa3da;
21627 kshitij.so 3910
}
3911
 
3912
.file-pos {
32308 amit.gupta 3913
    margin: 6px 0 10px 0;
21627 kshitij.so 3914
}
3915
 
3916
.profile-activity h5 {
32308 amit.gupta 3917
    font-weight: 300;
3918
    margin-top: 0;
3919
    color: #c3c3c3;
21627 kshitij.so 3920
}
3921
 
3922
.summary-head {
32308 amit.gupta 3923
    background: #ee7272;
3924
    color: #fff;
3925
    text-align: center;
3926
    border-bottom: 1px solid #ee7272;
21627 kshitij.so 3927
}
3928
 
3929
.summary-head h4 {
32308 amit.gupta 3930
    font-weight: 300;
3931
    text-transform: uppercase;
3932
    margin-bottom: 5px;
21627 kshitij.so 3933
}
3934
 
3935
.summary-head p {
32308 amit.gupta 3936
    color: rgba(256, 256, 256, 0.6);
21627 kshitij.so 3937
}
3938
 
3939
ul.summary-list {
32308 amit.gupta 3940
    display: inline-block;
3941
    padding-left: 0;
3942
    width: 100%;
3943
    margin-bottom: 0;
21627 kshitij.so 3944
}
3945
 
32308 amit.gupta 3946
ul.summary-list > li {
3947
    display: inline-block;
3948
    width: 19.5%;
3949
    text-align: center;
21627 kshitij.so 3950
}
3951
 
32308 amit.gupta 3952
ul.summary-list > li > a > i {
3953
    display: block;
3954
    font-size: 18px;
3955
    padding-bottom: 5px;
21627 kshitij.so 3956
}
3957
 
32308 amit.gupta 3958
ul.summary-list > li > a {
3959
    padding: 10px 0;
3960
    display: inline-block;
3961
    color: #818181;
21627 kshitij.so 3962
}
3963
 
32308 amit.gupta 3964
ul.summary-list > li {
3965
    border-right: 1px solid #eaeaea;
21627 kshitij.so 3966
}
3967
 
32308 amit.gupta 3968
ul.summary-list > li:last-child {
3969
    border-right: none;
21627 kshitij.so 3970
}
3971
 
3972
.activity {
32308 amit.gupta 3973
    width: 100%;
3974
    float: left;
3975
    margin-bottom: 10px;
21627 kshitij.so 3976
}
3977
 
3978
.activity.alt {
32308 amit.gupta 3979
    width: 100%;
3980
    float: right;
3981
    margin-bottom: 10px;
21627 kshitij.so 3982
}
3983
 
3984
.activity span {
32308 amit.gupta 3985
    float: left;
21627 kshitij.so 3986
}
3987
 
3988
.activity.alt span {
32308 amit.gupta 3989
    float: right;
21627 kshitij.so 3990
}
3991
 
3992
/*.activity span, .activity.alt span {
3993
 
3994
    width: 45px;
3995
 
3996
    height: 45px;
3997
 
3998
    line-height: 45px;
3999
 
4000
    border-radius: 50%;
4001
 
4002
    -webkit-border-radius: 50%;
4003
 
4004
    background: #eee;
4005
 
4006
    text-align: center;
4007
 
4008
    color: #fff;
4009
 
4010
    font-size: 16px;
4011
 
4012
}*/
4013
.activity.terques span {
32308 amit.gupta 4014
    background: #8dd7d6;
21627 kshitij.so 4015
}
4016
 
4017
.activity.terques h4 {
32308 amit.gupta 4018
    color: #8dd7d6;
21627 kshitij.so 4019
}
4020
 
4021
.activity.purple span {
32308 amit.gupta 4022
    background: #b984dc;
21627 kshitij.so 4023
}
4024
 
4025
.activity.purple h4 {
32308 amit.gupta 4026
    color: #b984dc;
21627 kshitij.so 4027
}
4028
 
4029
.activity.blue span {
32308 amit.gupta 4030
    background: #90b4e6;
21627 kshitij.so 4031
}
4032
 
4033
.activity.blue h4 {
32308 amit.gupta 4034
    color: #90b4e6;
21627 kshitij.so 4035
}
4036
 
4037
.activity.green span {
32308 amit.gupta 4038
    background: #4cd964;
21627 kshitij.so 4039
}
4040
 
4041
.activity.green h4 {
32308 amit.gupta 4042
    color: #4cd964;
21627 kshitij.so 4043
}
4044
 
4045
.activity h4 {
32308 amit.gupta 4046
    margin-top: 0;
4047
    font-size: 16px;
21627 kshitij.so 4048
}
4049
 
4050
.activity p {
32308 amit.gupta 4051
    margin-bottom: 0;
4052
    font-size: 13px;
21627 kshitij.so 4053
}
4054
 
4055
.activity .activity-desk i, .activity.alt .activity-desk i {
32308 amit.gupta 4056
    float: left;
4057
    font-size: 18px;
4058
    margin-right: 10px;
4059
    color: #bebebe;
21627 kshitij.so 4060
}
4061
 
4062
.activity .activity-desk {
32308 amit.gupta 4063
    margin-left: 70px;
4064
    position: relative;
21627 kshitij.so 4065
}
4066
 
4067
.activity.alt .activity-desk {
32308 amit.gupta 4068
    margin-right: 70px;
4069
    position: relative;
21627 kshitij.so 4070
}
4071
 
4072
.activity.alt .activity-desk .panel {
32308 amit.gupta 4073
    float: right;
4074
    position: relative;
4075
    border-radius: 10px;
4076
    -webkit-border-radius: 10px;
21627 kshitij.so 4077
}
4078
 
4079
.activity .activity-desk .panel {
32308 amit.gupta 4080
    background: #F4F4F4;
4081
    display: inline-block;
21627 kshitij.so 4082
}
4083
 
4084
.activity.alt .activity-desk .panel {
32308 amit.gupta 4085
    background: #688a7e;
4086
    color: #ffffff;
4087
    display: inline-block;
21627 kshitij.so 4088
}
4089
 
4090
.activity .activity-desk .arrow {
32308 amit.gupta 4091
    border-right: 8px solid #F4F4F4 !important;
21627 kshitij.so 4092
}
4093
 
4094
.activity .activity-desk .arrow {
32308 amit.gupta 4095
    border-bottom: 8px solid transparent;
4096
    border-top: 8px solid transparent;
4097
    display: block;
4098
    height: 0;
4099
    left: -7px;
4100
    position: absolute;
4101
    top: 13px;
4102
    width: 0;
21627 kshitij.so 4103
}
4104
 
4105
.activity-desk .arrow-alt {
32308 amit.gupta 4106
    border-left: 8px solid #688a7e !important;
21627 kshitij.so 4107
}
4108
 
4109
.activity-desk .arrow-alt {
32308 amit.gupta 4110
    border-bottom: 8px solid transparent;
4111
    border-top: 8px solid transparent;
4112
    display: block;
4113
    height: 0;
4114
    right: -7px;
4115
    position: absolute;
4116
    top: 13px;
4117
    width: 0;
21627 kshitij.so 4118
}
4119
 
4120
.activity-desk .album {
32308 amit.gupta 4121
    display: inline-block;
4122
    margin-top: 10px;
21627 kshitij.so 4123
}
4124
 
27531 amit.gupta 4125
.activity-desk .album a {
32308 amit.gupta 4126
    margin-right: 10px;
21627 kshitij.so 4127
}
4128
 
27531 amit.gupta 4129
.activity-desk .album a:last-child {
32308 amit.gupta 4130
    margin-right: 0px;
21627 kshitij.so 4131
}
4132
 
4133
/*invoice*/
27531 amit.gupta 4134
.invoice-list {
32308 amit.gupta 4135
    margin-bottom: 30px;
21627 kshitij.so 4136
}
4137
 
4138
.invoice-list h4 {
32308 amit.gupta 4139
    font-weight: 300;
4140
    font-size: 16px;
21627 kshitij.so 4141
}
4142
 
4143
.invoice-block {
32308 amit.gupta 4144
    text-align: right;
21627 kshitij.so 4145
}
4146
 
27531 amit.gupta 4147
.invoice-paid {
32308 amit.gupta 4148
    color: #4cd964;
21627 kshitij.so 4149
}
4150
 
4151
ul.amounts li {
32308 amit.gupta 4152
    background: #f5f5f5;
4153
    margin-bottom: 5px;
4154
    padding: 10px;
4155
    border-radius: 4px;
4156
    -webkit-border-radius: 4px;
4157
    font-weight: 300;
21627 kshitij.so 4158
}
4159
 
27531 amit.gupta 4160
.invoice-btn a {
32308 amit.gupta 4161
    font-weight: 300;
4162
    margin: 0 5px;
4163
    font-size: 16px;
21627 kshitij.so 4164
}
4165
 
4166
.company-logo {
32308 amit.gupta 4167
    margin: 30px;
21627 kshitij.so 4168
}
4169
 
4170
/*panel heading color*/
27531 amit.gupta 4171
.panel-heading, .modal-header {
32308 amit.gupta 4172
    background: #F7F7F7;
4173
    color: #688a7e;
21627 kshitij.so 4174
}
4175
 
27531 amit.gupta 4176
.panel-heading h3 {
32308 amit.gupta 4177
    margin: 0px !important;
21627 kshitij.so 4178
}
4179
 
32308 amit.gupta 4180
.panel-primary > .panel-heading.navyblue {
4181
    background-color: #2A3542;
4182
    border-color: #2A3542;
4183
    color: #FFFFFF;
21627 kshitij.so 4184
}
4185
 
4186
/*table*/
4187
.table-advance tr td {
32308 amit.gupta 4188
    vertical-align: middle !important;
21627 kshitij.so 4189
}
4190
 
4191
.no-border {
32308 amit.gupta 4192
    border-bottom: none;
21627 kshitij.so 4193
}
4194
 
27531 amit.gupta 4195
.dataTables_length, .dataTables_filter {
32308 amit.gupta 4196
    padding: 15px;
21627 kshitij.so 4197
}
4198
 
27531 amit.gupta 4199
.dataTables_info {
32308 amit.gupta 4200
    padding: 0 15px;
21627 kshitij.so 4201
}
4202
 
4203
.dataTables_filter {
32308 amit.gupta 4204
    float: right;
21627 kshitij.so 4205
}
4206
 
4207
.dataTables_length select {
32308 amit.gupta 4208
    width: 65px;
4209
    padding: 5px 8px;
21627 kshitij.so 4210
}
4211
 
4212
.dataTables_length label, .dataTables_filter label {
32308 amit.gupta 4213
    font-weight: 300;
21627 kshitij.so 4214
}
4215
 
4216
.dataTables_filter label {
32308 amit.gupta 4217
    width: 100%;
21627 kshitij.so 4218
}
4219
 
4220
.dataTables_filter label input {
32308 amit.gupta 4221
    width: 78%;
21627 kshitij.so 4222
}
4223
 
4224
.border-top {
32308 amit.gupta 4225
    border-top: 1px solid #ddd;
21627 kshitij.so 4226
}
4227
 
4228
.dataTables_paginate.paging_bootstrap.pagination li {
32308 amit.gupta 4229
    float: left;
4230
    margin: 0 1px;
4231
    border: 1px solid #ddd;
4232
    border-radius: 3px;
4233
    -webkit-border-radius: 3px;
21627 kshitij.so 4234
}
4235
 
27531 amit.gupta 4236
.dataTables_paginate.paging_bootstrap.pagination li.disabled a {
32308 amit.gupta 4237
    color: #c7c7c7;
21627 kshitij.so 4238
}
4239
 
27531 amit.gupta 4240
.dataTables_paginate.paging_bootstrap.pagination li a {
32308 amit.gupta 4241
    color: #797979;
4242
    padding: 5px 10px;
4243
    display: inline-block;
21627 kshitij.so 4244
}
4245
 
27531 amit.gupta 4246
.dataTables_paginate.paging_bootstrap.pagination li:hover a,
32308 amit.gupta 4247
.dataTables_paginate.paging_bootstrap.pagination li.active a {
4248
    color: #797979;
4249
    background: #eee;
4250
    border-radius: 3px;
4251
    -webkit-border-radius: 3px;
21627 kshitij.so 4252
}
4253
 
4254
.dataTables_paginate.paging_bootstrap.pagination {
32308 amit.gupta 4255
    float: right;
4256
    margin-right: 15px;
4257
    margin-top: -5px;
4258
    margin-bottom: 15px;
21627 kshitij.so 4259
}
4260
 
4261
.dataTable tr:last-child {
32308 amit.gupta 4262
    border-bottom: 1px solid #ddd;
21627 kshitij.so 4263
}
4264
 
4265
/*button*/
4266
.btn-row {
32308 amit.gupta 4267
    margin-bottom: 10px;
21627 kshitij.so 4268
}
4269
 
4270
/*tabs*/
4271
.tab-head {
32308 amit.gupta 4272
    background: #688a7e;
4273
    display: inline-block;
4274
    width: 100%;
4275
    margin-top: 60px;
21627 kshitij.so 4276
}
4277
 
4278
.tab-container {
32308 amit.gupta 4279
    margin-top: 10px;
21627 kshitij.so 4280
}
4281
 
32308 amit.gupta 4282
.tab-head .nav-tabs > li > a {
4283
    border-radius: 0;
4284
    margin-right: 1px;
4285
    color: #fff;
21627 kshitij.so 4286
}
4287
 
32308 amit.gupta 4288
.tab-head .nav-tabs > li.active > a, .tab-head .nav-tabs > li > a:hover,
4289
.tab-head .nav-tabs > li.active > a:hover, .tab-head .nav-tabs > li.active > a:focus {
4290
    background-color: #f1f2f7;
4291
    border-color: #f1f2f7;
4292
    color: #797979;
21627 kshitij.so 4293
}
4294
 
4295
/*general page*/
4296
.progress-xs {
32308 amit.gupta 4297
    height: 8px;
21627 kshitij.so 4298
}
4299
 
4300
.progress-sm {
32308 amit.gupta 4301
    height: 12px;
21627 kshitij.so 4302
}
4303
 
4304
.panel-heading .nav {
32308 amit.gupta 4305
    border: medium none;
4306
    font-size: 13px;
4307
    margin: -10px -15px -11px;
21627 kshitij.so 4308
}
4309
 
4310
.tab-bg-primary {
32308 amit.gupta 4311
    background: #688a7e;
4312
    border-bottom: none;
21627 kshitij.so 4313
}
4314
 
4315
.tab-bg-info {
32308 amit.gupta 4316
    background: #324c57;
4317
    border-bottom: none;
21627 kshitij.so 4318
}
4319
 
32308 amit.gupta 4320
.tab-bg-info.panel-heading .nav > li.active > a, .tab-bg-info.panel-heading .nav > li > a:hover {
4321
    color: #36464d;
21627 kshitij.so 4322
}
4323
 
27531 amit.gupta 4324
.tab-bg-info.panel-heading .nav {
32308 amit.gupta 4325
    margin: -10px 15px -11px;
21627 kshitij.so 4326
}
4327
 
32308 amit.gupta 4328
.panel-heading .nav > li > a, .panel-heading .nav > li.active > a,
4329
.panel-heading .nav > li.active > a:hover, .panel-heading .nav > li.active > a:focus {
4330
    border-width: 0;
4331
    border-radius: 0;
21627 kshitij.so 4332
}
4333
 
32308 amit.gupta 4334
.panel-heading .nav > li > a {
4335
    color: #fff;
21627 kshitij.so 4336
}
4337
 
32308 amit.gupta 4338
.panel-heading .nav > li.active > a, .panel-heading .nav > li > a:hover {
4339
    color: #688a7e;
4340
    background: #fff;
21627 kshitij.so 4341
}
4342
 
4343
.tab-right {
32308 amit.gupta 4344
    height: 38px;
21627 kshitij.so 4345
}
4346
 
32308 amit.gupta 4347
.panel-heading.tab-right .nav > li:first-child.active > a, .tab-right.panel-heading .nav > li:first-child > a:hover {
4348
    border-radius: 0;
4349
    -webkit-border-radius: 0;
21627 kshitij.so 4350
}
4351
 
32308 amit.gupta 4352
.panel-heading.tab-right .nav > li:last-child.active > a, .tab-right.panel-heading .nav > li:last-child > a:hover {
4353
    border-radius: 0 4px 0 0;
4354
    -webkit-border-radius: 0 4px 0 0;
21627 kshitij.so 4355
}
4356
 
32308 amit.gupta 4357
.panel-heading.tab-right .nav-tabs > li > a {
4358
    margin-left: 1px;
4359
    margin-right: 0px;
21627 kshitij.so 4360
}
4361
 
4362
.m-bot20 {
32308 amit.gupta 4363
    margin-bottom: 20px;
21627 kshitij.so 4364
}
4365
 
4366
.m-bot-none {
32308 amit.gupta 4367
    margin-bottom: 0;
21627 kshitij.so 4368
}
4369
 
4370
.wht-color {
32308 amit.gupta 4371
    color: #fff;
21627 kshitij.so 4372
}
4373
 
4374
.close-sm {
32308 amit.gupta 4375
    font-size: 14px;
21627 kshitij.so 4376
}
4377
 
4378
/*carousel*/
4379
.carousel-indicators li {
32308 amit.gupta 4380
    background: rgba(0, 0, 0, 0.2);
4381
    border: none;
4382
    transition: background-color 0.25s ease 0s;
4383
    -moz-transition: background-color 0.25s ease 0s;
4384
    -webkit-transition: background-color 0.25s ease 0s;
21627 kshitij.so 4385
}
4386
 
4387
.carousel-indicators .active {
32308 amit.gupta 4388
    background: #00a0df;
4389
    height: 10px;
4390
    margin: 1px;
4391
    width: 10px;
21627 kshitij.so 4392
}
4393
 
4394
.carousel-indicators.out {
32308 amit.gupta 4395
    bottom: -5px;
21627 kshitij.so 4396
}
4397
 
4398
.carousel-indicators.out {
32308 amit.gupta 4399
    bottom: -5px;
21627 kshitij.so 4400
}
4401
 
4402
.carousel-control {
32308 amit.gupta 4403
    color: #999999;
4404
    text-shadow: none;
4405
    width: 45px;
21627 kshitij.so 4406
}
4407
 
4408
.carousel-control i {
32308 amit.gupta 4409
    display: inline-block;
4410
    height: 25px;
4411
    left: 50%;
4412
    margin-left: -10px;
4413
    margin-top: -10px;
4414
    position: absolute;
4415
    top: 50%;
4416
    width: 20px;
4417
    z-index: 5;
21627 kshitij.so 4418
}
4419
 
4420
.carousel-control.left, .carousel-control.right {
32308 amit.gupta 4421
    background: none;
4422
    filter: none;
21627 kshitij.so 4423
}
4424
 
4425
.carousel-control:hover, .carousel-control:focus {
32308 amit.gupta 4426
    color: #CCCCCC;
4427
    opacity: 0.9;
4428
    text-decoration: none;
21627 kshitij.so 4429
}
4430
 
4431
.carousel-inner h3 {
32308 amit.gupta 4432
    font-weight: 300;
4433
    font-size: 16px;
4434
    margin: 0;
21627 kshitij.so 4435
}
4436
 
4437
.carousel-inner {
32308 amit.gupta 4438
    margin-bottom: 15px;
21627 kshitij.so 4439
}
4440
 
4441
/*gritter*/
4442
.gritter-close {
32308 amit.gupta 4443
    left: auto !important;
4444
    right: 3px !important;
21627 kshitij.so 4445
}
4446
 
4447
/*form*/
4448
.sm-input {
32308 amit.gupta 4449
    width: 175px;
21627 kshitij.so 4450
}
4451
 
4452
.form-horizontal .form-group {
32308 amit.gupta 4453
    border-bottom: 1px solid #eff2f7;
4454
    padding-bottom: 15px;
4455
    margin-bottom: 15px;
21627 kshitij.so 4456
}
4457
 
4458
.form-horizontal .form-group:last-child {
32308 amit.gupta 4459
    border-bottom: none;
4460
    padding-bottom: 0px;
4461
    margin-bottom: 0px;
21627 kshitij.so 4462
}
4463
 
4464
.form-horizontal .form-group .help-block {
32308 amit.gupta 4465
    margin-bottom: 0;
21627 kshitij.so 4466
}
4467
 
4468
.round-input {
32308 amit.gupta 4469
    border-radius: 500px;
4470
    -webkit-border-radius: 500px;
21627 kshitij.so 4471
}
4472
 
4473
.m-bot15 {
32308 amit.gupta 4474
    margin-bottom: 15px;
21627 kshitij.so 4475
}
4476
 
32308 amit.gupta 4477
.form-horizontal .checkbox-inline > input {
4478
    margin-top: 1px;
4479
    border: none;
21627 kshitij.so 4480
}
4481
 
4482
/*form validation*/
4483
.form-validate .form-group label.error {
32308 amit.gupta 4484
    display: inline;
4485
    margin: 5px 0;
4486
    color: #00a0df;
4487
    font-weight: 400;
21627 kshitij.so 4488
}
4489
 
27531 amit.gupta 4490
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus,
32308 amit.gupta 4491
.form-validate .form-group input.error, .form-validate .form-group textarea.error {
4492
    border-color: #00a0df !important;
21627 kshitij.so 4493
}
4494
 
4495
#register_form label.error {
32308 amit.gupta 4496
    display: inline;
4497
    margin: 5px 0px;
4498
    width: auto;
4499
    color: #00a0df;
21627 kshitij.so 4500
}
4501
 
27531 amit.gupta 4502
.checkbox, .checkbox:hover, .checkbox:focus {
32308 amit.gupta 4503
    border: none;
21627 kshitij.so 4504
}
4505
 
4506
/*slider*/
4507
table.sliders tr td {
32308 amit.gupta 4508
    padding: 30px 0;
4509
    border: none;
21627 kshitij.so 4510
}
4511
 
4512
.slider {
32308 amit.gupta 4513
    margin-top: 3px;
21627 kshitij.so 4514
}
4515
 
4516
.slider-info {
32308 amit.gupta 4517
    padding-top: 10px;
21627 kshitij.so 4518
}
4519
 
4520
.sliders .ui-widget-header {
32308 amit.gupta 4521
    background: #688a7e !important;
4522
    border-radius: 15px !important;
4523
    -webkit-border-radius: 15px !important;
21627 kshitij.so 4524
}
4525
 
4526
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
32308 amit.gupta 4527
    border-bottom-right-radius: 0 !important;
21627 kshitij.so 4528
}
4529
 
4530
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
32308 amit.gupta 4531
    border-bottom-left-radius: 0 !important;
21627 kshitij.so 4532
}
4533
 
4534
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
32308 amit.gupta 4535
    border-top-right-radius: 0 !important;
21627 kshitij.so 4536
}
4537
 
4538
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
32308 amit.gupta 4539
    border-top-left-radius: 0 !important;
21627 kshitij.so 4540
}
4541
 
4542
#eq span {
32308 amit.gupta 4543
    height: 120px;
4544
    float: left;
4545
    margin: 15px
21627 kshitij.so 4546
}
4547
 
4548
.ui-widget-content {
32308 amit.gupta 4549
    background: #f0f2f7 !important;
4550
    border: none !important;
4551
    border-radius: 15px !important;
4552
    -webkit-border-radius: 15px !important;
21627 kshitij.so 4553
}
4554
 
4555
.ui-slider-horizontal {
32308 amit.gupta 4556
    height: 8px !important;
21627 kshitij.so 4557
}
4558
 
4559
.ui-slider-horizontal .ui-slider-handle {
32308 amit.gupta 4560
    top: -0.57em !important;
21627 kshitij.so 4561
}
4562
 
27531 amit.gupta 4563
.ui-state-default, .ui-widget-content .ui-state-default,
32308 amit.gupta 4564
.ui-widget-header .ui-state-default {
4565
    background: #fff !important;
4566
    /*border: 3px solid #22bacf !important;*/
4567
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
4568
    border-radius: 50% !important;
4569
    -webkit-border-radius: 50% !important;
21627 kshitij.so 4570
}
4571
 
4572
.ui-slider-vertical {
32308 amit.gupta 4573
    width: 8px !important;
21627 kshitij.so 4574
}
4575
 
4576
.ui-slider-vertical .ui-slider-handle {
32308 amit.gupta 4577
    left: -0.5em !important;
21627 kshitij.so 4578
}
4579
 
4580
.ui-slider .ui-slider-handle {
32308 amit.gupta 4581
    cursor: default;
4582
    height: 1.6em;
4583
    position: absolute;
4584
    width: 1.6em;
4585
    z-index: 2;
21627 kshitij.so 4586
}
4587
 
4588
.bound-s {
32308 amit.gupta 4589
    width: 90px;
4590
    margin-bottom: 15px;
21627 kshitij.so 4591
}
4592
 
4593
/*----switch ----*/
4594
.has-switch {
32308 amit.gupta 4595
    border-radius: 30px;
4596
    -webkit-border-radius: 30px;
4597
    display: inline-block;
4598
    cursor: pointer;
4599
    line-height: 1.231;
4600
    overflow: hidden;
4601
    position: relative;
4602
    text-align: left;
4603
    width: 80px;
4604
    -webkit-mask: url('../img/mask.png') 0 0 no-repeat;
4605
    mask: url('../img/mask.png') 0 0 no-repeat;
4606
    -webkit-user-select: none;
4607
    -moz-user-select: none;
4608
    -ms-user-select: none;
4609
    -o-user-select: none;
4610
    user-select: none;
21627 kshitij.so 4611
}
4612
 
4613
.has-switch.deactivate {
32308 amit.gupta 4614
    opacity: 0.5;
4615
    filter: alpha(opacity=50);
4616
    cursor: default !important;
21627 kshitij.so 4617
}
4618
 
27531 amit.gupta 4619
.has-switch.deactivate label, .has-switch.deactivate span {
32308 amit.gupta 4620
    cursor: default !important;
21627 kshitij.so 4621
}
4622
 
32308 amit.gupta 4623
.has-switch > div {
4624
    width: 162%;
4625
    position: relative;
4626
    top: 0;
21627 kshitij.so 4627
}
4628
 
32308 amit.gupta 4629
.has-switch > div.switch-animate {
4630
    -webkit-transition: left 0.25s ease-out;
4631
    -moz-transition: left 0.25s ease-out;
4632
    -o-transition: left 0.25s ease-out;
4633
    transition: left 0.25s ease-out;
4634
    -webkit-backface-visibility: hidden;
21627 kshitij.so 4635
}
4636
 
32308 amit.gupta 4637
.has-switch > div.switch-off {
4638
    left: -63%;
21627 kshitij.so 4639
}
4640
 
32308 amit.gupta 4641
.has-switch > div.switch-off label {
4642
    background-color: #7f8c9a;
4643
    border-color: #bdc3c7;
4644
    -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
4645
    -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
4646
    box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
21627 kshitij.so 4647
}
4648
 
32308 amit.gupta 4649
.has-switch > div.switch-on {
4650
    left: 0%;
21627 kshitij.so 4651
}
4652
 
32308 amit.gupta 4653
.has-switch > div.switch-on label {
4654
    background-color: #34aadc;
21627 kshitij.so 4655
}
4656
 
4657
.has-switch input[type=checkbox] {
32308 amit.gupta 4658
    display: none;
21627 kshitij.so 4659
}
4660
 
4661
.has-switch span {
32308 amit.gupta 4662
    cursor: pointer;
4663
    font-size: 14.994px;
4664
    font-weight: 700;
4665
    float: left;
4666
    height: 29px;
4667
    line-height: 19px;
4668
    margin: 0;
4669
    padding-bottom: 6px;
4670
    padding-top: 5px;
4671
    position: relative;
4672
    text-align: center;
4673
    width: 50%;
4674
    z-index: 1;
4675
    -webkit-box-sizing: border-box;
4676
    -moz-box-sizing: border-box;
4677
    box-sizing: border-box;
4678
    -webkit-transition: 0.25s ease-out;
4679
    -moz-transition: 0.25s ease-out;
4680
    -o-transition: 0.25s ease-out;
4681
    transition: 0.25s ease-out;
4682
    -webkit-backface-visibility: hidden;
21627 kshitij.so 4683
}
4684
 
4685
.has-switch span.switch-left {
32308 amit.gupta 4686
    border-radius: 30px 0 0 30px;
4687
    background-color: #2A3542;
4688
    color: #34aadc;
4689
    border-left: 1px solid transparent;
21627 kshitij.so 4690
}
4691
 
4692
.has-switch span.switch-right {
32308 amit.gupta 4693
    border-radius: 0 30px 30px 0;
4694
    background-color: #bdc3c7;
4695
    color: #ffffff;
4696
    text-indent: 7px;
21627 kshitij.so 4697
}
4698
 
4699
.has-switch span.switch-right [class*="fui-"] {
32308 amit.gupta 4700
    text-indent: 0;
21627 kshitij.so 4701
}
4702
 
4703
.has-switch label {
32308 amit.gupta 4704
    border: 4px solid #2A3542;
4705
    border-radius: 50%;
4706
    -webkit-border-radius: 50%;
4707
    float: left;
4708
    height: 29px;
4709
    margin: 0 -21px 0 -14px;
4710
    padding: 0;
4711
    position: relative;
4712
    vertical-align: middle;
4713
    width: 29px;
4714
    z-index: 100;
4715
    -webkit-transition: 0.25s ease-out;
4716
    -moz-transition: 0.25s ease-out;
4717
    -o-transition: 0.25s ease-out;
4718
    transition: 0.25s ease-out;
4719
    -webkit-backface-visibility: hidden;
21627 kshitij.so 4720
}
4721
 
4722
.switch-square {
32308 amit.gupta 4723
    border-radius: 6px;
4724
    -webkit-border-radius: 6px;
4725
    -webkit-mask: url('../img/mask.png') 0 0 no-repeat;
4726
    mask: url('../img/mask.png') 0 0 no-repeat;
21627 kshitij.so 4727
}
4728
 
32308 amit.gupta 4729
.switch-square > div.switch-off label {
4730
    border-color: #7f8c9a;
4731
    border-radius: 6px 0 0 6px;
21627 kshitij.so 4732
}
4733
 
4734
.switch-square span.switch-left {
32308 amit.gupta 4735
    border-radius: 6px 0 0 6px;
21627 kshitij.so 4736
}
4737
 
4738
.switch-square span.switch-left [class*="fui-"] {
32308 amit.gupta 4739
    text-indent: -10px;
21627 kshitij.so 4740
}
4741
 
4742
.switch-square span.switch-right {
32308 amit.gupta 4743
    border-radius: 0 6px 6px 0;
21627 kshitij.so 4744
}
4745
 
4746
.switch-square span.switch-right [class*="fui-"] {
32308 amit.gupta 4747
    text-indent: 5px;
21627 kshitij.so 4748
}
4749
 
4750
.switch-square label {
32308 amit.gupta 4751
    border-radius: 0 6px 6px 0;
4752
    border-color: #34aadc;
21627 kshitij.so 4753
}
4754
 
4755
/*tag input*/
4756
.tagsinput {
32308 amit.gupta 4757
    border: 1px solid #e3e6ed;
4758
    border-radius: 6px;
4759
    height: 100px;
4760
    padding: 6px 1px 1px 6px;
4761
    overflow-y: auto;
4762
    text-align: left;
21627 kshitij.so 4763
}
4764
 
4765
.tagsinput .tag {
32308 amit.gupta 4766
    border-radius: 4px;
4767
    background-color: #688a7e;
4768
    color: #ffffff;
4769
    cursor: pointer;
4770
    margin-right: 5px;
4771
    margin-bottom: 5px;
4772
    overflow: hidden;
4773
    line-height: 15px;
4774
    padding: 6px 13px 8px 19px;
4775
    position: relative;
4776
    vertical-align: middle;
4777
    display: inline-block;
4778
    zoom: 1;
4779
    *display: inline;
4780
    -webkit-transition: 0.14s linear;
4781
    -moz-transition: 0.14s linear;
4782
    -o-transition: 0.14s linear;
4783
    transition: 0.14s linear;
4784
    -webkit-backface-visibility: hidden;
21627 kshitij.so 4785
}
4786
 
4787
.tagsinput .tag:hover {
32308 amit.gupta 4788
    background-color: rgba(0, 122, 255, 0.7);
4789
    color: #ffffff;
4790
    padding-left: 12px;
4791
    padding-right: 20px;
21627 kshitij.so 4792
}
4793
 
4794
.tagsinput .tag:hover .tagsinput-remove-link {
32308 amit.gupta 4795
    color: #ffffff;
4796
    opacity: 1;
4797
    display: block \9;
21627 kshitij.so 4798
}
4799
 
4800
.tagsinput input {
32308 amit.gupta 4801
    background: transparent;
4802
    border: none;
4803
    color: #34495e;
4804
    font-family: "Lato", sans-serif;
4805
    font-size: 14px;
4806
    margin: 0px;
4807
    padding: 0 0 0 5px;
4808
    outline: 0;
4809
    margin-right: 5px;
4810
    margin-bottom: 5px;
4811
    width: 12px;
21627 kshitij.so 4812
}
4813
 
4814
.tagsinput-remove-link {
32308 amit.gupta 4815
    bottom: 0;
4816
    color: #ffffff;
4817
    cursor: pointer;
4818
    font-size: 12px;
4819
    opacity: 0;
4820
    padding: 7px 7px 5px 0;
4821
    position: absolute;
4822
    right: 0;
4823
    text-align: right;
4824
    text-decoration: none;
4825
    top: 0;
4826
    width: 100%;
4827
    z-index: 2;
4828
    display: none \9;
21627 kshitij.so 4829
}
4830
 
4831
.tagsinput-remove-link:before {
32308 amit.gupta 4832
    color: #ffffff;
4833
    content: "\f00d";
4834
    font-family: "FontAwesome";
21627 kshitij.so 4835
}
4836
 
4837
.tagsinput-add-container {
32308 amit.gupta 4838
    vertical-align: middle;
4839
    display: inline-block;
4840
    zoom: 1;
4841
    *display: inline;
21627 kshitij.so 4842
}
4843
 
4844
.tagsinput-add {
32308 amit.gupta 4845
    background-color: #d6dbdf;
4846
    border-radius: 3px;
4847
    color: #ffffff;
4848
    cursor: pointer;
4849
    margin-bottom: 5px;
4850
    padding: 6px 9px;
4851
    display: inline-block;
4852
    zoom: 1;
4853
    *display: inline;
4854
    -webkit-transition: 0.25s;
4855
    -moz-transition: 0.25s;
4856
    -o-transition: 0.25s;
4857
    transition: 0.25s;
4858
    -webkit-backface-visibility: hidden;
21627 kshitij.so 4859
}
4860
 
4861
.tagsinput-add:hover {
32308 amit.gupta 4862
    background-color: #688a7e;
21627 kshitij.so 4863
}
4864
 
4865
.tagsinput-add:before {
32308 amit.gupta 4866
    content: "\f067";
4867
    font-family: "FontAwesome";
21627 kshitij.so 4868
}
4869
 
4870
.tags_clear {
32308 amit.gupta 4871
    clear: both;
4872
    width: 100%;
4873
    height: 0px;
21627 kshitij.so 4874
}
4875
 
4876
/*checkbox & radio style*/
4877
.checkboxes label, .radios label {
32308 amit.gupta 4878
    display: block;
4879
    cursor: pointer;
4880
    line-height: 20px;
4881
    padding-bottom: 7px;
4882
    font-weight: 300;
21627 kshitij.so 4883
}
4884
 
4885
.radios {
32308 amit.gupta 4886
    padding-top: 18px;
21627 kshitij.so 4887
}
4888
 
27531 amit.gupta 4889
.label_check input, .label_radio input {
32308 amit.gupta 4890
    margin-right: 5px;
21627 kshitij.so 4891
}
4892
 
27531 amit.gupta 4893
.has-js .label_check, .has-js .label_radio {
32308 amit.gupta 4894
    padding-left: 34px;
21627 kshitij.so 4895
}
4896
 
4897
.has-js .label_radio {
32308 amit.gupta 4898
    background: url(../img/checkbox/radio-off.png) no-repeat;
21627 kshitij.so 4899
}
4900
 
4901
.has-js .label_check {
32308 amit.gupta 4902
    background: url(../img/checkbox/check-off.png) no-repeat;
21627 kshitij.so 4903
}
4904
 
4905
.has-js label.c_on {
32308 amit.gupta 4906
    background: url(../img/checkbox/check-on.png) no-repeat;
21627 kshitij.so 4907
}
4908
 
4909
.has-js label.r_on {
32308 amit.gupta 4910
    background: url(../img/checkbox/radio-on.png) no-repeat;
21627 kshitij.so 4911
}
4912
 
27531 amit.gupta 4913
.has-js .label_check input, .has-js .label_radio input {
32308 amit.gupta 4914
    position: absolute;
4915
    left: -9999px;
21627 kshitij.so 4916
}
4917
 
4918
/*date picker*/
4919
.add-on {
32308 amit.gupta 4920
    border: 1px solid #E2E2E4;
4921
    border-radius: 4px;
4922
    -webkit-border-radius: 4px;
4923
    float: right;
4924
    margin-right: -37px;
4925
    margin-top: -34px;
4926
    padding: 8px;
4927
    text-align: center;
4928
    background: #EEEEEE;
21627 kshitij.so 4929
}
4930
 
23026 ashik.ali 4931
/* .daterangepicker .ranges .range_inputs > div:nth-child(2) {
21627 kshitij.so 4932
 
4933
    margin-bottom: 10px;
4934
 
4935
    padding-left: 0px;
4936
 
32308 amit.gupta 4937
}
21627 kshitij.so 4938
 
4939
 
4940
 
4941
.daterangepicker .ranges label {
4942
 
4943
    padding-bottom: 0;
4944
 
4945
    padding-top: 8px;
4946
 
4947
}
4948
 
4949
 
4950
 
4951
 
4952
 
4953
.daterangepicker td.active, .daterangepicker td.active:hover,
4954
 
4955
.datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active.active:hover, .datepicker td.active.disabled, .datepicker td.active.disabled:hover, .datepicker td.active[disabled], .datepicker td.active[disabled]:hover,
4956
 
4957
.datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled]{
4958
 
4959
    background: #688a7e;
4960
 
4961
}
4962
 
4963
 
4964
 
23026 ashik.ali 4965
 .daterangepicker .calendar th, .daterangepicker .calendar td {
21627 kshitij.so 4966
 
4967
    font-family: 'Lato', sans-serif;
4968
 
4969
    font-weight: 300;
4970
 
4971
    text-align: center;
4972
 
4973
    white-space: nowrap;
4974
 
32308 amit.gupta 4975
}
21627 kshitij.so 4976
 
4977
 
4978
 
4979
.daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active, .datepicker td.active:hover, .datepicker td span.active {
4980
 
4981
    text-shadow: none;
4982
 
32308 amit.gupta 4983
}
21627 kshitij.so 4984
 
4985
 
4986
 
4987
.datepicker th.switch {
4988
 
4989
    width: 125px;
4990
 
4991
}
4992
 
4993
 
4994
 
4995
.datepicker td span {
4996
 
4997
    height: 40px;
4998
 
4999
    line-height: 40px;
5000
 
23026 ashik.ali 5001
} */
21627 kshitij.so 5002
 
5003
/*ck editor*/
5004
.cke_top, .cke_bottom {
32308 amit.gupta 5005
    background: #F5F5F5 !important;
5006
    background: -moz-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
5007
    background: -webkit-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
5008
    background: -o-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
5009
    box-shadow: none;
5010
    padding: 6px 8px 2px;
21627 kshitij.so 5011
}
5012
 
5013
.cke_top {
32308 amit.gupta 5014
    border-bottom: 1px solid #cccccc !important;
21627 kshitij.so 5015
}
5016
 
5017
.cke_chrome {
32308 amit.gupta 5018
    border: 1px solid #cccccc !important;
5019
    box-shadow: none !important;
5020
    display: block;
5021
    padding: 0;
21627 kshitij.so 5022
}
5023
 
5024
/*form wizard*/
5025
.stepy-tab {
32308 amit.gupta 5026
    text-align: center;
21627 kshitij.so 5027
}
5028
 
27531 amit.gupta 5029
.stepy-tab ul {
32308 amit.gupta 5030
    display: inline-block;
21627 kshitij.so 5031
}
5032
 
5033
.stepy-tab ul li {
32308 amit.gupta 5034
    float: left;
21627 kshitij.so 5035
}
5036
 
5037
.step legend {
32308 amit.gupta 5038
    border: none;
21627 kshitij.so 5039
}
5040
 
5041
.button-back {
32308 amit.gupta 5042
    float: left;
21627 kshitij.so 5043
}
5044
 
5045
.button-next, .finish {
32308 amit.gupta 5046
    float: right;
21627 kshitij.so 5047
}
5048
 
5049
.button-back, .button-next, .finish {
32308 amit.gupta 5050
    cursor: pointer;
5051
    text-decoration: none;
21627 kshitij.so 5052
}
5053
 
5054
.step {
32308 amit.gupta 5055
    clear: left;
21627 kshitij.so 5056
}
5057
 
5058
.step label {
32308 amit.gupta 5059
    display: block;
21627 kshitij.so 5060
}
5061
 
5062
.stepy-titles li {
32308 amit.gupta 5063
    color: #757575;
5064
    cursor: pointer;
5065
    float: left;
5066
    margin: 10px 15px;
27531 amit.gupta 5067
}
21627 kshitij.so 5068
 
27531 amit.gupta 5069
.stepy-titles li span {
32308 amit.gupta 5070
    display: block;
21627 kshitij.so 5071
}
5072
 
5073
.stepy-titles li.current-step div {
32308 amit.gupta 5074
    color: #fff;
5075
    cursor: auto;
5076
    background: #688a7e;
5077
    border-radius: 50%;
5078
    -webkit-border-radius: 50%;
5079
    width: 80px;
5080
    height: 80px;
5081
    line-height: 80px;
21627 kshitij.so 5082
}
5083
 
27531 amit.gupta 5084
.stepy-titles li div {
32308 amit.gupta 5085
    font-size: 16px;
5086
    font-weight: 300;
5087
    background: #eee;
5088
    border-radius: 50%;
5089
    -webkit-border-radius: 50%;
5090
    width: 80px;
5091
    height: 80px;
5092
    line-height: 80px;
21627 kshitij.so 5093
}
5094
 
5095
/*widget*/
5096
.user-heading.alt {
32308 amit.gupta 5097
    display: inline-block;
5098
    width: 100%;
5099
    text-align: left;
21627 kshitij.so 5100
}
5101
 
5102
.alt.green-bg {
32308 amit.gupta 5103
    background: #4cd964;
21627 kshitij.so 5104
}
5105
 
32308 amit.gupta 5106
.profile-nav.alt.green-border ul > li > a:hover, .profile-nav.alt.green-border ul > li > a:focus,
5107
.profile-nav.alt.green-border ul li.active a {
5108
    border-left: 5px solid #4cd964;
21627 kshitij.so 5109
}
5110
 
5111
.user-heading.alt a {
32308 amit.gupta 5112
    float: left;
5113
    margin-right: 15px;
5114
    margin-left: -10px;
5115
    display: inline-block;
5116
    border: 5px solid rgba(255, 255, 255, 0.3);
5117
    border-radius: 50%;
5118
    -webkit-border-radius: 50%;
21627 kshitij.so 5119
}
5120
 
27531 amit.gupta 5121
.user-heading.alt a img {
32308 amit.gupta 5122
    width: 100px;
5123
    height: 100px;
5124
    border-radius: 50%;
5125
    -webkit-border-radius: 50%;
21627 kshitij.so 5126
}
5127
 
5128
.twt-feed {
32308 amit.gupta 5129
    border-radius: 4px 4px 0 0;
5130
    -webkit-border-radius: 4px 4px 0 0;
5131
    color: #FFFFFF;
5132
    padding: 10px;
5133
    position: relative;
5134
    text-align: center;
21627 kshitij.so 5135
}
5136
 
5137
.twt-feed.blue-bg {
32308 amit.gupta 5138
    background: #00a0df;
21627 kshitij.so 5139
}
5140
 
5141
.twt-feed h1 {
32308 amit.gupta 5142
    font-size: 22px;
5143
    font-weight: 300;
5144
    margin-bottom: 5px;
21627 kshitij.so 5145
}
5146
 
27531 amit.gupta 5147
.twt-feed a {
32308 amit.gupta 5148
    border: 8px solid #fff;
5149
    border-radius: 50%;
5150
    -webit-border-radius: 50%;
5151
    display: inline-block;
5152
    margin-bottom: -55px;
21627 kshitij.so 5153
}
5154
 
5155
.twt-feed a img {
32308 amit.gupta 5156
    height: 112px;
5157
    width: 112px;
5158
    border-radius: 50%;
5159
    -webit-border-radius: 50%;
21627 kshitij.so 5160
}
5161
 
5162
.twt-category {
32308 amit.gupta 5163
    display: inline-block;
5164
    margin-bottom: 11px;
5165
    margin-top: 55px;
5166
    width: 100%;
21627 kshitij.so 5167
}
5168
 
27531 amit.gupta 5169
.profile-widget-data {
32308 amit.gupta 5170
    display: inline-block;
5171
    margin-bottom: 10px;
5172
    margin-top: 15px;
5173
    width: 100%;
21627 kshitij.so 5174
}
5175
 
32308 amit.gupta 5176
.twt-category ul li, .profile-widget-data ul li, .profile-nav ul > li {
5177
    color: #89817f;
5178
    font-size: 13px;
5179
    border-bottom: none;
21627 kshitij.so 5180
}
5181
 
27531 amit.gupta 5182
.twt-category h5 {
32308 amit.gupta 5183
    font-size: 20px;
5184
    font-weight: 300;
21627 kshitij.so 5185
}
5186
 
5187
.twt-write .t-text-area {
32308 amit.gupta 5188
    border: 1px solid #eeeeee;
5189
    border-radius: 0;
21627 kshitij.so 5190
}
5191
 
5192
.twt-footer {
32308 amit.gupta 5193
    padding: 10px 15px;
21627 kshitij.so 5194
}
5195
 
5196
.btn-space {
32308 amit.gupta 5197
    padding-left: 11.6%;
5198
    padding-right: 11%;
21627 kshitij.so 5199
}
5200
 
5201
.p-head {
32308 amit.gupta 5202
    color: #f77b6f;
5203
    font-weight: 400;
5204
    font-size: 14px;
21627 kshitij.so 5205
}
5206
 
5207
.cmt-head {
32308 amit.gupta 5208
    font-weight: 400;
5209
    font-size: 13px;
21627 kshitij.so 5210
}
5211
 
5212
.p-thumb img {
32308 amit.gupta 5213
    width: 50px;
5214
    border-radius: 3px;
5215
    -webkit-border-radius: 3px;
21627 kshitij.so 5216
}
5217
 
5218
.tasi-tab .media-body p {
32308 amit.gupta 5219
    /*color: #b8bac6;*/
5220
 
21627 kshitij.so 5221
}
5222
 
5223
/*Timeline chat*/
5224
.chat-form {
32308 amit.gupta 5225
    margin-top: 25px;
5226
    clear: both;
21627 kshitij.so 5227
}
5228
 
5229
.chat-form .input-cont {
32308 amit.gupta 5230
    margin-bottom: 10px;
21627 kshitij.so 5231
}
5232
 
5233
.chat-form .input-cont input {
32308 amit.gupta 5234
    margin-bottom: 0px;
21627 kshitij.so 5235
}
5236
 
27531 amit.gupta 5237
.chat-form .input-cont input {
32308 amit.gupta 5238
    border: 1px solid #d3d3d3 !important;
5239
    margin-top: 0;
5240
    min-height: 45px;
21627 kshitij.so 5241
}
5242
 
5243
.chat-form .input-cont input {
32308 amit.gupta 5244
    background-color: #fff !important;
21627 kshitij.so 5245
}
5246
 
5247
.chat-features a {
32308 amit.gupta 5248
    margin-left: 10px;
21627 kshitij.so 5249
}
5250
 
27531 amit.gupta 5251
.chat-features a i {
32308 amit.gupta 5252
    color: #d0d0d0;
21627 kshitij.so 5253
}
5254
 
5255
.profile-activity:before {
32308 amit.gupta 5256
    background: rgba(0, 0, 0, 0.1);
5257
    bottom: 0;
5258
    top: 0;
5259
    width: 2px;
21627 kshitij.so 5260
}
5261
 
5262
/*.profile-activity:before, .act-time:before, .act-time .text:before {
5263
 
5264
    content: "";
5265
 
5266
    left: 60px;
5267
 
5268
    position: absolute;
5269
 
5270
    top: -2px;
5271
 
5272
}*/
27531 amit.gupta 5273
.profile-activity, .act-time, .profile-activity .act-in,
32308 amit.gupta 5274
.profile-activity .act-out {
5275
    position: relative;
21627 kshitij.so 5276
}
5277
 
32308 amit.gupta 5278
.profile-activity .act-in .arrow {
5279
    /*border-right: 8px solid #F4F4F4 !important;*/
5280
 
21627 kshitij.so 5281
}
5282
 
5283
.profile-activity .act-in .arrow {
32308 amit.gupta 5284
    border-bottom: 8px solid transparent;
5285
    border-top: 8px solid transparent;
5286
    display: block;
5287
    height: 0;
5288
    left: -8px;
5289
    position: absolute;
5290
    top: 13px;
5291
    width: 0;
21627 kshitij.so 5292
}
5293
 
32308 amit.gupta 5294
.profile-activity .act-out .arrow {
5295
    /*border-right: 8px solid #34aadc !important;*/
5296
 
21627 kshitij.so 5297
}
5298
 
5299
.profile-activity .act-out .arrow {
32308 amit.gupta 5300
    border-bottom: 8px solid transparent;
5301
    border-top: 8px solid transparent;
5302
    display: block;
5303
    height: 0;
5304
    left: -8px;
5305
    position: absolute;
5306
    top: 13px;
5307
    width: 0;
21627 kshitij.so 5308
}
5309
 
5310
.act-time:first-child:before {
32308 amit.gupta 5311
    margin-top: 16px;
21627 kshitij.so 5312
}
5313
 
5314
.act-time:before {
32308 amit.gupta 5315
    background: #CCCCCC;
5316
    border: 2px solid #FAFAFA;
5317
    border-radius: 100px;
5318
    -moz-border-radius: 100px;
5319
    -webkit-border-radius: 100px;
5320
    height: 14px;
5321
    margin: 23px 0 0 -6px;
5322
    width: 14px;
21627 kshitij.so 5323
}
5324
 
5325
.act-time:hover:before {
32308 amit.gupta 5326
    background: #34aadc;
21627 kshitij.so 5327
}
5328
 
5329
.act-time:first-child {
32308 amit.gupta 5330
    padding-top: 0;
21627 kshitij.so 5331
}
5332
 
5333
.activity-img {
32308 amit.gupta 5334
    float: left;
5335
    margin-right: 30px;
5336
    overflow: hidden;
21627 kshitij.so 5337
}
5338
 
5339
.activity-img img {
32308 amit.gupta 5340
    display: block;
5341
    height: 44px;
5342
    width: 44px;
21627 kshitij.so 5343
}
5344
 
5345
.activity-body {
32308 amit.gupta 5346
    /*margin-left: 80px;*/
5347
 
21627 kshitij.so 5348
}
5349
 
5350
.act-time .act-in .text {
32308 amit.gupta 5351
    border: 1px solid #e3e6ed;
5352
    padding: 10px;
5353
    border-radius: 4px;
5354
    -webkit-border-radius: 4px;
21627 kshitij.so 5355
}
5356
 
5357
.act-time .act-out .text {
32308 amit.gupta 5358
    border: 1px solid #e3e6ed;
5359
    padding: 10px;
5360
    border-radius: 4px;
5361
    -webkit-border-radius: 4px;
21627 kshitij.so 5362
}
5363
 
5364
.act-time p {
32308 amit.gupta 5365
    margin: 0;
21627 kshitij.so 5366
}
5367
 
5368
.act-time .attribution {
32308 amit.gupta 5369
    font-size: 11px;
5370
    margin: 0px 0 5px;
21627 kshitij.so 5371
}
5372
 
5373
.act-time {
32308 amit.gupta 5374
    overflow: hidden;
5375
    padding: 8px 0;
21627 kshitij.so 5376
}
5377
 
27531 amit.gupta 5378
.act-in a, .act-in a:hover {
32308 amit.gupta 5379
    color: #b64c4c;
5380
    text-decoration: none;
5381
    border-radius: 50%;
5382
    -webkit-border-radius: 50%;
5383
    margin-right: 10px;
5384
    font-weight: 400;
5385
    font-size: 13px;
21627 kshitij.so 5386
}
5387
 
27531 amit.gupta 5388
.act-out a, .act-out a:hover {
32308 amit.gupta 5389
    color: #288f98;
5390
    text-decoration: none;
5391
    border-radius: 4px;
5392
    -webkit-border-radius: 4px;
5393
    margin-right: 10px;
5394
    font-weight: 400;
5395
    font-size: 13px;
21627 kshitij.so 5396
}
5397
 
5398
.messages-wrapper {
32308 amit.gupta 5399
    position: relative;
21627 kshitij.so 5400
}
5401
 
5402
.message {
32308 amit.gupta 5403
    border-radius: 20px 20px 20px 20px;
5404
    margin: 0 15px 10px;
5405
    padding: 5px 20px;
5406
    position: relative;
21627 kshitij.so 5407
}
5408
 
5409
.message.to {
32308 amit.gupta 5410
    background-color: #2095FE;
5411
    color: #fff;
5412
    margin-left: 80px;
21627 kshitij.so 5413
}
5414
 
5415
.message.from {
32308 amit.gupta 5416
    background-color: #E5E4E9;
5417
    color: #363636;
5418
    margin-right: 80px;
21627 kshitij.so 5419
}
5420
 
32308 amit.gupta 5421
.message.to + .message.to, .message.from + .message.from {
5422
    margin-top: -7px;
21627 kshitij.so 5423
}
5424
 
5425
.message:before {
32308 amit.gupta 5426
    border-color: #2095FE;
5427
    border-radius: 50% 50% 50% 50%;
5428
    border-style: solid;
5429
    border-width: 0 20px;
5430
    bottom: 0;
5431
    clip: rect(20px, 35px, 42px, 0px);
5432
    content: " ";
5433
    height: 40px;
5434
    position: absolute;
5435
    right: -50px;
5436
    width: 30px;
5437
    z-index: -1;
21627 kshitij.so 5438
}
5439
 
5440
.message.from:before {
32308 amit.gupta 5441
    border-color: #E5E4E9;
5442
    left: -50px;
5443
    -webkit-transform: rotateY(180deg);
5444
    -moz-transform: rotateY(180deg);
5445
    transform: rotateY(180deg);
21627 kshitij.so 5446
}
5447
 
5448
/*custom select*/
5449
span.customSelect {
32308 amit.gupta 5450
    font-size: 12px;
5451
    background-color: #ffffff;
5452
    padding: 10px;
5453
    border: 1px solid #EAEAEA;
5454
    -moz-border-radius: 4px;
5455
    -webkit-border-radius: 4px;
5456
    border-radius: 4px;
5457
    color: #A4AABA;
27531 amit.gupta 5458
}
21627 kshitij.so 5459
 
27531 amit.gupta 5460
span.customSelect.changed {
32308 amit.gupta 5461
    background-color: #fff;
27531 amit.gupta 5462
}
21627 kshitij.so 5463
 
27531 amit.gupta 5464
.customSelectInner {
32308 amit.gupta 5465
    background: url(../img/customSelect-arrow.gif) no-repeat center right;
27531 amit.gupta 5466
}
21627 kshitij.so 5467
 
27531 amit.gupta 5468
.avatar-custom {
32308 amit.gupta 5469
    width: 32px;
5470
    height: 32px;
27531 amit.gupta 5471
}
21627 kshitij.so 5472
 
27531 amit.gupta 5473
.equal {
32308 amit.gupta 5474
    display: flex;
5475
    display: -webkit-flex;
5476
    flex-wrap: wrap;
27531 amit.gupta 5477
}
21627 kshitij.so 5478
 
27531 amit.gupta 5479
.float {
32308 amit.gupta 5480
    position: fixed;
5481
    width: 60px;
5482
    height: 60px;
5483
    bottom: 40px;
5484
    right: 40px;
5485
    background-color: #0C9;
5486
    color: #FFF;
5487
    border-radius: 50px;
5488
    text-align: center;
5489
    box-shadow: 2px 2px 3px #999;
27531 amit.gupta 5490
}
21627 kshitij.so 5491
 
27531 amit.gupta 5492
.my-float {
32308 amit.gupta 5493
    margin-top: 22px;
21627 kshitij.so 5494
}
5495
 
27531 amit.gupta 5496
i.square-bordered {
32308 amit.gupta 5497
    cursor: pointer;
5498
    font-size: 17px;
5499
    width: 27px;
5500
    height: 27px;
5501
    margin: 0px;
5502
    color: rgba(255, 255, 255, 0.75);
5503
    line-height: initial;
5504
    text-align: center;
5505
    float: none;
5506
    padding: 0px;
5507
    margin: auto;
5508
    line-height: 27px;
5509
    border: 1px solid #a6a6a6;
21627 kshitij.so 5510
}
5511
 
27531 amit.gupta 5512
.multi-wrapper .item {
32308 amit.gupta 5513
    border-bottom: 1px solid #efefef;
21627 kshitij.so 5514
}
5515
 
29784 amit.gupta 5516
.select, .chosen-select, .chosen-select-no-single,
32308 amit.gupta 5517
.chosen-select-no-results, .chosen-select-deselect, .chosen-select-rtl,
5518
.chosen-select-width {
5519
    width: 100%;
21627 kshitij.so 5520
}
5521
 
27531 amit.gupta 5522
.select2-selection__choice__remove {
32308 amit.gupta 5523
    float: right;
5524
    margin-left: 5px /* I added to separate a little bit */
5525
}
5526
 
5527
.btn-watch-video {
5528
    line-height: 32px;
5529
    height: 40px;
5530
    border-radius: 22px;
5531
    display: inline-block;
5532
    background: rgba(0, 0, 0, 0.4);
5533
    color: white;
5534
    text-decoration: none;
5535
    padding: 4px 46px 5px 20px;
5536
    position: relative;
5537
    box-sizing: border-box;
5538
    text-transform: uppercase;
5539
    font-size: 14px;
5540
    font-weight: bold;
5541
    letter-spacing: 1px;
5542
    transition: all 200ms ease-in;
5543
}
5544
 
5545
.btn-watch-video .fa {
5546
    width: 32px;
5547
    height: 32px;
5548
    line-height: 32px;
5549
    text-align: center;
5550
    border-radius: 50%;
5551
    border: solid 1px white;
5552
    position: absolute;
5553
    top: 3px;
5554
    right: 4px;
5555
    text-indent: 4px;
5556
}
5557
 
5558
.btn-watch-video:hover {
5559
    padding-right: 50px;
5560
    padding-left: 24px;
32330 amit.gupta 5561
}
5562
 
5563
.dropdown-menu.typeadhead {
5564
    max-height: 250px;
5565
    overflow-y: auto;
29784 amit.gupta 5566
}