← Back to branch summary

~xibo-maintainers/xibo/tempel

« back to all changes in this revision

Viewing changes to web/theme/default/css/xibo.css

  • Committer: Dan Garner
  • Date: 2015-03-26 14:08:33 UTC
  • Revision ID: git-v1:70d14044444f8dc5d602b99890d59dea46d9470c
Moved web servable files to web folder

Show diffs side-by-side

added added

removed removed

Lines of Context:
web/theme/default/css/xibo.css
16
16
 *
17
17
 * You should have received a copy of the GNU Affero General Public License
18
18
 * along with Xibo.  If not, see <http://www.gnu.org/licenses/>.
19
 
 */
 
19
 */ 
20
20
 
21
21
.xibo-logo {
22
22
    height: 40px;
30
30
    background-color: #fff;
31
31
    border: 1px solid #e5e5e5;
32
32
    -webkit-border-radius: 5px;
33
 
    -moz-border-radius: 5px;
34
 
    border-radius: 5px;
35
 
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
36
 
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
37
 
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
38
 
}
39
 
 
40
 
.form-signin .form-signin-heading,
41
 
.form-signin .checkbox {
 
33
       -moz-border-radius: 5px;
 
34
            border-radius: 5px;
 
35
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
 
36
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
 
37
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
 
38
  }
 
39
  .form-signin .form-signin-heading,
 
40
  .form-signin .checkbox {
42
41
    margin-bottom: 10px;
43
 
}
44
 
 
45
 
.form-signin input[type="text"],
46
 
.form-signin input[type="password"] {
 
42
  }
 
43
  .form-signin input[type="text"],
 
44
  .form-signin input[type="password"] {
47
45
    font-size: 16px;
48
46
    height: auto;
49
47
    margin-bottom: 15px;
50
48
    padding: 7px 9px;
51
 
}
 
49
  }
52
50
 
53
51
.modal-dialog {
54
52
    width: 900px
56
54
 
57
55
/* Define some modal widths and heights */
58
56
.modal-big .modal-dialog {
59
 
    width: 80%;
 
57
    width:80%;
60
58
}
61
59
 
62
60
/* Define some modal widths and heights */
79
77
 
80
78
/* Some small tweaks for the validation plugin to work nicely with bootstrap */
81
79
span.error {
82
 
    font-weight: bold;
83
 
    color: red;
 
80
  font-weight: bold;
 
81
  color: red;
84
82
}
85
83
 
86
84
/* Layout Jump List */
90
88
    min-width: 150px;
91
89
    right: 5px;
92
90
    bottom: 5px;
93
 
    border: 1px solid #e0e0e0;
94
 
    background-color: #f9f9f9;
 
91
    border:1px solid #e0e0e0;
 
92
    background-color:#f9f9f9;
95
93
}
96
94
 
97
 
#LayoutJumpList:hover {
98
 
    border-color: #a0a0a0;
 
95
#LayoutJumpList:hover{
 
96
    border-color:#a0a0a0;
99
97
}
100
98
 
101
99
#LayoutJumpList .XiboGrid {
107
105
 
108
106
#JumpListHeader {
109
107
    text-align: left;
110
 
    border-bottom: 1px solid #a0a0a0;
111
 
    padding: 3px 8px;
 
108
    border-bottom:1px solid #a0a0a0;
 
109
    padding:3px 8px;
112
110
}
113
111
 
114
112
#JumpListOpenClose {
115
 
    float: right;
 
113
    float:right;
116
114
    font-weight: bold;
117
115
}
118
116
 
119
117
.regionTransparency {
120
118
    position: absolute;
121
 
    background-color: #FFF;
 
119
    background-color: #FFF; 
122
120
    opacity: .80;
123
121
    filter: alpha(opacity=80);
124
122
}
129
127
}
130
128
 
131
129
.regionInfo {
132
 
    z-index: 200;
 
130
    z-index:50;
133
131
}
134
132
 
135
133
.preview {
136
 
    position: absolute;
137
 
    top: 0;
138
 
    left: 0;
 
134
    position:absolute;
 
135
    top:0px;
 
136
    left:0px;
139
137
    width: 100%;
140
138
    height: 100%;
141
139
}
144
142
    position: absolute;
