xref: /webtrees/resources/css/minimal.css (revision 824da64c7ee0caf91cac88892494fc0024068397)
1/**
2 * webtrees: online genealogy
3 * Copyright (C) 2019 webtrees development team
4 * This program is free software: you can redistribute it and/or modify
5 * it under the terms of the GNU General Public License as published by
6 * the Free Software Foundation, either version 3 of the License, or
7 * (at your option) any later version.
8 * This program is distributed in the hope that it will be useful,
9 * but WITHOUT ANY WARRANTY; without even the implied warranty of
10 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11 * GNU General Public License for more details.
12 * You should have received a copy of the GNU General Public License
13 * along with this program. If not, see <http://www.gnu.org/licenses/>.
14 */
15
16/* The minimal theme */
17@import "_base.css";
18@import "_block-charts.css";
19@import "_charts.css";
20@import "_colorbox.css";
21@import "_lists.css";
22@import "_mime-type-icons.css";
23@import "_on-screen-keyboard.css";
24@import "_tab-relatives.css";
25
26/* Colors for chart boxes, etc. */
27:root {
28  --sex-f-fg: #888888;
29  --sex-m-fg: #888888;
30  --sex-u-fg: #888888;
31  --sex-f-bg: #ffffff;
32  --sex-m-bg: #ffffff;
33  --sex-u-bg: #ffffff;
34    --chart-line: solid gray thin;
35    --chart-line-radius: 1rem;
36}
37
38/* Override Bootstrap formatting */
39.btn-link {
40    padding-left: 0.25rem;
41    padding-right: 0.25rem;
42}
43
44.table-given-name {
45    overflow-x: hidden;
46}
47
48.container-fluid {
49    padding-left: 5px;
50    padding-right: 5px;
51}
52
53table {
54    border-collapse: separate;
55}
56
57/*
58 * Pages have the following high-level structure:
59 *
60 * wt-global wt-theme-<THEME> wt-route-<ROUTE>
61 * +---wt-header-wrapper
62 * |   +---wt-header-container
63 * |       +---wt-header-content
64 * |           +---wt-accessibility-links
65 * |           +---wt-site-logo
66 * |           +---wt-site-title
67 * |           +---wt-header-search
68 * |           |   +---wt-header-search-form
69 * |           |       +---wt-header-search-field
70 * |           |       +---wt-header-search-button
71 * |           +---wt-secondary-navigation
72 * |           |   +---wt-user-menu
73 * |           +---wt-primary-navigation
74 * |               +---wt-genealogy-menu
75 * +---wt-main-wrapper
76 * |   +---wt-main-container
77 * |       +---wt-main-content
78 * |           +---wt-messages
79 * |           +---wt-page-title
80 * |           +---wt-page-options wt-page-options-xxxxx
81 * |           +---wt-page-content
82 * +---wt-footers
83 *     +---wt-footer wt-footer-xxxxx
84 */
85
86.wt-global {
87    /* Avoid extremes of black and white.  It is better for users with dyslexia. */
88    color: #0a0a0a;
89    background-color: #f9f9f9;
90}
91
92.wt-header-wrapper {
93}
94
95.wt-header-container {
96    margin-top: 1rem;
97}
98
99.wt-header-content {
100}
101
102.wt-accessibility-links {
103}
104
105.wt-site-logo {
106    display: none;
107}
108
109.wt-site-title {
110    order: 1;
111    flex: 1 1 0;
112    font-size: 1.75rem;
113}
114
115.wt-header-search {
116    order: 3;
117    flex: 0 0 15rem;
118}
119
120.wt-header-search-form {
121}
122
123.wt-header-search-field {
124}
125
126.wt-header-search-button {
127}
128
129.wt-secondary-navigation {
130    order: 2;
131    flex: 0 0 0;
132    white-space: nowrap;
133}
134
135.wt-user-menu {
136    flex-wrap: nowrap;
137}
138
139.wt-user-menu .nav-link {
140    padding: 0.5rem;
141}
142
143.wt-primary-navigation {
144    order: 4;
145    /* Extend to full page width */
146    flex: 0 1 100vw;
147    max-width: 100vw;
148    /* Recalculate margins for content */
149    margin: 0 calc(50% - 50vw);
150    padding: 0 calc(50vw - 50%);
151    border-bottom: 2px solid #aaa;
152}
153
154.wt-genealogy-menu {
155    justify-content: center;
156}
157
158.wt-genealogy-menu .nav-link {
159    padding: 0.5rem;
160}
161
162.wt-main-container {
163    /* Space between the header/footer and the main content. */
164    padding-top: 1rem;
165    padding-bottom: 1rem;
166}
167
168.wt-main {
169}
170
171.wt-messages {
172}
173
174.wt-page-title {
175    text-align: center;
176}
177
178.wt-page-content {
179    margin-top: 1rem;
180}
181
182.wt-footers {
183}
184
185.wt-footer {
186}
187
188.wt-footer-contact {
189}
190
191.wt-footer-cookies {
192    background: #aaa;
193    color: #fff;
194    transition: height 0.5s;
195}
196
197.wt-footer-page-views {
198}
199
200.wt-footer-powered-by {
201}
202
203.wt-footer-powered-by-webtrees {
204}
205
206/*
207 * The tree/user home pages
208 *
209 * wt-home-page / wt-user-page
210 * +---wt-main-blocks
211 * |   +---wt-block, wt-block-AAA
212 * |   +---wt-block, wt-block-BBB
213 * |   +---wt-block, wt-block-CCC
214 * +---wt-side-blocks
215 *     +---wt-block, wt-block-XXX
216 *     +---wt-block, wt-block-YYY
217 *     +---wt-block, wt-block-ZZZ
218 *
219 * Each block as the structure
220 * wt-block, wt-block-XXX
221 * +---wt-block-header, wt-block-header-XXX
222 * +---wt-block-content, wt-block-content-XXX
223 */
224
225.wt-block {
226    border: solid #000 1px;
227}
228
229.wt-block-header {
230    background-color: #fff;
231}
232
233.wt-block-content {
234}
235
236.wt-block-content .list_table {
237    border-spacing: 1px;
238    border: solid #000 1px;
239    border-right: 0;
240}
241
242.wt-block-content .list_value,
243.wt-block-content .list_value_wrap {
244    border: 0;
245    border-top: solid #000 1px;
246    border-right: solid #000 1px;
247}
248
249/*
250 * The individual page.
251 *
252 * wt-route-individual
253 * +---wt-header-wrapper
254 */
255
256.wt-individual-silhouette {
257    content: url(images/individual-silhouette-unknown.png);
258}
259
260.wt-individual-silhouette-f {
261    content: url(images/individual-silhouette-female.png);
262}
263
264.wt-individual-silhouette-m {
265    content: url(images/individual-silhouette-male.png);
266}
267
268/*
269 * Chart-boxes are used to build the various charts.
270 * Each type of chart will set its own size and hide/show content.
271 *
272 * wt-chart-box
273 * +--- wt-chart-box-thumbnail
274 * +--- wt-chart-box-extra
275 *      +--- wt-chart-box-zoom
276 *           +--- wt-chart-box-icon
277 *           +--- wt-chart-box-dropdown wt-chart-box-zoom-dropdown
278 *      +--- wt-chart-box-links
279 *           +--- wt-chart-box-icon
280 *           +--- wt-chart-box-dropdown wt-chart-box-links-dropdown
281 * +--- wt-chart-box-name
282 * +--- wt-chart-box-lifespan
283 * +--- wt-chart-box-facts
284 *     +--- wt-chart-box-fact
285 */
286.wt-chart-box,
287.wt-chart-box-menu {
288    background: var(--sex-u-bg);
289    border: dashed var(--sex-u-fg) thin;
290}
291
292.wt-chart-box {
293    height: 5rem;
294    padding: 2px;
295    line-height: 1.1;
296}
297
298.wt-chart-box-f,
299.wt-chart-box-f .wt-chart-box-dropdown {
300    background: var(--sex-f-bg);
301    border: solid var(--sex-f-fg) thin;
302}
303
304.wt-chart-box-m,
305.wt-chart-box-m .wt-chart-box-dropdown {
306    background: var(--sex-m-bg);
307    border: solid var(--sex-m-fg) thin;
308}
309
310/* ---Pending edits--- */
311.wt-new {
312    outline: solid thin blue;
313}
314
315.wt-old {
316    outline: solid thin red;
317}
318
319.list_value,
320.list_value_wrap {
321    border: solid #000 1px;
322    vertical-align: top;
323    padding: 4px;
324}
325
326.list_table {
327    margin: 0 auto;
328}
329
330.filtersH,
331.filtersF {
332    margin: 4px;
333}
334
335.filtersH img {
336    margin-bottom: 2px;
337}
338
339.list-charts {
340    text-align: center;
341}
342
343#place-hierarchy h2,
344#place-hierarchy h4 {
345    text-align: center;
346}
347
348/* ======== Block styles ===== */
349#index_main_blocks {
350    clear: none;
351    width: 60%;
352    float: left;
353}
354
355#index_small_blocks {
356    clear: none;
357    width: 40%;
358    float: right;
359}
360
361#index_full_blocks {
362    clear: none;
363    width: 100%;
364}
365
366.block {
367    background-color: #fff;
368    color: #555;
369    border: solid #ccc 1px;
370    padding: 3px;
371    vertical-align: top;
372}
373
374.blockcontent {
375    margin: 5px;
376    overflow: auto;
377}
378
379.blockcontent .list_table {
380    border-spacing: 0;
381    border: solid #555 1px;
382    border-right: 0;
383}
384
385.blockcontent .list_value,
386.blockcontent .list_value_wrap {
387    border: 0;
388    border-top: solid #555 1px;
389    border-right: solid #555 1px;
390}
391
392.blockheader {
393    font-weight: bold;
394}
395
396/* end Block styles */
397
398.user_welcome_block table,
399.gedcom_block_block table {
400    margin: auto;
401}
402
403.user_welcome_block td,
404.gedcom_block_block td {
405    width: 33%;
406    text-align: center;
407    vertical-align: top;
408}
409
410.user_welcome_block i,
411.gedcom_block_block i {
412    background-image: none;
413    height: 0;
414    width: 0;
415}
416
417/* Table of genealogical facts */
418.wt-facts-table caption {
419    caption-side: top;
420}
421
422.wt-facts-table th {
423    border: 1px solid #000;
424    font-weight: normal;
425    min-width: 20%;
426}
427
428.wt-facts-table td {
429    border: solid #000 1px;
430}
431
432a {
433    color: #333;
434    text-decoration: none;
435}
436
437a:hover {
438    color: #333;
439    text-decoration: underline;
440}
441
442a:hover {
443    text-decoration: underline!important;
444}
445
446.parentdeath {
447    padding: 1px;
448}
449
450.source_citations {
451    display: none;
452}
453
454/* ==== FAQ table styles ===== */
455table.faq {
456    background-color: #ddd;
457    margin: 5px 0 50px 5px;
458    width: 98%;
459}
460
461table.faq tr:nth-child(odd) td {
462    background-color: #fff;
463}
464
465div.faq_title {
466    background-color: #ddd;
467    margin: 1em 0;
468    padding: .25em;
469    font-weight: bold;
470    width: 98%;
471}
472
473div.faq_body {
474    clear: both;
475    padding: 0 1em;
476}
477
478.faq_top {
479    float: right;
480}
481
482/* === Positioning edit, copy, delete links === */
483/* General use */
484.editfacts {
485    clear: left;
486    padding-top: 15px;
487}
488
489#indi_note {
490    margin: 0 0 5px;
491}
492
493.indi_table {
494    clear: left;
495}
496
497#sex {
498    float: right;
499}
500
501#dates {
502    color: #666;
503    float: right;
504}
505
506.label {
507    font-weight: bold;
508}
509
510#individual-names .wt-icon-edit,
511#individual-names .wt-icon-delete {
512    float: right;
513}
514
515#indi_note .fact_NOTE {
516    float: left;
517    margin: 0 5px 0 0;
518}
519
520#indi_note .fact_SOUR {
521    margin: 3px 0;
522}
523
524#indi_note .fact_SOUR a {
525    font-size: 100%;
526}
527
528#indi_note .fact_NOTE,
529#indi_note .fact_SOUR {
530    clear: both;
531}
532
533/* markdown formatting */
534
535.markdown {
536    /* Tables and pre-formatted text can break the layout. */
537    overflow-x: auto;
538}
539
540.markdown p {
541    margin: 0 0 0.5em;
542    white-space: pre-wrap;
543}
544
545.markdown table {
546    border-collapse: collapse;
547    font-size: 10px;
548    margin-bottom: 5px;
549}
550
551.markdown th {
552    font-weight: bold;
553}
554
555.markdown td,
556.markdown th {
557    border: solid thin #000;
558    padding: 3px;
559}
560
561.odometer {
562    font-family: courier, monospace;
563    font-weight: bold;
564    background: #000;
565    color: #fff;
566}
567
568/* ======== Indi tabs ======== */
569/* Facts & Events tab */
570.media-display-image {
571    float: left;
572}
573
574.media-display-title {
575    float: left;
576    font-style: italic;
577    margin: 10px;
578}
579
580.upcoming_events_block button,
581.todays_events_block button {
582    margin: 0 20px;
583}
584
585/* Sidebar - Family navigator */
586
587/* Sidebar - Descendants */
588#sb_content_descendancy {
589    margin-top: 5px;
590}
591
592#sb_desc_content {
593    margin-left: 3px;
594    font-size: 0.8em;
595}
596
597#sb_desc_content ul {
598    padding: 0;
599    margin: 0;
600}
601
602.sb_desc_indi_li {
603    list-style-type: none;
604}
605
606/* Individuals and Families */
607#sidebar-content-individuals,
608#sidebar-content-families {
609    margin-top: 5px;
610}
611
612.sb_indi_surname_li,
613.sb_fam_surname_li {
614    list-style-image: url(icons/plus.png);
615}
616
617.name_tree_div ul {
618    padding: 0;
619    margin: 0;
620}
621
622.name_tree_div li {
623    list-style: none;
624    margin: 0;
625    padding: 0;
626}
627
628/* Clippings */
629#sb_clippings_content ul {
630    padding: 0;
631    margin: 0;
632}
633
634#sb_clippings_content li {
635    list-style: none;
636    margin: 0;
637    padding: 0;
638    white-space: nowrap;
639}
640
641/* Extra info */
642#sb_content_extra_info {
643    font-size: 80%;
644    font-weight: bold;
645    margin-top: 1px;
646    overflow: hidden;
647    padding: 5px;
648}
649
650#sb_content_extra_info .editfacts {
651    float: right;
652    margin-top: -10px;
653}
654
655#sb_content_extra_info a {
656    display: block;
657}
658
659#sb_content_extra_info span {
660    font-weight: normal;
661}
662
663#sb_content_extra_info span a {
664    display: inline;
665}
666
667#sb_content_extra_info #hitcounter {
668    border-top: 1px solid #b2c7d7;
669    font-weight: bold;
670    padding-top: 5px;
671}
672
673/* Stories module */
674.story_title {
675    padding-top: 12px;
676    font-size: 13px;
677    height: 32px;
678    font-weight: bold;
679}
680
681.story_body {
682    padding: 20px;
683    white-space: normal;
684}
685
686.story_edit {
687    padding: 12px;
688}
689
690/* Stories module */
691.story_title {
692    padding-top: 12px;
693    font-size: 13px;
694    height: 32px;
695    font-weight: bold;
696}
697
698.story_body {
699    padding: 20px;
700    white-space: normal;
701}
702
703.story_edit {
704    padding: 12px;
705}
706
707/* ====== Charts Styles ======== */
708
709#people label {
710    display: block;
711}
712
713/*-- Fan chart ---- */
714.fan_chart_menu {
715    background: #fff;
716    position: absolute;
717    display: none;
718    z-index: 100;
719}
720
721#fan_chart ul {
722    list-style-type: none;
723    margin: 0;
724}
725
726/* Lifespans chart */
727.wt-lifespans-subtitle {
728    text-align: center;
729}
730
731.wt-lifespans-scale {
732    white-space: nowrap;
733}
734
735.wt-lifespans-decade {
736    width: 70px;
737    height: 60px;
738    display: inline-block;
739    background-image: url(images/lifespan-decade.png);
740    background-position-y: bottom;
741    background-repeat: no-repeat;
742    background-size: 70px 37px;
743}
744
745.wt-lifespans-individuals {
746    background: #fafafa;
747}
748
749.wt-lifespans-individual {
750
751}
752
753.wt-lifespans-summary {
754    background: #ffffff;
755    border: thin solid #000;
756    z-index: 1;
757}
758
759.wt-lifespans-summary-link {
760    font-weight: bold;
761}
762
763/*-- Pedigree ---- */
764.tvertline {
765    vertical-align: bottom;
766}
767
768.optionbox, .descriptionbox {
769    border: solid #000 1px;
770    vertical-align: top;
771    padding: 3px;
772}
773
774#childbox {
775    padding: 5px;
776    position: absolute;
777    display: none;
778    text-align: start;
779    white-space: nowrap;
780    top: 20px;
781    left: 0;
782}
783
784.layout3 #childbox {
785    top: auto;
786    bottom: 20px;
787}
788
789#childbox a.name1 {
790    display: block;
791    margin-left: 5px;
792}
793
794.person0, .person1, .person2, .person3, .person4, .person5 {
795    border:outset #555 1px;
796    vertical-align:top;
797}
798.person0{
799    background-color:#eee;
800}
801
802.person1{
803    background-color:#bfbfbf;
804}
805
806.person2{
807    background-color:#999;
808}
809
810.person3{
811    background-color:#dfdfdf;
812}
813
814.person4{
815    background-color:#eee;
816}
817
818.person5{
819    background-color:#fefefe;
820}
821
822/*-- timeline  --*/
823#timeline_chart {
824    position: relative;
825    top: 0;
826    left: 0;
827}
828
829/*
830 * Any element that is loaded dynamically has the class wt-ajax-load.
831 * We can provide a "loading" placeholder for empty elements with this class.
832 */
833.wt-ajax-load:empty {
834    height: 32px;
835    background: url(images/loading-32x32.gif) no-repeat 50% 50%;
836}
837
838/*
839 * Default icons are provided by FontAwesome.
840 */
841.wt-icon-anniversary {
842}
843
844.wt-icon-arrow-down {
845}
846
847a > .wt-icon-arrow-down:hover {
848}
849
850.wt-icon-arrow-left {
851}
852
853a > .wt-icon-arrow-left:hover {
854}
855
856.wt-icon-arrow-right {
857}
858
859a > .wt-icon-arrow-right:hover {
860}
861
862.wt-icon-arrow-up {
863}
864
865a > .wt-icon-arrow-up:hover {
866}
867
868.wt-icon-bing-maps {
869}
870
871.wt-icon-calendar {
872}
873
874.wt-icon-collapse {
875}
876
877.wt-icon-coordinates {
878}
879
880.wt-icon-copy {
881}
882
883.wt-icon-delete {
884}
885
886.wt-icon-edit {
887}
888
889.wt-icon-expand {
890}
891
892.wt-icon-family {
893}
894
895.wt-icon-google-maps {
896}
897
898.wt-icon-help {
899}
900
901.wt-icon-individual {
902}
903
904.wt-icon-keyboard {
905}
906
907.wt-icon-media {
908}
909
910.wt-icon-note {
911}
912
913.wt-icon-openstreetmap {
914}
915
916.wt-icon-preferences {
917}
918
919.wt-icon-reorder {
920}
921
922.wt-icon-repository {
923}
924
925.wt-icon-sex-f {
926    color: var(--sex-m-fg);
927}
928
929.wt-icon-sex-m {
930    color: var(--sex-m-fg);
931}
932
933.wt-icon-sex-u {
934    color: var(--sex-u-fg);
935}
936
937.wt-icon-sex-x {
938    color: var(--sex-u-fg);
939}
940
941.wt-icon-source {
942}
943
944.wt-icon-submitter {
945}
946
947.wt-icon-warning {
948}
949
950.wt-icon-zoom-in {
951}
952
953.wt-icon-zoom-out {
954}
955
956/* Miscellaneous images */
957.icon-cfamily {
958}
959
960.icon-childless {
961    content: url(images/childless.png);
962}
963
964.icon-children {
965    content: url(images/children.png);
966}
967
968.icon-edit_indi {
969    content: url(minimal/images/edit_indi.png);
970}
971
972.icon-fam-list {
973    content: url(minimal/images/sfamily.png);
974}
975
976.icon-indi-list {
977    content: url(minimal/images/indis.png);
978}
979
980.icon-loading-small {
981    content: url(images/indicator.gif);
982}
983
984.icon-loading-large {
985    content: url(images/loading-32x32.gif);
986}
987
988.icon-minus {
989    content: url(icons/minus.png);
990}
991
992.icon-mypage {
993    content: url(minimal/images/mypage.png);
994}
995
996.icon-plus {
997    content: url(icons/plus.png);
998}
999
1000.icon-resn-confidential {
1001    content: none;
1002}
1003
1004.icon-resn-locked {
1005    content: none;
1006}
1007
1008.icon-resn-none {
1009    content: none;
1010}
1011
1012.icon-resn-privacy {
1013    content: none;
1014}
1015
1016.icon-rings {
1017    content: url(images/rings.png);
1018}
1019
1020.icon-selected {
1021    content: url(minimal/images/selected.png);
1022}
1023
1024.icon-sfamily {
1025    content: url(minimal/images/sfamily.png);
1026}
1027
1028/* Silhouettes on charts */
1029.icon-silhouette-F {
1030    content: url(minimal/images/silhouette_female_small.png);
1031}
1032
1033.icon-silhouette-M {
1034    content: url(minimal/images/silhouette_male_small.png);
1035}
1036
1037.icon-silhouette-U {
1038    content: url(minimal/images/silhouette_unknown_small.png);
1039}
1040
1041.icon-indis {
1042    content: url(minimal/images/indis.png);
1043}
1044
1045.icon-pedigree {
1046    content: url(minimal/images/pedigree.png);
1047}
1048
1049/* Census assistant */
1050.wt-census-assistant-form-control:focus {
1051    min-width: 12rem;
1052}
1053
1054/*
1055 * Drag and drop sortable lists
1056 */
1057.wt-sortable-list {
1058}
1059
1060.wt-sortable-item {
1061    cursor: move;
1062}
1063
1064/* Some blocks show a reduced version on the right-hand side. */
1065.wt-side-blocks .wt-side-block-optional {
1066    display: none !important;
1067}
1068
1069/* my page chart enhancements */
1070.wt-block-content-charts {
1071    overflow: auto;
1072}
1073
1074/* Some charts are wider than the page. */
1075.wt-chart {
1076    overflow-x: auto;
1077    overflow-y: hidden;
1078}
1079
1080/* Fit thumbnail into parent on charts */
1081.select2-selection.select2-selection--single {
1082    min-height: 36px;
1083    height: auto;
1084    padding: 2px 0;
1085}
1086
1087.select2-container .select2-selection--single .select2-selection__rendered {
1088    padding-left: 2px;
1089}
1090
1091.select2-selection--single .NAME {
1092    padding-left: 4px;
1093}
1094
1095/*
1096 *  These selectors control how the short horizontal lines are positioned in the Charts
1097 *  Optimized for Win10 and FF, Chrome and Edge browsers
1098 *  	Ancestors
1099 *  	Descendants
1100 *  	amily book
1101 *
1102 */
1103
1104/* Ascentors */
1105.wt-chart-ancestors .linea1 {
1106    margin-bottom: 4px;
1107}
1108
1109.wt-chart-ancestors .linea2 {
1110    margin-bottom: 7px;
1111}
1112
1113.wt-chart-ancestors .linea3 {
1114    margin-bottom: 4px;
1115}
1116
1117.wt-chart-ancestors .linea4 {
1118    margin-bottom: 7px;
1119}
1120
1121.wt-chart-ancestors .linea5 {
1122    vertical-align: top;
1123}
1124
1125/* Descendants */
1126.wt-chart-descendants .lined1 {
1127    margin-bottom: 4px;
1128}
1129
1130.wt-chart-descendants .lined2 {
1131    margin-bottom: 7px;
1132}
1133
1134.wt-chart-descendants .lined3 {
1135    margin-bottom: 4px;
1136}
1137
1138.wt-chart-descendants .lined4 {
1139    margin-bottom: 7px;
1140}
1141
1142.wt-chart-descendants .linea5 {
1143    vertical-align: top;
1144}
1145
1146/*
1147 * Place hierarchy
1148 *
1149 * wt-place-hierarchy-page
1150 */
1151
1152#place-hierarchy ul {
1153    list-style-type: none;
1154}
1155
1156.d-table-cell {
1157    padding-right: 5px;
1158}
1159
1160/* Some menus (e.g. languages) can be longer than a page */
1161.dropdown-menu {
1162    max-height: 30rem;
1163    overflow-x: hidden;
1164}
1165
1166/* Forms */
1167.col-form-label {
1168    font-weight: bold;
1169}
1170