/* MAIN TIMELINE */
.pro-grey-97G .vis-timeline {
    /* font-size: 12pt;
    font-family:  'comic sans'; 
    color: white;
    border: none; */
    border-color: rgb(194, 194, 194);
    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); */

  }


  .pro-grey-97G .rotateang{
    border: 2px solid rgb(194, 194, 194);
  }



  .pro-grey-97G   .lcdrightframe{
    background-color: rgb(194, 194, 194);
   
    border-width: 1px;
    opacity: 0.5;
  
  }
  
  .pro-grey-97G   .lcdleftframe{
    background-color: rgb(194, 194, 194);
    
  
  }



  .pro-grey-97G .vis-panel.vis-center {
    border: none;
    /* margin-left: 1vw; */
    border-top: 4px solid white;
    /* border-radius: 1vw; */
  }
  
  /* TOP BAR TEXT */
  /* CURVE THIS ONE */
  .pro-grey-97G  .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%); */
  }
  
  .pro-grey-97G .vis-top.vis-top{
    border: none;
    /* padding-left: 20px;  */
    /* padding-bottom: 10px; */
  }
  .pro-grey-97G .vis-time-axis .vis-text {
    position: absolute;
    color: white;
    padding: 3px;
    overflow: hidden;
    box-sizing: border-box;
    white-space: nowrap;
  }
  .pro-grey-97G  .vis-time-axis{
    /* border-bottom: 3px solid white; */
  }
  .pro-grey-97G  .vis-major {
    font-weight: 900;
  }
  .pro-grey-97G  .vis-minor{
    font-weight: 500;

  }
  
  
  /*SIDE BAR FOR GROUPS*/
  /* Curve THIS ONE */
  .pro-grey-97G  .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%);   */
  }
  
  .pro-grey-97G  .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;
  }
  .pro-grey-97G  .vis-label{
    border: none;
  }
  .pro-grey-97G  .vis-inner{
    border: none;
    color: white;  
  }
  .pro-grey-97G  .vis-foreground .vis-group {
    border: none;
    border-bottom: 2px solid white;
    /* border-radius: 1vw; */
  }
  
  
  
 
  .pro-grey-97G  .vis-time-axis .vis-grid.vis-odd {
    background:  rgb(75, 81, 87);
    border-width: 1px;
    border-color: rgb(197, 197, 197);
    opacity: 0.5;

  }
  .pro-grey-97G  .vis-time-axis .vis-grid.vis-even {
    background: rgb(47, 49, 46);
    border-width: 1px;
    border-color: rgb(197, 197, 197);
    opacity: 0.5;
  }
  .pro-grey-97G .vis-time-axis .vis-grid.vis-minor {
    border-width: 1px;
    border-color: rgb(197, 197, 197);
  }
  
  .pro-grey-97G .vis-time-axis .vis-grid.vis-major {
    border-width: 1px;
    border-color: rgb(197, 197, 197);
  }