145
143
    left: 2px;
146
144
    bottom: -20px;
147
 
    z-index: 91;
148
 
}
149
 
 
150
 
.previewNav .prevSeq, .previewNav .nextSeq {
151
 
    cursor: pointer;
152
 
    font-size: 15px;
153
145
}
154
146
 
155
147
.preview-media-information {
158
150
}
159
151
 
160
152
.wide_textarea {
161
 
    width: 100%;
 
153
  width: 100%;
162
154
}
163
155
 
164
156
.connectedlist .ui-sortable {
165
 
    width: 150px;
166
 
    background-color: #EEEEEE;
167
 
    padding: 5px;
 
157
  width: 150px;
 
158
  background-color: #EEEEEE;
 
159
  padding: 5px;
168
160
}
169
161
 
170
162
.connectedlist .li-sortable {
171
 
    padding: 5px;
172
 
    margin: 5px;
173
 
    border: 1px solid #8080ff;
174
 
    background-color: #E5F0FF;
175
 
    width: 130px;
176
 
    cursor: pointer;
177
 
    list-style: none;
 
163
  padding: 5px;
 
164
  margin: 5px;
 
165
  border: 1px solid #8080ff;
 
166
  background-color: #E5F0FF;
 
167
  width: 130px;
 
168
  cursor: pointer;
 
169
  list-style: none;
178
170
}
179
171
 
180
172
#TickerDataSetColumns li {
181
 
    float: left;
182
 
    list-style: none;
183
 
    margin-left: 5px;
184
 
    cursor: pointer;
185
 
    user-select: none;
186
 
    -moz-user-select: none;
187
 
    -webkit-user-select: none;
 
173
  float: left;
 
174
  list-style: none;
 
175
  margin-left: 5px;
 
176
  cursor: pointer;
 
177
  user-select: none;
 
178
  -moz-user-select: none;
 
179
  -webkit-user-select: none;
188
180
}
189
181
 
190
 
#dashbuttons {
191
 
    text-align: center;
 
182
#dashbuttons{ 
 
183
  text-align: center;
192
184
}
193
185
 
194
186
.dashicons {
195
 
    height: 125px;
196
 
    display: block;
197
 
    float: left;
198
 
    margin: 5px 5px;
199
 
    padding: 35px;
 
187
  height:125px;
 
188
  display: block;
 
189
  float: left;
 
190
  margin: 5px 5px;
 
191
  padding: 35px;
200
192
}
201
193
 
202
194
.dash_button {
203
 
    display: block;
204
 
    text-align: center;
 
195
  display:block;
 
196
  text-align: center;
205
197
}
206
198
 
207
199
.dash_text {
208
 
    display: block;
 
200
  display:block;
209
201
}
210
202
 
211
203
.dashicons a:hover {
212
 
    color: #808080;
 
204
  color: #808080;
213
205
}
214
206
 
215
207
span.layout_assign_list_select {
255
247
}
256
248
 
257
249
.form-error {
258
 
    margin-top: 10px;
 
250
  margin-top: 10px;
259
251
}
260
252
 
261
253
.tab-pane {
262
 
    padding-top: 15px;
 
254
  padding-top: 15px;
263
255
}
264
256
 
265
257
.bold-counter {
266
 
    font-weight: 100;
267
 
    line-height: 70px;
268
 
    font-size: 70px;
269
 
    text-shadow: 1px 1px 5px #000;
270
 
    filter: dropshadow(color=#000, offx=1, offy=1);
 
258
  font-weight: 100;
 
259
  line-height: 70px;
 
260
  font-size: 70px;
 
261
  text-shadow: 1px 1px 5px #000;
 
262
  filter: dropshadow(color=#000, offx=1, offy=1);
271
263
}
272
264
 
273
265
.FormDisplayList .DisplayList {
274
 
    list-style: none;
 
266
  list-style: none;
275
267
}
276
268
 
277
269
ul.dropdown-menu-form {
281
273
}
282
274
 
283
275
.page-header {
284
 
    margin: 0;
 
276
  maring: 0;
 
277
}
 
278
 
 
279
#new-user-welcome-carousel .carousel-caption {
 
280
  background-color: rgba(0, 0, 0, .7);
 
281
  border-radius: 5px;
 
282
  top: 20px;
 
283
  bottom: auto;
285
284
}
286
285
 
287
286
.display-screenshot {
288
 
    width: 200px;
289
 
}
290
 
 
291
 
.navbar-collapse {
292
 
    padding-left: 0;
293
 
    padding-right: 0;
294
 
    height: 100%;
295
 
    border: none
296
 
}
297
 
 
298
 
#page-wrapper {
299
 
    padding-left: 0
300
 
}
301
 
 
302
 
