/* tables in card don't have borders */
.noborder,
.noborder td {
  border: none;
}

.nomargin {
  margin: 0;
}

.nopadding {
  padding: 0;
}

.nobreak {
  white-space: nowrap;
}

.fullwidth {
  width: 100%;
}

.autoheight {
  min-height: auto;
}

.nomenu {
  padding: 0 8px;
}

.mdl-layout-title img.james {
  height: 2em;
  margin-right: 0.5em;
}

.mdl-card__title-text img.icon {
  height: fit-content;
  margin-top: 0.25em;
  margin-right: 0.25em;
}

.date {
  padding: 8px 12px;
  font-size: 1em;
  font-family: "Helvetica", "Arial", sans-serif;
}

.column {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.column .mdl-button {
  margin: 4px;
}

.modelo {
  height: 70vh;
  font-size: 1em;
  font-family: "Helvetica", "Arial", sans-serif;
}

.aviso {
  margin: 1em 0 1em 0;
  font-size: 0.8em;
}

.comentario {
  flex-grow: 1;
  margin: 0 1em;
}

.deadline {
  font-style: italic;
}

.briefing {
  font-size: 130%;
}

.comments .comment:last-of-type {
  margin-bottom: 16px;
}

.comment p:last-of-type {
  margin-bottom: 0;
}

.comment blockquote {
  border-left: 2px solid #dfe1e6;
  padding-left: 1ex;
}

.comment blockquote:before {
  content: unset;
}

.comment blockquote:after {
  content: unset;
}

.mdl-card.section-title {
  min-height: auto;
}

.collapsed {
  display: none;
}

.planned-card,
.planned-card *,
.approved-card,
.approved-card * {
  background-color: #eee;
}

.audiences {
	margin-top: -16px;
	margin-bottom: 16px;
	border-collapse: collapse;
}

.audiences .column1 {
	padding-left: 0;
	vertical-align: top;
}

.audiences .column2 {
	padding-left: 0.5em;
	vertical-align: top;
}

.column2 .material-icons {
	font-size: 1em;
}

.audience {
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #f8f8f8;
}

.audience ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 1.5em;
}

/* Video-JS */
.vjs-tech {
  object-fit: contain;
}