Subversion Repositories SmartDukaan

Rev

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