#nav {
  /* border: solid 1px red; */
  display: flex;
  padding: 0px 5px;
  height: 50px;
}
body{
  font-family: 'Montserrat', sans-serif;
  margin:0;
  padding:0;
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

.menu {
  color: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  padding: 12px 12px;
  cursor: pointer;
}

.menu.active{
  color:#000000;
  font-weight: 700;
  border-bottom: 3px solid #000000;
  cursor: default;
}

#inClassBar{
  display: flex;
  /* border: solid 1px red; */
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.02), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0143771), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0119221), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.01), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.00807786), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.00562291);
}

#inClassLabel {
  display: flex;
  color: #FF5455;
  font-weight: 600;
}


#inClassPhotos{
  display: flex;
}

.inClassPhoto{
  margin-left: -12px;
}

.pp {
  width: 50px;
  /* border: solid 2px red */
}



.scheduleCard{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #FDF8F8;
  padding: 10px;
  border-radius: 10px;
  margin: 10px 12px
}

.schedules {
  display: flex;
}

.nameSchedule {
  width: 100%;
  padding: 0px 10px;
}

.name {
  font-weight: 600;
}

.schedule {
  font-size: 10pt;
  background-color: #e6e6e6;
  color: #898989;
  padding: 7px;
  margin-right: 7px;
  border-radius: 5px;
}

.message {
  padding: 0px 10px;
}

.dot {
  height: 12px;
  width: 12px;
  margin-top: 4px;
  margin-right: 6px;
  background-color: #FF5455;
  border-radius: 50%;
  display: inline-block;
}

.dot:after {
    content:"";
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #FF5455;
    display:block;
    animation: pulse 2s ease 0s infinite;
}


@keyframes pulse {
  0% {
      opacity: 1;
      transform: scale(1);
  }
  80% {
      opacity: 0;
      transform: scale(2.5);
  }
  100% {
      opacity: 0;
      transform: scale(3);
  }
}

@keyframes pulse2 {
  0% {
      opacity: 1;
      transform: scale(1);
  }
  30% {
      opacity: 1;
      transform: scale(1);
  }
  100% {
      opacity: 0;
      transform: scale(2.5);
  }
}


#daySelect{
  width: 100%;
}

#nameSelect{
  width: 100%;
}

#filter {
  padding: 12px 10px 16px 10px;
  margin-bottom: 0px;
  /* border: solid 2px red; */
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.02), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0143771), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0119221), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.01), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.00807786), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.00562291);
}

select {
  margin: 4px 0px;
  height: 40px;
  border: solid 1px #eee6e6;
  border-radius: 7px;
  padding: 0px 7px;
  font-size: 11pt;
  color: #646464;
  font-weight: 500;
}

.dayName {
  padding: 0px 12px;
  font-weight: 700;
}

#today {
  height: 80vh;
  display: flex;
  flex-direction: column;
}

#todaySchedule {
  height: 100%;
  overflow-y: scroll;
}

#allSchedule {
  height: calc(100vh - 180px);
  display: flex;
  flex-direction: column;
}

#allDay {
  height: 100%;
  overflow-y: scroll;
}

.day{
  margin: 20px 0px;
  /* border-bottom: 1px solid #f1f1f1; */
}