.navbar-toggle {
303
 
    border-color: #FFFFFF;
304
 
    margin-top: 13px
305
 
}
306
 
 
307
 
.navbar-toggle .icon-bar {
308
 
    background-color: #FFFFFF
309
 
}
310
 
 
311
 
@media (max-width: 768px) {
312
 
    ul.sidebar li a {
313
 
        float: none;
314
 
        width: auto;
315
 
    }
316
 
 
317
 
    ul.sidebar {
318
 
        width: 100%;
319
 
        position: static
320
 
    }
321
 
 
322
 
    #sidebar-wrapper {
323
 
        position: static;
324
 
        width: 100%;
325
 
        left: 0;
326
 
        margin-left: 0;
327
 
    }
328
 
 
329
 
    .sidebar-footer {
330
 
        position: static
331
 
    }
332
 
 
333
 
    .row.header {
334
 
        position: fixed;
335
 
        top: 0;
336
 
        width: 100%;
337
 
    }
338
 
 
339
 
    .navbar-collapse {
340
 
        position: relative
341
 
    }
342
 
 
343
 
    #page-wrapper.active {
344
 
        padding-top: 60px;
345
 
        padding-left: 0
346
 
    }
347
 
 
348
 
}
349
 
 
350
 
table.arrayViewer {
351
 
    display: none;
352
 
}
353
 
 
354
 
table.dataTable tbody tr.selected > td {
355
 
    background-color: #a6b3cd;
356
 
}
357
 
 
358
 
div.dt-buttons {
359
 
    float: none;
360
 
    text-align: right;
361
 
}
362
 
 
363
 
.ui-state-disabled {
364
 
    opacity: 1;
365
 
}
366
 
 
367
 
.notification-drawer {
368
 
    min-width: 400px;
369
 
}
370
 
 
371
 
.notification-read {
372
 
    color: black;
373
 
    font-weight: 200;
374
 
}
375
 
 
376
 
.notification-unread, .notification-date {
377
 
    color: lightgrey;
378
 
}
379
 
 
380
 
.fa-stack > .fa-nudge-left {
381
 
    left: auto;
382
 
    right: 12%;
383
 
}
384
 
 
385
 
.fa-stack > .fa-right {
386
 
    position: absolute;
387
 
    line-height: inherit;
388
 
    right: 0;
389
 
    font-size: 1.5em
390
 
}
391
 
 
392
 
.fa-stack > .fa-badge {
393
 
    position: absolute;
394
 
    right: -10%;
395
 
    bottom: -5%;
396
 
    font-size: 100%;
397
 
    height: 60%;
398
 
    width: 60%;
399
 
    line-height: 120%;
400
 
    text-align: center;
401
 
}
402
 
 
403
 
.template-upload span.preview {
404
 
    position: relative;
405
 
}
406
 
 
407
 
.nav > li > a:hover, .nav > li > a:focus {
408
 
    background-color: transparent !important;
409
 
}
410
 
 
411
 
ul li a.btns {
412
 
    color: #fff !important;
413
 
    font-size: 1.1em;
414
 
 
415
 
}
416
 
 
417
 
/* WIZARD ASSISTANT  */
418
 
 
419
 
.board {
420
 
    width: 100%;
421
 
    /*margin: 60px auto;*(
422
 
    background: #fff;
423
 
    /*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
424
 
}
425
 
 
426
 
.board .nav-tabs {
427
 
    position: relative;
428
 
    /* border-bottom: 0; */
429
 
    /* width: 80%; */
430
 
 
431
 
    margin: 40px auto;
432
 
    margin-bottom: 0;
433
 
    box-sizing: border-box;
434
 
}
435
 
 
436
 
