/*
 * The media popup should have a higher z-index than the overlay content,
 * which has currently a z-index of 1001.
 */
.ui-front.ui-front {
  z-index: 1002;
}
.grid-2 {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}
div.ctools-modal-content .grid-2 .resizable-textarea {
  margin: 10px 0;
}

.mejs-player {
  background: transparent;
}

/* Padding to remove in some browsers the black bars around the video */
.mejs__mediaelement iframe {
  padding-left: 1px;
  padding-right: 2px;
  padding-bottom: 1px;
}
.mejs__controls {
  width: auto;
  right: 2px;
  left: 1px;
}
.panel-pane--neo-full-width .mejs__mediaelement video {
  /* We want to have always the height auto in the video */
  height: auto !important;
}