html,body{padding:0;margin:0}h1{font-size:16px;font-weight:400;color:#6e717a;width:100%;display:flex;align-items:center;margin-top:20px;border-bottom:1px solid gray}.spacer{flex:auto}*{box-sizing:border-box}.datatable{width:100%;border-spacing:0;border-collapse:collapse}.datatable thead{font-weight:600}.datatable thead tr td{border-bottom:1px solid rgba(153,153,153,.6)}.datatable.alternate tbody tr:nth-child(odd){background-color:var(--panel-color)}.datatable thead th,.datatable thead td,.datatable tr th,.datatable tr td{padding:7px 5px;font-size:12px;border-bottom:1px solid rgba(153,153,153,.3333333333);text-align:left}.datatable thead th.center,.datatable thead td.center,.datatable tr th.center,.datatable tr td.center{text-align:center}.datatable thead th.icon,.datatable thead td.icon,.datatable tr th.icon,.datatable tr td.icon{width:110px}.datatable thead th.icon i,.datatable thead td.icon i,.datatable tr th.icon i,.datatable tr td.icon i{font-size:25px;cursor:pointer}.datatable thead.expanded td,.datatable tr.expanded td{border-bottom:0px none transparent;background-color:var(--main-bg-color)}.datatable thead.expanded td.shevron,.datatable tr.expanded td.shevron{transform:rotate(180deg)}