p.narrow {
437
 
    width: 60%;
438
 
    margin: 10px auto;
439
 
}
440
 
 
441
 
.liner {
442
 
    height: 2px;
443
 
    background: #ddd;
444
 
    position: absolute;
445
 
    width: 80%;
446
 
    margin: 0 auto;
447
 
    left: 0;
448
 
    right: 0;
449
 
    top: 50%;
450
 
    z-index: 1;
451
 
}
452
 
 
453
 
.layout-toolbox .nav-tabs > li.active > a,
454
 
.layout-toolbox .nav-tabs > li.active > a:hover,
455
 
.layout-toolbox .nav-tabs > li.active > a:focus {
456
 
    color: #fff;
457
 
    cursor: default;
458
 
    background-color: #428bca;
459
 
    border: 0;
460
 
    border-bottom-color: transparent;
461
 
}
462
 
 
463
 
span.round-tabs {
464
 
    width: 70px;
465
 
    height: 70px;
466
 
    line-height: 70px;
467
 
    display: inline-block;
468
 
    border-radius: 100px;
469
 
    background: white;
470
 
    z-index: 2;
471
 
    position: absolute;
472
 
    left: 0;
473
 
    text-align: center;
474
 
    font-size: 25px;
475
 
}
476
 
 
477
 
span.round-tabs.one {
478
 
    color: #283858;
479
 
    border: 2px solid #283858;
480
 
}
481
 
 
482
 
li.active span.round-tabs.one {
483
 
    background: #fff !important;
484
 
    border: 2px solid #283858;
485
 
    color: #283858;
486
 
}
487
 
 
488
 
span.round-tabs.two {
489
 
    color: #394e78;
490
 
    border: 2px solid #394e78;
491
 
}
492
 
 
493
 
li.active span.round-tabs.two {
494
 
    background: #fff !important;
495
 
    border: 2px solid #394e78;
496
 
    color: #394e78;
497
 
}
498
 
 
499
 
span.round-tabs.three {
500
 
    color: #486295;
501
 
    border: 2px solid #486295;
502
 
}
503
 
 
504
 
li.active span.round-tabs.three {
505
 
    background: #fff !important;
506
 
    border: 2px solid #486295;
507
 
    color: #486295;
508
 
}
509
 
 
510
 
span.round-tabs.four {
511
 
    color: #3b8393;
512
 
    border: 2px solid #3b8393;
513
 
}
514
 
 
515
 
li.active span.round-tabs.four {
516
 
    background: #fff !important;
517
 
    border: 2px solid #3b8393;
518
 
    color: #3b8393;
519
 
}
520
 
 
521
 
span.round-tabs.five {
522
 
    color: #109250;
523
 
    border: 2px solid #109250;
524
 
}
525
 
 
526
 
li.active span.round-tabs.five {
527
 
    background: #fff !important;
528
 
    border: 2px solid #109250;
529
 
    color: #109250;
530
 
}
531
 
 
532
 
span.round-tabs.six {
533
 
    color: #0cb818;
534
 
    border: 2px solid #0cb818;
535
 
}
536
 
 
537
 
li.active span.round-tabs.six {
538
 
    background: #fff !important;
539
 
    border: 2px solid #0cb818;
540
 
    color: #0cb818;
541
 
}
542
 
 
543
 
span.round-tabs.seven {
544
 
    color: #77d903;
545
 
    border: 2px solid #77d903;
546
 
}
547
 
 
548
 
li.active span.round-tabs.seven {
549
 
    background: #fff !important;
550
 
    border: 2px solid #77d903;
551
 
    color: #77d903;
552
 
}
553
 
 
554
 
.nav-tabs > li.active > a span.round-tabs {
555
 
    background: #fafafa;
556
 
}
557
 
 
558
 
.nav-tabs > li {
559
 
    /*width: 14%;*/
560
 
}
561
 
 
562
 
i.fa.fa-ban.fa-stack-2x {
563
 
    margin-top: 8px;
564
 
}
565
 
 
566
 
/* Fault Page */
567
 
 
568
 
