#mapWrapper .ol-popup,
#sidemap .ol-popup,
#sideanimmap .ol-popup {   
    bottom: 30px;
    left: -49px;
    border: 0px;
    padding: 0px;  
    font-size: 0.8em;
    color: black;
    -webkit-box-shadow: 4px -4px 20px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 4px -4px 20px 1px rgba(0,0,0,0.4);
    box-shadow: 4px -4px 20px 1px rgba(0,0,0,0.4);
}

#mapWrapper .ol-popup.fontsize1,
#sidemap .ol-popup.fontsize1,
#sideanimmap .ol-popup.fontsize1 {
      font-size: 1.0em;
   }

#mapWrapper .ol-popup.fontsize2,
#sidemap .ol-popup.fontsize2,
#sideanimmap .ol-popup.fontsize2 {
      font-size: 1.4em;
   }

#mapWrapper .ol-popup.fontsize3,
#sidemap .ol-popup.fontsize3,
#sideanimmap .ol-popup.fontsize3 {
      font-size:1.8em;
   }

#mapWrapper .ol-popup.vehicle,
#sidemap .ol-popup.vehicle,
#sideanimmap .ol-popup.vehicle {
      bottom: 36px;   
   }

#mapWrapper .ol-popup.vehicle.large,
#sidemap .ol-popup.vehicle.large,
#sideanimmap .ol-popup.vehicle.large {
         bottom: 40px;
         left: -52px;
      }

#mapWrapper .ol-popup.alarm,
#sidemap .ol-popup.alarm,
#sideanimmap .ol-popup.alarm {
      bottom: 36px;      
   }

#mapWrapper .ol-popup.alarm.center,
#sidemap .ol-popup.alarm.center,
#sideanimmap .ol-popup.alarm.center {
      bottom: 20px;
      left: -49px;
   }

#mapWrapper .ol-popup.point,
   #mapWrapper .ol-popup.route,
#sidemap .ol-popup.point,
   #mapWrapper .ol-popup.route,
#sideanimmap .ol-popup.point,
   #mapWrapper .ol-popup.route {
      bottom: 10px;     
      padding: 0px;
   }

#mapWrapper .ol-popup.point.large,
#sidemap .ol-popup.point.large,
#sideanimmap .ol-popup.point.large {
         bottom: 38px;        
      }

#mapWrapper .ol-popup.route,
#sidemap .ol-popup.route,
#sideanimmap .ol-popup.route {
      bottom: 9px;     
   }

#mapWrapper .ol-popup.route:after,
#sidemap .ol-popup.route:after,
#sideanimmap .ol-popup.route:after {
    border-top-color: #009cdc;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}

#mapWrapper .ol-popup-closer,
#sidemap .ol-popup-closer,
#sideanimmap .ol-popup-closer {
   top: 0px;
   font-size: 1.25em; /*0.8em x 1.25em = 1em*/
   color: #ffffff;
}

#mapWrapper .ol-popup-closer:visited,
#sidemap .ol-popup-closer:visited,
#sideanimmap .ol-popup-closer:visited {
   color: #ffffff;
}

#mapWrapper .ol-popup-closer:hover,
#sidemap .ol-popup-closer:hover,
#sideanimmap .ol-popup-closer:hover {
   text-decoration: none;
   color: black;
}


#mapWrapper .ol-popup-content,
#sidemap .ol-popup-content,
#sideanimmap .ol-popup-content {  
    min-width: inherit;
    max-height: inherit;
    overflow: hidden;
    text-align: left;
    color: #000000;
}

#mapWrapper .ol-popup-content .header,
#sidemap .ol-popup-content .header,
#sideanimmap .ol-popup-content .header {
   padding: 5px 7em 5px 5px;
   background-color: #009cdc;
   color: white;
   font-weight: bold;
   white-space: nowrap;
}

#mapWrapper .ol-popup.point.stop:after,
#sidemap .ol-popup.point.stop:after,
#sideanimmap .ol-popup.point.stop:after {
   border-top-color: #ed3325;
}

#mapWrapper .ol-popup.point.stop .header,
#sidemap .ol-popup.point.stop .header,
#sideanimmap .ol-popup.point.stop .header {   
   background-color: #ed3325;
}

#mapWrapper .ol-popup.point.stop .header .stoporder,
#sidemap .ol-popup.point.stop .header .stoporder,
#sideanimmap .ol-popup.point.stop .header .stoporder {
      display: inline-block;
      width: 1.5em;
      height: 1.5em;
      border-radius: 1px;
      background-color: white; 
      color: #ed3325;
      line-height: 1.5em;
      text-align: center;
   }

#mapWrapper .ol-popup.vehicle.state2 .header,
#sidemap .ol-popup.vehicle.state2 .header,
#sideanimmap .ol-popup.vehicle.state2 .header {   
   background-color: #009999;
}

#mapWrapper .ol-popup.vehicle.state3 .header,
#sidemap .ol-popup.vehicle.state3 .header,
#sideanimmap .ol-popup.vehicle.state3 .header {   
   background-color: #ed3325; 
}

#mapWrapper .ol-popup.vehicle.state4 .header,
#sidemap .ol-popup.vehicle.state4 .header,
#sideanimmap .ol-popup.vehicle.state4 .header {   
   background-color: #ff7908;
}

/*#mapWrapper .ol-popup.vehicle.state4 .header,
#sidemap .ol-popup.vehicle.state4 .header,
#sideanimmap .ol-popup.vehicle.state4 .header {   
   background-color: #cc1ce0;
}*/

#mapWrapper .ol-popup.vehicle.state5 .header,
#sidemap .ol-popup.vehicle.state5 .header,
#sideanimmap .ol-popup.vehicle.state5 .header {   
   background-color: #cc1ce0;
}

