.calender {
  /* position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); */
  border: 1px solid black;
  width: 90%;
  max-width: 700px;
  text-align: center;
}
.weekdays {
  display: flex;
  background-color: #333300;
  color: white;
  width: 100%;
  max-width: 700px;
}
.weekdays > div {
  width: calc(100% / 7);
  padding-left: 2%;
  padding-top: 2%;
  padding-bottom: 2%;
  padding-right: 2%;
  border-left: 1px solid white;
}
.days {
  display: flex;
  flex-wrap: wrap;
  /*padding: 20px;
  width: 500px;
  */
  margin-right: 2%;
  margin-bottom: 2%;
  padding-bottom: 20px;
  text-align: center;
}
.days > div {
  width: calc(100% / 7);
  padding-top: 2%;
  padding-bottom: 2%;
}
.days > .mydays {
  cursor: pointer;
}
.days > .mydays:hover {
  background-color: grey;
}
.language_box {
  text-align: center;
}
.language_text {
  font-size: 25px;
}
.active_language {
  background-color: green;
  color: white;
}
#sideNoteBox {
  position: fixed;
  right: 0px;
  top: 10%;
  width: 300px;
  height: auto;
  background-color: grey;
  text-align: center;
  display: block;
}
#noteheadbar {
  width: 100%;
  border: 1px solid white;
}
#plusminus {
  width: 30px;
  background-color: black;
  color: white;
}
#noteheadbar > span {
  font-size: 25px;
}
#noteheadbar > button {
  float: right;
  margin-right: 20px;
  font-size: 20px;
  background-color: transparent;
  border: 2px solid green;
  background-color: black;
  color: white;
  cursor: pointer;
}
#newnoticeadd {
  display: none;
}
#शनिबार {
  color: red;
  font-weight: bolder;
}
#sideNoteBoxmain {
  display: none;
}