@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);.container{margin:0 auto;max-width:1000px}a{text-decoration:none}body{background-color:#e8e8e7;padding-bottom:20px}h3{font-size:20px}.strikethrough{position:relative}.strikethrough:before{position:absolute;content:"";left:0;top:50%;right:0;border-top:2px solid;border-color:inherit;transform:rotate(-13deg)}*{font-family:"Lato",sans-serif}.header{display:flex;align-items:center;justify-content:center;margin:15px 0}.header .logo{height:65px;width:auto}.header .page-title{margin:0 0 0 20px;font-size:34px}.header .page-title a{color:#5a55a3}.startup-view{margin:0 auto;max-width:1000px}.startup-view .components{display:flex;flex-flow:row wrap;justify-content:center}.startup-view .components .view-item{min-width:400px;padding-top:20px}.startup-view .components .view-item:not(.single){width:50%}.startup-view .components .view-item.single{width:100%}.search-box{text-align:center;padding-bottom:20px;border-bottom:1px solid grey}.search-box p{margin:25px 0 20px}.search-box .input-form{display:flex;flex-direction:row;justify-content:center;align-items:center}.search-box .input-form .search-btn{margin-left:10px}.react-autosuggest__container{position:relative}.react-autosuggest__input{width:240px;height:30px;padding:10px 20px;font-family:inherit;color:#444;font-size:16px;border:1px solid #aaa;border-radius:4px;transition:border-color .3s ease}.react-autosuggest__input::-webkit-input-placeholder{font-weight:300;color:#000}.react-autosuggest__input:-ms-input-placeholder{font-weight:300;color:#000}.react-autosuggest__input::-ms-input-placeholder{font-weight:300;color:#000}.react-autosuggest__input::placeholder{font-weight:300;color:#000}.react-autosuggest__input--focused{outline:none;border-color:#706fd3}.react-autosuggest__input--open{border-bottom-left-radius:0;border-bottom-right-radius:0}.react-autosuggest__suggestions-container{display:none}.react-autosuggest__suggestions-container--open{display:block;position:absolute;top:51px;width:280px;border:1px solid #706fd3;background-color:#fff;font-family:inherit;font-size:16px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;z-index:2}.react-autosuggest__suggestions-list{margin:0;padding:0;list-style-type:none}.react-autosuggest__suggestion{cursor:pointer;padding:10px 20px}.react-autosuggest__suggestion--highlighted{background-color:#5a55a3;color:#fff}.react-autosuggest__section-container{border-top:1px dashed #ccc}.react-autosuggest__section-container--first{border-top:0}.react-autosuggest__section-title{padding:10px 0 0 10px;font-size:12px;color:#777}.invalid-value .react-autosuggest__input{border:1px solid #fd5d5d}.btn-default{display:block;cursor:pointer;border:none;background-color:#5a55a3;transition:background-color .3s ease;color:#fff;padding:10px 15px;border-radius:4px;font-size:15px;font-weight:700;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.25)}.btn-default:hover{background-color:#706fd3}.btn-default.color-secondary{background-color:#fd5d5d}.btn-default.color-secondary:hover{background-color:#ff7e7e}.btn-default .label{padding-left:10px}.line-button-container{display:flex}.line-button-container .line-button{flex-grow:1}.last-selected{text-align:center}.last-selected .component-title{margin:0 0 20px}.last-selected .list-container .list{list-style-type:none;display:inline-block;margin:0;padding:0}.last-selected .list-container .list .item{display:flex;flex-direction:row;min-width:300px;border-left:3px solid transparent;border-right:3px solid transparent;transition:background-color .3s ease}.last-selected .list-container .list .item:hover{background-color:#e2e1f1;border-left:3px solid #5a55a3;border-right:3px solid #5a55a3}.last-selected .list-container .list .item .display-name{flex-grow:1;padding:9px 20px 9px 60px;font-size:18px;cursor:pointer}.last-selected .list-container .list .item .delete-btn{visibility:hidden;padding:9px 0;width:40px;font-size:20px;color:#5a55a3;cursor:pointer;transition:background-color .3s ease,color .3s ease}.last-selected .list-container .list .item .delete-btn:hover{background-color:#fd5d5d;color:#fff}.last-selected .list-container .list .item:hover .delete-btn{visibility:visible}.tracked-trains{text-align:center}.tracked-trains .component-title{margin:0 0 20px}.tracked-trains .list-container .list{list-style-type:none;display:inline-block;margin:0;padding:0}.tracked-trains .list-container .deleted-notice{font-size:14px}.tracked-item{display:flex;flex-direction:row;border-left:3px solid transparent;border-right:3px solid transparent;transition:background-color .3s ease}.tracked-item:hover{background-color:#e2e1f1;border-left:3px solid #5a55a3;border-right:3px solid #5a55a3}.tracked-item .data{display:flex;flex-direction:row;align-items:center;flex-grow:1;padding:10px;min-width:300px;cursor:pointer}.tracked-item .data .carrier-logo .logo{width:70px}.tracked-item .data .info{flex-grow:1;display:flex;flex-direction:column;text-align:left;padding-left:5px;line-height:22px}.tracked-item .data .info .route{font-weight:600}.tracked-item .data .info .train-ids{font-weight:300}.tracked-item .data .info .train-ids .train-number{padding-right:7px}.tracked-item .delete-btn-container{visibility:hidden;display:flex;align-items:center;justify-content:center;padding:0;width:50px;cursor:pointer;color:#5a55a3;transition:background-color .3s ease,color .3s ease}.tracked-item .delete-btn-container:hover{background-color:#fd5d5d;color:#fff}.tracked-item .delete-btn-container .delete-btn{font-size:22px}.tracked-item:hover .delete-btn-container{visibility:visible}.carrier-logo-default-size{width:70px;font-size:14px;display:block;overflow:hidden}.station-view{margin:0 auto;max-width:1000px;text-align:center}.station-view .station-data{padding-top:20px}.station-view .station-data .station-header{display:flex;position:relative;margin-bottom:20px}.station-view .station-data .station-header h2{flex-grow:1;margin:0;font-size:26px;font-weight:400}.station-view .station-data .station-header h2 .station-name{font-weight:700}.station-view .station-data .station-header .refresh-btn{position:absolute;right:0}.station-view .station-data .fetch-time{font-size:15px}.station-view .station-data .no-data{margin:0;padding:40px 0;font-size:22px;font-weight:300}.station-view .station-data .views{display:flex;flex-flow:row wrap;justify-content:center;padding:5px 0 0}.station-view .station-data .views>*{min-width:400px}@media (min-width:901px){.station-view .station-data .views>*{width:50%}}.station-view .station-data .next-page{width:230px;margin:0 auto}.station-view .station-data .return-button{width:250px;margin:20px auto 0}.view-group .no-items{margin:0;padding:20px 0;font-weight:300;font-size:18px}.view-group .items{list-style-type:none;padding:0 25px}.train{display:flex;flex-direction:row;min-width:400px;padding:10px;align-items:center;cursor:pointer;border-left:3px solid transparent;border-right:3px solid transparent;transition:background-color .3s ease}.train:hover{background-color:#e2e1f1;border-left:3px solid #5a55a3;border-right:3px solid #5a55a3}.train .timebox-container{width:70px;display:flex;justify-content:center}.train .timebox-container .timebox{display:flex;flex-direction:column}.train .timebox-container .timebox.delayed{color:#b62d2d}.train .timebox-container .timebox .time:not(.strikethrough){font-size:20px;font-weight:700;letter-spacing:1px}.train .timebox-container .timebox .delay{font-size:11px}.train .carrier-logo .logo{width:70px}.train .info{flex-grow:1;display:flex;flex-direction:column;text-align:left;padding-left:5px;line-height:22px}.train .info .route{font-weight:600}.train .info .train-ids{font-weight:300}.train .info .train-ids .train-number{padding-right:7px}.train-view{display:flex;flex-direction:row;margin-top:30px}.train-view .train-info{display:flex;flex-direction:column;max-width:320px;overflow:hidden;position:-webkit-sticky;position:sticky;top:50px}.train-view .train-info .info-block{font-size:30px}.train-view .train-info .info-block .carrier-and-number{display:flex;flex-direction:row}.train-view .train-info .info-block .carrier-and-number .carrier-logo{display:flex;flex-direction:column;justify-content:center}.train-view .train-info .info-block .train-name{text-transform:uppercase;padding:10px 0;font-weight:300;font-size:32px}.train-view .train-info .route-block{padding:10px 0 5px;line-height:25px;border-bottom:1px solid #bbb}.train-view .train-info .route-block .title{font-size:17px}.train-view .train-info .route-block .route{font-size:22px}.train-view .train-info .actions{margin-top:20px}.train-view .train-info .actions .return-button,.train-view .train-info .actions .track-button{margin:5px}.train-view .train-info .actions .track-button{min-width:240px}.train-view .train-info .actions .return-button{margin-top:7px}.train-view .train-timeline{flex-grow:1;padding-left:20px}.timeline-container .timeline-header{display:flex;margin-bottom:15px}.timeline-container .timeline-header h2{flex-grow:1;margin:0}.timeline-container .fetch-time{font-size:15px}.timeline-container .timeline{list-style-type:none;padding:0}.timeline-item{display:flex;flex-direction:row}.timeline-item .icon-container{display:flex;flex-direction:column;justify-content:center;padding:0 30px;position:relative}.timeline-item .icon-container .icon{width:46px;height:46px;background-color:#e8e8e7;border-radius:50%;border:4px solid #5a55a3;box-sizing:border-box}.timeline-item .icon-container:after{content:"";position:absolute;background:#5a55a3;height:100%;width:4px;left:calc(50% - 2px);z-index:-1}.timeline-item:first-child .icon-container:after{height:50%;transform:translateY(50%)}.timeline-item:last-child .icon-container:after{height:50%;transform:translateY(-50%)}.timeline-item.time-no-delay .icon-container .icon{background-color:#37b341;border-color:#37b341}.timeline-item.time-no-delay .icon-container:after{background:#37b341}.timeline-item.time-slight-delay .icon-container .icon{background-color:#ffb142;border-color:#ffb142}.timeline-item.time-slight-delay .icon-container:after{background:#ffb142}.timeline-item.time-delay .icon-container .icon{background-color:#ff5252;border-color:#ff5252}.timeline-item.time-delay .icon-container:after{background:#ff5252}.timeline-item.time-no-delay.prev-time-slight-delay .icon-container:after{background:linear-gradient(180deg,#ffb142 50%,#37b341 0,#37b341)}.timeline-item.time-no-delay.prev-time-delay .icon-container:after{background:linear-gradient(180deg,#ff5252 50%,#37b341 0,#37b341)}.timeline-item.time-slight-delay.prev-time-no-delay .icon-container:after{background:linear-gradient(180deg,#37b341 50%,#ffb142 0,#ffb142)}.timeline-item.time-slight-delay.prev-time-delay .icon-container:after{background:linear-gradient(180deg,#ff5252 50%,#ffb142 0,#ffb142)}.timeline-item.time-delay.prev-time-no-delay .icon-container:after{background:linear-gradient(180deg,#37b341 50%,#ff5252 0,#ff5252)}.timeline-item.time-delay.prev-time-slight-delay .icon-container:after{background:linear-gradient(180deg,#ffb142 50%,#ff5252 0,#ff5252)}.timeline-item.train-not-arrived .icon-container .icon{background-color:#e8e8e7}.timeline-item .station-data{line-height:23px;padding:15px 0}.timeline-item .station-data .name{font-size:20px;margin:0;padding:0 0 10px}.timeline-item .station-data .delayed :not(.label){color:#b62d2d}.timeline-item .station-data .label{display:inline-block;width:100px}.timeline-item .station-data .current-time,.timeline-item .station-data .delay{margin-left:10px}