/* Google Transit Widget */
.g-planner {
  font-size: 10pt;
  font-family: arial;
  line-height: 14pt;
  margin-bottom: 20px;
  width: 100%;
  max-width: 425px;
}
.g-planner input {
  font-size: 1.2em;
  padding: 0.375em .25em;
}
.g-planner input.g-submit {
  font-size: 90%;
}
.g-planner select, .g-dt input {
  font-size: 1.2em;
}
.g-planner img {
  border: 0;
}
.g-wplab {
  width: 1.5em;
}
.g-wp {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.g-input-wrapper {
  display: flex;
  flex-direction: row;
}
.g-wp input {
  width: 20.3em;
}
.g-ttype {
  margin-bottom: 1em;
  width: 100%;
}
.g-time {
  width: 4.5em;
}
.g-date {
  width: 5.5em;
}
.g-preflab {
  font-size: 1.2em;
  width: 100%; 
  display: inline-block;
}
.g-pref select, .g-planner select {
  padding: .375em 0;
  width: 100%;
}
.g-planner {
  border: solid 1px #aaa;
  border-radius: .75em;
  padding: 1em .5em .5em .5em;
}
.g-logo {
  color: #36c;
  font-family: arial;
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 1em;
}
.g-empty {
  color: #666;
}
.g-wp input, .g-dt input {
  border: 1px solid;
  border-color: #ccc #ccc #999;
  width: 100%;
}
.g-wp img { 
  position: relative;
  top: 2pt;
}
.g-dt {
  display: flex;
  flex-direction: column;
  margin-top: 1.5em;
}
.g-dt > input {
  margin-bottom: 1em;
}
.g-ttype, .g-date {
  margin-right: 0px;
}
.g-ttype, .g-date, .g-time, .g-wplab {
  float: left;
}
.g-submit {
  text-align: right;
  margin: 1em 0 0.5em 0;
}
.g-submit-btn {
  background-color: var(--color-metra-primary);
  border: 1px solid #00184d;
  border-radius: 3px;
  color: var(--color-metra-bg-primary);
  cursor: pointer;
  padding: .75em 0 !important;
  width: 100%;
}
.g-submit-btn:hover {
  background-color: #0033a2;
}
.g-pref {
  display: inline;
}
.g-clear {
  clear: both;
}