/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   events calender info part   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


#eventsCalenderInfo_ID {
  /*border: 3px solid rgb(195, 0, 0);/* for debug */
  margin: 0px;/* dummy */
}
/*----*/
/*----*/
#eventsCalenderInfo_ID > div {
  /*border: 3px solid rgb(16, 195, 0);/**/
  width: 100%;/* width */
}
@media screen and (max-width: 640px) {/* for smart phone */
  #eventsCalenderInfo_ID > div {
    /*border: 3px solid rgb(16, 195, 0);/**/
    width: 100%;/* width */
  }
}
/*----*/
/*----*/
#eventsCalenderInfo_ID > div > div {
  /*border: 3px solid rgb(99, 66, 0);/**/
  display: flex;/* set to flex box */
  flex-direction: row;/* row or column */
  justify-content: left;/* centering horizontal */
  align-items: center;/* centering vertical */
}
.eventsCalenderInfo_monthTextPart_class {
  /*border: 3px solid rgb(99, 66, 0);/**/
  /*justify-content: left;/* centering horizontal */
  background: rgb(222, 222, 222);/**/
  padding: 7px 0px 7px 10px;/**/
  font-size: 1.0em;/**/
  /*line-height: 0.9em;/**/
  border-radius: 4px;/* how the bar corner rounded */
}
/*----*/
/*----*/
#eventsCalenderInfo_ID > div > div > div {
  /*border: 3px solid rgb(0, 0, 0);/* for debug */
  margin: 0px 4px 0px 4px;/* outside space of border */
}
#eventsCalenderInfo_ID > div > div > div:nth-child(1) {
  /*border: 3px solid rgb(0, 42, 195);/**/
  display: flex;/* set to flex box */
  flex-direction: column;/* row or column */
  justify-content: center;/* centering horizontal */
  align-items: center;/* centering vertical */
  background: rgb(230, 230, 230);/**/
  border-radius: 10px;/* how the bar corner rounded */
  width: 52px;/**/
  height: 52px;/**/
}
#eventsCalenderInfo_ID > div > div > div:nth-child(1) > p:nth-child(1) {
  /*border: 3px solid rgb(42, 210, 0);/**/
  margin: 0px 0px 0px 0px;/**/
  padding: 0px 0px 0px 0px;/**/
  font-size: 0.6em;/**/
  line-height: 1.1em;/**/
  text-align: center;/**/
  color: rgb(55, 55, 55);/* font color */
}
#eventsCalenderInfo_ID > div > div > div:nth-child(1) > p:nth-child(2) {
  /*border: 3px solid rgb(199, 0, 0);/**/
  margin: 0px 0px 0px 0px;/**/
  padding: 0px 0px 0px 0px;/**/
  font-size: 1.5em;/**/
  line-height: 1.0em;/**/
  text-align: center;/**/
  font-weight: bold;/* font weight */
}
/*----*/
/*----*/
#eventsCalenderInfo_ID > div > div > div > div > span {
  /*border: 3px solid rgb(172, 0, 199);/* for debug */
  margin: 0px 3px 0px 3px;/* outside space of border */
  padding: 0px 5px 0px 5px;/* inside space of border */
  border-radius: 4px;/* how the bar corner rounded */
}
#eventsCalenderInfo_ID > div > div > div > div:nth-child(1) > span:nth-child(1),
#eventsCalenderInfo_ID > div > div > div > div:nth-child(1) > span:nth-child(2) {
  /*border: 2px solid rgb(51, 51, 51);/* for debug */
  background: rgb(140, 140, 140);/* back ground color / color 140 all */
  color: rgb(255, 255, 255);/* font color */
  font-size: 0.9em;/* font size */
}
#eventsCalenderInfo_ID > div > div > div > div:nth-child(2) > span:nth-child(1) {
  /*border: 2px solid rgb(116, 0, 118);/* for debug */
  font-size: 1.2em;/* font size */
}
@media screen and (max-width: 640px) {/* for smart phone */
  #eventsCalenderInfo_ID > div > div > div > div:nth-child(2) > span:nth-child(1) {
    /*border: 2px solid rgb(116, 0, 118);/* for debug */
    font-size: 1.0em;/* font size */
  }
}
/*----*/
/*----*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/