/* page works for weasyprint display, but not for display or print from browser */
/* also weasyprint print can only handle 1 print. can't mix portrait and landscape */
/* first declared orientation is the one used for all pages */
/* */
/* weasy print cannot handle percent sizes in html tables, and it cannot handle grids */
/* table sizes have to be absolute to center info */
/* weasyprint does not support <ol start="5"> the start number option on lists. Numbers*/
/*must be entered manually when narrative lists span multiple pages */
/* weasyprint does not support hidden (to truncate long text in a table). Truncate must be done in code*/
/* weasyprint cannot handle css varaibles var(--white), it just ignores it. It's ok for display only pages, but not PDF pages*/
:root {
  --mainbg:      #f2f4f5;
  --lightgraybg: #f2f4f5;
  --linkbg:      #8a9dad;
  --linkbgdark:  #d0d8de;
  --linkbgred:   #e27575;
  --white:       #ffffff;
  --alerttext:   #e27575; /*red*/
  --warntext:    #ffb239; /*yellow*/
  --readytext:   #1f9e6c; /*green*/  
  --grayline:    #8a9dad;
}


@font-face {
font-family: Barlow;
  src: url('../fonts/barlow/Barlow-Medium.ttf');
}
@font-face {
font-family: Barlow;
  src: url('../fonts/barlow/Barlow-MediumItalic.ttf');
  font-style: italic;
}
@font-face {
font-family: Barlow;
  src: url('../fonts/barlow/Barlow-Bold.ttf');
  font-weight: bold;
}
@font-face {
font-family: Barlow;
  src: url('../fonts/barlow/Barlow-BoldItalic.ttf');
  font-weight: bold;
  font-style: italic;
}


/* for weasyprint to set the printer orientation and page breaks*/
@page land {size: letter landscape; margin:0.25in;}
@page port {size: 8.5in 11in; margin:0.25in}


/* 2 different body background colors, gray for display and var(--white) for print*/
/* The gray body color shows around the edge on weasyprint                 */
.bodyprint   { margin: 0px; padding: 0px 55px 0px 55px; background-color: #ffffff;
              font-family: LiberationSerif, Times New Roman, Times, serf;}
/*.bodydisplay { margin: 0px; padding: 0px; background-color: #e6e6e6; height: 100%;  min-width: 800px;
              font-family: LiberationSerif, Times New Roman, Times, serf;}
*/
.bodydisplay { margin: 0px; padding: 0px; background-color: var(--mainbg); height: 100%;  min-width: 800px;
              font-family: Barlow;}

/* general settings */
* { box-sizing: border-box; border: 0;}


/* Portrait page */
.portpage { 
  page: port; background-color: #ffffff; page-break-after: always;
  max-width: 840px;
  margin: auto; padding: 5px;
  padding-left: 20px; padding-right: 20px;
  font-size: 14px; /* 14px */
  line-height: 1.2;
}

/* Landscape page */
.widepage { 
  page: land; background-color: #ffffff; page-break-after: always;
  max-width: 956px; /* width set for landscape */
  margin: auto; padding: 5px; padding-top: 25px;
  margin-top: 5px; margin-bottom:0;
  line-height: 1.2;
}

/* center all modals on center content not screen/document*/
.modal{position: absolute !important;}

/* Portrait page layout */
.pagetop    {height:110px; padding-top: 10px;font-weight: bold;} 
.pagecenter {min-height:829px; padding-top: 20px;}
.pagebottom {height:40px;}
/*.pageresize {max-width: 140px; max-height: 80px; padding-bottom: 10px;}*/
.pagelimit  {width:50%;margin:auto}

.pagetop2    {height:140px;font-weight: bold;} /*more header for supp_jgt*/
.pagecenter2 {min-height:789px;}

/* for appendix cover pages. Height based on 716px high landscape page */
.covertop    {height:320px; padding-top: 10px;} 
.covercenter {height:350px;}
.coverbottom {height:25px;}
/*.coverresize2 {max-width: 140px; max-height: 80px;}*/

/* Appendix page layout. Height based on 716px high landscape page */
.appendixtop    {height:150px;} 
.appendixcenter {height:480px;}
.appendixnotes  {height:65px;}
.appendixbottom {height:35px;}
.appendixlong   {height:540px;} /*extra space from notes makes a longer center */

.appendixtop2    {height:80px; overflow: hidden;}  /*less  space for IRA report*/
.appendixlong2   {height:610px;} /*extra space for IRA report*/

.appendixlong3  {height:510px;} /*extra space for NB note */
.appendixnotes3 {height:30px;width: 100%;}

/* for 3 column containers (like headers and footers) */
.leftbox  {float:left; width:25%; padding-left: 10px;} 
.middlebox{float:left; width:50%;} 
.rightbox {float:right;width:24.99%; padding-right: 10px;} /*.01%px less for weasy print*/

/* for 3 column port containers (like headers and footers) */
.leftsideheader  {float:left; width:49%;} 
.rightsideheader {float:right;width:49%;} /*.01%px less for weasy print*/

.leftsidefooter  {float:left; width:35%; padding-left: 10px;} 
.middlesidefooter{float:left; width:30%;} 
.rightsidefootes {float:right;width:34.99%; padding-right: 10px;} /*.01%px less for weasy print*/

