/* MAIN TIMELINE */
 .midknight-purple-n-blue .vis-timeline {
  /* font-size: 12pt;
  font-family:  'comic sans'; 
  color: white;
  border: none; */
  border: 3px solid rgb(255, 0, 0);
  clip-path: polygon(.6% 0%, 99.4% 0, 100% 0%, 100% 100%, 98% 100%, 0% 100%, 0 98.2%, 0 1.8%);
  /*clip-path: polygon(2% 0, 98% 0, 100% 5%, 100% 95%, 98% 100%, 2% 100%, 0 95%, 0 5%);
  /* background-color: rgb(71,72,77); */
  /* background-color: rgb(47,49,47); */

}

.midknight-purple-n-blue .rotateang{
  border: 2px solid rgb(255, 0, 0);

}



.midknight-purple-n-blue  .lcdrightframe{
  background-color: rgb(255, 0, 0);
  

}

.midknight-purple-n-blue  .lcdleftframe{
  background-color: rgb(255, 0, 0);
  

}


.midknight-purple-n-blue .vis-panel.vis-center {
  border: none;
  /* margin-left: 1vw; */
  border-top: 4px solid white;
  /* border-radius: 1vw; */
}


/* TOP BAR TEXT */
/* CURVE THIS ONE */
.midknight-purple-n-blue .vis-panel.vis-vertical {
  /* background-color: rgb(71,72,77); */
  /* -webkit-clip-path: polygon(2% 0, 98% 0, 100% 5%, 100% 95%, 98% 100%, 2% 100%, 0 95%, 0 5%);
  clip-path: polygon(2% 0, 98% 0, 100% 5%, 100% 95%, 98% 100%, 2% 100%, 0 95%, 0 5%); */
}

.midknight-purple-n-blue .vis-top.vis-top{
  border: none;
  /* padding-left: 20px;  */
  /* padding-bottom: 10px; */
}
.midknight-purple-n-blue .vis-time-axis .vis-text {
  position: absolute;
  color: white;
  padding: 3px;
  overflow: hidden;
  box-sizing: border-box;
  white-space: nowrap;
}
.midknight-purple-n-blue .vis-time-axis{
  /* border-bottom: 3px solid white; */
}
.midknight-purple-n-blue .vis-major {
  font-weight: 900;
}
.midknight-purple-n-blue .vis-minor{
  font-weight: 500;

}


/*SIDE BAR FOR GROUPS*/
/* Curve THIS ONE */
.vis-panel.vis-left{
  border-top: none;
  border-top: 4px solid white;

  /* -webkit-clip-path: polygon(10% 0, 90% 0, 100% 3%, 100% 97%, 90% 100%, 10% 100%, 0 97%, 0 3%);
  clip-path: polygon(10% 0, 90% 0, 100% 3%, 100% 97%, 90% 100%, 10% 100%, 0 97%, 0 3%);   */
}

.midknight-purple-n-blue .vis-labelset {
  /* background: rgb(71,72,77);  */
  background-color: rgb(48, 47, 49);
  border: none;
  border-right: 3px solid rgb(79, 153, 255);
  font-weight: 900;
}
.midknight-purple-n-blue .vis-label{
  border: none;
}
.midknight-purple-n-blue .vis-inner{
  border: none;
  color: white;  
}
.midknight-purple-n-blue .vis-foreground .vis-group {
  border: none;
  border-bottom: 2px solid white;
  /* border-radius: 1vw; */
}




.midknight-purple-n-blue .vis-time-axis .vis-grid.vis-odd {
  background: rgb(71,72,110);
  border-width: 1px;
  border-color: rgb(255, 79, 79);


}
.midknight-purple-n-blue .vis-time-axis .vis-grid.vis-even {
  background: rgb(47, 49, 46);
  border-width: 1px;
  border-color: rgb(255, 79, 79);
  
}
.midknight-purple-n-blue .vis-time-axis .vis-grid.vis-minor {
  border-width: 1px;
  border-color: rgb(255, 79, 79);
}

.midknight-purple-n-blue .vis-time-axis .vis-grid.vis-major {
  border-width: 1px;
  border-color: rgb(255, 79, 79);
}

.midknight-purple-n-blue .ratingLCDContainer {
  border-color: rgb(255,0,0);
}

.midknight-purple-n-blue .bottom-canvas-borders > div {
  border-color: rgb(255,0,0);
}

.midknight-purple-n-blue .bottomCanvas {
  background-color: rgba(255, 0, 0, 0.5) !important;
}

.midknight-purple-n-blue #main{
  background-color: rgb(167, 167, 167);
}

.midknight-purple-n-blue .headerBg {
  background-image: url("../Assets/TlHeaderBlue.svg");
}