/* unvisited link */


    /* custom styles for individual items, load this after vis.css/vis-timeline-graph2d.min.css */
    
    
    
    /*
          "className": "dropper"
  },
      "className": "fireball"
  },
      "className": "bolide"
  },
      "className": "meteor"*/
    
    /*
    .vis-item {
        font-family: monospace;
    }
    
    .vis-item,
    */
    
    #timeline a:link {
        color: white;
        text-decoration: none;
    }
         
    #timeline a:visited {
        color: yellow;
        text-decoration: none;
    }
    
    .vis-item.meteorite {
      background-color: MidnightBlue;
      border-color: MidnightBlue;
      font-size: 15pt;
      font-weight: bold;
    }
    
    .vis-item.dropper {
      background-color: MediumBlue;
      border-color: MediumBlue;
      font-size: 15pt;
      font-weight: bold;
      

    }
        
    .vis-item.bolide {
      background-color: RoyalBlue;
      border-color: RoyalBlue;
      font-size: 13pt;
      font-weight: bold;
    }
    
    .vis-item.fireball {
      background-color: CornflowerBlue;
      border-color: CornflowerBlue;
      font-size: 10pt;
      font-weight: bold;
    }
        
    .vis-item.meteor {
      background-color: LightSkyBlue;
      border-color: LightSkyBlue;
      font-size: 10pt;
      font-weight: bold;
    }
    
    

    .vis-item.green {
      background-color: greenyellow;
      border-color: green;
    }

    /* create a custom sized dot at the bottom of the red item */
    .vis-item.red {
      background-color: red;
      border-color: darkred;
      color: white;
      
      box-shadow: 0 0 10px gray;
    }
    .vis-item.vis-dot.red {
      border-radius: 10px;
      border-width: 10px;
    }
    .vis-item.vis-line.red {
      border-width: 5px;
    }
    .vis-item.vis-box.red {
      border-radius: 0;
      border-width: 2px;
      font-size: 30pt;
      font-weight: bold;
    }

    .vis-item.orange {
      background-color: gold;
      border-color: orange;
    }
    .vis-item.vis-selected.orange {
      /* custom colors for selected orange items */
      background-color: orange;
      border-color: orangered;
    }

    .vis-item.magenta {
      background-color: magenta;
      border-color: purple;
      color: white;
    }

    /* our custom classes overrule the styles for selected events,
       so lets define a new style for the selected events */
    .vis-item.vis-selected {
      background-color: white;
      border-color: black;
      color: black;
      box-shadow: 0 0 10px gray;
    }