#route-panel{position:relative;margin:0 auto;z-index:1000}.panel{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;min-width:250px;margin:0 auto;background-color:#c00;box-shadow:0 3px 10px rgba(0,0,0,.5);border-radius:1px}.roup-time,.roup-walk{color:#000;display:none}.roup-dash{margin:0 5px}.roup-reset{display:none;width:38px;height:40px;cursor:pointer}.roup-reset:before{content:"\f057";font:38px/1 FontAwesome;color:#1a1a1a}.roup-station{display:inherit;justify-content:left;align-items:center;align-content:center;width:100%;height:50px;border-top:solid 1px #1a1a1a;cursor:pointer;padding-left:10px}.roup-station:first-child{border:none}#route-start:hover,#route-finish:hover{box-shadow:0 5px 11px 0 rgba(200,230,254,.28),0 4px 15px 0 rgba(200,230,254,.25);background-color:#b5d1ea;transition:background-color 1s}.roups-value{padding-left:40px;line-height:33px;color:#000;background-repeat:no-repeat}.roups-pressed{box-shadow:0 1px 0 rgba(255,255,255,.3),inset 0 1px 4px rgba(0,0,0,.2)}.roups-pressed .roups-value{opacity:.5}.roups-selected{color:#000}.wrapmap{margin:8px auto 10px auto;z-index:900}.wrapmap img{margin-top:0 !important;margin-bottom:0 !important}.map-marker{position:absolute;width:100px;height:100px;background:url(/marker.png) no-repeat}.map-overlay{position:absolute;top:0;left:0}#tooltip{display:none;position:absolute;top:0;left:0;z-index:1000 !important;padding:10px 12px 8px;border:1px solid #d0cfca;border-radius:4px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12)}.ttip-title{margin:0 0 4px;font-weight:400;font-size:16px;line-height:18px}.ttip-hint{width:168px;margin:0;font-size:12px;line-height:14px;color:#909090}#stations{display:none;position:fixed;top:0;left:0;width:100%;background:#f0f0f0;box-shadow:0 5px 12px rgba(0,0,0,.6);line-height:36px;color:#000;border-radius:2px 2px 10px 10px;z-index:1000}@media (min-width:768px){#stations{position:absolute}}.sts-content{position:relative}.sts-field{width:100%;height:50px;padding-left:50px;padding-right:40px;outline:none;background-color:#ffc107;font-size:30px;color:#707070;border:none}.sts-content:before{position:absolute;top:15px;left:13px;content:"\f002";font:20px/1 FontAwesome;color:#999}.sts-clean{display:none;position:absolute;top:8px;right:4px;width:33px;height:33px;cursor:pointer}.sts-clean:before{font:30px/1 FontAwesome;color:#6666ff}.search-ico{color:#ffffff !important;font-style:normal}.search-ico:before,.search-ico:before{content:"\f002";margin-left:-38px;margin-right:20px;font:20px/1 FontAwesome;color:#ffffff}.st-list{overflow:hidden;position:relative;max-height:200px}@media (min-width:768px){.st-list{max-height:200px}}.stl-border{position:relative;height:1px;background:#e5e5e5;background:rgba(0,0,0,.08)}.stl-top,.stl-bottom{position:absolute;left:0;width:100%;height:11px;visibility:hidden;background:url(/shadow.png) no-repeat;background-size:100% 25px}.stl-top{background-position:0 100%}.stl-bottom{top:-10px}.stl-wrapper{margin:0 25px 0 0;overflow-x:hidden;overflow-y:scroll}.stl-scrollable .stl-top,.stl-scrollable .stl-bottom{visibility:inherit}.stl-scrollable .stl-wrapper{height:200px}.stl-items{padding:5px 0;width:100%}.stl-item,.str-text{padding:4px 50px;background-repeat:no-repeat;cursor:pointer}.stl-item{list-style-type:none;margin:0 5px;white-space:nowrap;border-radius:30px}.stl-items li:before{content:none !important}.stl-items li{padding:6px 50px !important;margin:0 !important}.stl-highlight{background-color:#b5d1ea;width:100%}.stl-empty{height:50px;font-size:18px;text-align:center;color:#004d00}.stl-empty:before{position:absolute;top:30px;left:10px;font:20px/1 FontAwesome;color:red}.st-reset{border-top:1px solid #b5d1ea;text-align:center;font-size:28px;color:#6666ff;background-color: blue;} @font-face { font-family : FontAwesome; src : url(/fontawesome-webfont.woff2) format("woff2"); font-weight : 400; font-display : swap; font-style : normal; }
.color-sok{color:#db363a}.color-zam{color:#52ba65}.color-arp{color:#0b7dc0}.color-fil{color:#0dc3f3}.color-kol{color:#8d5844}.color-kar{color:#f58735}.color-tkr{color:#92529e}.color-kal{color:#ffde23}.color-set{color:#a4a5a6}.color-lub{color:#b6d550}.color-bkl{color:#7ecece}.color-but{color:#aec1e4}.color-tim{color:#3682c2}.color-mcc{color:#f69a95}.color-sol{color:#ffde23}.color-kah{color:#7ecece}.color-nkr{color:#f38bb8}.color-dia{color:#faa932}.color-dib{color:#ef578d}.stl-item,.roups-selected{background-image:url(/lines.png)}.roups-sok{background-position:0 -33px}.roups-zam{background-position:0 -99px}.roups-arp{background-position:0 -165px}.roups-fil{background-position:0 -231px}.roups-kol{background-position:0 -297px}.roups-kar{background-position:0 -363px}.roups-tkr{background-position:0 -429px}.roups-kal{background-position:0 -495px}.roups-set{background-position:0 -561px}.roups-lub{background-position:0 -627px}.roups-bkl{background-position:0 -693px}.roups-but{background-position:0 -759px}.roups-tim{background-position:0 -825px}.roups-mcc{background-position:0 -891px}.roups-sol{background-position:0 -957px}.roups-kah{background-position:0 -1023px}.roups-nkr{background-position:0 -1089px}.roups-dia{background-position:0 -1155px}.roups-dib{background-position:0 -1221px}.stl-sok{background-position:6px -28px}.stl-zam{background-position:6px -94px}.stl-arp{background-position:6px -160px}.stl-fil{background-position:6px -226px}.stl-kol{background-position:6px -292px}.stl-kar{background-position:6px -358px}.stl-tkr{background-position:6px -424px}.stl-kal{background-position:6px -490px}.stl-set{background-position:6px -556px}.stl-lub{background-position:6px -622px}.stl-bkl{background-position:6px -688px}.stl-but{background-position:6px -754px}.stl-tim{background-position:6px -820px}.stl-mcc{background-position:6px -886px}.stl-sol{background-position:6px -952px}.stl-kah{background-position:6px -1018px}.stl-nkr{background-position:6px -1084px}.stl-dia{background-position:6px -1150px}.stl-dib{background-position:6px -1216px}.map-content,.map-image,#map{width:1040px;height:1526px;position:relative}@media only screen and (min-width:768px){.panel{flex-direction:row}#route-panel #stations{width:38%}.roup-station{border-top:none;border-left:solid 1px #e7e7e7;width:24%}#route-start,#route-finish{width:38%}.roup-station:first-child{border:none}}@media only screen and (max-width:319px){#map{transform:scale(.24);left:-396px;top:-499px}.wrapmap{width:250px;height:617px}.roups-value,.roup-time,.roup-walk,#stations{font-size:1rem}}@media only screen and (min-width:320px) and (max-width:359px){#map{transform:scale(.269);left:-381px;top:-480px}.wrapmap{width:280px;height:655px}.roups-value,.roup-time,.roup-walk,#stations{font-size:1rem}}@media only screen and (min-width:360px) and (max-width:419px){#map{transform:scale(.307);left:-361px;top:-455px}.wrapmap{width:320px;height:550px}.roups-value,.roup-time,.roup-walk,#stations{font-size:1rem}}@media only screen and (min-width:420px) and (max-width:519px){#map{transform:scale(.365);left:-331px;top:-417px}.wrapmap{width:380px;height:681px}.roups-value,.roup-time,.roup-walk,#stations{font-size:1rem}}@media only screen and (min-width:520px) and (max-width:575px){#map{transform:scale(.461);left:-281px;top:-354px}.wrapmap{width:480px;height:807px}.roups-value,.roup-time,.roup-walk,#stations{font-size:1rem}}@media only screen and (min-width:576px) and (max-width:667px){#map{transform:scale(.514);left:-253px;top:-319px}.wrapmap{width:536px;height:877px}.roups-value,.roup-time,.roup-walk,#stations{font-size:1rem}}@media only screen and (min-width:668px) and (max-width:767px){#map{transform:scale(.603);left:-207px;top:-261px}.wrapmap{width:628px;height:993px}.roups-value,.roup-time,.roup-walk,#stations{font-size:1rem}}@media only screen and (min-width:768px) and (max-width:887px){#map{transform:scale(.642);left:-187px;top:-235px}.wrapmap{width:668px;height:1045px}.roups-value,.roup-time,.roup-walk,#stations{font-size:1rem}}@media only screen and (min-width:888px) and (max-width:991px){#map{transform:scale(.757);left:-127px;top:-160px}.wrapmap{width:788px;height:1195px}.roups-value,.roup-time,.roup-walk,#stations{font-size:1rem}}@media only screen and (min-width:992px) and (max-width:1199px){#map{transform:scale(.84);left:-84px;top:-105px}.wrapmap{width:874px;height:1306px}.roups-value,.roup-time,.roup-walk,#stations{font-size:1rem}}@media only screen and (min-width:1200px){#map{transform:scale(.99);left:-6px;top:-7px}.wrapmap{width:1030px;height:1501px}.roups-value,.roup-time,.roup-walk,#stations{font-size:1rem}.stl-scrollable .stl-wrapper{height:340px}}