.board li.active:before {
569
 
    content: " ";
570
 
    position: absolute;
571
 
    left: 45%;
572
 
    opacity: 0;
573
 
    margin: 0 auto;
574
 
    bottom: -2px;
575
 
    border: 10px solid transparent;
576
 
    border-bottom-color: #fff;
577
 
    z-index: 1;
578
 
    transition: 0.2s ease-in-out;
579
 
}
580
 
 
581
 
.board li:after {
582
 
    content: " ";
583
 
    position: absolute;
584
 
    left: 45%;
585
 
    opacity: 0;
586
 
    margin: 0 auto;
587
 
    bottom: 0px;
588
 
    border: 5px solid transparent;
589
 
    border-bottom-color: #ddd;
590
 
    transition: 0.1s ease-in-out;
591
 
}
592
 
 
593
 
.board li.active:after {
594
 
    content: " ";
595
 
    position: absolute;
596
 
    left: 45%;
597
 
    opacity: 1;
598
 
    margin: 5px auto;
599
 
    bottom: 0px;
600
 
    border: 10px solid transparent;
601
 
    border-bottom-color: #ddd;
602
 
}
603
 
 
604
 
.board .nav-tabs > li a {
605
 
    width: 70px;
606
 
    height: 70px;
607
 
    margin: 20px auto;
608
 
    border-radius: 100%;
609
 
    padding: 0;
610
 
}
611
 
 
612
 
.board .nav-tabs > li a:hover {
613
 
    background: transparent;
614
 
}
615
 
 
616
 
.board .tab-content {
617
 
}
618
 
 
619
 
.board .tab-pane {
620
 
    position: relative;
621
 
    /*padding-top: 50px;*/
622
 
}
623
 
 
624
 
.board .tab-content .head {
625
 
    font-family: 'Roboto Condensed', sans-serif;
626
 
    font-size: 25px;
627
 
    text-transform: uppercase;
628
 
    padding-bottom: 10px;
629
 
}
630
 
 
631
 
.board .btn-outline-rounded {
632
 
    padding: 10px 40px;
633
 
    margin: 20px 0;
634
 
    border: 2px solid transparent;
635
 
    border-radius: 25px;
636
 
}
637
 
 
638
 
.board .btn.green {
639
 
    background-color: #5cb85c;
640
 
    color: #ffffff;
641
 
}
642
 
 
643
 
@media ( max-width: 585px) {
644
 
    .board {
645
 
        width: 90%;
646
 
        height: auto !important;
647
 
    }
648
 
 
649
 
    .board span.round-tabs {
650
 
        font-size: 16px;
651
 
        width: 50px;
652
 
        height: 50px;
653
 
        line-height: 50px;
654
 
    }
655
 
 
656
 
    .board .tab-content .head {
657
 
        font-size: 20px;
658
 
    }
659
 
 
660
 
    .board .nav-tabs > li a {
661
 
        width: 50px;
662
 
        height: 50px;
663
 
        line-height: 50px;
664
 
    }
665
 
 
666
 
    .board li.active:after {
667
 
        content: " ";
668
 
        position: absolute;
669
 
        left: 35%;
670
 
    }
671
 
 
672
 
    .btn-outline-rounded {
673
 
        padding: 12px 20px;
674
 
    }
675
 
}
676
 
 
677
 
/* TABS FOR LAYOUT DESIGN */
678
 
 
679
 
.locks {
680
 
    font-size: 75% !important;
681
 
}
682
 
 
683
 
.panel.with-nav-tabs .panel-heading {
684
 
    padding: 5px 5px 0 5px;
685
 
}
686
 
 
687
 
.panel.with-nav-tabs .nav-tabs {
688
 
    border-bottom: none;
689
 
}
690
 
 
691
 
.panel.with-nav-tabs .nav-justified {
692
 
    margin-bottom: -1px;
693
 
}
694
 
 
695
 
.with-nav-tabs.panel-primary .nav-tabs > li > a,
696
 
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
697
 
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
698
 
    color: #fff;
699
 
}
700
 
 
701
 
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
702
 
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
703
 
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
704
 
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
705
 
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
706
 
    color: #fff;
707
 
    background-color: #3071a9;
708
 
    border-color: transparent;
