@import url('https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap');

html, body{
  /* font-family: 'Open Sans', sans-serif; */
  font-family: 'Fira Sans', sans-serif;
}
#video-wrapper .active{
  display: block;
  position: fixed;
  top: 0; left: 0; bottom: 0; right: 0;
  max-height:100%;
  height: auto;
  overflow: auto;
  margin:0;
  background-color: black;
  color:white;
  z-index: 100;
}

.card{
  cursor: pointer;
}

.embed-responsive .card-img-top {
  object-fit: cover;
}

div.vis-current-time {
  display:none;
}

div.vis-panel.vis-background.vis-horizontal{
  background-color: rgba(0, 255, 0, 0.1);
}

div.vis-custom-time.sliderCurrentPlayTime {
  width:4px !important;
  background-color:orange;
}
.vis-item.red {
  color: white;
  background-color: rgba(255, 0, 0, 0.4);
  border-color: darkred;
}
.vis-item.green {
  color: white;
  background-color: rgba(0, 255, 0, 0.1);
  border-color: darkred;
}
.vis-panel.vis-center {
  background-color: rgba(255,0,0, 0.25);
}
.vis-item.green_line {
  color: white;
  background-color: rgba(0,255,0, 0.35);
  border-color: darkgreen;
}

#video.widescreen-mode {
  position: fixed;
  top: 0; bottom: 0; left: 0; right: 0;
  z-index: 10000;
  background-color: #000;
  width: 100% !important;
  height: 100% !important;
}
#video-control-wrapper.widescreen-mode {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 10001;
  background-color: #fff;
  opacity: 0.9;
  border-top-left-radius: 4px; border-top-right-radius: 4px;
}
#modalArchiveForm{
  z-index:10002;
}
#modalToTime{
  z-index:10002;
}

#video-control-wrapper.widescreen-mode .minimize-bar {
  text-align: center; 
  cursor: pointer; 
  display: block;
}

.vis-background.motion_interval {
  background-color: #0000C2;
}

.featherlight.video-player > .featherlight-content {
   width: 1120px;
  }

.card.video-card{
  margin-top:10xp;
  margin-bottom:10px;
}
.main{
  margin-top:10px;
}

li.list-group-item.video-list-group-item{
  padding-left:0;
  padding-right:0;
}