.allmini {
  scroll-margin: 10px !important;
  max-height: 150px;
  overflow-y: auto;
  padding-left: 2%;
  padding-right: 2%;
  text-align: center;
}

.alltitle {
  scroll-margin: 10px !important;
  max-height: 150px;
  overflow-y: auto;
  padding-left: 2%;
  padding-right: 2%;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  color: rgb(144, 118, 91);
  font-size: 1.0vw;
}

.alldate {
  scroll-margin: 10px !important;
  max-height: 150px;
  overflow-y: auto;
  padding-left: 2%;
  padding-right: 2%;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  color: #666666;
  font-size: 1.0vw;
}

.alltxt {
  scroll-margin: 10px !important;
  max-height: 150px;
  overflow-y: auto;
  padding-left: 2%;
  padding-right: 2%; 
}

.boldmini { 
  overflow-y: auto;
  padding-left: 2%;
  padding-right: 2%;
  text-align: center;
  font-weight: bold;
  /* border:1px solid blue; */
  margin-top: -15px !important;
}

.chronotxtall {
  font-weight: bold;  
  background-color: #E8E8E8;
}

.chronotxtall:hover {
  color: #d6a623;
  text-decoration: underline;
  cursor: pointer;
}

.imgclose {
  text-align: right !important;
  font-weight: bolder;
  cursor: pointer;  
}

.mininav {
  display: flex;
  justify-content: center;
  align-items: center; 
}

.arrowmin {
  display: block;
  font-size: 3em;
  background-color: #E8E8E8 !important;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #333366;
  color: #f77d03;
  font-weight: bolder;
  padding: 1px;
  cursor: pointer;  
}

.arrowsup {
  display: block;
  font-size: 3em;
  background-color: #E8E8E8 !important;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #333366;
  color: #f77d03;
  font-weight: bolder;
  padding: 1px;
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mininoimg {
  font-weight: normal !important;
  text-decoration: none !important;
  color: rgb(100, 100, 100) !important;
  cursor: auto !important;
}

.minism {
  text-align: center;
  font-size: large;
  font-weight: bolder;
}

.txtarrow {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

.txtxclose {
  text-align: center;
  font-weight: 900;
  font-size: larger;
}

.txtxclose:hover {
  cursor: pointer;
  color: #d6a623;
}

.xmodalcenter {
  /* display: block; */
  display: none;
  /* position: absolute; */
  position: fixed;
  left: 60%;
  top: 50%;
  transform: translate(-60%, 0);
  font-size: small;
  margin: auto;
  z-index: 11;
  width: 316px;
  background-position: center;
  
  background-attachment: fixed;
}

.xmodalscale {  
  position: absolute;
  right: 5%; 
  font-size: small;
  font-weight: bold;
  margin: auto;
  color: red;
  z-index: 11;  
}

.xmodale {
  padding: 2%;
  background-color: #E8E8E8;  
  border: 2px solid #d6a623;
}