﻿
/* reset.css */

/* 2-d scrolling problem on Silktide. March 2024*/
* {
  word-break: break-all;
}

html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:98%;color:#333;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; padding: 1em;}
h1 {font-weight:bold;}
h2, h3, h4, h5, h6 {font-weight:normal;color:#333;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.5em;margin-bottom:0.75em;}
h3 {font-size:1.3em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.6em;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#004d80;}
a {color:rgb(11, 52, 94);text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
li {padding-bottom: 0.5em;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* User selectable styles in Contensis CMS editor */
.usr_CaptionHide {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}


ol.usr_lower-roman {
list-style-type: lower-roman;
}
ol.usr_lower-latin {
list-style-type: lower-latin;
}
.center-align {
	display: flex;
  width: 100%;
	text-align: center;
}


/* Make all images responsive by default */
img {
  width: 100%;
  height: auto;
}


*:focus {
  outline: 4px solid #212529 !important;
  outline-offset: 0.063rem;
  -webkit-transition: outline-color 0.2s ease-out;
  transition: outline-color 0.2s ease-out;
  /* Apply a thick yellow box-shadow with
  a thin dark blue indicator in the middle */
  box-shadow:
    0 0 0 2px #f9f9d1,
    0 0 0 4px #396196,
    0 0 4px 8px #f9f9d1;
}


body {
	background-color: White;
}

.skip {
	color: wh#004d80;
}

.skip:focus {
	color: #004d80;
}

a {
	padding: .4rem;
	border: 4px solid rgba(0, 0, 0, 0);
}

ul.list-unstyled {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

.inline {
	display: inline;
}

.text-center {
	text-align: center;
}
/* || Table responsive styles */
.table-responsive {
    margin-bottom: 2rem;
}
table caption {
      caption-side: top;
}
@media screen and (max-width: 770px) {
.table-responsive {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    border-top: 3px solid #206c49;
    border-bottom: 3px solid #206c49;
    padding: 10px 0;
    margin: 20px 0 0 0;
}
.table-responsive:before {
  content: "Horizontal scroll to view more of the table";
  color: #206c49;
  font-size: 0.95rem;
  line-height: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='grey' class='bi bi-chevron-double-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3Cpath fill-rule='evenodd' d='M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: right center;
  width: 100%;
  display: block;
  padding: 10px 50px 0 0;
}
.table-responsive:after {
  content: "Horizontal scroll to view more of the table";
  color: #206c49;
  font-size: 0.95rem;
  line-height: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='grey' class='bi bi-chevron-double-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3Cpath fill-rule='evenodd' d='M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: right center;
  width: 100%;
  display: block;
  padding: 10px 50px 10px 0;
}
}
.table-responsive .usr_TableDefault {
margin-bottom: 5px;
}