@media print {
  .imageBox {
    width: 100%;
    max-width: 400px;
    height: 100%;
    max-height: 400px;
  }
}

.imageBox {
  width: 100%;
  max-width: 400px;
  height: 100%;
  max-height: 400px;
}

.simpleSpace {
  margin: 4px;
  border: white;
}

.thisToCenter {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: 200px;
}

.thisToCenterHeader {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-size: large;
}

.fixThisResult {
  padding-left: 20px;
  font-family: monospace;
}

.fixImageLogo {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.divViewPic {
  background-color: #000000ab;
  position: absolute;
  top: 0px;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

.displayImage {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  max-height: 94vh;
  max-width: 95vw;
}

.fixHelpButtons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}

.fixLoginMenu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.fixMgrList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}

.btn-custom {
  white-space: normal; /* Allow line breaks within the button */
  word-wrap: break-word; /* Break words when they exceed the button width */
}

@media (max-width: 767px) {
  .break-text {
    font-size: 11px; /* Adjust the font size as needed */
  }
}

ul.list-unstyled li:nth-child(odd) {
  background-color: #f0f0f0; /* Set the background color for odd-numbered items */
}

ul.list-unstyled li:nth-child(even) {
  background-color: #e0e0e0; /* Set the background color for even-numbered items */
}

.even-row {
  background-color: #f0f0f0; /* Set your desired background color for even rows */
}

.odd-row {
  background-color: white; /* Set your desired background color for odd rows */
}