#mapWrapper .ol-popup-content .footer,
#sidemap .ol-popup-content .footer,
#sideanimmap .ol-popup-content .footer {
   padding: 5px; 
   color: white;
   font-weight: bold;
   text-align: right;
   white-space: nowrap;  
}

#mapWrapper .ol-popup-content .switch,
#sidemap .ol-popup-content .switch,
#sideanimmap .ol-popup-content .switch {
   position: absolute;
   top: -5px;
   right: 30px;
   font-size: 24px;
   font-weight: bold;
   color: white;
   text-decoration: none;
}

#mapWrapper .ol-popup-content .data,
#sidemap .ol-popup-content .data,
#sideanimmap .ol-popup-content .data {
   padding: 5px 5px 0px 5px;
}

#mapWrapper .ol-popup-content table.content,
#sidemap .ol-popup-content table.content,
#sideanimmap .ol-popup-content table.content {
    border: 0px;
}

#mapWrapper .ol-popup-content table.content.collapsed tr.noimportant,
#sidemap .ol-popup-content table.content.collapsed tr.noimportant,
#sideanimmap .ol-popup-content table.content.collapsed tr.noimportant {
    display: none;
}

#mapWrapper .ol-popup-content table.content th,
#sidemap .ol-popup-content table.content th,
#sideanimmap .ol-popup-content table.content th {
    background-color: #eee;
    border: 0px;
    text-align: left;
    white-space: nowrap;
    font-size: 16px;
    font-weight: normal;
}

#mapWrapper .ol-popup-content table.content tr > * + *,
#sidemap .ol-popup-content table.content tr > * + *,
#sideanimmap .ol-popup-content table.content tr > * + * {    
    padding-left: 10px;    
}

#mapWrapper .ol-popup-content table.content td,
#sidemap .ol-popup-content table.content td,
#sideanimmap .ol-popup-content table.content td {    
    border: 0px;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
}

#mapWrapper .ol-popup-content table.content tr > td:first-child,
#sidemap .ol-popup-content table.content tr > td:first-child,
#sideanimmap .ol-popup-content table.content tr > td:first-child {    
    /* padding-right: 10px; */
    text-align: right;
    font-weight: normal;
}

#mapWrapper .ol-popup-content .description,
#sidemap .ol-popup-content .description,
#sideanimmap .ol-popup-content .description {
    color: #a2a2a2;
}

#mapWrapper .ol-popup-content .switch:hover,
#sidemap .ol-popup-content .switch:hover,
#sideanimmap .ol-popup-content .switch:hover {
      color: black;
      text-decoration: none;
   }

#mapWrapper .ol-popup-content .buttons,
#sidemap .ol-popup-content .buttons,
#sideanimmap .ol-popup-content .buttons {
      display: inline-block;
   }  

#mapWrapper .ol-popup-content .button,
#sidemap .ol-popup-content .button,
#sideanimmap .ol-popup-content .button {  
         
   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
   -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
   box-shadow:inset 0px 1px 0px 0px #ffffff;
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
   background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
   background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
   background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
   background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
   background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
   background-color:#ffffff;
   border:1px solid #dcdcdc;
   display:inline-block;
   cursor:pointer;
   color:rgba(102, 102, 102, 0.3); /* #666666;*/  
   /*font-weight:bold;*/
   font-size: 1.2em;
   padding: 4px 10px;
   text-decoration:none;
   text-shadow:0px 1px 0px #ffffff;
}

#mapWrapper .ol-popup-content .button + .button,
#sidemap .ol-popup-content .button + .button,
#sideanimmap .ol-popup-content .button + .button {
       margin-left: 5px; 
   }

#mapWrapper .ol-popup-content .button:hover,
#sidemap .ol-popup-content .button:hover,
#sideanimmap .ol-popup-content .button:hover {
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
   background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
   background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
   background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
   background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
   background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
   background-color:#f6f6f6;  
}

#mapWrapper .ol-popup-content .button.stop,
#sidemap .ol-popup-content .button.stop,
#sideanimmap .ol-popup-content .button.stop {	
   color:rgba(102, 102, 102, 1.0); /* #666666;*/
}

#mapWrapper .ol-popup-content .button.selected,
#sidemap .ol-popup-content .button.selected,
#sideanimmap .ol-popup-content .button.selected {    
    font-weight: bold;
    color: black;
}























#sideanimmap .ol-popup.vehicle.animation {   
   bottom: 40px;
   left: -48px;
}

#sideanimmap .ol-popup.vehicle.animation::after {   
  border-top-color: rgb(0, 0, 0);
}

#sideanimmap .ol-popup.route.reality .header
{
  background-color: red;
}

#sideanimmap .ol-popup.route.reality::after
{
   border-top-color: red;
}















.ol-popup-fontsizer,
.ol-popup-expander {
    position: absolute;
    top: 0.45em;
    right: 2.0em;
    padding: 0 4px; 
    font-weight: bold;  
    color: white;  
}

.ol-popup-expander {       
    right: 3.6em;
    font-weight: normal;    
}

.ol-popup-fontsizer:hover,
.ol-popup-fontsizer:visited,
.ol-popup-fontsizer:focus,
.ol-popup-expander:hover,
.ol-popup-expander:visited,
.ol-popup-expander:focus {
    text-decoration: none;   
}

.ol-popup-fontsizer:visited,
.ol-popup-fontsizer:focus,
.ol-popup-expander:visited,
.ol-popup-expander:focus {    
    color: white;
}

.ol-popup-fontsizer:hover,
.ol-popup-expander:hover {   
    color: black;
}

.ol-popup.point .ol-popup-expander,
.ol-popup.route .ol-popup-expander {
   display: none;
}