#video_notes_form {
  padding: 0 2px;
}

#video_notes_form .text-danger {
  font-size: 11px;
  margin: 0;
}

.comments.offset {
  margin: 0 0 0 10px;
}

#id_notes small {
  font-size: 9px;
  font-weight: bold;
}

.bigtakenote #id_notes small {
  font-size: 11px;
}

#id_notes .form-group {
  margin: 0;
}

#id_notes p.note.form, #id_notes div.comment.form {
  margin: auto;
}

.bigtakenote #id_notes {
  overflow: scroll;
  height: 600px;
}

.mgtNote div.dropdown-menu, .mgtComment div.dropdown-menu {
  min-width: auto;
  padding: 5px;
}

span.timestamp {
  font-size: 11px;
  align-self: center;
}
.bigtakenote span.timestamp {
  font-size: 14px;
}

.bigtakenote div.mgtNotes a.open{
  display: none;
}

span.timestamp, .view_video_notes_form, .view_video_note_coms_form {
  cursor: pointer;
  padding: 3px 0 3px 0;
}

p.note, .note .comment {
  font-size: 12px;
}

.bigtakenote p.note, .bigtakenote div.comment {
  font-size: 14px;
}

div.comment {
  flex: auto;
}

div.header {
  display: flex;
}

div.header:hover{
  background-color: #f2f2f266;
}

div.header > form {
  align-self: center;
  width: 56%;
}

div.header > span, div.header > form {
  flex: auto;
}

span.user {
  font-size: 11px;
  font-weight: bold;
}

.bigtakenote span.user {
  font-size: 14px;
}

.notdisplayed p.note, .notdisplayed p.comment {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

textarea#id_note, textarea#id_comment, select#id_status {
  font-size: 11px;
  height: auto;
  padding: 5px;
}

.bigtakenote textarea#id_note, .bigtakenote textarea#id_comment, .bigtakenote select#id_status {
  font-size: 14px;
  }

#card-takenote > div.card-text {
  width: 100%;
}

#card-takenote > div.mgtNotes > div.dropdown-menu {
  background-color: #fff5f5;
}

div.mgtNotes, div.mgtNote, div.mgtComment {
  align-self: center;
}
div.mgtNotes {
  display:block;
}
div.mgtNotes form{
  display: inline-block;
  text-align: center;
}

div.mgtNotes.dropleft > button,
div.mgtNote.dropleft > button,
div.mgtComment.dropleft > button {
  border: none;
}

#id_notes > div[class*="status-"] .header:before,
.comments > div[class*="status-"] .header:before
{
  margin-right: 2px;
  display: inline-block;
}
/* private */
#id_notes > .status-0>.header:before,
.comments > div.status-0>.header:before{
  content:"\1F512";
}
/* shared with owner */
#id_notes > .status-1>.header:before,
.comments > div.status-1>.header:before {
  content:"\1F91D";
}
/* public */
#id_notes > .status-2>.header:before,
.comments > div.status-2>.header:before {
  content:"\1F30D";
}

form.view_video_notes_form.hidden, form.view_video_note_coms_form.hidden {
  display: none;
}

.noNotes {
  font-size: 13px;
  font-style: italic;
  font-weight: bold;
  margin: 5px;
}

div.note, div.comment {
  margin: 3px 0 3px 0;
}

.user-comment {
  display: flex;
}