h1 {
  font-size: 250%;
  color: white;
  font-family: sans-serif;
}

p {
  font-family: sans-serif;
  color: black;
}
body {
  /*max-width:100%;*/
  margin:0%;
  font-family:sans-serif;
}
html {
  /*max-width:100%;
  margin-left: -1.6vw;
  margin-top: -1.6vw;*/
  scroll-behavior:smooth;
  margin:0%;
}
.topbar {
  background-color: #426e7a;
  padding: 3%;
  display:flex;
}
.top-nav {
  margin-top: -4vh;
  background-color: #426e7a;
  display: flex;
  text-align: center;
}
.nav-button-base {
  width: 30vw;
  height: 9vh;
  font-family: sans-serif;
  background-color: burlywood;
  border-style: outset;
  border-width: 1px 2px 2px 1px;
}
.home-button {
  text-align: center;
  width: 11vw;
  height: 9vh;
  border-style: outset;
  border-width: 1px 2px 2px 1px;
}
.nav-button-base:hover {
  background-color: white;
  cursor:pointer;
}
.nav-button-base:active {
  background-color: white;
  box-shadow: 0px 0px;
  border-style: inset;
  border-width: 2px 1px 1px 2px;
}
.nav-button-base:disabled {
  background-color: white;
  color:black;
  box-shadow: 0px 0px;
  border-style: inset;
  border-width: 2px 1px 1px 2px;
}
article {
  background-color: salmon;
  padding-top: 5rem;
}
.sample-container {
  padding: 3%;
}
.logoimg {
  border-width:5px;
  border-style:solid;
  border-color:grey;
  border-radius:20px;
  max-width:150%;
  height:auto;
}
h2 {
  font-family:sans-serif;
}
ol:not(.dbq-item-list):not(.leq-item-list):not(.saq-item-list) {
  background-color:burlywood;
  border-radius: 0.2rem;
}
li:not(.poo):not(.sampleli) {
  font-family:sans-serif;
  text-align:center;
  margin-left:2vw;
  margin-right:2vw;
  margin-top:2vh;
  margin-bottom:2vh;
}
.account-link {
	display:none;
}
.nineties-icons {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  padding-top:20px;
  padding-bottom:20vh;
  margin-bottom:-5vh;
  width:100%;
  background-color:#426e7a;
  flex-grow:1;
}
.il-c {
  margin-left:3px;
  margin-right:3px;
  /*image hyperlink*/
  font-size:0px;
}
.fi {
  margin-left:3px;
  margin-right:3px;
  width:88px;
  height:31px;
}
.main-anchor-nav {
	list-style-type:none;
	display:flex;
	flex-direction:row;
	flex-grow:1;
	margin-left:15vw;
	padding-left:5%;
	padding-right:5%;
	justify-content:center;
	align-items:center;
}
.sample-list-container {
	min-height:34rem;
	border-width:3px;
	border-style:solid;
}
.small-text {
	font-size:10px;
}
.filter-header {
	display:flex;
	justify-content:left;
	flex-direction:row;
	background-color:burlywood;
	/*margin-bottom:-3vh;
	padding-bottom:10vh;*/
	border-color:black;
	border-bottom-width:3px;
}
.filter-box-p {
	text-decoration:underline;
	margin-left:3rem;
	margin-right:3rem;
	font-size:120%;
}
.filter-button {
	margin-left:0.2rem;
	margin-right:0.2rem;
	width:20rem;
	font-size:120%;
	color:white;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(140,140,140,1) 49%,rgba(117,117,117,1) 50%,rgba(91,87,87,1) 100%);
}
.filter-button:hover, .submit-filter-button:hover {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(208,208,208,1) 49%,rgba(198,198,198,1) 50%,rgba(189,185,185,1) 100%);
}

.filter-button:active, .submit-filter-button:active {
	background:grey;
}

.submit-filter-button {
	color:white;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(140,140,140,1) 49%,rgba(117,117,117,1) 50%,rgba(91,87,87,1) 100%);
}

