@view-transition { navigation:auto }
*,*:before,*:after { box-sizing:border-box; font-size:inherit }
body,table,form,div,span,hr,pre,img,h1{ border:none; padding:0; margin:0;line-height:1.2 }
h1,h2,h3,h4,h5,h6 { line-height:1.1; text-wrap:balance }
ul { padding:0 25px 10px 25px; margin:0 }
ul li ul { padding:0 10px 10px 15px }
li { padding:2px }
a.noline {text-decoration:none}
a[target="_blank"]:hover::after {content: '\1f855';vertical-align:super;font-size: 0.5em}
#Skip a,#Skip a:hover,#Skip a:visited {position:absolute;left:0;top:-500px;width:1px;height:1px;overflow:hidden}
#Skip a:active,#Skip a:focus {position:static;width:auto;height:auto}
/*--BASIC POSITIONING AND LAYOUT----*/
html { height:100%; }
body { margin:0; padding:0; font-size:1em }
header:first-of-type {padding:1.2em}
main {padding-bottom:80p;min-height:calc(100vh - 140px)}
.module{border-radius:3px;margin:.5em;padding:.5em;}
.module-title {font-weight:bold;padding:.4em;margin:0 0 .4em 0}
footer {bottom:0;width:100%;padding:.5em}
.page {position:relative;max-width:98%;margin:0 auto;padding:1em}
.paperpage {position:relative;max-width:72em;margin:0 auto;padding:1em}
/*--FORM STYLES--*/
.iwrap {float:left;padding:2px;margin-right:1em;margin-bottom:1em}
.iwrap label {display:block}
.iwrap .fakeInput {height:1em;padding:3px;border:1px #999 solid}
.iwrap.border {border:1px #eee solid;padding:2px;margin:4px}
.iwrap.border label {text-align:center}
.inputmedium {max-width:10em}
.inputlong {width:25em;max-width:320px}
.inputshort {width:6em}
.inputmoney, .inputnumber{width:6em;text-align:right}
input[type='number']{width:9em;text-align:right}
 /** flat button **/
.ibutton {border:1px transparent solid;padding:1px 2px 1px 2px;margin:2px;background:transparent;box-shadow:none}
.ibutton .icon16 {vertical-align:top}
.ibutton:hover {border:1px #eee solid}

fieldset {padding:1em;margin:2.5rem 0;border-radius:3px}

/*--DEFAULT TABLE STYLES--*/

table {width:100%;border-spacing:1px;empty-cells:show;border-width:1px;border-bottom:0}
tr.row-child td {padding:.75rem}
th {text-align:left;border:0}
th, caption,tfoot td {font-weight:bold}
td,th,caption {padding:4px}

.ngrid {width:100%;border-spacing:1px;empty-cells:show}
.ngrid caption {min-height:15px;padding:.5em;text-align:left;text-transform:uppercase;font-weight:bold;border-bottom:0}
.ngrid th {padding:5px;text-transform:uppercase;font-weight:bold}
.ngrid caption span.fl,.ngrid thead th span.fl,.ngrid tfoot th span.fl {padding-top:6px}

.hover tbody tr:hover {background-color:palegoldenrod !important;color:#000 !important}
.sort {cursor:pointer}
@media(max-width:1024px) {
    .responsive thead {display:none}
    .responsive tr {clear:both;}
    .responsive td {display:block}
    .responsive td[data-label]:before{width:40%;font-weight:bold;content:attr(data-label);display:inline-block;padding:0 1em 0 0;text-align:left}
    .responsive td[data-title]:before{width:40%;font-weight:bold;content:attr(data-title);display:inline-block;padding:0 1em 0 0;text-align:left}
    .responsive td:last-child:after {content:"";clear:both;border-bottom:1px solid #ccc}
    .responsive td{text-align:left !important}
    .responsive td:empty {display:none}
    .responsive tfoot tr {background:none !important}
    .responsive tfoot th {display:block;float:left;background:none;}
}

/** utilities **/

[id] {scroll-margin-top:1ex}
.avt{vertical-align:top}.avm {vertical-align:middle}.avb{vertical-align:bottom}
.atl{text-align:left}.atc{text-align:center}.atr{text-align:right}
.nw{white-space:nowrap}.oh{overflow:hidden}
.db{display:block}.di{display:inline-block}
.hidden {display:none}.screenHide {display:none}
.cp {cursor:pointer}
.cb{clear:both}.fl{float:left}.fr{float:right}.fn{float:none}
.pre{white-space:pre}
.indent {margin-left:2em}
.num{font-family:Consolas,Droid Sans Mono,Lucinda Console }
.mShow{display:none}
.fineprint {font-size:small}
.b {font-weight:bold}.i{font-style:italic}
.screenreader,.visually-hidden { position:absolute; height:1px; width:1px; clip-path:inset(100%);clip:rect(1px,1px,1px,1px);overflow:hidden;white-space:nowrap}
.mg20 {margin-top:20px;margin-bottom:20px}.mg40 {margin-top:40px;margin-bottom:40px}
@media screen and (min-width:1024px) and (max-width:1400px) {
.truncated { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:150px; cursor:pointer }
.truncated:hover { white-space:normal;position:absolute;overflow:visible; background:#444; z-index:5 }
.truncated2 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:150px; cursor:pointer }
}
.flex {display:flex;flex-wrap:wrap}
.flexrow {display:flex;flex-wrap:nowrap}
.jcsa{justify-content:space-around}
.jcsb {justify-content:space-between}
.jcc {justify-content:center}
.jcfs {justify-content:flex-start}
.jcfe {justify-content:flex-end}
.aic {align-items:center}
.ait {align-items:flex-start}
.aib {align-items:flex-end}
.gap1em {gap:1em}
.gap2em {gap:2em}

@media (min-width:1025px){
    #Header{position:relative;margin:0;height:85px}
    .lg-show {display:block}.lg-hide{display:none}.md-show,.sm-show{display:none}
    .lg-col-1{flex-basis:8.33%}.lg-col-2{flex-basis:16.66%}.lg-col-3{flex-basis:25%}.lg-col-4{flex-basis:33.33%}
    .lg-col-5{flex-basis:42%}.lg-col-6{flex-basis:50%}.lg-col-7{flex-basis:58%}.lg-col-8{flex-basis:66.66%}
    .lg-col-9{flex-basis:75%}.lg-col-10{flex-basis:83.33%}.lg-col-11{flex-basis:92%}.lg-col-12{flex-basis:100%}
}

@media(max-width:1024px) {
    body,table {font-size:.85em}
    .sm-show{display:block}.sm-hide{display:none}.ld-show,.md-show{display:none}
    .sm-col-1{flex:99%;align-items:center}.sm-col-2{flex:48%}.sm-col-4{flex:3.33}.mcol {margin:8px}.pcol {padding:8px}
    .sm-reverse {flex-direction:column-reverse}.sm-center {justify-content:space-around;text-align:center}
    .responsive thead {display:none}
    .responsive tr {clear:both;}
    .responsive td {display:block}
    .responsive td[data-label]:before {font-weight:bold;content:attr(data-label);display:inline-block;padding:0 1em 0 0;text-align:left}
    .responsive td:last-child:after {content:"";clear:both;border-bottom:1px solid #ccc}
    .responsive td{text-align:left !important}
    .responsive td:empty {display:none}
    .responsive tfoot tr {background:none !important}
    .responsive tfoot th {display:block;float:left;background:none;}
    header:first-of-type {padding:1em}
    header .ident {max-width:100%;min-width:320px}
}
@media print {
    @page {size:landscape}
    html,body,table,form,div,span,hr,pre,img,header,a{background-color:#fff !important ;color:#000 !important;border:none;padding:0;margin:0;font-family:sans-serif;font-size:12px}
    #Content {background-color:#FFF;float: none !important;width:100%;margin: 0 auto}
    .iwrap, label {display:inline-block;float:none}
    .printHide,nav,input[type=button],input[type=submit],a.buttonlink,footer {display:none}
    select,input {border:none}
    a {text-decoration:none}
       table { page-break-inside:auto }
    tr { page-break-inside:avoid; page-break-after:auto }
}