odhin-reports-playwright 1.0.1

package/lib/html/assets/css/dark-theme.min.css

@@ -0,0 +1 @@
+:root[data-applied-mode="dark"]{--odhin-color-background-1:#424242;--odhin-color-background-2:#6d6d6d;--odhin-color-font-1:#f3f3f3;--odhin-color-font-2:#f3f3f3;--odhin-color-tab-background:#424242;--odhin-color-tab-font:#f3f3f3;--odhin-color-tab-hover-background:#6d6d6d;--odhin-color-tab-hover-font:#f3f3f3;--odhin-color-dashboard-card-title-background:#424242;--odhin-color-dashboard-card-title-font:#f3f3f3;--odhin-color-dashboard-card-title-bottom-border:#424242;--odhin-color-datatable-background:#6d6d6d;--odhin-color-datatable-font:#f3f3f3;--odhin-color-download-button-background:#424242;--odhin-color-download-button-font:#f3f3f3;--odhin-color-download-button-border:#424242;--odhin-color-download-button-hover-background:#424242;--odhin-color-download-button-hover-font:#55bb67;--odhin-color-download-button-hover-border:#55bb67;--odhin-color-close-button-background:#424242;--odhin-color-close-button-font:#f3f3f3;--odhin-color-close-button-border:#424242;--odhin-color-close-button-hover-background:#424242;--odhin-color-close-button-hover-font:#55bb67;--odhin-color-close-button-hover-border:#55bb67;--odhin-color-main-tests-table-border:#424242;--odhin-color-others-borders:#424242;--odhin-color-scrollbar-thumb:#55bb67;--odhin-color-scrollbar-track:#6d6d6d;--odhin-color-selection-background:#55bb67;--odhin-color-selection-font:#6d6d6d;--odhin-passed-status-color:#2e7d31;--odhin-failed-status-color:#c62828;--odhin-timedOut-status-color:#b99400;--odhin-skipped-status-color:#e76400;--odhin-interrupted-status-color:#01579b;--odhin-light-passed-status-color:#c2d4c2;--odhin-light-failed-status-color:#ddc9c9;--odhin-light-timedOut-status-color:#cec9b9;--odhin-light-skipped-status-color:#c9bdb2;--odhin-light-interrupted-status-color:#aebac4}

package/lib/html/assets/css/img-comparison-slider.css

@@ -0,0 +1,50 @@
+img-comparison-slider {
+  visibility: hidden;
+}
+
+img-comparison-slider [slot='second'] {
+  display: none;
+}
+
+img-comparison-slider.rendered {
+  visibility: inherit;
+}
+
+img-comparison-slider.rendered [slot='second'] {
+  display: unset;
+}
+
+
+.before,
+  .after {
+    margin: 0;
+  }
+
+  .before figcaption,
+  .after figcaption {
+    background: #fff;
+    border: 1px solid #c0c0c0;
+    border-radius: 12px;
+    color: #2e3452;
+    opacity: 0.8;
+    padding: 12px;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    line-height: 100%;
+  }
+
+  .before figcaption {
+    left: 12px;
+  }
+
+  .after figcaption {
+    right: 12px;
+  }
+  
+  .coloured-slider {
+    --divider-width: 3px;
+    --divider-color: #163647;
+    --default-handle-color: #163647;
+    --default-handle-opacity: 0;
+  }

package/lib/html/assets/css/img-comparison-slider.min.css

@@ -0,0 +1 @@
+img-comparison-slider{visibility:hidden}img-comparison-slider [slot=second]{display:none}img-comparison-slider.rendered{visibility:inherit}img-comparison-slider.rendered [slot=second]{display:unset}.after,.before{margin:0}.after figcaption,.before figcaption{background:#fff;border:1px solid silver;border-radius:12px;color:#2e3452;opacity:.8;padding:12px;position:absolute;top:50%;transform:translateY(-50%);line-height:100%}.before figcaption{left:12px}.after figcaption{right:12px}.coloured-slider{--divider-width:3px;--divider-color:#163647;--default-handle-color:#163647;--default-handle-opacity:0}

package/lib/html/assets/css/jquery.dataTables.min.css

@@ -0,0 +1 @@
+:root{--dt-row-selected: 13, 110, 253;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 9, 10, 11}table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{height:1em;width:1em;margin-top:-9px;display:inline-block;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable tr.dt-hasChild td.dt-control:before{content:"-";background-color:#d33333}table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting_asc_disabled,table.dataTable thead>tr>th.sorting_desc_disabled,table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting_asc_disabled,table.dataTable thead>tr>td.sorting_desc_disabled{cursor:pointer;position:relative;padding-right:26px}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after{position:absolute;display:block;opacity:.125;right:10px;line-height:9px;font-size:.8em}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:before{bottom:50%;content:"▲";content:"▲"/""}table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:after{top:50%;content:"▼";content:"▼"/""}table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:after{opacity:.6}table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting_asc_disabled:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}div.dataTables_scrollBody>table.dataTable>thead>tr>th:before,div.dataTables_scrollBody>table.dataTable>thead>tr>th:after,div.dataTables_scrollBody>table.dataTable>thead>tr>td:before,div.dataTables_scrollBody>table.dataTable>thead>tr>td:after{display:none}div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:2px}div.dataTables_processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dataTables_processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:rgb(13, 110, 253);background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dataTables_processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px;border-bottom:1px solid rgba(0, 0, 0, 0.3)}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 10px 6px 10px;border-top:1px solid rgba(0, 0, 0, 0.3)}table.dataTable tbody tr{background-color:transparent}table.dataTable tbody tr.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.9);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);color:rgb(255, 255, 255);color:rgb(var(--dt-row-selected-text))}table.dataTable tbody tr.selected a{color:rgb(9, 10, 11);color:rgb(var(--dt-row-selected-link))}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid rgba(0, 0, 0, 0.15);border-right:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe>tbody>tr.odd>*,table.dataTable.display>tbody>tr.odd>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.023)}table.dataTable.stripe>tbody>tr.odd.selected>*,table.dataTable.display>tbody>tr.odd.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.923);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.923))}table.dataTable.hover>tbody>tr:hover>*,table.dataTable.display>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.035)}table.dataTable.hover>tbody>tr.selected:hover>*,table.dataTable.display>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px #0d6efd !important;box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 1)) !important}table.dataTable.order-column>tbody tr>.sorting_1,table.dataTable.order-column>tbody tr>.sorting_2,table.dataTable.order-column>tbody tr>.sorting_3,table.dataTable.display>tbody tr>.sorting_1,table.dataTable.display>tbody tr>.sorting_2,table.dataTable.display>tbody tr>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019)}table.dataTable.order-column>tbody tr.selected>.sorting_1,table.dataTable.order-column>tbody tr.selected>.sorting_2,table.dataTable.order-column>tbody tr.selected>.sorting_3,table.dataTable.display>tbody tr.selected>.sorting_1,table.dataTable.display>tbody tr.selected>.sorting_2,table.dataTable.display>tbody tr.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.919))}table.dataTable.display>tbody>tr.odd>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.054)}table.dataTable.display>tbody>tr.odd>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.047)}table.dataTable.display>tbody>tr.odd>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.039)}table.dataTable.display>tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.954);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.954))}table.dataTable.display>tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.947);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.947))}table.dataTable.display>tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.939);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.939))}table.dataTable.display>tbody>tr.even>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019)}table.dataTable.display>tbody>tr.even>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.011)}table.dataTable.display>tbody>tr.even>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.003)}table.dataTable.display>tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.919))}table.dataTable.display>tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.911);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.911))}table.dataTable.display>tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.903);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.903))}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.082)}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.074)}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.062)}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.982);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.982))}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.974);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.974))}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.962);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.962))}table.dataTable.no-footer{border-bottom:1px solid rgba(0, 0, 0, 0.3)}table.dataTable.compact thead th,table.dataTable.compact thead td,table.dataTable.compact tfoot th,table.dataTable.compact tfoot td,table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_length select{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;padding:4px}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;margin-left:3px}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;color:inherit !important;border:1px solid transparent;border-radius:2px;background:transparent}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:inherit !important;border:1px solid rgba(0, 0, 0, 0.3);background-color:rgba(230, 230, 230, 0.1);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));background:-webkit-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);background:-moz-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);background:-ms-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);background:-o-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);background:linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:inherit}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid rgba(0, 0, 0, 0.3)}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:.5em}}

package/lib/html/assets/css/light-theme.css

@@ -0,0 +1,53 @@
+:root[data-applied-mode="light"] {
+	--odhin-color-background-1: #163647;
+	--odhin-color-background-2: #ffffff;
+	--odhin-color-font-1: #f3f3f3;
+	--odhin-color-font-2: #163647;
+
+	--odhin-color-tab-background: #163647; /* Tab Background Color */
+	--odhin-color-tab-font: #ffffff; /* Tab Font Color */
+	--odhin-color-tab-hover-background: #ffffff; /* Tab Hover Background Color */
+	--odhin-color-tab-hover-font: #163647; /* Tab Hover Font Color */
+
+	--odhin-color-dashboard-card-title-background: #f3f3f3; /* Dashboard Card Title Background Color */
+	--odhin-color-dashboard-card-title-font: #163647; /* Dashboard Card Title Font Color */
+	--odhin-color-dashboard-card-title-bottom-border: #163647; /* Dashboard Card Title Bottom Border Color */
+
+	--odhin-color-datatable-background: #f3f3f3; /* Tab Background Color */
+	--odhin-color-datatable-font: #163647; /* Tab Font Color */
+
+	--odhin-color-download-button-background: #163647; /* Button Background Color */
+	--odhin-color-download-button-font: #f3f3f3; /* Button Font Color */
+	--odhin-color-download-button-border: #163647; /* Button Border Color */
+	--odhin-color-download-button-hover-background: #163647; /* Button Background Color */
+	--odhin-color-download-button-hover-font: #55bb67; /* Button Font Color */
+	--odhin-color-download-button-hover-border: #55bb67; /* Button Border Color */
+
+	--odhin-color-close-button-background: #163647; /* Button Background Color */
+	--odhin-color-close-button-font: #f3f3f3; /* Button Font Color */
+	--odhin-color-close-button-border: #163647; /* Button Border Color */
+	--odhin-color-close-button-hover-background: #163647; /* Button Background Color */
+	--odhin-color-close-button-hover-font: #55bb67; /* Button Font Color */
+	--odhin-color-close-button-hover-border: #55bb67; /* Button Border Color */
+
+	--odhin-color-main-tests-table-border: #163647; /* Main Tests Table Border Color */
+	--odhin-color-others-borders: #163647; /* Others Borders Color */
+
+	--odhin-color-scrollbar-thumb: #55bb67; /* Scrollbar Thumb Color */
+	--odhin-color-scrollbar-track: #f3f3f3; /* Scrollbar Track Color */
+	
+	--odhin-color-selection-background: #55bb67; /* Selection Background Color */
+	--odhin-color-selection-font: #ffffff; /* Selection Font Color */
+
+	--odhin-passed-status-color: #2e7d31;
+	--odhin-failed-status-color: #c62828;
+	--odhin-timedOut-status-color: #d6ad0a;
+	--odhin-skipped-status-color: #ff6f00;
+	--odhin-interrupted-status-color: #01579b;
+
+	--odhin-light-passed-status-color: #e5f8e5;
+	--odhin-light-failed-status-color: #fde6e6;
+	--odhin-light-timedOut-status-color: #faf4e0;
+	--odhin-light-skipped-status-color: #fff0e3;
+	--odhin-light-interrupted-status-color: #ddebf7;
+}

package/lib/html/assets/css/light-theme.min.css

@@ -0,0 +1 @@
+:root[data-applied-mode="light"]{--odhin-color-background-1:#163647;--odhin-color-background-2:#ffffff;--odhin-color-font-1:#f3f3f3;--odhin-color-font-2:#163647;--odhin-color-tab-background:#163647;--odhin-color-tab-font:#ffffff;--odhin-color-tab-hover-background:#ffffff;--odhin-color-tab-hover-font:#163647;--odhin-color-dashboard-card-title-background:#f3f3f3;--odhin-color-dashboard-card-title-font:#163647;--odhin-color-dashboard-card-title-bottom-border:#163647;--odhin-color-datatable-background:#f3f3f3;--odhin-color-datatable-font:#163647;--odhin-color-download-button-background:#163647;--odhin-color-download-button-font:#f3f3f3;--odhin-color-download-button-border:#163647;--odhin-color-download-button-hover-background:#163647;--odhin-color-download-button-hover-font:#55bb67;--odhin-color-download-button-hover-border:#55bb67;--odhin-color-close-button-background:#163647;--odhin-color-close-button-font:#f3f3f3;--odhin-color-close-button-border:#163647;--odhin-color-close-button-hover-background:#163647;--odhin-color-close-button-hover-font:#55bb67;--odhin-color-close-button-hover-border:#55bb67;--odhin-color-main-tests-table-border:#163647;--odhin-color-others-borders:#163647;--odhin-color-scrollbar-thumb:#55bb67;--odhin-color-scrollbar-track:#f3f3f3;--odhin-color-selection-background:#55bb67;--odhin-color-selection-font:#ffffff;--odhin-passed-status-color:#2e7d31;--odhin-failed-status-color:#c62828;--odhin-timedOut-status-color:#d6ad0a;--odhin-skipped-status-color:#ff6f00;--odhin-interrupted-status-color:#01579b;--odhin-light-passed-status-color:#e5f8e5;--odhin-light-failed-status-color:#fde6e6;--odhin-light-timedOut-status-color:#faf4e0;--odhin-light-skipped-status-color:#fff0e3;--odhin-light-interrupted-status-color:#ddebf7}

package/lib/html/assets/css/prism.css

@@ -0,0 +1,163 @@
+/* PrismJS 1.29.0
+https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+typescript&plugins=line-numbers */
+/**
+ * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
+ * Based on https://github.com/chriskempson/tomorrow-theme
+ * @author Rose Pritchard
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+	color: #ccc;
+	background: none;
+	font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+	background: #2d2d2d;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+	padding: 0.1em;
+	border-radius: 0.3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.block-comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: #999;
+}
+
+.token.punctuation {
+	color: #ccc;
+}
+
+.token.tag,
+.token.attr-name,
+.token.namespace,
+.token.deleted {
+	color: #e2777a;
+}
+
+.token.function-name {
+	color: #6196cc;
+}
+
+.token.boolean,
+.token.number,
+.token.function {
+	color: #f08d49;
+}
+
+.token.property,
+.token.class-name,
+.token.constant,
+.token.symbol {
+	color: #f8c555;
+}
+
+.token.selector,
+.token.important,
+.token.atrule,
+.token.keyword,
+.token.builtin {
+	color: #cc99cd;
+}
+
+.token.string,
+.token.char,
+.token.attr-value,
+.token.regex,
+.token.variable {
+	color: #7ec699;
+}
+
+.token.operator,
+.token.entity,
+.token.url {
+	color: #67cdcc;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+.token.inserted {
+	color: green;
+}
+
+pre[class*="language-"].line-numbers {
+	position: relative;
+	padding-left: 3.8em;
+	counter-reset: linenumber;
+}
+
+pre[class*="language-"].line-numbers > code {
+	position: relative;
+	white-space: inherit;
+}
+
+.line-numbers .line-numbers-rows {
+	position: absolute;
+	pointer-events: none;
+	top: 0;
+	font-size: 100%;
+	left: -3.8em;
+	width: 3em; /* works for line-numbers below 1000 lines */
+	letter-spacing: -1px;
+	border-right: 1px solid #999;
+
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+
+.line-numbers-rows > span {
+	display: block;
+	counter-increment: linenumber;
+}
+
+.line-numbers-rows > span:before {
+	content: counter(linenumber);
+	color: #999;
+	display: block;
+	padding-right: 0.8em;
+	text-align: right;
+}

package/lib/html/assets/css/prism.min.css

@@ -0,0 +1 @@
+code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}

package/lib/html/assets/css/style-colors.css

@@ -0,0 +1,349 @@
+* {
+	scrollbar-color: var(--odhin-color-scrollbar-thumb);
+	scrollbar-face-color: var(--odhin-color-scrollbar-thumb);
+	scrollbar-shadow-color: var(--odhin-color-scrollbar-track);
+	scrollbar-highlight-color: var(--odhin-color-scrollbar-track);
+	scrollbar-3dlight-color: var(--odhin-color-scrollbar-track);
+	scrollbar-darkshadow-color: var(--odhin-color-scrollbar-track);
+	scrollbar-track-color: var(--odhin-color-scrollbar-track);
+	scrollbar-arrow-color: var(--odhin-color-scrollbar-track);
+}
+
+body,
+html {
+	background-color: var(--odhin-color-background-2);
+}
+
+*::-webkit-scrollbar-track {
+	background: var(--odhin-color-scrollbar-track);
+}
+*::-webkit-scrollbar-thumb {
+	background: var(--odhin-color-scrollbar-thumb);
+	border: 1px solid var(--odhin-color-scrollbar-thumb);
+}
+::-moz-selection {
+	color: var(--odhin-color-selection-font);
+	background: var(--odhin-color-selection-background);
+}
+::selection {
+	color: var(--odhin-color-selection-font);
+	background: var(--odhin-color-selection-background);
+}
+
+
+
+.odhin-bg {
+	background-color: var(--odhin-color-background-1);
+}
+.odhin-bg-2{
+	background-color: var(--odhin-color-background-2);
+}
+.odhin-text-1 {
+	color: var(--odhin-color-font-1);
+}
+.odhin-text-2 {
+	color: var(--odhin-color-font-2);
+}
+.text-secondary-emphasis{
+	color: var(--odhin-color-font-2) !important;
+}
+.odhin-border {
+	border: 2px solid var(--odhin-color-others-borders);
+}
+.odhin-thin-border {
+	border: 1px solid var(--odhin-color-others-borders);
+}
+.odhin-thin-border-bottom {
+	border-bottom: 1px solid var(--odhin-color-others-borders);
+}
+
+#loading {
+	background-color: #fff;
+}
+.version-link{
+	color: var(--odhin-color-font-1);
+}
+.version-link:hover{
+	color: var(--odhin-color-close-button-hover-font);
+}
+.odhin-attachments-label{
+	color: var(--odhin-color-font-2) !important;
+}
+.odhin-attachments-label-special{
+	color: var(--odhin-color-font-2) !important;
+}
+.odhin-attachment-body img,
+.odhin-attachment-body video {
+	border: var(--odhin-color-others-borders) 1px solid;
+}
+.chart-status-passed {
+	color: var(--odhin-passed-status-color);
+	border-left: var(--odhin-passed-status-color) 10px solid;
+	background-color: var(--odhin-light-passed-status-color) !important;
+}
+.chart-status-passed-info {
+	color: var(--odhin-passed-status-color);
+	background-color: var(--odhin-light-passed-status-color) !important;
+}
+.chart-status-failed {
+	color: var(--odhin-failed-status-color);
+	border-left: var(--odhin-failed-status-color) 10px solid;
+	background-color: var(--odhin-light-failed-status-color) !important;
+}
+.chart-status-failed-info {
+	color: var(--odhin-failed-status-color);
+	background-color: var(--odhin-light-failed-status-color) !important;
+}
+.chart-status-timedOut {
+	color: var(--odhin-timedOut-status-color);
+	border-left: var(--odhin-timedOut-status-color) 10px solid;
+	background-color: var(--odhin-light-timedOut-status-color) !important;
+}
+.chart-status-timedOut-info {
+	color: var(--odhin-timedOut-status-color);
+	background-color: var(--odhin-light-timedOut-status-color) !important;
+}
+.chart-status-skipped {
+	color: var(--odhin-skipped-status-color);
+	border-left: var(--odhin-skipped-status-color) 10px solid;
+	background-color: var(--odhin-light-skipped-status-color) !important;
+}
+.chart-status-skipped-info {
+	color: var(--odhin-skipped-status-color);
+	background-color: var(--odhin-light-skipped-status-color) !important;
+}
+.chart-status-interrupted {
+	color: var(--odhin-interrupted-status-color);
+	border-left: var(--odhin-interrupted-status-color) 10px solid;
+	background-color: var(--odhin-light-interrupted-status-color) !important;
+}
+.chart-status-interrupted-info {
+	color: var(--odhin-interrupted-status-color);
+	background-color: var(--odhin-light-interrupted-status-color) !important;
+}
+.info-header {
+	background-color: var(--odhin-color-background-1);
+	color: var(--odhin-color-font-1);
+}
+.result-header {
+	background-color: var(--odhin-color-background-1);
+	color: var(--odhin-color-font-1);
+}
+.result-tab-header {
+	background-color: var(--odhin-color-tab-background);
+	color: var(--odhin-color-tab-font);
+}
+.close-btn {
+	background-color: var(--odhin-color-close-button-background);
+	color: var(--odhin-color-close-button-font);
+	border: 1px solid var(--odhin-color-close-button-border);
+}
+.close-btn:hover {
+	background-color: var(--odhin-color-close-button-hover-background);
+	color: var(--odhin-color-close-button-hover-font);
+	border: 1px solid var(--odhin-color-close-button-hover-border);
+}
+.download-btn {
+	background-color: var(--odhin-color-download-button-background);
+	color: var(--odhin-color-download-button-font);
+	border: 1px solid var(--odhin-color-download-button-border);
+}
+.download-btn:hover {
+	background-color: var(--odhin-color-download-button-hover-background) !important;
+	color: var(--odhin-color-download-button-hover-font) !important;
+	border: 1px solid var(--odhin-color-download-button-hover-border) !important;
+}
+.label-status-passed {
+	background-color: var(--odhin-light-passed-status-color) !important;
+	color: var(--odhin-passed-status-color) !important;
+	border: var(--odhin-passed-status-color) 1px solid !important;
+}
+.label-status-failed {
+	background-color: var(--odhin-light-failed-status-color) !important;
+	color: var(--odhin-failed-status-color) !important;
+	border: var(--odhin-failed-status-color) 1px solid !important;
+}
+.label-status-timedOut {
+	background-color: var(--odhin-light-timedOut-status-color) !important;
+	color: var(--odhin-timedOut-status-color) !important;
+	border: var(--odhin-timedOut-status-color) 1px solid !important;
+}
+.label-status-skipped {
+	background-color: var(--odhin-light-skipped-status-color) !important;
+	color: var(--odhin-skipped-status-color) !important;
+	border: var(--odhin-skipped-status-color) 1px solid !important;
+}
+.label-status-interrupted {
+	background-color: var(--odhin-light-interrupted-status-color) !important;
+	color: var(--odhin-interrupted-status-color) !important;
+	border: var(--odhin-interrupted-status-color) 1px solid !important;
+}
+.result-status-passed {
+	background-color: var(--odhin-light-passed-status-color) !important;
+	color: var(--odhin-passed-status-color) !important;
+}
+tr.row-result-status-passed:hover{
+	border-left: 5px solid var(--odhin-passed-status-color) !important;
+	border-right: 5px solid var(--odhin-passed-status-color) !important;
+}
+.result-status-failed {
+	background-color: var(--odhin-light-failed-status-color) !important;
+	color: var(--odhin-failed-status-color) !important;
+}
+tr.row-result-status-failed:hover{
+	border-left: 5px solid var(--odhin-failed-status-color) !important;
+	border-right: 5px solid var(--odhin-failed-status-color) !important;
+}
+.result-status-timedOut {
+	background-color: var(--odhin-light-timedOut-status-color) !important;
+	color: var(--odhin-timedOut-status-color) !important;
+}
+tr.row-result-status-timedOut:hover{
+	border-left: 5px solid var(--odhin-timedOut-status-color) !important;
+	border-right: 5px solid var(--odhin-timedOut-status-color) !important;
+}
+.result-status-skipped {
+	background-color: var(--odhin-light-skipped-status-color) !important;
+	color: var(--odhin-skipped-status-color) !important;
+}
+tr.row-result-status-skipped:hover{
+	border-left: 5px solid var(--odhin-skipped-status-color) !important;
+	border-right: 5px solid var(--odhin-skipped-status-color) !important;
+}
+.result-status-interrupted {
+	background-color: var(--odhin-light-interrupted-status-color) !important;
+	color: var(--odhin-interrupted-status-color) !important;
+}
+tr.row-result-status-interrupted:hover{
+	border-left: 5px solid var(--odhin-interrupted-status-color) !important;
+	border-right: 5px solid var(--odhin-interrupted-status-color) !important;
+}
+.step-ok {
+	color: var(--odhin-passed-status-color) !important;
+}
+.step-error {
+	color: var(--odhin-failed-status-color) !important;
+}
+
+
+.step-ok-hover:hover,
+.step-ok-hover:hover > *{
+	color: var(--odhin-passed-status-color) !important;
+	background-color: var(--odhin-light-passed-status-color) !important;
+}
+.step-error-hover:hover,
+.step-error-hover:hover > *{
+	color: var(--odhin-failed-status-color) !important;
+	background-color: var(--odhin-light-failed-status-color) !important;
+}
+
+.pre-line-number {
+	color: var(--odhin-failed-status-color);
+}
+.pre-line-info {
+	color: var(--odhin-passed-status-color);
+}
+
+.tableFixHead thead th {
+	color: var(--odhin-color-font-2);
+	background-color: var(--odhin-color-background-2);
+}
+
+.tr-border-bottom,
+.table-sm tbody tr {
+	border-color: var(--odhin-color-others-borders);
+}
+
+.odhin-table-no-scroll table tbody tr:last-child,
+.testcase-run-info-table tbody tr:last-child {
+	border-bottom-color: transparent !important;
+}
+table.dataTable tr,
+table.dataTable thead {
+	border-top: 1px solid var(--odhin-color-main-tests-table-border) !important;
+	border-bottom: 1px solid var(--odhin-color-main-tests-table-border) !important;
+}
+table.dataTable tbody tr:first-child {
+	border-top: 1px solid var(--odhin-color-main-tests-table-border) !important;
+}
+
+.info-box-header{
+	color: var(--odhin-color-dashboard-card-title-font);
+	background-color: var(--odhin-color-dashboard-card-title-background);
+	border-bottom: 1px solid var(--odhin-color-dashboard-card-title-bottom-border);
+}
+
+.pre{
+	background-color: #2d2d2d;
+}
+
+pre{
+    color: var(--odhin-color-font-1);
+}
+
+
+/* 
+Bootstrap
+*/
+.accordion-button:not(.collapsed) {
+	color: var(--odhin-color-font-2);
+	background-color: transparent !important;
+}
+.accordion-button.collapsed{
+	color: var(--odhin-color-font-2);
+	background-color: transparent !important;
+}
+
+.accordion-steps:not(.collapsed) {
+	color: var(--odhin-color-font-2) !important;
+}
+.accordion-steps.collapsed {
+	color: var(--odhin-color-font-2) !important;
+}
+
+.accordion-steps,
+.accordion-steps-no-link{
+	color: var(--odhin-color-font-2) !important;
+	background-color: transparent !important;
+}
+
+.modal-content {
+	border: 1px solid var(--odhin-color-background-1);
+	background-color: var(--odhin-color-background-1);
+}
+.accordion-item {
+	background-color: var(--odhin-color-background-2) !important;
+	color: var(--odhin-color-font-2) !important;
+}
+
+/* DataTable */
+#test-list-table,
+.dataTables_info,
+.dataTables_length,
+.dataTables_paginate,
+.dataTables_filter{
+	color: var(--odhin-color-datatable-font) !important;
+}
+.dataTables_length select {
+	background-color: var(--odhin-color-datatable-background) !important;
+	color: var(--odhin-color-datatable-font) !important;
+}
+.dataTables_filter input {
+	background-color: var(--odhin-color-datatable-background) !important;
+	color: var(--odhin-color-datatable-font) !important;
+}
+
+/* Style the tab */
+.tab button {
+	background-color: var(--odhin-color-tab-background);
+	color: var(--odhin-color-tab-font)
+}
+.tab button:hover,
+.tab button.active {
+	background-color: var(--odhin-color-tab-hover-background);
+	color: var(--odhin-color-tab-hover-font);
+}
+.tabcontent,
+.result-tabcontent {
+	background-color: var(--odhin-color-background-2);
+}