/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.editize-container {
  display: inline-block;
}

.editize-textbox-area {
  position: relative;
  flex: 1 1 100%;
  border: solid black 1px;
  border-radius: 5px;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.editize-textbox-area.focus {
  box-shadow: 0 0 15px 0.5px #6d5237;
}

.editize-textbox-area input {
  background-color: transparent;
  border: 0;
  flex: 1 1 100%;
}

.editize-textbox-area input[type=text], .editize-textbox-area input[type=number] {
  border: 0;
}

.editize-textbox-area input[type=text]:focus, .editize-textbox-area input[type=number]:focus {
  box-shadow: none;
}

.editize-textbox-area textarea:focus, .editize-textbox-area input:focus {
  outline: none;
}

.editize-button-enable-dropdown {
  flex: 0 0 20px;
}

.editize-dropdown-content {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  background-color: #be9560;
  color: #352f2c;
  top: 100%;
  min-width: 90%;
  max-width: 300px;
  display: none;
  left: 50%;
  transform: translate(-50%, 1px);
  border-radius: 0px 0px 5px 5px;
}

.editize-dropdown-content.show {
  display: block;
  z-index: 1000;
}

.editize-dropdown-item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.editize-button-done {
  flex: 0 0 30px;
  padding: 15px;
  padding-right: 0;
  cursor: pointer;
}

editize-format {
  display: none;
}

.editize-dropdown-item {
  position: relative;
  align-items: center;
  padding: 15px 15%;
  text-align: left;
}

.editize-dropdown-item:nth-child(odd) {
  background-color: #b9875d;
  color: black;
}

.editize-dropdown-item:last-child {
  border-radius: 0px 0px 5px 5px;
}

.editize-dropdown-item:hover {
  background-color: #7b6049;
  color: #f9ebe5;
}

.editize-dropdown-item > div {
  display: inline-block;
}

.editize-close {
  height: 2em;
  line-height: 2em;
  Width: 2em;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}

.editize-working-area {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: baseline;
}

body {
  background-color: #efe8ba;
}

html, body {
  height: 100%;
  margin: 0;
}

#frame {
  position: relative;
  min-height: 100%;
  min-width: 380px;
  padding-bottom: 200px;
  max-width: 2121px;
  margin: auto;
}

#uple {
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("http://www.tmoxham.com/ticket2/images/corner.svg");
  height: 50px;
  width: 50px;
}

#upri {
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("http://www.tmoxham.com/ticket2/images/corner.svg");
  transform: rotate(90deg);
  height: 50px;
  width: 50px;
}

#dnle {
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url("http://www.tmoxham.com/ticket2/images/corner.svg");
  transform: rotate(270deg);
  height: 50px;
  width: 50px;
}

#dnri {
  position: absolute;
  right: 0;
  bottom: 0;
  background-image: url("http://www.tmoxham.com/ticket2/images/corner.svg");
  transform: rotate(180deg);
  height: 50px;
  width: 50px;
}

#upce {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  background-image: url("http://www.tmoxham.com/ticket2/images/edge.svg");
  height: 50px;
  margin-left: 2.5em;
  margin-right: 2.5em;
}

#dnce {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url("http://www.tmoxham.com/ticket2/images/edge.svg");
  height: 50px;
  transform: rotate(180deg);
  margin-left: 2.5em;
  margin-right: 2.5em;
}

#lece {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-image: url("http://www.tmoxham.com/ticket2/images/edgevert.svg");
  width: 50px;
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}

#rice {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url("http://www.tmoxham.com/ticket2/images/edgevert.svg");
  width: 50px;
  transform: rotate(180deg);
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}

.pageContent {
  margin-left: 30px;
  margin-right: 30px;
}

.silhouette {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 250px;
  background-position: bottom;
  background-size: cover;
  margin-left: 1.5em;
  margin-right: 1.5em;
}

#silhouetteback {
  background-image: url("http://www.tmoxham.com/ticket2/images/silhouetteback.svg");
}

#silhouettefront {
  background-image: url("http://www.tmoxham.com/ticket2/images/silhouettefront.svg");
}

#silhouettetrain {
  background-image: url("http://www.tmoxham.com/ticket2/images/silhouettetrain.svg");
  background-repeat: no-repeat;
  background-position: -10000 0;
}

/* Dropdown Button */
.dropdown-button {
  background-color: #736357;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown-button img {
  pointer-events: none;
}

/* Dropdown button on hover & focus */
.dropdown-button:hover, .dropdown-button:focus {
  background-color: #b6814b;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  z-index: 102;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f5eadf;
  min-width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #e3ccae;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
  display: block;
}

