/*import geneva.ttf from ./files/*/
@font-face {
  font-family: 'Geneva';
  src: url('../files/geneva.ttf') format('truetype');
}

html,
body {
  max-width: 100% !important;
  overflow-x: hidden;

}

html {
  width: 100%;
}

body {
  font-family: "Geneva", Verdana !important;
  padding: 0px;
  width: 100%;
}

.light {
  background-color: #e2ecf6 !important;
}

.dark {
  background-color: #1d1e20 !important;
}

.page {
  margin-top: 10px;
  overflow: hidden;
  width: 100vw;
}

.center-align {
  text-align: center;
}

#title {
  margin-bottom: 0.2em;
}


.collapsible {
  background-color: #eeeeef;
  color: black;
  cursor: pointer;
  padding: 18px;

  border: 1px solid #c4c7c9;
  text-align: left;
  outline: none;
  font-size: 15px;
  /*margin: 10px;*/

  width: 99%;
  border-radius: 5px;
  justify-content: center !important;
}

.navbar {
  width: 100%;
}

@font-face {
  font-family: "christmas";
  src: url("../files/christmas.otf");
}

.navbar-brand {
  font-family: "Verdana" !important;
}

#christmas {
  width:100%;
  position: absolute;
  text-align: center;
  top:100px;
  opacity: 0.7;
  z-index: 99;
  color: black;
  font-family: "christmas";
  pointer-events: none;
}
.dark #christmas {
  width:100%;
  position: absolute;
  text-align: center;
  top:100px;
  opacity: 0.4;
  z-index: 99;
  color: white;
  font-family: "christmas";
  pointer-events: none;
}
#christmas h1{
  font-size: 5em;

}
.active,
.collapsible:hover {
  background-color: white;
}

.content {
  /*padding: 0 18px;*/
  margin-top: 1rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: transparent;
  width: 99%;
}

.tables {
  margin-top: 10px;
  margin-bottom: 10px;
}


/*!
 * Dark Mode Switch v1.0.1 (https://github.com/coliff/dark-mode-switch)
 * Copyright 2021 C.Oliff
 * Licensed under MIT (https://github.com/coliff/dark-mode-switch/blob/main/LICENSE)
 */
[data-theme="dark"] {
  background-color: #111 !important;
  color: #eee;
}

.btn-dark {
  background-color: #111 !important;
  color: #eee;
}

.btn-dark:hover {
  background-color: #113 !important;
  color: #eee;
}

.notice {
  padding: 10px;
}

.a-underlined {
  text-decoration: underline;
}

#iframe1 {
  border: none;
  width: 100%;
  height: 25px;

  overflow-y: hidden;
  display: block;
}

.table-dark a {
  color: white;
}

.table-dark {
  background-color: #1d1e20 !important;
}

/* alternate rows should be darker */

.sub-table tbody tr:nth-child(odd) {
  background-color: #fdfcfc;
}

.sub-table th {
  background-color: lightblue;
}

.table-dark tbody tr:nth-child(odd) {
  background-color: #111;
}

.table-dark th {
  background-color: #111;
}

td a {
  text-decoration: underline;
}

/*.container {
  display: table;
}

.content {
  display: table-row;
  height: 100%;
}

.content-body {
  display: table-cell;
}


 Aesthetics 

.container {
  width: 100%;
  height: 100%;
  color: black !important;
}

.header,
.footer {
  padding: 10px 20px;
  background: black;
}

.content-body {
  padding: 20px;
  background: #777;
}*/

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(51, 51, 51, 0.7);
  z-index: 10;
  color: white;
}

#sectionSubmit {
  /*make button look nice*/
  background-color: #FAFAFA;
  color: #111;
  border: none;
  border-radius: 1px;
  cursor: pointer;
  margin-top: 10px;
}

#section {
  color: white;
}

#showingforsection {
  padding-left: 7px;
}

#showingforall {
  padding-left: 7px;
}

#new {
  color: orange;
}

.finePrint {
  text-decoration: underline;
}

.finePrint:hover {
  color: #ff6a00 !important;
}

#contributortable td {
  padding: 0.5em;
  font-size: 18px;
}

.sub-table td,
th {
  width: 4rem !important;
  height: 2rem !important;
  border: 1px solid #ccc !important;
  /*text-align: center;*/
  padding: 1rem !important;
}

.downloadanchor {
  text-decoration: dashed;
}

.alignright {
  margin-right: 0px;
  float: right !important;
  text-align: right !important;
}

#creditsbtn {
  /*align button in center of page*/
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  display: block;
  width: 99%;
}

#contributorsdiv {
  padding: 10px !important;
  margin: 10px !important;
}

.dark #contributortable {
  color: white !important;
}

.dark #contributorsdiv {
  color: white;
}

.announcements {
  font-size: 14px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #ff6a00;
  margin-left: 5px;
  margin-bottom: 5px;
}

.announcements:hover {
  cursor: pointer;
}

#anntable {
  color: white;
  width: 80%;
  height: 80%;
  margin-left: auto;
  margin-right: auto;

}

#listann {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(51, 51, 51, 0.9);
  z-index: 10;
  color: white;
  font-size: 12px;
}

#listann h2 {
  margin-left: 4.2em;
}

#listann:hover {
  cursor: default;
}

#listann button {
  margin-left: 11em;
}

.searchdiv {
  position: fixed;
  width: 340px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #435B95;
  border-radius: 5px;
  color: #FFF;
  text-align: center;
  box-shadow: 2px 2px 3px lightblue;
}

.my-float button {
  margin: 0px;
}

.my-float {
  margin-top: 15px;
  margin-bottom: 0px;
}

#numOfResults {
  font-size: 12px;
  float: left;
  margin: 0 0 10 10;
  padding: 0;
}