709
 
}
710
 
 
711
 
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
712
 
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
713
 
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
714
 
    color: #428bca;
715
 
    background-color: #fff;
716
 
    border-color: #428bca;
717
 
    border-bottom-color: transparent;
718
 
}
719
 
 
720
 
.layout-toolbox .nav-tabs > li {
721
 
    margin-bottom: -5px !important;
722
 
}
723
 
 
724
 
.col-md-2 ul.list-group {
725
 
    box-shadow: none !important;
726
 
}
727
 
 
728
 
.col-md-2 ul.list-group li.list-group-item {
729
 
    padding: 3px 15px;
730
 
}
731
 
 
732
 
.col-md-2 ul.list-group li.list-group-item p {
733
 
    margin-bottom: 0px;
734
 
}
735
 
 
736
 
.designer-control-panel-checkbox {
737
 
    padding-top: 0px !important;
738
 
}
739
 
 
740
 
.panel.bttm-fix {
741
 
    margin-bottom: 0px !important;
742
 
}
743
 
 
744
 
.tab-pane.no-pad {
745
 
    padding-top: 0px !important;
746
 
}
747
 
 
748
 
.alert.no-pad {
749
 
    padding: 4px !important;
750
 
}
751
 
 
752
 
ul li.tab-design:hover a {
753
 
    color: #ccc !important;
754
 
}
755
 
 
756
 
li.active.tab-design {
757
 
    background: white;
758
 
    border-radius: 3px;
759
 
}
760
 
 
761
 
ul li.active.tab-design:hover a {
762
 
    color: #666 !important;
763
 
}
764
 
 
765
 
.big-duration {
766
 
    font-size: 14px;
767
 
}
768
 
 
769
 
.fault.nav-tabs > li {
770
 
    width: 14%;
771
 
}
772
 
 
773
 
/*** CHECKBOX **/
774
 
 
775
 
.funkyradio div {
776
 
    clear: both;
777
 
    overflow: hidden;
778
 
}
779
 
 
780
 
.funkyradio label {
781
 
    width: 100%;
782
 
    border-radius: 3px;
783
 
    border: 1px solid #D1D3D4;
784
 
    font-weight: normal;
785
 
}
786
 
 
787
 
.funkyradio input[type="checkbox"]:empty {
788
 
    display: none;
789
 
}
790
 
 
791
 
.funkyradio input[type="checkbox"]:empty ~ label {
792
 
    position: relative;
793
 
    line-height: 2.5em;
794
 
    text-indent: 3.25em;
795
 
    /* margin-top: 2em;*/
796
 
    cursor: pointer;
797
 
    -webkit-user-select: none;
798
 
    -moz-user-select: none;
799
 
    -ms-user-select: none;
800
 
    user-select: none;
801
 
}
802
 
 
803
 
.funkyradio input[type="checkbox"]:empty ~ label:before {
804
 
    position: absolute;
805
 
    display: block;
806
 
    top: 0;
807
 
    bottom: 0;
808
 
    left: 0;
809
 
    content: '';
810
 
    width: 2.5em;
811
 
    background: #D1D3D4;
812
 
    border-radius: 3px 0 0 3px;
813
 
}
814
 
 
815
 
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
816
 
    color: #888;
817
 
}
818
 
 
819
 
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
820
 
    content: '\2714';
821
 
    text-indent: .9em;
822
 
    color: #C2C2C2;
823
 
}
824
 
 
825
 
.funkyradio input[type="checkbox"]:checked ~ label {
826
 
    color: #777;
827
 
}
828
 
 
829
 
.funkyradio input[type="checkbox"]:checked ~ label:before {
830
 
    content: '\2714';
831
 
    text-indent: .9em;
832
 
    color: #333;
833
 
    background-color: #ccc;
834
 
}
835
 
 
836
 
.funkyradio input[type="checkbox"]:focus ~ label:before {
837
 
    box-shadow: 0 0 0 3px #999;
838
 
}
839
 
 
840
 
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
841
 
    color: #333;
842
 
    background-color: #ccc;
843
 
}
844
 
 
845
 
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
846
 
    color: #fff;
847
 
    background-color: #337ab7;
848
 
}
849
 
 
850
 
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
851
 
    color: #fff;