/*give all text boxes a shape*/
input[type=text], input[type=number] {
  position: relative;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: center;
  width: 20px;
}

.setting > div:not(#versionSetting), #versionSetting > div {
  padding: 15px;
  line-height: 37px;
  border-bottom: 1px solid grey;
}

#versionSetting {
  padding: 0;
}

#versionSetting .train {
  display: flex;
  flex-wrap: wrap;
}

#versionSetting .train div {
  margin-right: 5px;
  text-align: center;
}

#versionSetting .harborPointsCont {
  display: flex;
  flex-wrap: wrap;
  line-height: 1em;
}

#versionSetting .harborPointsCont div {
  margin-top: 15px;
  margin-right: 15px;
  text-align: center;
}

.bar-container {
  width: 100%;
  background-color: #5e4528;
  background-image: url("http://www.tmoxham.com/ticket2/images/woodgrain.png");
  background-size: 225px 225px;
  align-items: center;
  justify-content: center;
  padding-top: 50px;
  position: relative;
}

.bar img {
  margin-right: auto;
}

.bar .arch {
  position: relative;
  top: 1px;
  min-width: 500px;
  left: 50%;
  transform: translate(-50%, 0);
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

#myBtn {
  position: absolute;
  top: 32%;
  right: calc(33% - 6px);
  z-index: 1;
}
@media (min-width: 1000px) {
  #myBtn {
    right: calc(50% - 172px);
  }
}
@media (max-width: 500px) {
  #myBtn {
    right: calc(50% - 89px);
  }
}

.title {
  margin-right: 20px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 26px;
  font-variant: small-caps;
  display: inline-block;
}

.bar {
  max-width: 1000px;
  align-items: center;
  box-sizing: border-box;
  margin: auto;
  min-width: 290px;
  overflow: hidden;
  position: relative;
}

.bar-container .tabs {
  background-color: cornflowerblue;
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  display: none;
}

.bar-container .tabs li {
  background-color: greenyellow;
  padding: 5px;
  margin: 5px;
  list-style-type: none;
}

.content-container, #allcalc > form {
  display: flex;
  flex-wrap: wrap;
  margin: 15px;
}

.playerWrap {
  flex: 1 1 350px;
  margin: 15px;
}

.card, .player {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: white;
  box-sizing: border-box;
  border: 5px solid #5c4b2a;
  margin: auto;
}

.player {
  padding: 15px;
  min-width: 230px;
  max-width: 350px;
}

.player h2 {
  display: inline;
  font-size: 1.3em;
  text-align: center;
  margin: auto;
  font-weight: bold;
}

.heading {
  text-align: center;
  display: flex;
}

.heading .editize, .heading .editize-container {
  flex: 1 1;
  margin-right: 15px;
}

.heading .colorDrop {
  flex: 0 0 57px;
}

.heading input {
  width: 60%;
}

.player div.longest {
  text-align: center;
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid grey;
}

.longestTitle {
  background-image: url("http://www.tmoxham.com/ticket2/images/longest.png");
  background-size: 230px;
  background-repeat: no-repeat;
  background-position: center;
  height: 139px;
  width: 100%;
  color: rgba(0, 0, 0, 0);
  margin-bottom: 15px;
}

.player div.ticket {
  text-align: center;
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid grey;
}

.harborPic {
  background-image: url("http://www.tmoxham.com/ticket2/images/harbor.png");
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: center;
  height: 47px;
  width: 100%;
  flex: 0 0 50px;
  margin-bottom: 15px;
}

.harborTitle {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}

.harborMain {
  flex: 1;
}

.harborResult {
  flex: 0 1 35px;
  display: flex;
  margin-left: auto;
  padding-left: 15px;
}

.harborTop {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  padding-top: 15px;
}

.harborTop.dashed {
  border-bottom: 1px dashed lightgray;
}

.harborTop.solid {
  border-bottom: 1px solid grey;
}

.harborBottom {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid grey;
}

.harborTopLeft {
  flex: 0 0 80px;
}

