/** FARAD's WDI Lookup **/
body {background-color: #FFFFFF; word-wrap: break-word;} 
#warningbox {
	background: lightgreen;
	padding: 10px;
}
#btnborder {
    border: 2px solid blue;
    padding: 10px;
    border-radius: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
}
h6 {
	color: black;
	background-color: white;
	font-weight: bold;
}
.h2 {
   background-color: powderblue;
   padding: 10px;
}
.b-i {   
   font-style: italic;
   font-weight: bold;   
}
.main {margin-top: 5px; margin-bottom: 50px;}
.spetable {font-size: smaller;}

.tar {text-align: right;}
.tac {text-align: center;}

.btn{
  margin: 10px;
  white-space: normal !important;
 }
.tab {
  list-style-type:none;
}  
.footnote {
  font-size: smaller;
  margin-top: 2em !important;
}
.footer {
   position: fixed !important;
   width: 100%;
   background-color: lightcyan;
   color: black;
   text-align: center;
   font-size: smaller;
   padding-top: .5em !important;
   padding-bottom: 1em !important;  
}
.footer a:hover {color: darkblue;
   text-decoration: none; }
.footer a:link {color: white;} 
.footer a:active {color: white;} 
/** adding some padding so the logo has some space after it  **/
.img-fluid {
	margin-top: 40px;
	padding: 20px;
}	
.alignme {
	float:right;
}
.warning {
	color: red;
	background-color: white;
/**	font-weight: bold;  **/
}
.warning_wdi {
	color: red;
	background-color: white;
	font-weight: bold;
	font-style: italic;
}
#notes {
	font-size: 95%;
	font-style:italic;
	font-weight:bold;
	background-color: #FF9;
	text-align: center;
}
.strip {
	height: auto;
	width: 90%;
	padding: 0px;
	margin: 0px;
	max-width: 500px;
}
.dropdown-item {
	font-size: 80%;
}
.smaller {
	font-size: 12px;
}		
/** overrides the bootstrap css for a dark gray background on the main menu  **/
.bg-dark {
  background-color: #02488c !important;
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(64, 64, 64);
}
.btco-menu li > a {
    padding: 10px 15px;
    color: #000;
}
.btco-menu .active a:focus,
.btco-menu li a:focus ,
.navbar > .show > a:focus{
    background: transparent;
    outline: 0;
}
.dropdown-menu .show > .dropdown-toggle::after{
    transform: rotate(-90deg);
}