#params {
  position: fixed;
  top: 55px;
  left: 5px;
  z-index: 999;
  margin: 0;
  padding: 0px;
}
#params .trigger {
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
  line-height: 40px;
  background-color: #924399;
  border: 1px solid #433d59;
  margin: 2px;
  padding: 3px;
  border-radius: 50%;
}
#params .trigger:hover {
  cursor: pointer;
  background-color: #c07cc6;
  border-color: #716696;
}
#params .list {
  padding: 5px;
  background-color: #433d59;
  display: none;
}
#params .list p {
  margin: 0;
}
#params .list select {
  display: block;
}

* {
  transition: all 0.2s;
  scrollbar-color: #af59b6 #2c283b;
}

#settings .settings #labelsharetitle {
  display: inline-block;
  width: 50px;
}
#settings .settings #sharetitle {
  width: calc(100% - 50px - 10px);
}
#settings .settings select {
  width: 100%;
}
#settings .settings #share {
  display: block;
  line-height: 24px;
  margin-top: 5px;
  padding: 5px;
  border: 1px solid #4e2452;
  background-color: #924399;
  border-radius: 5px;
}
#settings .settings #share:hover {
  background-color: #af59b6;
  cursor: pointer;
}
#settings .settings #share img {
  vertical-align: middle;
  width: 24px;
  height: 24px;
}

#chrono {
  position: relative;
  border: 1px solid #433d59;
  background-color: black;
  margin-bottom: 35px;
  color: #FFF;
  width: auto;
  height: auto;
  overflow: hidden;
  min-height: 320px;
  min-width: 100px;
}
#chrono .bracket {
  position: absolute;
  width: 20px;
  height: 100%;
  background-color: black;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.2;
  transition: all 0.2s;
}
#chrono .bracket.max {
  opacity: 0;
  pointer-events: none;
}
#chrono .bracket:hover {
  cursor: pointer;
  background-color: #433d59;
  opacity: 1;
  transition: all 0.5s;
}
#chrono #bracketl {
  top: 0;
  left: 0;
  background-image: url("../img/bracketl.svg");
}
#chrono #bracketr {
  top: 0;
  right: 0;
  background-image: url("../img/bracketr.svg");
}
#chrono #timecursor {
  transition: all 0s;
  position: absolute;
  width: 1px;
  border-left: 1px dashed #924399;
  height: 100%;
  left: 0;
  z-index: 1;
}
#chrono #timeline {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: 50px;
  background-color: #1e1b29;
}
#chrono .hourtick {
  position: absolute;
  top: 20px;
  border-left: 1px solid #433d59;
  height: 10px;
  font-size: 10px;
  line-height: 10px;
  padding-left: 2px;
}
#chrono .hourtick.bighour {
  border-left: 2px solid #433d59;
  height: 20px;
}
#chrono .hourtick.midnight {
  border-left: 2px solid #924399;
  height: 25px;
}
#chrono .dayblock {
  position: absolute;
  top: 0px;
  height: 20px;
  width: 864px;
  background-color: #352f48;
  padding-left: 2px;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}
#chrono .dayblock:nth-child(even) {
  background-color: #4b4467;
}
#chrono .vod {
  box-sizing: border-box;
  position: absolute;
  background-color: #433d59;
  opacity: 0.6;
  border-top: 1px solid #000;
  border-radius: 5px;
  overflow: hidden;
  line-height: 12px;
  font-size: 11px;
  font-weight: bold;
  z-index: 2;
  height: 28px;
}
#chrono .vod.type-Crimi {
  color: #ff4c4c;
}
#chrono .vod.type-FDO {
  color: #24c9ff;
}
#chrono .vod.type-Medic {
  color: #34e134;
}
#chrono .vod.group-Gouv, #chrono .vod.group-Avocat, #chrono .vod.group-Proc {
  color: #bb9348;
}
#chrono .vod.ghost {
  border: 2px dashed rgba(243, 117, 110, 0.7);
  background-color: rgba(225, 100, 51, 0.3);
}
#chrono .vod.selected {
  background-color: #924399;
  color: #FFF;
  opacity: 1;
}
#chrono .vod .name {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 3px);
  text-align: center;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.1);
  line-height: 11px;
}
#chrono .vod:hover {
  cursor: pointer;
  opacity: 1;
}
#chrono .vod:hover img {
  opacity: 1;
}

#statusbar {
  position: fixed;
  left: 0;
  bottom: 0;
  clear: both;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  z-index: 1000;
  font-size: 0;
  margin: 0px;
  transition: left 0s;
}
#statusbar .bottombutton {
  border-radius: 5px;
  border: none;
  color: white;
  font-size: 20px;
  line-height: 26px;
  height: 30px;
  transition: background-color 0.1s linear;
}
#statusbar .bottombutton:hover {
  cursor: pointer;
}
#statusbar #multibutton {
  width: calc(100% - 60px);
  background-color: #433d59;
  font-size: 16px;
  line-height: 30px;
}
#statusbar #multibutton:hover {
  background-color: #5a5277;
}
#statusbar #selectallbutton {
  width: 30px;
  background-color: rgb(53, 165, 86);
}
#statusbar #selectallbutton:hover {
  background-color: rgb(93, 190, 122);
}
#statusbar #unselectallbutton {
  width: 30px;
  background-color: rgb(167, 60, 60);
}
#statusbar #unselectallbutton:hover {
  background-color: rgb(199, 103, 103);
}/*# sourceMappingURL=vod.css.map */