.harborTopCenter {
  flex: 1 1;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.harborTopRight {
  flex: 0 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.harbor .label {
  color: lightgrey;
}

.stationPic {
  background-image: url("http://www.tmoxham.com/ticket2/images/station.png");
  background-size: 34px;
  background-repeat: no-repeat;
  background-position: center;
  height: 50px;
  width: 100%;
  flex: 0 0 50px;
  margin-bottom: 15px;
}

.stationTitle {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}

.playerWrap .station {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid grey;
}

.stationLeft {
  flex: 0 0 80px;
}

.stationCenter {
  flex: 1 1;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.stationRight {
  flex: 0 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.station .label {
  color: lightgrey;
}

.trainContent {
  display: none;
  justify-content: space-between;
}

.trainVisual {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.trainVisualTrains img {
  max-width: 100%;
  width: auto;
  height: auto;
  align-self: flex-end;
}

.trainPic img:last-child {
  max-width: 100%;
  width: auto;
  height: auto;
}

.trainPic {
  width: 25%;
}

.trainVisualTrains {
  flex: 1 1;
  display: flex;
  align-items: flex-end;
  min-height: 35px;
  margin-bottom: 10px;
}

.trainVisualRouteLength {
  flex: 0 0 20px;
}

.trainVisualPointsGained {
  flex: 0 0 35px;
  margin-right: 5px;
  margin-left: 5px;
}

.train:first-child {
  padding-top: 15px;
}

.train:last-child {
  padding-bottom: 15px;
  border-bottom: 1px solid grey;
}

.settings-icon {
  height: 30px;
  width: 30px;
  background-image: url("http://www.tmoxham.com/ticket2/images/gear.png");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}

.newGameButton {
  border: 1px solid black;
  text-align: center;
  margin: 15px auto;
  padding: 10px;
  width: 180px;
  font-size: 2em;
  background-color: #736357;
  color: #f3f3f3;
  cursor: pointer;
  position: relative;
  z-index: 104;
}

div.newGameButton:hover {
  background-color: #b6814b;
}

.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.3);
  /* Black w/ opacity */
  z-index: 1000;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#shadow.on {
  background-color: black;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  pointer-events: none;
  opacity: 0.3;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number].withSpinner {
  margin-left: 0px;
  margin-right: 0px;
  z-index: 101;
}

input[type=number]:focus {
  outline: 0;
  z-index: 101;
}

.spinnerWrap input {
  height: 15px;
  float: right;
}

/*give the selected text box a shadow*/
input[type=text]:focus, input[type=number]:focus {
  box-shadow: 0 0 15px 0.5px #6d5237;
}

.result {
  display: inline-block;
  width: 30px;
  text-align: center;
}

.spinner {
  height: 100%;
  width: 100%;
  flex: 0 0 50px;
  text-align: center;
  line-height: 35px;
  background-repeat: no-repeat;
  background-position: center;
  border: solid transparent 7px;
  background-size: contain;
  box-sizing: border-box;
}

.spinnerButtons .spinner {
  height: 50px;
  width: 50px;
}

.upButton {
  background-image: url("http://www.tmoxham.com/ticket2/images/plus.png");
}

.downButton {
  background-image: url("http://www.tmoxham.com/ticket2/images/minus.png");
}

.plusMinusButton {
  background-image: url("http://www.tmoxham.com/ticket2/images/plusminus.png");
}

/*
.spinnerWrap {
  display: flex;
  justify-content: space-between;
}
*/
.spinnerWrap {
  width: 100%;
  position: fixed;
  min-width: 305px;
  box-sizing: border-box;
  bottom: 0;
  left: 0;
  background-color: wheat;
  border-top: solid 1px grey;
  z-index: 100000;
  color: black;
}

.spinnerButtons {
  display: flex;
  justify-content: space-between;
}

.spinnerGrid ul {
  display: flex;
  justify-content: center;
  padding: 3px 3%;
}

.spinnerGrid ul:first-child {
  padding-top: 15px;
}

.spinnerGrid ul:nth-child(2) {
  padding-left: 1%;
  padding-right: 1%;
}

.spinnerGrid li {
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.75);
  list-style-type: none;
  width: 8%;
  text-align: center;
  margin-bottom: 5px;
  margin-left: 1%;
  margin-right: 1%;
  font-size: 20px;
  line-height: 50px;
  height: 50px;
  cursor: pointer;
  background-color: #6d5237;
  border-radius: 3px;
  color: white;
}

div.keyboardButton {
  line-height: 35px;
}

div.keyboardButtonImg {
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
  background-image: url("http://www.tmoxham.com/ticket2/images/keypadenable.png");
}

div.keyboardButtonImg.on {
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
  background-image: url("http://www.tmoxham.com/ticket2/images/keypaddisable.png");
}

.grey textarea, .grey select, .grey input {
  color: lightgray;
}

.grey {
  color: lightgray;
}

.grey img {
  display: none;
}

.deleteMe {
  background-image: url("http://www.tmoxham.com/ticket2/images/x.png");
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
  height: 37px;
  display: flex;
  align-items: center;
  flex: 0 0 25px;
  margin-right: 15px;
}

.grey .deleteMe {
  background-image: none;
}

.playerWrap .ticket {
  display: flex;
  justify-content: space-between;
}

.ticketTitle {
  height: 37px;
  display: flex;
  align-items: center;
}

/*.spinnerWrap {
  width:107px;
  flex: 0 0 107px;
}*/
div.totalScore {
  font-weight: bold;
  text-align: right;
  padding-top: 15px;
}

span.totalScore {
  display: inline-block;
  width: 30px;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 25.5px;
}

/* Hide default HTML checkbox */
.switch input {
  display: none;
}

.switchContainer {
  line-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider.inverted {
  background-color: #2196F3;
}

.slider:before {
  position: absolute;
  content: "";
  height: 19.5px;
  width: 19.5px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:checked + .slider.inverted {
  background-color: #ccc;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(19.5px);
  -ms-transform: translateX(19.5px);
  transform: translateX(19.5px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 25.5px;
}

.slider.round:before {
  border-radius: 50%;
}

.trip-skip {
  display: none !important;
}

.trip-prev.disabled {
  display: none !important;
}

.trip-block.custom {
  background: #efe8ba;
  padding: 0;
  color: black;
  -moz-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=92);
  opacity: 0.92;
}
.trip-block.custom a, .trip-block.custom a:link, .trip-block.custom a:visited, .trip-block.custom a:hover, .trip-block.custom a:active {
  text-decoration: none;
}
.trip-block.custom.n:before {
  margin-top: -1px;
  border-top-color: #efe8ba;
}
.trip-block.custom.s:before {
  border-bottom-color: #efe8ba;
}
.trip-block.custom.sw:before {
  border-bottom-color: #efe8ba;
  bottom: 100%;
  border-width: 8px;
  right: 3px;
  margin-left: -8px;
}
.trip-block.custom.e:before {
  border-right-color: #efe8ba;
}
.trip-block.custom.w:before {
  border-left-color: #efe8ba;
}
.trip-block.custom .trip-header {
  position: relative;
  font-size: 16px;
  background: #efe8ba;
  color: black;
  margin: 0;
  border-radius: 5px 5px 0px 0px;
  padding: 5px;
}
.trip-block.custom .trip-content {
  font-size: 20px;
  padding: 1em;
  max-width: 450px;
}
.trip-block.custom .trip-close {
  right: 0;
  top: 0;
  margin: 3px 8px 0 0;
  color: black;
  font-size: 16px;
}
.trip-block.custom .trip-close:hover {
  color: black;
}
.trip-block.custom .trip-prev, .trip-block.custom .trip-next, .trip-block.custom .trip-skip {
  font-size: 12px;
  color: black;
  background: #efe8ba;
}
.trip-block.custom .trip-prev:hover, .trip-block.custom .trip-next:hover, .trip-block.custom .trip-skip:hover {
  background: #efe8ba;
  color: black;
}
.trip-block.custom .trip-prev.disabled, .trip-block.custom .trip-next.disabled {
  color: grey;
}
.trip-block.custom .trip-navigation {
  margin-bottom: 5px;
}
.trip-block.custom .trip-progress-bar {
  background: #b6814b;
  height: 10px;
  margin-bottom: 10px;
}

.bar .trip-exposed {
  background-color: #b6814b;
  border-radius: 5px 5px 5px 5px;
}

.off {
  display: none;
}

.accordionBody {
  display: none;
}

.accordionTitle {
  display: flex;
  padding: 15px;
  font-size: 1.2em;
  border-bottom: 1px solid grey;
  cursor: pointer;
  justify-content: space-between;
  background-color: #f3f3f3;
}

.headingContainerOn .headingContainer .accordionBody {
  display: block;
}

.headingContainerOn .headingContainer .accordionTitle {
  display: block;
  text-align: center;
}

.headingContainer .accordionTitle {
  text-align: center;
}

.longestContainerOn .longestContainer .accordionBody {
  display: block;
}

.longestContainerOn .longestContainer .accordionTitle {
  display: none;
}

.trainContainerOn .trainContainer .accordionBody {
  display: block;
}

.trainContainerOn .trainContainer .accordionTitle {
  display: none;
}

.harborContainerOn .harborContainer .accordionBody {
  display: block;
}

.harborContainerOn .harborContainer .accordionTitle {
  display: none;
}

.stationContainerOn .stationContainer .accordionBody {
  display: block;
}

.stationContainerOn .stationContainer .accordionTitle {
  display: none;
}

.ticketContainerOn .ticketContainer .accordionBody {
  display: block;
}

.ticketContainerOn .ticketContainer .accordionTitle {
  display: none;
}

.allContainerOn .accordionTitle {
  display: none;
}

.allContainerOn .accordionBody {
  display: block;
}

/*# sourceMappingURL=base.css.map */