@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

body { background:#69B7F5; font-family: Arial, Helvetica, san-serif; color:#000;}
header #banner {margin: 0.25rem 0;}
h1 {border-bottom: 2px dotted #999;}
h1.title {color: #000000; background-color: transparent; border-bottom: none; font-weight: 550;}
.title a {color: #ffffff; background-color: transparent; border-bottom: none;}
a.btn {margin-bottom: 0.3rem;}
.edit a {color: red;}
.cff {font-family: Century Gothic;}
.bg-blue {background-color: #37577b; color: #ffffff;}
.bg-gray {background-color: #343230; color: #ffffff;}
.bg-green {background-color: #3c585d; color: #ffffff;}
a.btn:hover { color: #ffffff;}
.navbar {padding: 0; opacity:0.8}
.nav-item a, #subfooter a {color: rgba(255,255,255,1); background-color:#212529;}
.navbar-dark .navbar-nav .nav-link {color: rgba(255, 255, 255, 1);}
#subfooter a:hover {color: rgba(255,255,255,.75);}
main a {background-color: #ffffff; color:#3973bf;}
main table thead th {background-color: #37577b; color: #fff; text-align: center;}

#logo-name, #logo-title {margin-bottom: 0.1rem;}
#button-search,#skip a{background-color:#6c757d; color : #ffffff;}
h1,.h1 {font-size: 2rem;}
h2,.h2 {font-size: 1.8rem;}
h3,.h3 {font-size: 1.6rem;}
h4,.h4 {font-size: 1.4rem;}
table {width:100%;}
th, td {padding: 0.4rem 0.8rem;}
table.bt-primary thead th {background-color:#37577b; text-align: center;}
table.bt-primary, th, td {border:1px solid #cccccc;}
main ul>li {list-style-image: url(/structural-images/bullet_red.gif); margin-left:1.5em;}
ul.nav>li {list-style-image:none;margin-left:0;}

a[href$=".pdf"]:after {content: url('/Structural-Images/icon_pdf.gif'); padding-left:2px;}
a[href$=".xls"]:after {content: url('/Structural-Images/icon_xls.gif'); padding-left:2px;}
a[href$=".xlsx"]:after {content: url('/Structural-Images/icon_xls.gif'); padding-left:2px;}
a[href$=".doc"]:after {content: url('/Structural-Images/icon_doc.gif'); padding-left:2px;}
a[href$=".docx"]:after {content: url('/Structural-Images/icon_doc.gif'); padding-left:2px;}
a[href$=".ppt"]:after {content: url('/Structural-Images/icon_ppt.gif'); padding-left:2px;}
a[href$=".pptx"]:after {content: url('/Structural-Images/icon_ppt.gif'); padding-left:2px;}


@media (min-width: 768px) {
body {
	background:#0D77CE url('/Structural-Images/dome.png') no-repeat center;
	background-size:cover; 
	background-attachment:fixed;}
header #banner, nav {margin: 2rem 0;}
h1.title {color: #ffffff;}
a.btn {min-height: 8em; padding: 1rem; margin-bottom: 1rem;}
}