852
 
    background-color: #5cb85c;
853
 
}
854
 
 
855
 
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
856
 
    color: #fff;
857
 
    background-color: #d9534f;
858
 
}
859
 
 
860
 
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
861
 
    color: #fff;
862
 
    background-color: #f0ad4e;
863
 
}
864
 
 
865
 
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
866
 
    color: #fff;
867
 
    background-color: #5bc0de;
868
 
}
869
 
 
870
 
.btn-click {
871
 
    margin-top: -27px;
872
 
    font-size: 26px;
873
 
    cursor: pointer;
874
 
}
875
 
 
876
 
.btn-click > .fa.fa-chevron-circle-up {
877
 
    color: rgba(249, 249, 249, .5);
878
 
}
879
 
 
880
 
.btn-white {
881
 
    color: #5e5e5e;
882
 
    background-color: #fff;
883
 
    border: 1px solid #e5e9ec;
884
 
}
885
 
 
886
 
.hide-table {
887
 
    display: none;
888
 
}
889
 
 
890
 
.selectPickerWithImage .form-control {
891
 
    height: inherit;
892
 
}
893
 
 
894
 
.bootstrap-tagsinput {
895
 
    min-width: 196px;
896
 
    height: auto;
897
 
}
898
 
 
899
 
.bootstrap-tagsinput .tag {
900
 
    margin-right: 0;
901
 
    background-color: #5bc0de;
902
 
    border-color: #46b8da;
903
 
}
904
 
 
905
 
/*
906
 
 * This resets a form-control so that it isn't displayed block within a column. Used for the datetimepicker where
907
 
 * there are 2 input fields in one column.
908
 
 */
909
 
.form-control-inline {
910
 
    display: inline;
911
 
    width: auto;
912
 
    padding-right: 0;
913
 
}
914
 
 
915
 
.spacing-warning-icon {
916
 
    position: absolute;
917
 
    right: 30px;
918
 
    top: 10px;
919
 
    color: red;
920
 
}
921
 
 
922
 
.spacing-whitespace-pre {
923
 
    white-space: pre-wrap;
924
 
}
925
 
 
926
 
.permissionsDiv {
927
 
    width: 200px;
928
 
}
929
 
 
930
 
.permissionsDiv .badge {
931
 
    margin: 2px;
932
 
}
933
 
 
934
 
.template-override-controls .well {
935
 
    min-height: 100px;
936
 
}
937
 
 
938
 
.module-selector-well {
939
 
    margin-bottom: 0;
940
 
}
941
 
 
942
 
.module-selector-well .nav>li>a {
943
 
    padding-bottom: 5px;
944
 
}
 
 
b'\\ No newline at end of file'
 
287
  width: 200px;
 
288
}
 
289
 
 
290
 
 
291
.navbar-collapse{
 
292
        padding-left: 0;
 
293
        padding-right: 0;
 
294
        height: 100%;
 
295
        border: none
 
296
}
 
297
 
 
298
#page-wrapper{
 
299
        padding-left: 0
 
300
}
 
301
 
 
302
.navbar-toggle{
 
303
        border-color: #FFFFFF;
 
304
         margin-top: 13px
 
305
}
 
306
.navbar-toggle .icon-bar{
 
307
        background-color: #FFFFFF
 
308
}
 
309
 
 
310
@media (max-width: 768px){
 
311
        ul.sidebar li a {
 
312
                float: none;    
 
313
                width: auto;
 
314
        }
 
315
        ul.sidebar{
 
316
                width: 100%;
 
317
                position: static
 
318
        }
 
319
        #sidebar-wrapper{
 
320
                position: static;
 
321
                width: 100%;
 
322
                left: 0;
 
323
                margin-left: 0;
 
324
        }
 
325
        .sidebar-footer{
 
326
                position: static
 
327
        }
 
328
        .row.header{
 
329
                position: fixed;
 
330
                top: 0;
 
331
                width: 100%;
 
332
        }
 
333
        .navbar-collapse{               
 
334
                position: relative
 
335
        }
 
336
        #page-wrapper.active{
 
337
                padding-top: 60px;
 
338
                padding-left: 0
 
339
        }
 
340
 
 
341
}