.main {
    background-color: #333;
    font-family: serif;
    color: white;
}

body {
    font-family: Arial, sans-serif;
    padding: 20px;
}

a {
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
}
.hidden {
    display: none;
}

.banner-table {
    background-color: #E5A627;
    color: #181A17;
    font-family: 'Times New Roman', serif;
}
.banner-table a {
    color: #181A17;
    text-decoration: none;
}
.banner-table a:hover {
    text-decoration: underline;
}

.menu_block {
width: 40%;
  display: flex;
  justify-content: flex-end;
}

.menu_item {
  width: 80px;
  margin-left: 10px;
}

.menu_item:first-child {
  margin-left: auto;
  margin-left: 100px;
}


.large-icon {
  transform: scale(1.5);
  transform-origin: center; /* keeps it centered */
}

.display-name {
    font-size: 18px;
    font-weight: bold;
}

@font-face {
  font-family: 'voynich';
  src: url('fonts/voynich.ttf');
  }

@font-face {
  font-family: 'eva1';
  src: url('fonts/eva1.ttf');
}

.velum-inspection-container {
  position: relative;
}

.previous {
  background-color: #04AA6D;
  color: black;
}

.next {
  background-color: #04AA6D;
  color: white;
}

.quire_cell {
    display: inline-block;
    border: 2px solid #000; /* 2px width, solid style, and black color */
    padding: 5px; /* Add some padding for better appearance */
}

.expanded:after {
  content: "\2212";
}

.content {
  padding: 0 0px;
  display: visible;
  overflow: visible;
  width: 80%;
  background-color: #f1f1f1;
}

* {box-sizing: border-box;}


.inline-block {
    display: inline-block;
}

.flex-container {
    align-items: center;
}

.menu {
display: inline-block;
}

.menu .menu_item {
    display: inline-block;
    margin-right: 20px;
}

.menu .menu_item:last-child {
    margin-right: 0;
}
.menu .menu_item:first-child {
    margin-right: 50px;
}

.scrollable-container {
  max-height: 200px;
  overflow-y: auto;
}
.bold-text {
  font-weight: bold;
}

/* Exporter Stuff */
label {
    display: block;
    margin-bottom: 5px;
}

input[type="checkbox"] {
    margin-right: 5px;
}

fieldset {
    margin-bottom: 20px;
}

#folios {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

#folios label {
    margin-right: 15px;
    margin-bottom: 10px;
}

select {
    width: 200px;
    height: 2.5rem;
}


.form-control {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.form-control label {
    margin-right: 10px;
    margin-bottom: 0;
}

form {
    margin: 50px auto 0 auto;
    max-width: 1600px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: #D1AC8C;
    color: black;
    padding: 50px;
}

form > * {
    margin: 5px 0;
}