body {
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

.container-fluid {
	padding:0px;
	--bs-gutter-x: 0 !important;
}

.row{
	width:100%;
	--bs-gutter-x: 0 !important;
}

.detail-container {
  margin-left: 80px;
  margin-right:80px;

}


nav {
	display: block;
	overflow:hidden;
	height:51px !important;
	
}

.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	
}

.navbar-static-top {
	background-color: black !important;
	/*margin-left: 15px;
	margin-right: -15px;*/
	padding:0px;
	
}

.navbar-default {
	border-color: #e7e7e7;
}

.navbar-header {
	
	margin: -15px;
	background-color: white;
}

.navbar-brand {
	background-color: white;
	padding: 0 35px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	font-weight:300;
	overflow: hidden;
	padding-right: 15px;
}

h1 {
  font:125%;
  width:100%;
  margin-top:0px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 300 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

a {
  color: #337ab7 !important;
}
ul.csv { list-style: none; margin: 0; padding: 0; }
ul.csv li { display: inline; }
ul.csv li:after { content: "; "; }
ul.csv li:last-child:after { content: ""; }

table {
  margin:auto;
  width:100%;
  caption-side: top !important;
}
table tr:nth-child(odd) {
	background-color:#f9f9f9 !important;
}
table tr:nth-child(even) { 
	background-color:#fff !important;
}

tr.selected>td>a {
	color: white !important;
}

#metadata-left, #metadata-right, #zips{
	
	margin-bottom: 5px;
;
}

#metadata-left {

	margin-left:0px;
}
#metadata-left td.content {
	border-right: 10px solid white;
	width: 35%;
}

#metadata-left td.label {
	width: 15%;
}


#metadata-right{

	margin-left:0px;
	width:99%;
}

#zips {
	margin-right:0px;
	width: 99%;

}
 #metadata-right td.label, #metadata-left td.label{
 	width:200px;
 	border-right: none;
 }

th {
  background-color: #fff;/* #e0f0ff; /*#EFF5FB;*/
}
table, th, tr, td {
  border-collapse: collapse;
  /*border:1px solid black;*/
}

table.zips thead {
	border-bottom: 1px solid black;
}
th, tr, td {
  padding: 5px;
}


#zips td {
	
}
#zips td.label {
	min-width:100px;

}



th.selector {
  padding-left: 0px;
  padding-right: 0px;
  width:10px !important
}

table caption {
  /*background-color:#ccddff;*/
  font-weight: bold;
  text-align: left;
/*  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;*/

  padding: 5px 0px;
}

.dataTables_scrollHeadInner, .dataTables_scrollHead, .dataTable {
	width:100% !important;
}






div.disclaimer {
  /*background-color: #ffecb8;*/
  background-color: #FFF3D0; /*FDECBF;/*#fff9e8; /*#fff6db;*/
  padding: 2px;
  margin: auto;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 5px;
 
}

div.disclaimer p {
  margin-left: 15px;
  margin-right: 15px;
  margin-top:10px;
  margin-bottom:10px;
}

div.spacer {
  padding:20px;
}

div.dtsb-searchBuilder {
 float:left !important;
 margin-bottom: 5px !important;


}


div#filelist_wrapper > .btn-group {
  float:left !important;
}

div#filelist_wrapper > .dt-buttons {
  float: left !important;
  padding-top: 3px;
  position: unset !important;
}

a {
  color: #0000ff;
}


div.backlink span::before{
  content:"\2B05 ";
  padding-right:5px;
}

#filelist_length {
	margin-top: 5px;
	margin-left: 20px;
	float: right !important;


}

#filelist_filter {
	/*margin-top: 15px;*/
	/*margin-top: 5px;*/
	margin-top: 2px;
	margin-left: 10px;
	margin-right: 10px;
	float:left !important;


}

#filelist_filter label input{
	margin-left: 10px;
}

.dtsb-clearAll {
	margin-left: 10px;
}


.dtsb-explainer {
	width: 35%;
	float: left;
	margin: 5px 20px;
	color: gray;
}


#filelist_wrapper {
	margin-bottom: 50px;
}


.zipsize, .zipsize p {
  font-size: 85%;
  padding-left: 2px;
  margin-bottom:0px;
}

.dt-button-collection {
	position: relative !important;
	top: unset !important;
	left: unset !important;
	width: unset !important;
	box-shadow: unset !important;
	box-sizing: unset !important;
	border-radius: unset !important;
	overflow: unset !important;
	z-index: 0 !important;
	border: none !important;
	background-color: unset !important;
	
}

.dt-button-background {
   background-color: transparent !important;
   position: unset !important;
}

#filelist_info {
	float: right !important;
	clear: unset !important;
	margin-top: 8.5px !important;
	padding-top: unset !important;
}

#filelist_info:after {content:"."}

div.dtsb-titleRow {
	margin: unset !important;
}

div.hover {
  visibility: hidden;
  width: 75%;
  background-color: black;
  color: #fff;
  text-align: left;
  padding: 8px 12px;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  top: -5px;
  /*left:65%;*/
  left: 200px;
}

td.landingpage {
	position: relative;
	
}

span.tip {
  border-bottom: 1px dotted black;
}

span.success {
  color:green;
}

span.redirect {
  color: orange;
}

span.error {
  color: red;
}

td.landingpage:hover .hover{
	visibility: visible;

}

.searchbox {
	position: relative;
	width: 250px;
	display:inline-block;
	margin-right:10px;
}

.searchbox >input {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	outline: none;
	height: 35px;
	border-radius: 5px;
}

#clear {
	position: absolute;
	top: 3px;
	line-height:1;
	font-size:120%;
	padding-bottom:5px;
	margin-top:3px;
	border-radius: 3px;
	right: -5px;
	z-index: 2;
	border: none;
	height: 23px;
	width: 23px;
	cursor: pointer;
	color: white;
}