body {
   font-family: helvetica,arial,sans-serif;
   font-size: 16px;
   padding: 0;
   margin: 0;
   overflow: hidden;
}

#outx {
   margin: 20px;
}

input[type="text"] {
  margin: 0;
  max-width: 192px;
  max-width: 12rem;
  height: 30px;
  height: 28px;
  padding: 0 .375rem;
  font-size: 14px;
  font-size: .875rem;
  border: .0625rem solid #bdbdbd;
  border-radius: .3125rem 0 0 .3125rem;
  color: #505050;
  background: #fff;
}

.iconOpenExt, .iconOpenExt2 {
  display: none;
  width: 10px;
  height: 10px;
  margin-left: 3px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3OCAxMjgiIGhlaWdodD0iMjQiIHdpZHRoPSIxNSI+PHN0eWxlPnBhdGgge2ZpbGw6ICMwMzQ3N2V9PC9zdHlsZT48cGF0aCBkPSJNNCAzNmg1Ny4wN0wxLjU3IDk1LjVsNy4wNyA3LjA4TDY4IDQzLjIyVjEwMGgxMFYyNkg0eiI+PC9wYXRoPjwvc3ZnPg0K");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: sub;
}

.iconOpenExt2 {
   display: inline-block;
   vertical-align: middle;
}

.divHighlight {
	display: inline-block;
	background-color: yellow;
}

#outputTable {
	width: 500px;
	overflow-x: hidden;
}

#contentWrapper {
	display: grid;
	grid-template-columns: 500px 12fr;
	outline: 1px dotted gray;
}

#contentWrapper iframe {
   width: 100%;
   height: 100vh;
   display: none;
}

.divHighlight {
    background-color: pink;
    display: inline-block;
}

table.dataTable tbody, .dataTables_scrollBody {
   overflow-x: hidden !important;
}

table.dataTable tbody th, table.dataTable tbody td {
	padding: 5px;
	border-bottom: 1px solid #ededed;
	font-size: 13px;
}

table.dataTable thead th {
	text-align: left;
	padding-left: 4px;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
	vertical-align: top;
}

table.dataTable thead th, table.dataTable thead td {
  padding: 5px;
  border-bottom: 1px solid #111;
  font-size: 13px;
  outline: 1px solid gray;
  color: white;
  background-color: #007398;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: left;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  margin-right: 20px;
}

table.dataTable tbody td:nth-of-type(1) {
  text-align: center;
  width: 46px;
}

table.dataTable tbody td:nth-of-type(1) {
   white-space: nowrap;
}

#outputTable label {
   font-size: 12px;
}

#coTbl_info {
  font-size: 12px;
  width: 60px;
  white-space: nowrap;
}

th {
   whitespace: nowrap !important;
}

.dataTables_wrapper .dataTables_info {
  clear: none;
  float: none;
  padding-top: 0;
  margin-left: 10px;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
   height: calc(100vh - 67px) !important;
}

table.dataTable tbody td a {
   text-decoration: none;
   color: #03477e;	/* #007398; */
}

table.dataTable tbody td a:hover {
   text-decoration: underline;
}

#title {
   position: absolute;
   margin-top: 2px;
   margin-left: 4px;
   z-index: 200;
}

a#logoLnk {
   display: flex;
   text-decoration: none;
   font-size: 13px;
   color: #03477e;
}

a#logoLnk:hover {
   text-decoration: underline;
}

#logo {
   height: 30px;
   margin-right: 5px;
}

a#homeLnk {
   position: absolute;
   margin-left: -35px;
   margin-top: -2px;
   padding: 0 5px;
}

svg#home {
   height: 26px;
   width: 26px;
}

table.dataTable tbody tr.selected {
   background-color: #ededed;
}

table.dataTable tbody tr.selected td:nth-of-type(2) {
   border-right: 3px solid #03477e;
}

#welcome {
   padding: 20px;
   background-color: #ededed;
   overflow-y: auto;
   height: calc(100vh - 40px);
   background-image: url(../images/gw.jpg);
   background-repeat: no-repeat;
   background-size: cover;
}

#welcome a {
   color: #03477e;
   text-decoration: none;
   border-bottom: 1px dotted #03477e;
}

#welcome a:hover {
   /* text-decoration: underline; */
   border-bottom: 1px solid #03477e;
}

#welcome p:first-of-type {
   margin-top: 0;
   padding-top: 0;
}

#welcome h1 {
   margin: 0 0 10px 0;
   font-size: 18px;
}

#welcome #links {
   width: 350px;
   padding: 15px;
   background-color: #ededed;
   opacity: 0.8;
   font-size: 15px;
   display: block;
}

#welcome .listTitle {
   padding: 0;
   margin: 15px 0 4px 0;
}

#welcome .listSubtitle {
   padding: 0;
   margin: 15px 0 4px 5px;
   font-weight: normal;
}

#welcome ul {
   padding: 0;
   margin: 0;
}

#welcome ul li {
   margin: 0 0 6px 20px;
   padding: 0;
   color: #444;
}

.listTitle {
  font-weight: bold;
  color: #202020;
}

table .tbldesc, table .tblloc {
   padding: 3px 0 2px 0;
   color: #525252;
   line-height: 18px;
}

table .tbldesc:empty {
   display: none;
}

table .tblloc {
   font-style: italic;
   padding-bottom: 0;
}

ul.withSpacer {
   margin-top: 15px !important;
}

#intro {
   margin-bottom: 10px;
}

.txtWin {
   display: inline-block;
   color: #267826;
   margin-left: 8px;
   font-weight: bold;
}

.txtLoss {
   display: inline-block;
   color: #D3110D;
   margin-left: 8px;
   font-weight: bold;
}

.txtInconclusive {
   display: inline-block;
   color: #666666;
   margin-left: 8px;
   font-weight: bold;
}

ul#tipList li {
   color: black;
}

#closeLinksWrapper {
	display: none;
}

#loadingContainer {
   display: block;
   width: 100%;
   text-align: center;
   border-top: 1px solid gray;
   margin-top: 40px;
   padding: 25px 0;
   font-weight: bold;
   color: #7F7F7F;
}


@media only screen and (max-width: 1023px) {

	#contentWrapper {
		grid-template-columns: 350px 12fr;
	}
	
	#outputTable {
		width: 350px;
	}
	
	#coTbl_info {
		display: none;
	}
	
	.dataTables_wrapper .dataTables_filter input {
		width: 150px;
	}

}

@media only screen and (max-width: 768px) {

	#contentWrapper {
	   grid-template-columns: 12fr;
	}
	
	#contentWrapper iframe {
	   display: none;
	}
	
	#outputTable {
	   width: 100vw;
	}
	
	.iconOpenExt, #closeLinksWrapper {
	   display: inline-block;
	}

	#closeLinksWrapper {
	   position: fixed;
    	   display: inline-block;
    	   text-align: right;
	   width: inherit;
	}

	#closeLinksWrapper img {
	   height: 20px;
	   outline: 1px solid gray;
	   padding: 0 0 2px 0;
	}
	
	.dataTables_wrapper .dataTables_filter input {
	   width: 110px;
	}

	#welcome #links {
	   opacity: 1;
	   position: absolute;
	   left: 10px;
	   top: 5px;
	   overflow-y: scroll;
	   height: 92%;
	   z-index: 1000;
	   display: none;
	}

}