sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub {
  top: 0.4em;
}

/*.button {position: absolute;display: block;right: 30px;top: 83px;text-shadow: 1px 1px 3px rgba(102,51,0,0.5);}
.button a span {font-size: 1.0em;font-weight: bold;}*/
.hidden	{display: none;}
.station_info	{float: left; clear: both; width: 100%; border-top: 4px solid #ff8c00; background: #fff;}
.station_info span, .station_info div, .station_info a	{float: left; padding: 5px 8px;}
.station_info .line_number		{width: 70px; height: 60px; padding: 5px; background: #ff8c00; color: #fff; font-size: 32pt; font-weight: bold; text-align: center; text-shadow: 1px 1px 3px rgba(102,51,0,0.5);}
.station_info .jr_logo		{float: right; padding: 4px;}
.station_info .jr_logo img	{width: 60px; height: 61px;}
.station_info .validity_time, .station_info .line_fullnumber, .station_info .information_phone	{font-weight: bold; margin-right: 10px;}
.station_info .carrier_info_label, .station_info .carrier_contact_label	{clear: left;}

table.jr_main		{float: left; clear: both; width: 100%; margin: 0; border-bottom: none; background: #fffc;box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);}
table.jr_main td	{padding: 2px 4px; background: transparent;}
table.jr_main td:not(:first-child)	{border-width: 1px 0 1px 1px;}
table.jr_main tr:first-child td:last-child	{width: 25%;}
table.jr_main tr:nth-child(2) td:first-child	{width: 4%;}
table.jr_main tr:not(:first-child) td:first-child	{text-align: center;}
table.jr_main tr:last-child td	{border-width: 1px 0 0 0;}

table.jr_routes {position: relative;  margin: 0; background: #fff; white-space: nowrap; z-index: 3; width: auto;min-width: 100%; box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);}

table.jr_routes tr {}
table.jr_routes tr td{/* border: 1px solid; */padding: 2px 4px;}

table.jr_routes .station_label{}
table.jr_routes .station_fullname{}

table.jr_routes .routes_label{}
table.jr_routes .route_label{}
table.jr_routes .validity_label{}
table.jr_routes .validity_time{}

table.jr_routes .route_min_label{}
table.jr_routes .zone_label{}
table.jr_routes .line_label{}
table.jr_routes .line_number{}

table.jr_routes .direction_indicator{}
table.jr_routes .route_min{position: relative;}
table.jr_routes .station_zone{}
table.jr_routes .line_station{}

table.jr_routes .fares{}
table.jr_routes .fare_1{}
table.jr_routes .fare_2{}
table.jr_routes .fare_3{}
table.jr_routes .fare_4{}

table.jr_routes .validity_time,table.jr_routes .line_number,table.jr_routes .current_station .line_station span,table.jr_routes .station_fullname{font-weight:bold;}
table.jr_routes .route_min_label,table.jr_routes .zone_label{padding: 2px; line-height: 1em;}
table.jr_routes .zone_label{width: 1px;}
table.jr_routes .station_label,table.jr_routes .routes_label{}
table.jr_routes .route_label{text-align:center;font-weight:bold; min-width: 20px;}
table.jr_routes .validity_label, table.jr_routes .line_label{}
table.jr_routes .line_station {padding:0; vertical-align: middle;}
table.jr_routes .line_station > *{display:flex; padding: 0 4px;align-items: center;}
table.jr_routes .codes{margin: 0.1rem 0 0.1rem 0.5rem;padding: 0.15rem 0.25rem;border-radius: 0.25rem;}
table.jr_routes .current_station .codes{background: #fff;}
table.jr_routes .codes img:not(:first-child){margin-left: 0.25rem;}
table.jr_routes .line_station .only_opposite {padding: 0 16px 0 4px; background:url('/img/admin/sort_asc.png') no-repeat right 4px;}
table.jr_routes .zone_label,table.jr_routes .route_min_label,table.jr_routes .zone_label{font-size: 0.65em;text-align: center;vertical-align: middle;}
table.jr_routes .route_min ,table.jr_routes .station_zone ,table.jr_routes .direction_indicator{font-weight:bold;text-align: center;}
table.jr_routes .direction_indicator{font-weight:normal; color: #999;}
table.jr_routes tr.current_station td{background:#333 !important; color: #fff;}
table.jr_routes .routes_label{vertical-align: middle;}
table.jr_routes .fares{padding:10px;}
table.jr_routes .fares div {margin: 8px;}
table.jr_routes .fares div span {padding: 2px 8px;}

table.jr_routes :not(.current_station)>.fare_1{background: #e30 !important; color:#fff;transition: background 0.2s linear;}
table.jr_routes .fare_2{background: #36c !important;color:#fff;transition: background 0.2s linear;}
table.jr_routes .fare_3{background: #ff6 !important;transition: background 0.2s linear;}
table.jr_routes .fare_4{background: #3c3 !important; color:#fff;transition: background 0.2s linear;}

table.jr_routes :not(.current_station)>.fare_1.active{background: #c00 !important;color:#fff;}
table.jr_routes .fare_2.active{background: #03a !important;color:#fff;}
table.jr_routes .fare_3.active{background: #ee5 !important;}
table.jr_routes .fare_4.active{background: #0a0 !important; color:#fff;}

table.jr_routes :not(.current_station)>.fare_1.active.selected{background: #cc5500 !important;color:#fff;}
table.jr_routes .current_station>.fare_1.active.selected{background: #996600 !important;color:#fff;}
table.jr_routes .fare_2.active.selected{background: #8c77aa !important; color:#fff;}
table.jr_routes .fare_3.active.selected{background: #ffdd55 !important;}
table.jr_routes .fare_4.active.selected{background: #66aa00 !important; color:#fff;}

table.jr_routes .hidden	{display: none;}
table.jr_routes .active	{display: table-cell; border-color: #bbb;}

table.jr_routes tr:nth-child(odd) td,
table.jr_routes tr:nth-child(even) td  {transition: background 0.2s linear;}
table.jr_routes tr:nth-child(odd) td.active,
table.jr_routes tr:nth-child(even) td.active		{transition: background 0.2s linear;}
table.jr_routes tr:nth-child(odd) td.active.selected,
table.jr_routes tr:nth-child(even) td.active.selected	{transition: background 0.2s linear;}

table.jr_routes tr:nth-child(odd) td.hidden,
table.jr_routes tr:nth-child(even) td.hidden  {
    display: table-cell !important;
    min-width: 0;
    width: 0;
    max-width: 0;
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
    transition: background 0.2s linear, min-width 0.2s linear, max-width 0.2s linear, width 0.2s linear, padding-left 0.2s linear, padding-right 0.2s linear;}
table.jr_routes tr:nth-child(even) td:not(.waiting).hidden.active,
table.jr_routes tr:nth-child(odd) td:not(.waiting).hidden.active		{
    min-width:auto;
    width: auto;
    max-width: 29px;
    padding-right: 4px;
    padding-left: 4px;
    transition: background 0.2s linear, min-width 0.2s linear, max-width 0.2s linear, width 0.2s linear, padding-left 0.2s linear, padding-right 0.2s linear;}
table.jr_routes tr:nth-child(even) td:not(.waiting).hidden.active.selected,
table.jr_routes tr:nth-child(odd) td:not(.waiting).hidden.active.selected	{
    
}

table.jr_routes tr:nth-child(even) td.active	{background: rgba(0,0,0,0.15);}
table.jr_routes tr:nth-child(odd) td.active		{background: rgba(0,0,0,0.1);}
table.jr_routes tr:nth-child(even) td.active.selected	{background: rgba(255,140,0,0.30);}
table.jr_routes tr:nth-child(odd) td.active.selected	{background: rgba(255,140,0,0.20);}

table.jr_main .timebox .bg	{display: block; position: absolute; left: -4px; top: -1px; z-index: 1; width: 25px; height: 25px; opacity: 0; transition: opacity 0.2s linear, background 0.2s linear; background: rgba(0,0,0,0.1); border-radius: 50%;}
table.jr_main .timebox.active .bg	{opacity: 1; transition: opacity 0.2s linear, background 0.2s linear;}
table.jr_main .timebox.active.selected .bg	{background:rgba(255,140,0,0.5);transition: opacity 0.2s linear, background 0.2s linear;}

table.jr_main .explanation .subline{transition: background 0.2s linear;}
table.jr_main .explanation .active	{background: rgba(0,0,0,0.05); transition: background 0.2s linear;}
table.jr_main .explanation .right span {padding: 0 5px; display: inline-block; cursor: pointer;}
table.jr_main .explanation span.active.selected	{background: rgba(255,140,0,0.5); transition: background 0.2s linear;}

table.jr_main .line_number	{background: #ff9; color: #000; font-size: 32pt; font-weight: bold; text-align: center; vertical-align: middle;}

table.jr_main .subline	{color: #09f;/*background: #9cf;*/}
table.jr_main .time		{font-weight: bold;}
table.jr_main .hardcode	{color: #90f;/*background: #cf6;*/}
table.jr_main .timecode	{/*color: #f09;*//*background: #fc6;*/}

table.jr_main .timebox	{margin: 0 2px; cursor: help;}
table.jr_main .timebox span	{z-index: 2; margin: 0 1px 0 0; padding: 0 0;font-weight: bold;}
table.jr_main .timebox .timecode{background: #000;padding: 0 2px; color: #fff;}
table.jr_main .timebox .time		{}
/*table.jr_main .timebox .subline		{top: -5px; font-size: 0.7em;}
table.jr_main .timebox .hardcode	{top: -5px; font-size: 0.7em;}
table.jr_main .timebox .timecode	{top: -5px; font-size: 0.7em;}*/

table.jr_main tr td.explanation {padding: 20px; text-align: left !important;}
table.jr_main .explanation > div {margin: 0 0 10px 0;}
table.jr_main .explanation > div > div {margin: 1px 0;}
table.jr_main .explanation > div > div > span:not(.right) {padding: 0 3px;}
table.jr_main .explanation > div > div > span:first-child:not(.all_connections) {display: inline-block; width: 1.5rem; margin-right: 3px; text-align: center; font-weight: bold;}
table.jr_main .explanation > div > div.timecode > span:first-child:not(.all_connections){background: #000; color: #fff;margin-right: 0.5rem;}

table.jr_main tr:nth-child(even) td {background: rgba(128,128,128,0.05);}
table.jr_routes tr:nth-child(odd) td {background: #fff;}

.station_lines	{display: flex;flex-direction: column;}
.station_lines > div > div	{display: flex;flex-wrap: wrap;}
.station_lines a, .station_lines div>span	{display: block;margin: 0 3px 3px 0;padding: 8px 14px;font-weight: bold;position: relative;}
.station_lines .sub_dir {font-size: 7.5pt;position: absolute;top: 14px;}
.station_lines .dir_a, .station_lines .dir_b	{display: flex;flex-wrap: wrap;justify-content: space-between;}
.info_content .station_lines .dir_a, .info_content .station_lines .dir_b{flex-direction: column;}
.station_lines .left_dir_box span	{flex-grow: 1;white-space: nowrap;}
.station_lines .dir_a a, .station_lines .dir_a>span	{background: #ddd; color: #000;}
.station_lines .dir_b a, .station_lines .dir_b>span	{background: #eee; color: #000;}
.station_lines > div a:hover	{background: #000; color: #fff;}
.station_lines span.active	{background: #ff8c00; color: #fff;}
/*@media (min-width:992px){.station_lines span.active	{margin-bottom: -6px; padding-bottom: 14px;}}*/
#map_resize .station_lines a {padding: 5px 6px;}
#map_resize .station_lines a.active {background: #ff8c00; color: #fff;}
#map_resize .station_lines a.active:hover {background: #000; color: #fff;}
#map_resize .station_lines div>span{flex-grow: 1;padding: 5px 14px;}
#map_resize .gm-style-iw.gm-style-iw-c {    max-width: none !important;}
#map_resize .leaflet-control-container,
#map-connection .leaflet-control-container{position: static;}

.marker-tooltip.leaflet-tooltip-bottom {border: 0.15rem solid #ff8c00 !important;}
.marker-tooltip.leaflet-tooltip-bottom:before {border-bottom-color: #ff8c00 !important;}

/*table.jr_routes .route_label,table.jr_routes .route_min_label,table.jr_routes .route_min{display:none;}*/



.jr.ui-accordion-content	{float: left; clear: both; width: 100%; margin-bottom: 30px;}



#jr-quick ul.ui-autocomplete {display: none; position: absolute; top: 0; left: 0; margin: 0; padding: 5px; background: #fff; list-style: none; border: 2px solid #ccc; z-index: 100; overflow-y: auto; max-height: 300px; border-radius: 5px; color:#000;}
#jr-quick ul.ui-autocomplete li {margin: 0;}
#jr-quick ul.ui-autocomplete li a {position: relative; white-space: nowrap; display: block; padding: 10px 20px; cursor: pointer;}
#jr-quick ul.ui-autocomplete li a:hover {background: #ccc; color: #000;}
#jr-quick .ui-helper-hidden-accessible{display: none;}
#jr-quick form > label	{display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; margin: 0px; padding: 15px 30px;}



/*#jr_bus_autocomplete_submit	{display: block; position: absolute; background: #ddd; top: 55px; right: 35px; width: 58px; height: 48px; cursor: pointer;}
#jr_bus_autocomplete_wrapper:hover #jr_bus_autocomplete_submit	{background: #ff8c00;}*/

/*.bus_searcher+.button{height: 29px;}*/
.connection_searcher ul.ui-autocomplete {display: none;position: absolute !important;top: 0;left: 0;margin: 0;padding: 0px;background: #fff;list-style: none;border: 1px solid #ccc;z-index: 100;overflow-y: auto;max-height: 250px;}
.connection_searcher ul.ui-autocomplete li {margin: 0;}
.connection_searcher ul.ui-autocomplete li a {position: relative; white-space: nowrap; display: block; padding: 5px 10px; cursor: pointer;}
.connection_searcher ul.ui-autocomplete li a:hover {background: #ccc; color: #000;}
.connection_searcher .ui-helper-hidden-accessible{display: none;}
.search-results{padding: 0;}
.search-results li {padding: 0;margin: 0.25rem 0;justify-content: space-around;}
.search-results .conn {cursor:pointer;}
.search-results .conn:hover {border-bottom-color: #ff8c00;/* border-left-color: #a40; */background: linear-gradient(to right, #fff 40%, #ffe0c0 80%, #fc9 100%);}
.search-results > .conn::after {content:'';position:absolute; top:0; bottom: 0;margin: auto;right:1rem;width:0.5rem;height:0.5rem;background-color: transparent;border-top:2px solid #000;border-right:2px solid #000;opacity:.5;transform:rotate(45deg) scale(.8);transition:all .1s linear;}
.search-results > .conn:hover::after {right:0.8rem;width:0.7rem;height:.7rem; opacity:1;}
.search-results li span:last-child{flex-grow:1;}
.search-results li.search-results-header{background: #fff;}
.search-results li *{padding: 0.25rem;flex-wrap: nowrap;}
.search-results img{width: 1rem;margin: 0 0.25rem;padding: 0;}
.search-results .conn .bus-number{background: #000;color: #fff;border-radius: 5px;padding: 0.15rem 0.5rem 0.2rem 0.5rem;margin: 0.5rem;}
.search-results .conn .codes img{width: auto;}
.search-results .conn .date{}
.search-results .conn .line{}
.search-results .conn .from-station{}
.search-results .conn .to-station{}
.search-results .conn .from-time{}
.search-results .conn .to-time{}

.previous_connections{padding: 0.25rem 0.5rem 0.25rem 1.5rem;width: auto;}
.previous_connections::before {content:'';position: absolute;top:0;bottom: 0;margin: auto;left: 0.75rem;width:0.5rem;height:0.5rem;background-color: transparent;border-top:2px solid #000;border-right:2px solid #000;opacity:.5;transform: rotate(225deg) scale(.8);transition:all .1s linear;}
.previous_connections:hover:not(.disabled)::before {left: 0.55rem;width:0.7rem;height:.7rem;opacity:1;}

.next_connections{padding: 0.25rem 1.5rem 0.25rem 0.5rem;width: auto;}
.next_connections::after {content:'';position: absolute;top:0;bottom: 0;margin: auto;right: 0.75rem;width:0.5rem;height:0.5rem;background-color: transparent;border-top:2px solid #000;border-right:2px solid #000;opacity:.5;transform:rotate(45deg) scale(.8);transition:all .1s linear;}
.next_connections:hover:not(.disabled)::after {right:0.55rem;width:0.7rem;height:.7rem; opacity:1;}

@media only screen and (max-width: 1580px) {
	table.jr_main	{font-size: 0.80em;}
	table.jr_routes {font-size: 0.80em;}
	table.jr_routes .zone_label, table.jr_routes .route_min_label, table.jr_routes .zone_label {box-sizing: border-box; height: 20px;}
	table.jr_main .timebox .bg	{left: -3px; top: -1px; width: 20px; height: 20px;}
}