Subversion Repositories SmartDukaan

Rev

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