/* line 5, app/assets/stylesheets/media.scss */
.rowdelete {
  background-color: #aaaaaa;
}

/* line 9, app/assets/stylesheets/media.scss */
.alt-table-responsive {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}

/* line 20, app/assets/stylesheets/media.scss */
.modal-content {
  top: 70px;
}

/* line 24, app/assets/stylesheets/media.scss */
ul.pagination li.paginate_button {
  padding: 0px;
}

/* line 28, app/assets/stylesheets/media.scss */
div#media_paginate {
  text-align: right;
  vertical-align: top;
}

/* line 33, app/assets/stylesheets/media.scss */
div#media_filter {
  text-align: right;
  vertical-align: top;
}

/* line 38, app/assets/stylesheets/media.scss */
table.dataTable thead th {
  position: relative;
  background-image: none !important;
}

/* line 43, app/assets/stylesheets/media.scss */
table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
  position: absolute;
  top: 5px;
  right: 8px;
  display: block;
  font-family: FontAwesome;
}

/* line 53, app/assets/stylesheets/media.scss */
table.dataTable thead th.sorting:after {
  content: '\f0dc';
}

/* line 56, app/assets/stylesheets/media.scss */
table.dataTable thead th.sorting_asc:after {
  content: '\f0de';
}

/* line 59, app/assets/stylesheets/media.scss */
table.dataTable thead th.sorting_desc:after {
  content: '\f0dd';
}

/* line 64, app/assets/stylesheets/media.scss */
div.meidanew {
  margin-bottom: 20px;
}

/* line 68, app/assets/stylesheets/media.scss */
div.table-responsive div {
  margin: 0px;
}

/* line 72, app/assets/stylesheets/media.scss */
.modal {
  text-align: center;
  padding: 0 !important;
}

/* line 77, app/assets/stylesheets/media.scss */
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

/* line 85, app/assets/stylesheets/media.scss */
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/* line 91, app/assets/stylesheets/media.scss */
div.modal-body {
  padding: 15px 40px;
}

/* line 95, app/assets/stylesheets/media.scss */
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  margin-top: 0;
  display: inline-block;
}

/* line 102, app/assets/stylesheets/media.scss */
div#video-preview {
  padding: 0px;
  width: 384px;
  vertical-align: middle;
}

/* line 107, app/assets/stylesheets/media.scss */
canvas#canvas {
  padding: 0px;
  width: 384px;
  vertical-align: middle;
}

/* line 113, app/assets/stylesheets/media.scss */
div.media-url {
  margin: 10px;
  font-size: 10px;
  color: #333333;
  vertical-align: middle;
}

/* line 120, app/assets/stylesheets/media.scss */
#media-modal {
  margin-bottom: 0px;
}

/* line 125, app/assets/stylesheets/media.scss */
#dragArea {
  outline: 2px dashed #77c3df;
  outline-offset: -10px;
  background-color: #fcfcfc;
  width: 100%;
  height: 250px;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  color: #444444;
  display: table;
}

/* line 140, app/assets/stylesheets/media.scss */
#dragArea.over {
  outline: 2px dashed #345364;
  outline-offset: -20px;
  background-color: #86c5df;
  width: 100%;
  height: 250px;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
  padding: 41px;
  color: #eeeeee;
  display: table;
}

/* line 155, app/assets/stylesheets/media.scss */
#dragArea div {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

/* line 160, app/assets/stylesheets/media.scss */
div.choosefile {
  margin-bottom: 15px;
}

/* line 164, app/assets/stylesheets/media.scss */
th {
  font-size: 12px;
}

/* line 165, app/assets/stylesheets/media.scss */
td {
  font-size: 11px;
}

/* line 167, app/assets/stylesheets/media.scss */
.row.newbutton {
  margin-bottom: 20px;
}

/* line 172, app/assets/stylesheets/media.scss */
table#media th {
  background-color: #555555;
  color: #ffffff;
  font-weight: normal;
}

/* line 178, app/assets/stylesheets/media.scss */
table#media tr:hover {
  background-color: #eeeeee;
}

/* line 182, app/assets/stylesheets/media.scss */
table#media tbody tr {
  height: 60px;
}

/* line 186, app/assets/stylesheets/media.scss */
table#media td div.tdaction {
  margin-top: 5px;
}

/* line 190, app/assets/stylesheets/media.scss */
table#media td div.tdaction a:hover {
  font-weight: bold;
  text-decoration: underline;
}

/* line 197, app/assets/stylesheets/media.scss */
.media-play-box {
  position: relative;
}

/* line 200, app/assets/stylesheets/media.scss */
.media-play-box img {
  width: 120px;
  height: auto;
}

/* line 205, app/assets/stylesheets/media.scss */
.media-play {
  width: 40px;
  height: 40px;
  display: flex;
  color: #ffffff;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  cursor: pointer;
  position: absolute;
  top: 22%;
  left: 31%;
}