Subversion Repositories SmartDukaan

Rev

Rev 33734 | Details | Compare with Previous | Last modification | View Log | RSS feed

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