Subversion Repositories SmartDukaan

Rev

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