/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017-mar-21, 14:10:40
    Author     : casper
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017-apr-25, 21:38:56
    Author     : casper
*/
.tracks-container {
  background-color: #fff;
  border: 1px solid #ccc; }

#timeline {
  height: 20px; }

.timeline-container {
  position: relative; }

.timeline-container {
  overflow-x: auto;
  padding-bottom: 20px;
  border: 1px solid #ccc;
  background-color: #fff; }

.timeline {
  border-collapse: collapse;
  display: table;
  width: 1020px; }
  .timeline .timeline-row {
    border-collapse: collapse; }
  .timeline .timeline-cell {
    border: 1px solid #ddd;
    display: table-cell;
    height: 40px; }
  .timeline .timeline-head .timeline-header-minutes .timeline-cell {
    width: 240px;
    height: 20px; }
  .timeline .timeline-head .timeline-header-minutes .row-header {
    width: 60px; }
  .timeline .timeline-head .timeline-header-seconds .timeline-cell {
    width: 60px;
    height: 30px;
    padding-top: 4px; }
  .timeline .timeline-head .marker-minute {
    margin-left: -7.5px;
    background-color: #fff; }
  .timeline .timeline-head .marker-second {
    margin-left: -13px;
    font-size: 1rem;
    background-color: #fff; }
  .timeline .timeline-track {
    height: 40px;
    position: relative; }
    .timeline .timeline-track .timeline-cell {
      width: 60px; }
  .timeline .ui-sortable-helper {
    display: table; }
  .timeline .row-header {
    width: 60px !important;
    cursor: move; }
    .timeline .row-header i {
      padding-left: 18px;
      padding-top: 7px; }
  .timeline .timeline-player-head {
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: red;
    left: 60px;
    z-index: 10; }

.timeline-track-container {
  position: absolute;
  top: 0;
  left: 60px;
  width: 960px;
  height: 40px; }

.timeline-item {
  height: 40px;
  overflow: hidden;
  position: absolute; }
  .timeline-item .material-icons {
    margin-top: 10px;
    margin-left: 5px; }
  .timeline-item .track-item-label {
    display: inline-block;
    position: absolute;
    top: 12px;
    margin-left: 5px;
    white-space: nowrap; }
  .timeline-item .timeline-item-content {
    height: 40px;
    cursor: move;
    overflow: hidden; }
  .timeline-item.item-textblock {
    background-color: orange; }
  .timeline-item.item-plate {
    background-color: lightgray; }
  .timeline-item.item-image {
    background-color: lightblue; }
  .timeline-item.item-video {
    background-color: lightgreen; }
  .timeline-item.item-audio {
    background-color: #ffff99; }

#video_editor #video {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
#video_editor #stage_outer {
  padding: 20px;
  border: 1px solid #ccc; }
#video_editor #stage {
  z-index: 0;
  position: relative;
  overflow: hidden;
  width: 640px;
  height: 360px;
  margin: auto;
  background-color: #fff; }
  #video_editor #stage .stage-object {
    position: absolute; }
  #video_editor #stage .draggable {
    cursor: move; }
  #video_editor #stage .ui-widget-content {
    border: inherit; }
  #video_editor #stage .active-object {
    border: 1px red dashed; }
#video_editor .track {
  height: 30px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  position: relative;
  display: flex; }
  #video_editor .track .material-icons {
    left: 10px;
    color: #aaa;
    font-size: 20px;
    line-height: 30px;
    cursor: default; }
  #video_editor .track .move-handle {
    cursor: move; }
  #video_editor .track .track-header {
    width: 50px;
    border-right: 1px solid #ccc; }
  #video_editor .track .track-body {
    width: 100%;
    position: relative; }
  #video_editor .track .track-footer {
    width: 120px;
    position: relative;
    border-left: 1px solid #ccc; }
  #video_editor .track .track-body-content {
    position: absolute;
    left: 80px;
    line-height: 30px;
    z-index: 20; }
  #video_editor .track .slider {
    height: 30px;
    top: -1px;
    border-left: none;
    border-right: none;
    border-radius: 0; }
    #video_editor .track .slider .ui-corner-all {
      border-radius: 0; }
  #video_editor .track .ui-widget-header {
    background-color: #fff; }
#video_editor #video_tracks {
  margin-left: auto;
  margin-right: auto;
  width: 1280px;
  max-width: 100%;
  list-style: none;
  padding-left: 0; }
#video_editor #layer_time {
  position: relative; }
  #video_editor #layer_time .time-point {
    position: absolute; }
#video_editor #video_controls {
  display: flex; }
  #video_editor #video_controls .btn {
    padding: 8px;
    display: inline-block; }
  #video_editor #video_controls #seek_bar {
    display: flex; }
  #video_editor #video_controls #volume_bar {
    max-width: 120px; }
  #video_editor #video_controls #player_time {
    width: 120px;
    line-height: 60px;
    text-align: right; }

.nav-tabs {
  margin-bottom: 15px; }

.stage-object.audio {
  height: 20px;
  width: 20px;
  background-color: black; }

.show-advanced {
  display: none; }

#stage .stage-object.audio {
  display: none !important; }

/*# sourceMappingURL=style.css.map */