/* Notes */

.ms-note {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: min-content min-content;
  margin: 0 auto;
  max-width: 600px;
  padding: 5px;
  margin: 10px auto;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: white;
}

.ms-note > .createdTime {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  text-align: right;
  font-size: 0.8em;
  padding: 5px;
}
.ms-note > .createdBy {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  text-align: left;
  font-size: 0.8em;
  padding: 5px;
}


.ms-note > .note {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
  padding: 5px;
}


/* Progress */

.ms_progress {
  display:none;
  border:1px solid grey;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  background-color:grey;
  height:50px;
  z-index:2001;
}
.ms_progress > div, .ms_progress > p {
  position:absolute;
  top:0px;
  left:0px;
  margin:0px;
  padding:0px;
  height:50px;
}
.ms_progress > p {
  color:white;
  font-weight:bold;
  line-height:50px;
  text-align:center;
  width:100%;
}
.ms_progress > div {
  position:absolute;
  top:0px;
  left:0px;
  margin:0px;
  padding:0px;
  width:50%;
  background-color:orange;
}


/* Notification */

.notification {
  position:relative;
  margin:10px;
  background:rgba(255,240,225,0.4);
  min-height:50px;
  padding:10px;
  color:var(--ms-text-def);
}
.notification a:visited, .notification a:link, .notification a:active {
  text-decoration:none;
  font-weight:bold;
  color:#777;  
} 
.notification .ms_userpic {
  position:absolute;
  top:10px;
  left:10px;
}
.notification .text {
  margin:0px 0px 0px 60px;
  font-size:0.9em;
}
.notification .when {
  margin:5px 0px 5px 60px;
  font-size:0.8em;
  color:#aaa;
}


#ms_event_leaders_container {
  border:0px;
  border-bottom:1px solid #aaa;
}
#ms_event_leaders_container > h3 {
  margin:8px 0px 0px 5px;
}