html {box-sizing:border-box}
*, *:before, *:after {box-sizing:inherit}
html,body,img {border:none;padding:0;margin:0;font-family:'Poppins',sans-serif;color:#595959;font-size:1.1em;line-height:1.3}
body {color:#333;background:#fff}
.page {width:1200px;max-width:90%;margin:auto}
.widepage {width:100% !important;max-width:100% !important}
a,a:visited {color:#0158aa;text-decoration:none}
a:hover {color:#0158aa}
:target {padding-top:20px;margin-top:-20px}
.noline {text-decoration:none}
h1{font-size:1.7em;margin:1em 0}h2{font-size:1.4em;margin:.5em 0}h3{font-size:1.2em}
header {display:flex;width:100%;padding:20px;align-items:center;background:#14254f;color:#fff}
header nav {display:flex;width:100%}
footer a, footer a:visited,header nav a,header nav a:visited {color:#fff;text-decoration:none}
footer a:hover,header nav a:hover {color:#ff511c;text-decoration:none}
footer {font-size:.8em;padding:20px;align-items:center;background:#14254f;color:#fff}

table td,th {padding:6px}
table th {text-align:left}
.avt {vertical-align:top}

.buttonlink {display:inline-block;font-size:1em;padding:6px 16px;text-decoration:none;text-align:center;border-radius:6px; box-shadow:rgba(0,0,0,0.24) 0 3px 8px}
.buttonlink.blue,.buttonlink.blue:visited{background-color:#0158aa;color:#fff;border:1px #0158aa solid}
.buttonlink.black,.buttonlink.black:visited {color:#fff;background-color:#333;border:1px #333 solid}
.buttonlink:hover, .buttonlink.black:hover {color:#000;background-color:#fff}
.buttonlink:active { transform: scale(0.98); box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);}
.buttonlink.fat {padding:16px 32px}
.greentext {color:#a4ce39}
.orangetext, header a.orangetext,header a.orangetext:visited{color:#ff511c}
.blacktext, a.blacktext,a.blacktext:visited{color:#595959}
.lightbluetext{color:#4d8ec9}
.lightbluebg{background:#dbe8f4}

.hidden {display:none}.visible {display:reset}
.feedback-button { position:fixed;right:-60px;top:45%;z-index: 999;height:40px;
    color: white; background: #333;transform: rotate(-90deg);text-align: center;
}

.adoc {display:block;width:150px;text-align:center;}
.doctitle {min-height:4em}
.docimgcontainer {text-align:center;padding:1em;height:250px;width:200px;background-color:#fff}
.thumbnail {height:129px;width:100px;border:1px #ccc solid;background:#fff;box-shadow: 5px 5px 5px rgba(204, 204, 204,.5);}
/*DEFAULT STYLES--*/
form {accent-color:#669933}
form > div {padding:6px}
label{font-weight:bold}
textarea,input,select,button,input[type=search]{font-size:inherit;padding:8px;border:1px #ccc solid;border-radius:3px;background-color:#fff}
input[type=submit],button,input[type=button]{background:#14254f;color:#fff;display:inline-block;padding:8px 6px;text-decoration:none;text-align:center;border-radius:4px; box-shadow:rgba(0,0,0,0.24) 0 3px 8px}
textarea:focus,input:focus,select:focus,  input[not:type=image]{background-color: #E6F2FF}
fieldset {margin-top:3px;margin-bottom:3px;padding:4px;border:1px #ccc solid;border-radius:3px}
.required{background-color:#FFFFE0;border:1px black solid}
.iwrap{float:left;padding:5px}.iwrap label{display:block}

.atc {text-align:center}.atr{text-align:right}.atl{text-align:left}
.fl{float:left;margin:2px}.fr{float:right;margin:2px}.cb{clear:both}
.mg40 {margin-top:40px;margin-bottom:40px}
.indent {margin-left:2em}
.allcaps,.uppercase {text-transform:uppercase}
.cleanlist {list-style-type:none;margin-left:.3em}
.cleanlist li,li {padding:6px 0}
.cleanlist.nomargin li, .nomargin {margin:0;padding-left:0}
.b {font-weight:bold}
.i {font-style:italics}
.screenreader,.visually-hidden {position:absolute;height:1px;width:1px;clip-path:inset(100%);clip:rect(1px,1px,1px,1px);overflow:hidden;white-space:nowrap}

img.desaturate {
    filter: url(~"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter: gray;
}
img.desaturate:hover {filter: none;-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);cursor: pointer}
/**flexbox**/
.flex{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
.flexrow{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}
.jcsa {justify-content:space-around}.jcsb {justify-content:space-between}
.jcs,.jcfs {justify-content:flex-start}.jce,.jcfe {justify-content:flex-end}.jcc {justify-content:center}
.acc,.aic {align-items:center}.ait {align-items:flex-start}.aib {align-items:flex-end}
@media(min-width:1024px) {
    nav ul {list-style-type: none;border-radius:3px;margin:0;padding:0}
    nav ul li {float:left;position:relative;text-align:center;padding:6px 6px}
    nav ul li a {font-size:12px}
    nav ul:after{clear:both;content:"";display:table}
    .lg-show {display:block}.lg-hide,.md-show,.sm-show{display:none}
    .lg-col-1{flex-basis:8.333%}.lg-col-2{flex-basis:16.667%}.lg-col-3{flex-basis:25%}
    .lg-col-4{flex-basis:33.333%}.lg-col-5{flex-basis:41.667%}.lg-col-55{flex-basis:46%}.lg-col-6{flex-basis:50%}
    .lg-col-7{flex-basis:58.333%}.lg-col-8{flex-basis:66.667%}.lg-col-9{flex-basis:75%}
    .lg-col-10{flex-basis:83.33%}.lg-col-11{flex-basis:91.667%}.lg-col-12{flex-basis:100%}
}
@media(min-width:1200px) {
    nav ul li a {font-size:14px}
}
@media(max-width:1023px){
    header nav details {position:relative}
    header nav summary {list-style: none}
    header nav summary::-webkit-details-marker {display: none; }
    header nav details summary::before { content:"☰"; }
    header nav ul{list-style: none;position:absolute;width:200px;top:26px;left:-20px;padding:20px;background:#0158aa}
    header nav ul a{color:#fff;text-decoration:none}
    header nav ul a:hover{color:gold;text-decoration:none}
    .sm-show{display:block}.sm-hide,.ld-show,.md-show{display:none}
    .sm-reverse {flex-direction:column-reverse}.sm-center {justify-content:space-around} .sm-atc {text-align:center}
    .sm-col-1{flex-basis:8.333%}.sm-col-2{flex-basis:16.667%}.sm-col-3{flex-basis:25%}
    .sm-col-4{flex-basis:33.333%}.sm-col-5{flex-basis:41.667%}.sm-col-6{flex-basis:50%}
    .sm-col-7{flex-basis:58.333%}.sm-col-8{flex-basis:66.667%}.sm-col-9{flex-basis:75%}
    .sm-col-10{flex-basis:83.33%}.sm-col-11{flex-basis:91.667%}.sm-col-12{flex-basis:100%}
}
@media(max-width:767px) {
    .responsive thead {display:none}
    .responsive tr {display:block;position:relative;padding:1.2em 0;z-index:100}
    .responsive tr:first-of-type {border-top:1px solid #ccc}
    .responsive td[data-label]:before {font-weight:bold;content:attr(data-label);padding:0 1em 0 0;text-align: left}
    .responsive td[data-label=''] {border-bottom:1px gainsboro solid;padding:0 0 0 2em}
    .responsive td {display:flex}
    .responsive td:last-child:after {content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid #ccc}
    .responsive td.atc, .responsive td.atr {text-align:left !important}

}
@media screen and (prefers-reduced-motion: no-preference) {
    .zoom img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out}
    .zoom:hover img {-webkit-transform: scale(1.05);transform: scale(1.05)}
    .unzoom img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out}
    .unzoom:hover img {-webkit-transform: scale(.95);transform: scale(.95)}
}
@media print {
    body {font-size:12px}
     .printHide,header,footer,#Banner,#Navigation,input[type=button],button  {display:none }
     table {page-break-inside:auto}
     table td,th {padding:0px}
}
