/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 11, 2021, 10:09:15 AM
    Author     : trnka
*/

.RouteDiagram__defs--icon-circle
{   
    fill:white;
    stroke-miterlimit:10;
    stroke-width: 2px;
}

.RouteDiagram__defs--fill-white
{
    fill: white
}

.RouteDiagram__defs--fill-green
{
    fill: #009999;
}

#RouteDiagram-content
{
    overflow: hidden;
    flex: 1;
    overflow-x: auto;
}

#RouteDiagram-list
{
}

.RouteDiagram--text-bolder
{
    font-weight: 550;
}

.RouteDiagram__wrapper
{
    width: 100%;
    display: flex;
    flex-flow: row-reverse;
    padding: 0 0 0 0;
}

.RouteDiagram-list__item
{
    /*border-right: 3px solid #80808036;*/
    background-color: rgba(51, 122, 183, .05);;
    border-bottom: 1px solid #80808036;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
    padding: 0 5px;
    /*width: 220px;*/ /* dalo sa to ako option */
}

.RouteDiagram-list__item--rtl
{
    border-left: 3px solid rgba(128, 128, 128, .2);
}

.RouteDiagram-list__item--ltr
{
    border-right: 3px solid rgba(128, 128, 128, .2);
}

.RouteDiagram-list__item__time
{
    flex:0 0 90px;
    text-align: right;
    font-weight: bold;
    border-right: 2px solid var(--main-color);
    padding: 5px;
}

.RouteDiagram-list__item__time-num
{
    
}

.RouteDiagram-list__item__time-text
{
    
}

.RouteDiagram-list__item--active
{
    background-color: rgba(0, 153, 153, 0.2);
}

.RouteDiagram-list__item--icon
{
    background-image: url(../img/flag.svg);
    width: 20px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    flex: 0 0 15px;
}

.RouteDiagram-list__item--text
{
    /*width: 100%;*/
    padding: 0 5px;
    flex: 1;
    text-align: center;
}

.RouteDiagram__list__item--platform
{
    /*flex: 0 0 50px;*/
    color: grey;
}

.RouteDiagram-list__item--vehicle-next
{
    
}

.RouteDiagram-list__item--vehicle-previous
{
    
}

.RouteDiagram__path
{
    fill: none;
    stroke: #999;
    stroke-width: 2px;
}

.RouteDiagram__stop
{
    stroke-width: 1px;
    /*stroke: white;*/
}

.RouteDiagram__stop--first-segment
{
    fill: white;
    stroke: black;
    stroke-width: 1px;
}

.RouteDiagram__cover
{
    fill: white;
    stroke: #DDD;
    stroke-width: 1px;
    cursor: pointer;
    fill-opacity: 0;
}

.RouteDiagram__vehicle
{
    cursor: pointer;
}

.RouteDiagram__vehicle--selected
{
    
}

.RouteDiagram__cover--active
{
    fill: #009999;
    fill-opacity: 0.1;
    stroke: #009999;
}

.RouteDiagram__centerAxis
{
    fill: none;
    stroke: grey;
    stroke-width:1px;
}

.RouteDiagram-times__item
{
    line-height: 2;
}

.RouteDiagram-times__item--active
{
    background-color: rgba(0, 153, 153, 0.2);
}

.RouteDiagram-times__item__time
{
    /*flex:0 0 90px;
    text-align: right;*/
    font-weight: bold;
    /*border-right: 2px solid var(--main-color);*/
    padding: 5px;
}

.RouteDiagram-times__item__time-num
{
    
}

.RouteDiagram-times__item__time-text
{
    
}