/* * bootstrap includes * keep it at the end */ .table, table { width: 100%; margin-bottom: 1rem; color: #212121; } .table th, table th, .table td, table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #e0e0e0; } .table thead th, table thead th { vertical-align: bottom; border-bottom: 2px solid #e0e0e0; } .table tbody + tbody, table tbody + tbody { border-top: 2px solid #e0e0e0; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered, table { border: 1px solid #e0e0e0; } .table-bordered th, table th, .table-bordered td, table td { border: 1px solid #e0e0e0; } .table-bordered thead th, table thead th, .table-bordered thead td, table thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212121; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #c1e2fc; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #8cc8f9; } .table-hover .table-primary:hover { background-color: #a9d7fb; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #a9d7fb; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d8d8d8; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b7b7b7; } .table-hover .table-secondary:hover { background-color: #cbcbcb; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #cbcbcb; } .table-success, .table-success > th, .table-success > td { background-color: #cde9ce; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #a2d5a4; } .table-hover .table-success:hover { background-color: #bbe1bd; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #bbe1bd; } .table-info, .table-info > th, .table-info > td { background-color: #b8ecf3; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #7adce9; } .table-hover .table-info:hover { background-color: #a2e6ef; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #a2e6ef; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fff9c8; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #fff599; } .table-hover .table-warning:hover { background-color: #fff6af; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #fff6af; } .table-danger, .table-danger > th, .table-danger > td { background-color: #fccac7; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #f99d96; } .table-hover .table-danger:hover { background-color: #fbb3af; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #fbb3af; } .table-light, .table-light > th, .table-light > td { background-color: #fcfcfc; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fafafa; } .table-hover .table-light:hover { background-color: #efefef; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #efefef; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c1c1c1; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #8c8c8c; } .table-hover .table-dark:hover { background-color: #b4b4b4; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b4b4b4; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th, table .thead-dark th { color: #fff; background-color: #424242; border-color: #555555; } .table .thead-light th, table .thead-light th { color: #616161; background-color: #eeeeee; border-color: #e0e0e0; } .table-dark { color: #fff; background-color: #424242; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #555555; } .table-dark.table-bordered, table.table-dark { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered, .table-responsive-sm > table { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered, .table-responsive-md > table { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered, .table-responsive-lg > table { border: 0; } } @media (max-width: 1167.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered, .table-responsive-xl > table { border: 0; } } @media (max-width: 1367.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xxl > .table-bordered, .table-responsive-xxl > table { border: 0; } } @media (max-width: 1567.98px) { .table-responsive-xxxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xxxl > .table-bordered, .table-responsive-xxxl > table { border: 0; } } @media (max-width: 1867.98px) { .table-responsive-xxxxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xxxxl > .table-bordered, .table-responsive-xxxxl > table { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered, .table-responsive > table { border: 0; } a { color: #2196f3; } img, .captionImage, .image, .ss-htmleditorfield-file { display: block; margin: 1rem; max-width: 100%; } img.center, .captionImage.center, .image.center, .ss-htmleditorfield-file.center { margin-left: auto; margin-right: auto; text-align: center; } img.left, .captionImage.left, .image.left, .ss-htmleditorfield-file.left { float: left; clear: left; margin: 0 1rem 1rem 0; } img.right, .captionImage.right, .image.right, .ss-htmleditorfield-file.right { float: right; clear: right; margin: 1rem 0 0 1rem; } img.leftAlone, .captionImage.leftAlone, .image.leftAlone, .ss-htmleditorfield-file.leftAlone { float: left; clear: left; margin: 0 1rem 1rem 0; } img.rightAlone, .captionImage.rightAlone, .image.rightAlone, .ss-htmleditorfield-file.rightAlone { float: right; clear: right; margin: 1rem 0 0 1rem; } img iframe, .captionImage iframe, .image iframe, .ss-htmleditorfield-file iframe { width: 100% !important; height: 100% !important; } .captionImage img { margin-bottom: 0.5rem !important; } .captionImage .caption { font-size: 0.8rem; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } table { width: 100%; max-width: 100%; border-collapse: collapse; } table.table-none { border: 0; } table.table-none tr, table.table-none td, table.table-none th { border: 0; background: none !important; } table:first-child { margin-top: 0; } table:last-child { margin-bottom: 0; } ul, ol { padding-left: 2rem; } ul li, ol li { position: relative; padding-left: 0; } ul { list-style: none; } ul li { list-style: none; margin: 0.5em 0; } ul li:before { content: '\2022'; display: inline-block; margin-right: 0.5em; position: absolute; left: -0.75em; font-size: 1.5em; top: -0.25em; } div, table, p, tr, th, td, img, iframe { max-width: 100% !important; } @media (max-width: 575px) { div, table, p, tr, th, td, img, iframe { display: block; width: 100% !important; border: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 575px) { div, table, p, tr, th, td, img { height: auto !important; } } @media (max-width: 575px) { td { display: flex; } td:before { content: attr(data-label); font-weight: bold; width: 12rem; min-width: 12rem; padding: 0 0.5rem; display: block; } }