section.footer2{height: 34px; margin-top: 2px;}
section.footer2>div.left {float:left; width:20%;} 
section.footer2>div.middle {float:left; width:60%; color: white; text-align: center; font-weight: bold; background-color: #e27575; border-radius: 5px;} 
section.footer2>div.right {float:right;width:19.99%; padding-right: 10px; text-align: right; padding-top: 5px} /*.01%px less for weasy print*/

.pad {padding:10px;}     /* padding for appendixC narration tables */
.xnarrpad {padding-left:110px; padding-right: 110px;} /* border padding for all narrative page */
.valignM {vertical-align: middle;}
.uititle {font-weight: bold; text-decoration: underline; line-height: 0; font-style: italic;}

/* general styling for all div's and tables */
div {margin:0; padding:0; border-style: solid; border-width: 0px; color: #000000;}

/* global background color for all modals*/
.modal-backdrop { background-color:#d0d8de;}
.modal{position: absolute !important;}

span.aapyearname{padding: 5px 20px 5px 20px; margin-bottom: 0; border-radius: 15px; background-color: var(--lightgraybg);}
span.alerttext{color: var(--alerttext);}
span.warntext {color: var(--warntext);}
span.readytext{color: var(--readytext);}

/* common css for login-out and password reset-change*/
section.login {width: 400px; margin: auto;}
section.login>header {font-size: 32px; font-weight: bolder; color: #163c5d; margin-bottom: 20px; border-bottom: 1px solid lightgray}
section.login>form>fieldset>legend.admin{color: #E27575}
button.login {height: 35px; width: 100%; border-radius: 16px; background-color: #163C5D;  color: white; font-weight: bold;}
button.login.tm15{margin-top: 15px;}
button.login>a {display: block;text-decoration: none; font-weight: bold; color: white;}
section.adminlogout{text-align: center;}
section.adminlogout>header{font-size: 32px;font-weight: bolder; color: #E27575; border-bottom: 1px solid lightgray;margin-bottom: 80px;}
section.send_invite>header{text-align: center;}
section.send_invite>form>p.errornote{text-align: center;color: #E27575; font-weight: bold; padding-bottom: 20px;}
section.send_invite>form>p.errornote>span{color: #1F9E6C;}
section.send_invite>form>fieldset>div>div>p{ text-align: center; color: #E27575; font-weight: bold;}
section.send_invite>form>p.errornote>span{color: #1F9E6C;}

section.signupform>form>fieldset.form-group>p{ text-align: center;color: #E27575; font-weight: bold;margin-bottom: 20px;}

div>p.invalid-feedback{color: #E27575;}

/* unique css for login-out and password reset-change*/
section.aaplogin>div.forgot>small>a{color: #163C5D; text-decoration: none;}
section.aaplogout{ text-align: center; }
section.aaplogout>p{ border-bottom: 1px solid lightgray; margin-bottom: 40px;}
section.aaplogout>h3{ margin-bottom: 40px;}
section.pw_reset>form>fieldset>p{ text-align: center;color: #1f9e6c; font-weight: bold;margin-bottom: 20px;}
section.pw_email_sent{ text-align: center; }
section.pw_reset_conf>form>fieldset.form-group>p{ text-align: center;color: #1f9e6c; font-weight: bold;margin-bottom: 20px;}
section.pw_reset_complete{ text-align: center; }
section.pw_change>header{ text-align: center; }
section.pw_change>form>p{ text-align: center; color: #E27575; font-weight: bold}
section.pw_change>form>fieldset>div>div>p{ text-align: center; color: #E27575; font-weight: bold}
section.pw_change_done{ text-align: center; }
section.pw_change_done>p{ padding-top: 20px; padding-bottom: 20px; }

div.insert_holder{padding: 10px; margin-top: 40px; text-align: center; background-color: #9099A2; color: white; font-weight: bold;font-size: 1.25em;}

div.AAPhelp{min-height: 760px; max-width: 840px; margin: auto; margin-top: 50px; text-align: center; padding-top: 20px;  background: white; border-radius: 10px; }
div.AAPhelp>header{font-size: 29px; font-weight: bold; border-bottom: 1px solid #8a9dad; margin: auto; padding-bottom: 30px; width: 90%;}
div.AAPhelp>section{width: 70%; margin: auto;padding-top: 30px;}
div.AAPhelp>section>span{color: #1f9e6c;}
div.AAPhelp>section>a, a:focus, a:hover, a:hover  {color: black; text-decoration: underline; font-weight: bold;}

div.managedata{min-height: 760px; max-width: 840px; margin: auto; margin-top: 50px; text-align: center; padding-top: 20px;  background: white; border-radius: 10px; }
div.managedata>p{font-size: 29px; font-weight: bold;}
div.managedata>div.panel>div.aapyear{border-top: 1px solid #8a9dad; margin: 30px auto 0px auto; width: 90%; color: var(--linkbg);}
div.managedata>div.panel>div.aapstatus{margin: 0 auto 10px auto; width: 90%; padding: 0px;}
div.managedata>div.panel>div.combined_panel{border-bottom: lightgray solid 1px; margin-bottom: 10px;height: 10px;}
div.managedata>div.panel>div>div.aapfile{margin: 5px 0px 0px 5px; color: var(--linkbg); text-align: left;}
div.managedata>div.panel>div>div>button.btn1{ margin: 5px 0px 10px 5px; background-color:  var(--linkbgdark); border-radius: 25px; width: 90px; height: 30px; border: none;outline: none;}
div.managedata>div.panel>div>div>button.btn1>a, a:focus, a:hover, a:hover  { color:var(--linkbg); text-decoration: none;}
div.managedata>div.panel>div>div>button.btn1no{ margin: 5px 0px 0px 5px; background-color: var(--white); border-radius: 25px; width: 90px; height: 30px; border: 0;}
div.managedata>div.panel>div>div>button.btn2{ margin: 5px 0px 0px 5px; background-color:  var(--linkbgred); border-radius: 25px; width: 90px; height: 30px; border: none; outline: none; color: var(--white);}
div.managedata>div.panel>div>div>button.btn2>a, a:focus, a:hover, a:hover  { color:var(--white); text-decoration: none;}
div.managedata>div.panel>div>div>button.btn2no{ margin: 5px 0px 0px 5px; background-color: var(--white); border-radius: 25px; width: 90px; height: 30px; border: 0}
div.managedata>div.panel>button.btn1{background-color:  var(--linkbg); border-radius: 25px; width: 200px; height: 30px; border: 0}
div.managedata>div.panel>button.btn1>a, a:focus, a:hover, a:hover  { color:var(--white); text-decoration: none;}
div.managedata>button.btn1{background-color:  var(--linkbg); border-radius: 25px; width: 200px; height: 30px; border: none;outline: none;}
div.managedata>button.btn1>a, a:focus, a:hover, a:hover  { color:var(--white); text-decoration: none;}
/*
div.managedata>button.btn2{background-color:  var(--linkbgdark); border-radius: 25px; width: 200px; height: 30px; border: none;outline: none; }
div.managedata>button.btn2>a, a:focus, a:hover, a:hover  { color:var(--white); text-decoration: none;}
*/
div.modal-footer.aapdelfile>input{background-color:  var(--linkbgred); border-radius: 25px; width: 90px; height: 30px; border: 0; color: var(--white);}
div.modal-footer.aapdelfile>button{background-color:  var(--linkbgdark); border-radius: 25px; width: 90px; height: 30px; border: none;outline: none; color: var(--linkbg);}
div.modal-body.aapdelfile>div>label{color: var(--linkbg);}
div.modal-body.aapdelfile>div>input{color: var(--linkbg);}
.accordion {background-color: white; cursor: pointer; width: 100%; font-size: 16px;
            transition: 0.4s; text-align: center; outline: none; }
.accordion.custgeo {width: 98%; margin-left: 8px;}
.accordionHover:hover { background-color: #8a9dad !important; }
.accordion:focus, .accordion:active{border: none;outline: none;}
.panel { padding: 10px 0 10px 0; display: none; overflow: hidden; border-bottom: 1px solid lightgray}
.panel.custgeo { padding: 10px 0 30px 0; display: none; overflow: hidden; width: 98%; margin: 0px auto 0px auto;}


/* upload data form */
div.upload{max-width: 840px; margin: auto; margin-top: 50px; text-align: center; padding-top: 20px;  background: white; border-radius: 10px; }
div.upload.aapm{margin-top: 0px;}
div.upload>form{margin:auto;}
div.upload>form>div.combined_panel{border-bottom: lightgray solid 1px; margin-bottom: 10px;height: 1px;}
div.upload>form>fieldset>legend{font-size: 29px; font-weight: bold;}
div.upload>form>fieldset>p{color: var(--linkbg);margin: 0px;}
div.upload>form>div {margin: 5px 5px 10px 5px; padding: 0; text-align: left;}
div.upload>form>div>label {width: 120px; height: 30px; color: var(--linkbg);}
div.upload>form>div>div>input {background-color: var(--lightgraybg);}
div.upload>form>input {background-color: var(--linkbg); color: var(--white); font-weight: bold; border-radius: 25px; width: 200px; height: 30px; border: 0}
div.upload>form>input:focus{outline:none;}
div.upload>form>input.redbut{background-color: var(--alerttext);}
div.upload>form>button {background-color: var(--linkbg); border-radius: 25px; width: 200px; height: 30px; border: none; outline: none;}
div.upload>form>button>a, a:focus, a:hover, a:hover  { color:var(--white); text-decoration: none;}
div.upload>form>div.census>label {margin-top:  -8px;}
div.upload>form>div.census>div>label { margin-right:  50px;}
div.upload>form>div>div>input[type="radio"]:checked {-webkit-filter: grayscale(100%);} 


div.selectdata{min-height: 760px; max-width: 840px; margin: auto; margin-top: 50px; text-align: center; padding-top: 20px;  background: white; border-radius: 10px; }
div.selectdata>form>fieldset>legend{font-size: 29px; font-weight: bold;}
div.selectdata>form>fieldset>p{color: var(--linkbg);}
div.selectdata>form>div {margin: 5px 5px 15px 5px; padding: 0; text-align: left;}
div.selectdata>form>div>label {width: 120px; height: 30px; color: var(--linkbg);}
div.selectdata>form>div>p {margin: 0 auto 0 auto; padding: 0; color: #D0D8DE}
div.selectdata>form>legend {height: 5px;}
div.selectdata>form>div>div>input {background-color: var(--lightgraybg);}
div.selectdata>form>input {background-color: var(--linkbg); color: var(--white); font-weight: bold; border-radius: 25px; width: 200px; height: 30px; border: 0}
div.selectdata>form>input:focus{outline:none;}
div.selectdata>form>button {background-color: var(--linkbg); border-radius: 25px; width: 200px; height: 30px; border: none; outline: none;}
div.selectdata>form>button>a, a:focus, a:hover, a:hover  { color:var(--white); text-decoration: none;}
div.selectdata>form>div>div>div>label>input[type="radio"]:checked {-webkit-filter: grayscale(100%);}

/* validation page */
.validation-header{font-size: 29px; font-weight: bold; text-align: center;}
.container-white { background-color: white; border-radius: 10px; }
.validation-card { border: none !important; }
table.table-fit {width: auto !important; table-layout: auto !important; }
table.table-fit thead th, table.table-fit tfoot th { width: auto !important; }
table.table-fit tbody td, table.table-fit tfoot td { width: auto !important;}
button.validok{background-color:  var(--linkbg); border-radius: 25px; width: 200px; height: 30px; border: 0}
button.validok>a, a:focus, a:hover, a:active  { color:var(--white); text-decoration: none;}

/* admin base page */
body.admindisplay{background-color: var(--mainbg); font-family: "Barlow";}
body.admindisplay>div>header{height: 60px; background-color: var(--linkbgdark); text-align: center; font-weight: bold;font-size: 2.0em; border-radius: 8px;}

/* aapadmin base page */
body.aapmadmin{ margin: 0px; padding: 0px; background-color: var(--mainbg); height: 100%;  min-width: 800px; font-family: Barlow;}
body.aapmadmin>div>header{ height: 80px;background-color: var(--linkbgdark); position: sticky; top: 0; z-index: 1;}
div.aapmtitle{font-weight: bold;font-size: 2.0em; margin: auto;}
nav.aapmnav{background-color: white;}
div.aapmnavdrop{margin: auto;}
div.aapmlogo{background-color: white;text-align:center; display:block;}

section.aapm_common{ min-height: 760px; width: 860px;  margin: auto; margin-top: 30px; border-radius: 10px; background-color: white;}
section.aapm_common>header{font-weight: bold; font-size: 29px; text-align: center; width: 98%; margin: auto; border-bottom: 1px solid #dee2e6;}
section.aapm_common>header>p{font-size: 18px; margin-bottom: 0px;color: #dee2e6;}
section.aapm_common>section{ text-align: center; border-bottom: 1px solid #dee2e6; margin: auto; width: 98%; padding-bottom: 10px;}
section.aapm_common>footer{text-align: center;padding-top: 50px;}
article.selectCensus{padding-top: 20px;}
article.selectCensus>form>input{margin-left: 50px;}
article.aapm_common>div{width: 100%; margin-top: 20px;}
article.aapm_common>div>span{ display: inline-block;width: 150px;}
article.aapm_common>div>button{margin-left: 5px; margin-right: 3px; width:110px; height: 30px; border-radius: 25px; background-color: var(--linkbgdark);}
article.aapm_common>div>button>a, a:focus, a:hover, a:hover {color: var(--linkbg); text-decoration: none; outline: none;}
article.aapm_common>div>button.redbut{background-color: var(--alerttext);}
article.aapm_common>div>button.redbut>a{color: white;}
article.aapm_common>p.nocustgeo{text-align: center; color: #ffb239;}
footer.aapm_common{ margin: 25px auto 0px auto; padding-top: 50px; border-top: 1px solid #dee2e6;  text-align: center; width: 98%}
footer.aapm_common.custgeo{ border: none;}
footer.aapm_common>button{ display: inline-block; width: 200px; height: 30px; border-radius: 25px; background-color: var(--linkbg);}
footer.aapm_common>button>a, a:focus, a:hover, a:hover { color:var(--white); text-decoration: none;}
section.aapm_common>form#download{padding-top: 20px;}
section.aapm_common>form#download>div{border-top: 1px solid #dee2e6; margin: 15px auto 0px auto; width: 98%; padding-top: 50px; text-align: center;}
section.aapm_common>form#download>div.group{width: fit-content; text-align: left; margin: auto; border: none; padding-top: 0px;}
section.aapm_common>form#download>div>label{padding-top: 0px; margin: 0; }
section.aapm_common>form#download>div>label>input{margin-right: 10px; }
section.aapm_common>form#download>div>button, button:focus, button:hover {text-decoration: none; outline: none;}
section.aapm_common>div.upload.aapm>form#upload>div>div>label{padding-top: 0px; margin: 0; color: #8a9dad;}
section.aapm_common>section>p{margin-bottom: 0px; color: #8a9dad;}

table.restorefiles{width: fit-content; margin: 10px auto 0px auto !important; padding: 10px 20px 0px 20px !important;}
table.restorefiles>tbody>tr>th{text-align: center;padding: 10px 20px 10px 20px;}
table.restorefiles>tbody>tr>td{padding-left: 30px; padding-right: 30px;}
table.restorefiles>tbody>tr>td.alignc{text-align: center;}
table.restorefiles>tbody>tr>td>label>input{margin-right: 20px;}

form#restore>div{width: 98%; margin: 15px auto 0px auto; padding-top: 50px; border-top: 1px solid #dee2e6;display: block;}
form#restore>div>button{margin: 15px auto 0px auto; display: block;}

section.uploadresults>table{margin: auto; margin-top: 10px;}
section.uploadresults>table>tbody>tr>td{text-align: left;}

button.std_butt{width:200px; height: 30px; border-radius: 25px; background-color: var(--linkbg); color: white; font-weight: normal; }
button.std_butt>a, a:focus, a:hover, a:hover {color: white; text-decoration: none;}
button.red_butt{background-color: var(--alerttext);}
button.red_butt>a{color: white;}
div.radios>input[type="radio"]:checked {-webkit-filter: grayscale(100%);} 
div.radios>input[type="radio"]:nth-child(n+3) {margin-left: 40px;} 



/* manage customers */
section.manage_customer{ min-height: 760px; width: 860px;  margin: auto; margin-top: 30px; border-radius: 10px; background-color: white;}
section.manage_customer>header{font-weight: bold; font-size: 29px; text-align: center;line-height: 2;border-bottom: 1px solid #dee2e6; width: 98%; margin: auto}
article.manage_customer>div.row{margin: 25px 0 0 30px; }
article.manage_customer>div.row>div{width: 220px; text-align: left;}
article.manage_customer>div.row>button{margin-left: 5px; margin-right: 3px; width:110px; height: 30px; border-radius: 25px; background-color: var(--linkbgdark);}
article.manage_customer>div.row>button>a, a:focus, a:hover, a:hover {color: var(--linkbg); text-decoration: none;}
article.manage_customer>div.row>button.redbut{background-color: var(--alerttext); margin-left: 20px;}
article.manage_customer>div.row>button.redbut>a{color: white;}
footer.manage_customer{ margin-top: 25px; padding-top: 50px; border-top: 1px solid #dee2e6;  width: 98%; margin-left: auto; margin-right: auto;}
footer.manage_customer>div>button{ display: block; margin: 0 auto 10px auto;  width: 200px; height: 30px; border-radius: 25px; background-color: var(--linkbg);}
footer.manage_customer>div>button>a, a:focus, a:hover, a:hover { color:var(--white); text-decoration: none;}

/* create Customer */
section.newcustomer{min-height: 760px; width: 860px;  margin: auto; margin-top: 30px; border-radius: 10px; background-color: white;}
section.newcustomer>header{font-weight: bold; font-size: 29px; text-align: center;line-height: 2; width: 98%; margin: auto; border-bottom: 1px solid #dee2e6;}
section.newcustomer>article>form>p{text-align: center;padding: 10px; margin: 0;}
fieldset.newcustomer { width: 500px; margin: 0 auto 0 auto; padding: 5px 20px 0 20px; border:1px solid #8a9dad; border-radius: 10px;}
input.newcustomerbut {display: block; color: white; background-color: var(--linkbg); margin: 25px auto 25px auto; width: 240px; height: 30px; border-radius: 25px;}
section.newcustomer>article>form>button{ display: block; margin: auto; width: 240px; height: 30px; border-radius: 25px; background-color: var(--linkbg);}
section.newcustomer>article>form>button>a, a:focus, a:hover, a:hover { color:var(--white); text-decoration: none;}

/* customer Information */
section.infocustomer{min-height: 760px; width: 860px;  margin: auto; margin-top: 30px; border-radius: 10px; background-color: white;}
section.infocustomer>header{font-weight: bold; font-size: 29px; text-align: center;line-height: 2;border-bottom: 1px #8a9dad}
section.infocustomer>article>p{text-align: center; padding-top: 10px;}
footer.infocustomer>button{display: block; margin: 20px auto 20px auto;  width: 240px; height: 30px; border-radius: 25px; background-color: var(--linkbg);}
footer.infocustomer>button>a, a:focus, a:hover, a:hover { color:var(--white); text-decoration: none;}
table.infocustomer {border-collapse: collapse; width: 60%; border: 1px solid #ddd; margin: auto; margin-top: 10px;}
.infocustomer tr:nth-child(odd){background-color: #f2f2f2;}
.infocustomer td{ border: 1px solid #ddd; text-align: left; padding: 8px 8px 8px 50px;}
.infocustomer td.header{font-weight: bold;}

/* delete Customer */
section.delcustomer{min-height: 760px; width: 860px;  margin: auto; margin-top: 30px; border-radius: 10px; background-color: white;}
section.delcustomer>header {font-weight: bold; font-size: 29px; text-align: center;line-height: 2;border-bottom: 1px solid #8a9dad}
section.delcustomer>article>h4 {text-align: center; color: var(--alerttext)}
section.delcustomer>article>p {width: 65%; margin: 0 auto 0 auto;}
section.delcustomer>article>p.status {text-align: center;}
input.delcustomerbut {display: block; color: white; background-color: var(--linkbg); margin: 25px auto 25px auto; width: 200px; height: 30px; border-radius: 25px;}
section.delcustomer>article>form>button{ display: block; margin: auto; width: 240px; height: 30px; border-radius: 25px; background-color: var(--linkbg);}
section.delcustomer>article>form>button>a, a:focus, a:hover, a:hover { color:var(--white); text-decoration: none;}
section.delcustomer>article>form>input{ display: block; margin: 50px auto 0 auto;  width: 240px; height: 30px; border-radius: 25px; background-color: var(--alerttext); color: white}

article.narrative_cover1{margin-top: 120px;}
article.narrative_cover1>hr{height: 4px; color: black; background-color: black; margin: 10px}
article.narrative_cover1>hr.thick{height: 8px;}
article.narrative_cover1>img{display:block; margin-left: auto; margin-right: auto; margin-top: 20px;}
article.narrative_cover1>h1{font-size: 38px; font-weight: bold; text-align: center;  margin: 0; padding: 0;}
article.narrative_cover1>h1.pad{margin-top: 100px;}
article.narrative_cover1>div.midcover>h2{ text-align: center; font-weight: bold; font-size: 32px; margin: 0px; padding: 0px;}
article.narrative_cover1>div.midcover{margin-top: 80px;padding: 0; height: 100px;}
article.narrative_cover1>h3{margin-top: 110px; margin-bottom: 70px; text-align: center; font-weight: bold;}


table.pact_sum>tbody>tr>th {font-size: 13px; font-weight: bold;color: #163c5d;text-align: center;} 
table.pact_sum>tbody>tr>th.rptborder { border: 1px solid #8A9DAD} 
table.pact_sum>tbody>tr>td {font-size: 11px; text-align: center;} 
table.pact_sum>tbody>tr.rptline { border-bottom: 2px solid #8A9DAD;} 
table.pact_sum>tbody>tr.total {background-color: #D0D8DE; border-bottom: 1px solid darkgray}
table.pact_sum>tbody>tr>td.total {text-align: right;font-style: italic;}
table.pact_sum>tbody>tr>td.left { text-align: left;} 

table.pact_ira>tbody>tr>td {font-size: 11px; text-align: center; vertical-align: bottom; padding: 1px !important;} 
table.pact_ira>tbody>tr>th {font-size: 11px; text-align: center; vertical-align: bottom; padding: 1.5px !important; font-weight: bold;color: #163c5d;} 
table.pact_ira>tbody>tr>th.wide {width: 80px;} 
td.cline, th.cline { border-right: 1px solid  #163C5D;} 
table.pact_ira>tbody>tr.rptline { border-top: 2px solid #163C5D;} 
table.pact_ira>tbody>tr>td.subhdr {background-color: #D0D8DE;font-size: 9px; } 
table.pact_ira>tbody>tr>td.total {border-top: 1px dashed #163C5D;}
table.pact_ira>tbody>tr>td.alert2 {background-color: #FFEA3C;border-radius: 0;} 
table.pact_ira>tbody>tr>td.alarm {background-color: #e27575;border-radius: 0; color: white; font-weight: bold;} 
table.pact_ira>tbody>tr>td.check {color: #e27575;font-weight: bold;} 
div.pact_ira_notes>div {float: left;vertical-align: top;font-size: 10px; line-height: 1; margin: 0;}
div.pact_ira_notes>div>p {margin: 10px; margin: 0;margin-left: 20px; color: #163c5d;}
div.pact_ira_notes>div>p.title {font-weight: bold;margin: 0 0 5px 0;}

table.pact_prog>tbody>tr>th {font-size: 13px; font-weight: bold;color: #163c5d; text-align: center; vertical-align: bottom;} 
table.pact_prog>tbody>tr>td {font-size: 11px; text-align: center; height: 20px;} 
table.pact_prog>tbody>tr>th.rptborder { border: 1px solid #163c5d} 
table.pact_prog>tbody>tr.rptline { border-bottom: 2px solid #163C5D;} 

header.pact_iwd>h5{text-align: center;font-weight: bold;color: #163c5d;}
header.pact_iwd>h6{text-align: center;font-weight: bold;font-style: italic;color: #163c5d;}
table.pact_iwd{margin: 30px auto 0 auto; font-size: 13px;}
table.pact_iwd>tbody>tr>th {font-weight: bold; color: #163c5d; text-align: center; border: 1px solid #163c5d;background-color: #D0D8DE;} 
table.pact_iwd>tbody>tr>th.noborder {border: none; background-color: white;} 
table.pact_iwd>tbody>tr>td {text-align: center; height: 20px; border: 1px solid #163c5d;} 

table.pact_vet{width: 80%; margin: auto;}
table.pact_vet>tbody>tr>th {font-size: 13px; font-weight: bold; color: #163c5d; text-align: center; background-color: #D0D8DE; border: 1px solid #163c5d;} 
table.pact_vet>tbody>tr.subhdr>th {font-size: 13px; font-weight: bold; color: #163c5d; text-align: center; background-color: #F2F4F5; border: 1px solid #163c5d;} 
table.pact_vet>tbody>tr>td {font-size: 13px; text-align: center; height: 20px; border: 1px solid #163c5d;} 

table.pact_raw {font-size: 13px; text-align: left;}
table.pact_raw>tbody>tr>th { font-weight: bold; color: #163c5d; border-bottom: 2px solid #163C5D;}
table.pact_raw>tbody>tr>td { padding: 4px 0 4px 0 ;}
table.pact_raw>tbody>tr>td.title {width: 280px;}
table.pact_raw>tbody>tr>td.reason {width: 190px;}
table.pact_raw>tbody>tr.endgroup>td {border-bottom: 1px dashed #163c5d;} 

table.pact_detail {font-size: 13px; font-weight: bold; color: #163c5d; text-align: center;}
table.pact_detail>tbody>tr.group>th  { border: 1px solid #163C5D; text-align: left; padding-left: 10px;}
table.pact_detail>tbody>tr.subhdr>th { border-bottom: 2px solid #163C5D; padding-top: 10px;}
table.pact_detail>tbody>tr>td {font-size: 12px;font-weight: normal; color:black;}

article.pact_overview>h5{color: #163C5D; font-weight: bold; font-size: 1.4375em;}
article.pact_overview>p>span{font-weight: bold;}

div.pdfall{min-height: 760px; max-width: 840px; margin: auto; margin-top: 50px; text-align: center; padding-top: 20px;  background: white; border-radius: 10px; }
form#pdfall>legend{font-size: 29px; font-weight: bold;}
form#pdfall>div#containerstatus { width:90%; margin: 5px auto 10px auto; padding: 0 !important;}
form#pdfall>div#containerstatus>div#formstatus{text-align: center; border-radius: 10px; padding: 0; min-width: 10%; margin-bottom: 5px;}
form#pdfall>section>header{margin: 5px 15px 5px 15px; border-top: 1px solid darkgray; padding-top: 10px; text-align: left;font-weight: bold;}
form#pdfall>section>div{display: table;}
form#pdfall>section>div>div.allbut {float: left; display: table-cell;margin: auto 40px auto 15px;}
form#pdfall>section>div>div.reports{float: left; display: table-cell;}
form#pdfall>section>div>div.reports>label{float: left; clear: left; margin: 0;}
form#pdfall>section>div>div.reports>label.filename{font-weight: bold; color: #8A9DAD}
form#pdfall>section>div>div.reports>label.xspace{margin-top: 5px;}
form#pdfall>button#exportconfirm {background-color: var(--linkbg); color: var(--white); font-weight: bold; border-radius: 25px; width: 200px; height: 30px; border: 0;outline: none; margin-top: 40px;}
form#pdfall>button {background-color: var(--linkbg); border-radius: 25px; width: 200px; height: 30px; border: 0;outline: none;}
form#pdfall>button>a, a:focus, a:hover, a:hover  { color:var(--white); text-decoration: none;}

.pdfmodaltitle {color: #ffb239}
.pdfmodalbody { text-align: center; }
.exportmodalbody {text-align: center;}
.exportmodalbody>span {font-weight: bold;}
.exportmodalfooter>button{background-color: var(--linkbgred); border-radius: 25px; width: 90px; height: 30px; border: 0; color: white;}
.exportmodalfooter>input{background-color:  var(--linkbgdark); border-radius: 25px; width: 90px; height: 30px; border: 0; color: var(--linkbg);}

/* PDF active indicator (upper right  in header*/
.glow {font-size: 12px; color: #8A9DAD; text-align: center;
    animation: glow 1.5s ease-in-out infinite alternate; float: right;}
@-webkit-keyframes glow {
  from {text-shadow:  0 0 5px white, 0 0 10px white, 0 0 15px white, 0 0 25px white, 0 0 30px white, 0 0 40px white;}
}


div.keyper{min-height: 760px; max-width: 840px; margin: auto; margin-top: 50px; text-align: center; padding-top: 20px;  background: white; border-radius: 10px; color: #163C5D
}
form#keyper>header {width: 90%; margin: auto; border-bottom: 2px solid #8a9dad;}
form#keyper>header>span {font-weight: bold; font-size: 29px; text-align: center;line-height: 2;}
form#keyper>header>input{width: 70px;}
form#keyper>table {border-collapse: collapse; width: 90%; margin: auto; margin-top: 10px;font-size: 14px;}
form#keyper>table>tbody>tr>th {font-weight: bold; padding-top: 40px; font-size: 20px;}
form#keyper>table>tbody>tr.header2 {background-color:var(--linkbgdark); border: 1px solid #8a9dad;}
form#keyper>table>tbody>tr.info {border: 1px solid #8a9dad;}
form#keyper>table>tbody>tr.info>td>input {border: 1px solid #8a9dad; width: 30px; text-align: center;}
form#keyper>input{ margin: 30px auto 0 auto;  width: 200px; height: 30px; border-radius: 25px; background-color: var(--linkbg); color: white;}
div.keyper>button{ display: block; margin: auto; width: 200px; height: 30px; border-radius: 25px; background-color: var(--linkbg);color: white;}
div.keyper>button>a, a:focus, a:hover, a:hover  { color:var(--white); text-decoration: none;}

div.suppjgt>div.pagetop2>h1{font-size: 2.0em;   margin-bottom: 0px; font-weight: bold; text-align: center; line-height: 1;}
div.suppjgt>div.pagetop2>h2{font-size: 1.25em;   font-weight: bold; text-align: center;font-style: italic;color: #163C5D;line-height: 1;}
div.suppjgt>div.pagecenter2>h3{font-size: 1.0em; font-weight: bold; font-style: italic;color: #163C5D;margin-left: 10px;line-height: 1;}
div.suppjgt>div.pagecenter2 dl{margin-bottom: 0px;}
div.suppjgt>div.pagecenter2 dt{font-size: 1.125em; font-weight: normal;color: white;background-color: #9099A2;
                               padding: 1px 1px 1px 5px; margin: 0px 10px 0px 10px; border-bottom: 1px solid gray;}
div.suppjgt>div.pagecenter2 dd{font-size: 1.0em; font-weight: normal; line-height: 1.2 !important; padding-left: 20px !important;}

table.suppocc>tbody .left{text-align: left;}
table.suppocc>tbody .space{line-height: 0.5;}
table.suppocc>tbody>tr.header{background-color: #D6DCE3; border-bottom: 1px solid gray;}

div.suppjgd{width: 60%; border: 1px solid gray;padding: 10px;  font-size: 1.0em; font-weight: bold; margin-bottom: 10px;}
div.suppjgd>div{color: #163C5D; float: left;}
div.suppjgd>div.left{width: 25%}

table.suppeeo{font-size: 10px;}
table.suppeeo th{border: 1px solid gray; text-align: center; width: 45px; vertical-align: bottom; color: #163C5D; font-style: italic;}
table.suppeeo th.bigtitle{font-size: 14px;}
table.suppeeo th.noborder{border: 0;}
table.suppeeo tr.bigborder{border-bottom: 3px solid #163C5D;}
table.suppeeo td{border: 1px solid gray; text-align: center;font-size: 12px;}
table.suppeeo td.left{text-align: left;font-size: 10px;}
table.suppeeo td.grandtotal{border: none;border-top: 3px solid #163C5D;}

table.supp_avail>tbody>tr>th {text-align: center; font-weight: bold; color: #163C5D; }
table.supp_avail>tbody>tr>td {text-align: center; border: 1px solid #d0d8de; font-size: 12px;}
table.supp_avail>tbody>tr>td.feeder {width: 50px;}
table.supp_avail>tbody>tr>td.highlight {background-color: lightgray; border: 1px solid darkgray;}
table.supp_avail>tbody>tr>td.left {text-align: left;}
table.supp_avail>tbody>tr>td.spacer {border: none;}

article.vetiwd_nar>table>tbody>tr>td.spacer{padding: 0px;line-height: 0.8}
article.vetiwd_nar>table>tbody>tr>td.dotted{border-bottom: 1px dotted black; width: 200px;}

article.vetiwd_nar{font-size: 16px;}
article.vetiwd_nar>header {text-align: center; font-weight: bold; font-size: 18px;}
article.vetiwd_nar>header>p { font-weight: normal;}
article.vetiwd_nar>ul{ padding-top: 20px;}
article.vetiwd_nar>ul>li { padding-bottom: 20px; list-style-type: disc;}

header.vetiwd_support{text-align: center; margin-top: 100px;}
header.vetiwd_support>h1, header.vetiwd_support>h2, header.vetiwd_support>h3, header.vetiwd_support>h4{ font-weight: bold; margin: 0;padding: 0;}
header.vetiwd_support>h1{font-size: 32px;}
header.vetiwd_support>h2{font-size: 28px;}
header.vetiwd_support>h3{font-size: 24px;}
header.vetiwd_support>h4{font-size: 20px;}
header.vetiwd_support>h5{font-size: 16px;}
header.vetiwd_support>h5{ font-weight: bold; margin-top: 10px;}
header.vetiwd_support>h2.vetpad, header.vetiwd_support>h4.vetpad{ margin-top: 50px;}

article.vetiwd_support>header{text-align: center; margin-top: 50px; font-weight: bold; }
article.vetiwd_support>header.subheader{text-align: left; margin-top: 10px; margin-bottom: 5px;}
/*article.vetiwd_support>header>img{max-width: 180px; max-height: 80px;margin-bottom: 10px;}*/
article.vetiwd_support>header>h5{font-weight: bold; margin-bottom: 0px;}
article.vetiwd_support>ol>li{padding-left: 20px;margin-bottom: 10px;}
article.vetiwd_support>ul>li{padding-left: 20px;margin-bottom: 10px;}
article.vetiwd_support>div.placeholder{background-color: #8a9dad; color: white; padding: 4px; margin: 100px auto 0 auto; font-size: 16px; border-radius: 5px;}
article.vetiwd_support>table>tbody>tr>td.topline{border-top: 1px solid black; padding-top: 20px;}
article.vetiwd_support>table>tbody>tr>td.spacer{width: 150px;}
article.vetiwd_support>table>tbody>tr>td.date{width: 150px;}

article.vetiwd_support table.camp {border: 1px solid black; border-collapse: separate;}
article.vetiwd_support table.camp>tbody>tr>th{border: 1px solid black;}
article.vetiwd_support table.camp>tbody>tr>td{border: 1px solid black;}
article.vetiwd_support table.checkbox>tbody>tr>td {vertical-align: top;}

h1.resource{text-align: center;font-weight: bold; margin-bottom: 50px;}
.resourcecard {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3); transition: 0.3s;
  width: 300px; margin: 20px; float: left; background-color: #CCE8EF; border-radius: 5px;
}

.resourcemain {display: flex; justify-content: center; flex-wrap: wrap;}
.resourcecard:hover { box-shadow: 0 12px 24px 0 rgba(0,0,0,0.3);}
.resourcecontainer { padding: 2px 16px; min-height: 220px;}
.resourcecontainer>h4 {text-align: center; height: 45px;}
.resourcecontainer>div{position: relative; bottom: 0px;}
.resourcelink{height: 40px;width: 60px;  float: right;}
.resourcelink>a:link, .resourcelink>a:visited, .resourcelink>a:hover, .resourcelink>a:active {color: black; text-decoration: none;}
.resourcecard.type1{background-color: #CCE8EF}
.resourcecard.type2{background-color: #D2ECE1}
.resourcecard.type3{background-color: #FFD89A}
.resourcecard.type4{background-color: #E4BDA6}


section.reporthelp>header{font-size: 36px;font-weight: bold; margin-top: 25px; margin-bottom: 25px;}
section.reporthelp>div.card{padding: 10px; background-color: #D0D8DE; margin: 25px 50px 25px 50px; border: none;}


table.nar_a>tbody>tr>td.spacer{padding: 0px;line-height: 0.8}
table.nar_a>tbody>tr>td.dotted{border-bottom: 1px dotted black; width: 350px;}
form#twofaform>fieldset>p{margin: 0; line-height: 1; font-size: 24px;text-align: center;}


/*special table for appendixB */
.appxB table, .appxB tr, .appxB td { margin:  0px;  padding: 0px 3px 0px 3px;} 
.appxC table, .appxC tr, .appxC td { margin:  0px;  padding: 0px 3px 0px 3px;} 
.appxCnar table, .appxCnar tr, .appxCnar td {border: 2px solid black; padding: 5px 5px 15px 5px;} 
.appxD table, .appxD tr, .appxD td { margin:  0px;  padding: 0px 3px 0px 3px;} 
.appxF table, .appxF tr, .appxF td { margin:  auto;  padding: 0px 0px 4px 0px;} 
.appxG table, .appxG tr, .appxG td { margin:  auto;  padding: 6px 0px 6px 0px;}

.tab09 p {margin: 5px;}
.tab09>p.uli{font-weight: bold;}
.tab09>p.uli>span{text-decoration: underline;}
.tab09>table.jgtbl{ width: 500px; border-collapse: collapse; border: 0; margin: 0; margin-left: 35px; padding: 0; font-weight: bold; }
.tab09>table.jgtbl>tbody>tr   { border: 0; padding: 0; font-weight: bold; }
.tab09>table.jgtbl>tbody>tr>td{ border: 0; padding: 0; font-weight: bold; }
.tab09 table.pidtbl tr td { margin:  auto;  padding: 6px 6px 6px 6px; border: 1px solid black;} 
.tab09>table.pidtbl>tbody>tr:first-child   { font-weight: bold;text-align: center; }
.tab09>table.pidtbl>tbody>tr>td:first-child{ width: 200px;vertical-align: top; }


/* Remove the navbar's default margin-bottom and rounded borders */ 
.navbar { margin-bottom: 0; border-radius: 0; }

div.maintitle{position: sticky;top: 0; z-index: 1; min-height: 80px; background: #D0D8DE}

/* Top banner (left img, center title + company + aapname, right img) */ 
.imgresize   {max-height: 80px; max-width: 180px;}
.imgresize2  {max-height: 80px; max-width: 350px;} /*for preface coverpage*/
.imgresize3   {max-height: 70px; max-width: 210px; padding: 5px;}

div.cologo {height: 80px; display: flex; justify-content: center; align-items: center;
          position: sticky;top: 0;z-index: 1;background-color: white; border-bottom: #dee2e6}
/* aap content navbar*/
ul.no-bullets { list-style-type: none;  padding: 0; margin: 0; }
ul.rightnav_stick{position: sticky;top: 85px}
span.smallscreen{margin-left: -75px;}
.aapnav, .aapnav a {color: black; height: 40px;  padding: 8px 0 0 4px; cursor: pointer;}
.aapnav  a:focus, .aapnav a:hover, .aapnav:hover  { background-color: var(--linkbg); color:black; text-decoration: none;}
.topnav {outline: 0 !important; box-shadow: none !important;}
input[type='checkbox']:checked {-webkit-filter: grayscale(100%);}


div.titlerow{background-color: #D0D8DE; width: 100%; margin: 0; height: 40px;}
div.titleaap{height: 40px;  padding-top: 7px;}
div.title40{height: 40px;}

ul.leftnav_hdr{position: sticky;top: 80px;}
ul.leftnav_hdr>div{color: #8a9dad; font-size: 15px;}
ul.leftnav_hdr>li{padding: 8px 0 0 16px; font-size: 15px;}
.setactive   { background-color: var(--linkbgdark);}/*highlight active tab on both side navs and AAP*/
.setinactive { background-color: var(--linkbg);}/*set button background the same as the reports nav bar*/

.spinner { position: relative; left: 50%; top: 200px; margin-left: 0px; z-index: 99999999; }

table, tr, td {  padding: 2px;} /* set to 1 to view box layout */
table{width:100%;border-collapse: collapse;}
tr.hdrline {border-bottom: 3px solid #000099;}
td.txtoverflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*requires set width */



/* text styling */
.underline {text-decoration: underline;}
.italic    {font-style: italic;}
.normalfont{font-style: normal;}

.bold   {font-weight: bold;}
.normal {font-weight: normal;}

.center {text-align: center;}
.left   {text-align: left;}
.right  {text-align: right;}

.top    {vertical-align: top;}
.bottom {vertical-align: bottom;}

.white      {color: #ffffff;}            /* var(--white) text */
.blue       {color: #163c5d;}            /* blue text */
.black      {color: #000000;}            /* normal text */
.bodygray   {color: #e6e6e6;}
.tablegray  {background-color: #9099A2;} /*table title div background */
.alertred   {background-color: #e27575; color: white;}
/* border styling */
.borderblue { border:1px solid #6699ff;}
.border { border: 1px solid darkgray;}
.borderdark { border: 1px solid black;}
.numberalign {padding-right:6px;}
.borderbottom { border-bottom:1px solid #163c5d;}

/* page line for footer */
hr { height: 2px; border-style: solid; border-width: 1px; color: #000099; padding:0px; margin:2px }
hr.gray {background-color: #cccccc; color:#cccccc; margin: 1px; padding: 1px}






.xh1 {margin: 0px; font-size: 1.8125em; font-weight: bold;} /* 29px/16=1.8125em */
.xh2 {margin: 0px; font-size: 1.4375em; font-weight: bold;} /* 23px/16=1.4375em */
.xh3 {margin: 0px; font-size: 1.125em;  font-weight: bold;} /* 18px/16=1.125em */
.xh4 {margin: 0px; font-size: 1.0em;    font-weight: bold;} /* 16px/16=1.0000em */
.xh5 {margin: 0px; font-size: 0.875em;  font-weight: bold;} /* 14px/16=0.875em */

.F32 {font-size: 2.0em;}     /* 32px/16=2.0em */
.F22 {font-size: 1.375em;}   /* 22px/16=1.375em */
.F20 {font-size: 1.25em;}    /* 20px/16=1.125em */
.F19 {font-size: 1.1875em;}  /* 19px/16=1.125em */
.F18 {font-size: 1.125em;}   /* 18px/16=1.125em */
.F17 {font-size: 1.0625em;}  /* 17px/16=1.0625em */
.F16 {font-size: 1.0em; }    /* 16px/16=1.0em */
.F15 {font-size: 0.9375em; } /* 15px/16=0.875em */
.F14 {font-size: 0.875em; }  /* 14px/16=0.75em */
.F13 {font-size: 0.8125em;}  /* 13px/16=0.75em */
.F12 {font-size: 0.75em;}    /* 12px/16=0.75em */
.F11 {font-size: 0.6825em;}  /* 11px/16=0.6875em */
.F10 {font-size: 0.625em;}   /* 10px/16=0.625em */
.narFont {font-size: 1.1875em; } /* 19px/16=1.1875em */


/* lower font sizes by 2 (16 -> 14, etc) for medium screens */
@media only screen and (max-width: 1480px) and (min-width:993px) {
  .xh1 {margin: 0px; font-size: 1.6875em; font-weight: bold;} /*27px*/
  .xh2 {margin: 0px; font-size: 1.3125em; font-weight: bold;} /*21px*/
  .xh3 {margin: 0px; font-size: 1.0em;    font-weight: bold;} /*16px*/
  .xh4 {margin: 0px; font-size: 0.875em;  font-weight: bold;} /*14px*/
  .xh5 {margin: 0px; font-size: 0.75em;   font-weight: bold;} /*12px*/

  .F32 {font-size: 1.75em;}   /*28px*/
  .F20 {font-size: 1.125em;}  /*18px*/
  .F19 {font-size: 1.0625em;} /*17px*/
  .F18 {font-size: 1.0em;}    /*16px*/
  .F17 {font-size: 0.9375em;} /*15px*/
  .F16 {font-size: 0.875em;}  /*14px*/
  .F15 {font-size: 0.8125em;} /*13px*/
  .F14 {font-size: 0.75em;}   /*12px*/
  .F13 {font-size: 0.6825em;} /*11px*/
  .F12 {font-size: 0.625em;}  /*10px*/
  .F11 {font-size: 0.5em;}    /* 9px*/
  .F10 {font-size: 0.5em;}    /* 8px*/
  .narFont {font-size: 1.0625em;}/*17px*/
}

/* lower font sizes by 4 (16 -> 12, etc) for smaller screens */
@media only screen and (max-width: 992px) {
  .xh1 {margin: 0px; font-size: 1.5625em; font-weight: bold;} /*25px*/
  .xh2 {margin: 0px; font-size: 1.1875em; font-weight: bold;} /*19px*/
  .xh3 {margin: 0px; font-size: 0.875em;  font-weight: bold;} /*14px*/
  .xh4 {margin: 0px; font-size: 0.75em;   font-weight: bold;} /*12px*/
  .xh5 {margin: 0px; font-size: 0.625em;  font-weight: bold;} /*10px*/

  .F32 {font-size: 1.75em;}
  .F20 {font-size: 1.125em;}
  .F19 {font-size: 1.0625em;}
  .F18 {font-size: 1.0em; }
  .F17 {font-size: 0.9375em; }
  .F16 {font-size: 0.875em; }
  .F15 {font-size: 0.75em;}
  .F14 {font-size: 0.75em;}
  .F13 {font-size: 0.6825em;}
  .F12 {font-size: 0.5em;}
  .F11 {font-size: 0.5em;}
  .F10 {font-size: 0.5em;}
  .narFont {font-size: 0.9375em;}
  div.managedata>div>div.aapfile{margin: 5px 0px 0px 5px; color: var(--linkbg); text-align: center;}
  span.aapyearname{padding: 5px 20px 5px 20px; margin-bottom: 5px; border-radius: 15px; background-color: var(--lightgraybg)}

}