/* All Univerity of Nebraska-Lincoln Web Framework code is the property of UComm/ITS Digital Experience Group */ /*and the UNL Web Developer Network. */ /*place the contents of this css file, in the of your html page when using */ /*the responsive table generator code (https://ianrmedia.unl.edu/responsive-table-generator-tool) */ /*on sites not in UNLcms or the UNL.edu framework*/ :root { --bg-table-stripe: #EBEBEB; --b-table: #C9CDCD; --caption: #2D2926; } table { background-color: transparent; border-collapse:collapse; /*font-family: Arial, Helvetica, sans-serif;*/ font-size: inherit !important; margin: 1em auto; } table + table { margin-top: 2em; } th { text-align:left } .dcf-txt-center { text-align: center!important } .dcf-txt-left { text-align: left!important } .dcf-txt-right { text-align: right!important } .dcf-table caption { color: var(--caption); /*font-size: 1.13em; */ font-weight: 700; padding-bottom: .56rem; caption-side: top; } .dcf-table-thead-bg thead { /*font-size: .84em*/ background-color: var(--b-table); } .dcf-table tbody { border-bottom: 1px solid var(--b-table); border-top: 1px solid var(--b-table); /*font-size: .84em*/ } .dcf-table tfoot { /*font-size: .84em*/ } .dcf-table td, .dcf-table th { padding-right: 1.78em } .dcf-table-bordered, .dcf-table-bordered td, .dcf-table-bordered th { border: 1px solid var(--b-table) } .dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th { padding-left: 1em; padding-right: 1em } .dcf-table-bordered tr:not(:last-child), .dcf-table-striped tr:not(:last-child) { border-bottom: 1px solid var(--b-table) } .dcf-table-striped tbody tr:nth-of-type(2n) { background-color: var(--bg-table-stripe) } .dcf-table-striped-alt tbody tr:nth-of-type(2n) { background-color: unset } .dcf-table thead td, .dcf-table thead th { padding-bottom: .75em; vertical-align: bottom } .dcf-table tbody td, .dcf-table tbody th, .dcf-table tfoot td, .dcf-table tfoot th { padding-top: .75em; vertical-align: top } .dcf-table tbody td, .dcf-table tbody th { padding-bottom: .75em } .dcf-table-bordered thead th { padding-top: 1.33em } .dcf-wrapper-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; left: 50%; margin-left: -50vw; margin-right: -50vw; padding-bottom: 1em; position: relative; right: 50%; width: 100vw } @media only screen and (max-width:42.09em) { .dcf-table-responsive thead { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; width: 1px; white-space: nowrap } .dcf-table-responsive tr { display: block } .dcf-table-responsive td { -webkit-column-gap: 3.16vw; -moz-column-gap: 3.16vw; column-gap: 3.16vw; display: grid; grid-template-columns: 1fr 2fr; text-align: left!important } .dcf-table-responsive.dcf-table-bordered, .dcf-table-responsive.dcf-table-bordered thead th { border-width: 0 } .dcf-table-responsive.dcf-table-bordered tbody td { border-top-width: 0 } .dcf-table-responsive:not(.dcf-table-bordered) tbody tr { padding-bottom: .75em } .dcf-table-responsive:not(.dcf-table-bordered) tbody td { padding-bottom: 0 } .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td { padding-right: 0 } .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child { border-bottom-width: 0 } .dcf-table-responsive tbody td:before { content: attr(data-label); float: left; font-weight: 700; padding-right: 1.78em } } .dcf-overflow-x-auto { overflow-x: auto!important; -webkit-overflow-scrolling: touch } .dcf-w-100\% { width: 100%!important; } /*fix the awful table issues*/ main .content table.dcf-table tr th { text-align: inherit !important; background-color: inherit; border-bottom: none; margin: 0; }