Subversion Repositories SmartDukaan

Rev

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

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