.classselect {
	width:12rem;
}
.class-filter {
	display:flex;
	flex-direction:row;
}
.search-box {
	width:12rem;
	text-align:center;
	margin-left:0.2rem;
	margin-right:0.2rem;
	font-size:120%;
}
.submit-filter-button {
  font-size:120%;
  margin-left:0.2rem;
  margin-right:0.2rem;
}
.sampleli {
	border-width: 0px 0px 3px 0px;
	border-style:solid;
	font-family:sans-serif;
	justify-content:center;
	padding:10% 0% 10% 0%;
	list-style-type:none;
}
.dbq-item-list, .leq-item-list, .saq-item-list {
	margin-top:-30vh;
}

.sample-list:nth-child(2) {
    background-color:yellow;
}

td {
	text-align:center;
	border-width:3px;
	border-style:solid;
	border-color:black;
}
tr {
	border-width:3px;
	border-style:solid;
	border-color:black;
}
table {
	border-width:3px;
	border-style:solid;
	border-color:black;
	width:100%;
	background-color:white;
}
.sl-table {
	/*margin-top:3vh;*/
}
.template-container {
	background-color:burlywood;
	padding:3%;
	max-width:50vw;
	max-height:50vh;
	min-height:50vh;
	min-width:50vw;
}
.filter-container {
	display:none;
	background-color:burlywood;
	border-style:solid;
	border-width:3px;
	margin-left:1rem;
	margin-top:3.85rem;
	box-shadow: 3px 3px 4px 4px rgba(0, 0, 0, 0.3);
	position:absolute;
	padding:0.5%;
}
label {
	font-family:sans-serif;
}
.box-symbols {
	height:20vw;
	width:auto;
  margin-right:7vw;
}
.error-msg-box, .info-box {
	display:none;
	align-items:center;
	flex-direction:row;
	padding:6%;
	margin:2%;
	border-width:10px;
	border-style:solid;
}

.error-msg-box {
  background-color:#f2d072;
	border-color:#ab924f;
}

.info-box {
  background-color:#a3d1ff;
	border-color:#57abff;
}

.box-text {
  color:#504040;
}

.sample-ol {
	padding:0px;
	margin:0%;
	border-radius:0%;
	overflow:hidden;
	overflow-y:auto;
	height:30rem;
}
.file-upload-form {
	/*padding:3%;
	display:none;
	height:92vh;*/
}
.tiw30 {
	width:30%;
}
.tiw15 {
	width:15%;
}
.t100 {
    width:100%;
    /*display:block;*/
}
.titlebar {
  padding:3%;
  background-color:gray;
  color:white;
}
progress {
  height:6vh;
  width:55vw;
  color: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 41, 41, 1) 11%, rgba(12, 117, 112, 1) 50%, rgba(54, 142, 145, 1) 55%, rgba(189, 224, 255, 1) 91%, rgba(240, 252, 255, 1) 100%);
  border-width:2px;
  border-style:solid;
  border-radius:4px;
  transition: value 1s linear;
}
progress::-moz-progress-bar {
  color:teal;
  -moz-transition: all 1s linear;
}
progress::-webkit-progress-value {
  color:teal;
  -webkit-transition: all 1s linear;
  background: -webkit-linear-gradient(90deg,rgba(11, 110, 108, 1) 0%, rgba(0, 117, 117, 1) 12%, rgba(21, 163, 156, 1) 51%, rgba(77, 205, 209, 1) 55%, rgba(189, 224, 255, 1) 91%, rgba(240, 252, 255, 1) 100%);
}
.modal-button {
  font-size:4vh;
  text-align:center;
  color:white;
  width:18vw;
  height:7vw;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(140,140,140,1) 49%,rgba(117,117,117,1) 50%,rgba(91,87,87,1) 100%);
}

.modal-button:hover {
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(208,208,208,1) 49%,rgba(198,198,198,1) 50%,rgba(189,185,185,1) 100%);
}

.modal-button:active {
  background:gray;
}
.modal-content, .modal-buttons {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  justify-items:center;
  padding:3%;
  background-color:wheat;
}
#dialog-1 {
  top:60vh;
  right:18vw;
  width:65vw;
  box-shadow: 8px 12px 30px black;
}