*{
  font-family: Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,.gtitle{
  font-family: 'Times New Roman', Times, serif !important;
}

/* Graph Title */
.gtitle {
  font-size: 19px !important;
}

.column {
    float: left;
    width: 50%;
  }
  
  /* Clear floats after the columns */
  .row-rev:after {
    content: "";
    display: table;
    clear: both;
  }

  .basic-plot {
    width:600px;
    height:400px;
    margin-bottom:30px;
  }

.custom-hr {
  margin: 30px 60px;
  border: 0;
  border-top: medium double #999;
  height: 1px;
  overflow: visible;
  padding: 0;
  color: #BBB;
  text-align: center;
}

.align-top-rev {
  align-self: flex-start;
}


/* Extra CSS in modification in 2024 */
/* .timespan-content {
} */

.label-fixed-width {
  display: inline-block;
  width: 50px; /* Adjust the width as needed */
  text-align: left;
  margin-right: 10px;
}

.warning-label {
color: red;
display: none;
margin-left: 5px;
}

.navbar > .container-fluid {
  display: flex;
  align-items: flex-start;
}

.align-top-rev {
  width: 27%;
  float: left;
}

.dateDisplay {
  width: 18%;
  float: left;
}

.remarks {
  margin-left: 60px;
}

.header {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding-top: 10px;
}

.footer {
  color: grey;
  font-size: small;
  margin: 10px 60px;
}