.flex-fcwcfs {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start; 
}

.flex-fcwfsc {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: center; 
}

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

.flex-frwcc {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center; 
}

.single-stn-box-msg:hover {
    transform:  translateY(-12px);
    transition: all 0.5s ease;
}

.form-box-scroll {
  max-height: 65vh;
  overflow-y: scroll;
  overflow-x: clip;
}

.q-table-container {
  background-color: #fff;
}

.q-table > thead > tr > th {
  background-color: #607d8b;
  font-size: 18px;
  font-family: Microsoft JhengHei;
  font-weight: bold;
  color: white;
  border: solid 1px lightgrey !important;
}

.q-table > tbody > tr > td {
  font-size: 1.1em;
  border: solid 1px lightgrey !important;
}