/*
	Description: This is the Stylesheet for the Video Player
	Version: 0.0.1
	Author: Martin Neitz
	Author URI: http://www.neitz.at
	License: Martin Neitz
*/

/*----------------------------------------------------------------------------*\
    
\*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/*  Vivo - Video Index                                                        */
/*----------------------------------------------------------------------------*/

.vivo_video_timeline {
  list-style-type: none;
}

.vivo_onAir,
.vivo_onAir .fa-li {background-color: #a9ba04; color: #ffffff;}

.vivo_onAir .fa-li {
  height: 100%; 
  top: initial;
  padding-top: .22em;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;  
}


.vivo_video_jump_mark {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  cursor: pointer; 
}

.vivo_video_chapter {
  margin-top: 0px;
}

.vivo_note_bottom {
  height: 200px;
}

.vivo_note_textarea {
  padding: 10px !important;
  border-color: #acb5c2;
  background-color: #f7f8fa;
  margin-bottom: 3px !important;
  resize: none;
  outline: none;
  width: 100%;
  height: 100%;
}  

.vivo_note_textarea_wrapper {
  height: calc(100% - 29px);
}

.vivo_save_button {
  margin-top: 5px;
  cursor: pointer;
  width: 100%; 
  display: block; 
  background-color: #abba05; 
  color: #ffffff; 
  height: 1.5em; 
  text-align: center; 
  line-height: 1.5em;
}

.vivo_video-el-width-50, .vivo_note-el-width-50 {
  width: 49%;
  float: left;
}

.vivo_video-el-width-50 {
  margin-right: 2% !important;
}

.vivo_video_widget.vivo_video_note {
  display: flex;
}

.vivo_note_bottom.vivo_video_note {
   height: auto;
}

@media screen and (max-width: 768px) {

  .vivo_video_widget.vivo_video_note {
      display: block;
   }

   .vivo_note_bottom.vivo_video_note {
      height: 200px;
   }



  .vivo_video-el-width-50, .vivo_note-el-width-50 {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .vivo_note-el-width-50 {
    margin-top: 20px;
  }

}