/*!
*     CSS formatting for basic Index Tables
*/
:root{--index-click-back:PowderBlue;--index-click-fore:MidnightBlue;--index-table-img-height:20px;--index-header-height:28px;--index-header-dlheight:40px;--index-header-back:#4662a8;--index-header-fore:white;--index-dlheader-height:40px;--index-body-background:#f1f1f1;--index-body-row-height:28px;--index-doby-alt-row:#8282aa1a;--index-body-image-height:18px;--index-footer-height:40px;--index-footer-back:#4662a8;--index-footer-fore:white;--table-scrollbar-width:15px;--paginate-interspace:1px;--index-sortcol-back:RoyalBlue;--index-sortcol-fore:white}div.index-restriction{background:#f0fff0;border:inset;margin:2px 16px;padding:4px 8px;font-size:10pt;font-weight:400}div.index-restriction:nth-child(2){padding-left:8px}div.itable-loading{text-align:center;background:#00000080 url(/common-javascript-apps/images/uploading.gif) 50% 0/160px 160px no-repeat;flex-direction:row;justify-content:center;width:100%;height:100%;display:flex}div.itable-empty{background:#00000080;flex-direction:row;justify-content:center;width:100%;height:100%;display:flex}div.itable-empty>div{flex-direction:column;max-width:460px;display:flex}div.itable-empty>div>div{text-align:center;background:#ffe4e1;border-bottom:2px solid #000;border-left:2px solid #000;border-right:2px solid #000;border-radius:0 0 8px 8px;padding:8px 8px 16px;font-size:12pt}div.itable{width:calc(100% - 8px);height:calc(100% - 4px);margin:0 4px 4px;padding:0}div.itable div.table-note{color:#4662a8;background-color:#e6ecf9;padding-top:4px;font-style:oblique;text-align:center!important}table.itable{empty-cells:show;border-spacing:0;border-collapse:collapse;border:1px solid #000;width:100%;height:100%;font-family:calibri,Tahoma,sans-serif;font-size:10pt;display:block}table.itable tr.index-table-selected{background-color:#98fb98!important}table.itable td{white-space:nowrap;text-overflow:ellipsis;justify-content:flex-start;align-items:center;padding:2px;display:flex;overflow:hidden}table.itable th{white-space:nowrap;border:thin solid #f1f1f1;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;padding:2px;font-weight:400;display:flex;overflow:hidden}table.itable th.dual-line{flex-direction:column;position:relative}table.itable button{justify-content:center;align-items:center;margin-top:4px;padding:4px 16px;font-family:calibri,Tahoma,sans-serif;font-size:10pt;display:flex}table.itable button img{height:var(--index-table-img-height);margin-right:8px;padding:0}table.itable thead{background-color:var(--index-header-back);color:var(--index-header-fore);width:calc(100% - var(--table-scrollbar-width));height:var(--index-header-height);display:block}table.itable.dlheader thead{height:var(--index-dlheader-height)}table.itable thead tr{border-bottom:thin solid #000;width:100%;height:100%;display:flex}table.itable thead th.sbcol{background:var(--index-sortcol-back);color:var(--index-sortcol-fore)}table.itable thead th.sortcol{cursor:pointer;position:relative}table.itable thead th.sortcol img{width:18px;position:absolute;right:2px}table.itable thead th.sortcol.dual-line img{bottom:2px}table.itable tbody{width:100%;height:calc(100% - var(--index-header-height) - var(--index-footer-height));background-color:var(--index-body-background);display:block;overflow-y:scroll}table.itable tbody.loading{background:#00000080 url(/common-javascript-apps/images/uploading.gif) 50% 0/160px 160px no-repeat;justify-content:center}table.itable.dlheader tbody{height:calc(100% - var(--index-dlheader-height) - var(--index-footer-height))}table.itable tbody tr{height:var(--index-body-row-height);width:calc(100% - 2px);display:flex}table.itable tbody tr:nth-child(2n){background-color:#8282aa1a}table.itable tbody tr:hover{background-color:#ffefd5}table.itable tbody td{border:1px solid silver;flex-grow:0;flex-shrink:0;justify-content:flex-start;align-items:center;display:flex}table.itable tbody td.data-right{justify-content:flex-end}table.itable tbody td.data-centre,table.itable tbody td.data-center{justify-content:center}table.itable tbody td.nact{background:var(--index-click-back);color:var(--index-click-fore);justify-content:space-around;font-size:8pt}table.itable tbody td.nact img{cursor:pointer}table.itable tbody img{height:var(--index-body-image-height)}table.itable tfoot{background-color:var(--index-footer-back);color:var(--index-footer-fore);height:var(--index-footer-height);display:flex;overflow:hidden}table.itable tfoot tr{border-top:thin solid #000;border-bottom:thin solid #000;width:100%;height:100%;display:flex}table.itable tfoot td{border:solid thin var(--index-footer-back);align-items:center;display:flex}table.itable tfoot td.butts{flex-direction:row;display:flex}table.itable tfoot button{margin:4px;padding:4px 8px;font-size:11pt}table.itable tfoot button img{height:18px}table.itable button:hover,table.itable button:link,table.itable button:visited,table.itable button:active{background-color:silver}table.itable td.refresh{border:none;flex-basis:100px}table.itable td.paginate{color:#fff;border:none;flex-grow:1;justify-content:flex-end;align-items:center;width:100px;font-size:10pt}table.itable td.paginate>span{cursor:default}table.itable td.paginate>a{cursor:pointer}table.itable td.paginate>a,table.itable td.paginate>span{color:#fff;padding-left:var(--paginate-interspace);padding-right:var(--paginate-interspace);text-decoration:none}table.itable th div.units{font-size:8pt}table.itable td.vcentre{padding-top:12px}table.itable .stext{padding-top:7px;font-size:8pt}table.stable{border-spacing:0;border:none;width:100%;font-family:calibri,Tahoma,sans-serif;font-size:10pt}table.stable tr{width:calc(100% - 2px);height:var(--index-body-row-height);border:none;display:flex}table.stable td,table.stable th{white-space:nowrap;text-overflow:ellipsis;flex-grow:0;flex-shrink:0;justify-content:flex-start;align-items:center;margin:0;padding:2px;display:flex;overflow:hidden}table.stable img{width:20px}table.stable thead{width:100%}table.stable thead tr{border:none;margin:0}table.stable thead tr th{color:var(--index-header-fore);background-color:var(--index-header-back);border-left:solid thin var(--index-header-fore);border-top:thin solid #000;border-bottom:thin solid #000;border-right:none;justify-content:center;align-items:center;margin:0;display:flex}table.stable thead th.multiline{flex-direction:column}table.stable thead th.multiline>div{flex-grow:1;display:flex}table.stable thead tr th:first-of-type{border-left:thin solid #000}table.stable thead tr th:last-of-type{border-right:thin solid #000}table.stable tbody{background-color:var(--index-body-background);width:calc(100% - 2px);display:block}table.stable tbody tr{border:none;width:100%}table.stable tr:nth-child(2n){background-color:var(--index-doby-alt-row)}table.stable tbody tr:hover{background-color:#ffefd5}table.stable tbody tr.index-table-selected{background-color:#98fb98!important}table.stable tbody tr td{border:thin solid #000;border-top:none;border-left:none}table.stable tbody tr td:first-of-type{border-left:thin solid #000}table.stable tbody td.data-right{justify-content:flex-end}table.stable tbody td.data-center{justify-content:center}div#dateselection{z-index:91;background-color:#e6ecf9;border:3px solid #000;border-radius:8px;flex-direction:column;width:460px;height:170px;display:none;position:absolute;top:180px;left:calc(50% - 300px);box-shadow:4px 4px #a9a9a9}div#dateselection div.dateselwintitle{color:#fff;text-align:center;background-color:navy;border:none;border-radius:4px 4px 0 0;height:24px;padding-top:2px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:12pt}div#dateselection div.dateselln{border:none;width:100%;margin:4px 0;padding:4px;display:table}div#dateselection div.dateseltitle{float:left;text-align:right;width:calc(50% - 4px);padding-right:8px;font-weight:700}div#dateselection div.dateselbutts{text-align:center;border:none;width:100%;height:28px;margin-bottom:8px;display:table;position:absolute;bottom:0}div#dateselection button.dateselbutton{min-width:128px;margin-left:4px;margin-right:4px;display:inline}div#dateselection button.dateselbutton:hover{background-color:#e6ecf9}div#dateselection input#date1,div#dateselection input#date2{width:80px}div#dateselection input#time1{width:60px}
