html{ height:100%; }
body{ font-family: 'Roboto', sans-serif; background:#fff; color:#4f4f4f; display:flex; flex-direction:column; min-height:100%; }

a{ transition:color .3s, background .3s; }
.btn{ transition:color .3s, background .3s; }
.btn:focus{ box-shadow:0 0 0 0.2rem rgba(105, 148, 216, 1); }

input::-ms-clear{
  display:none;
}

.form-control:focus{ box-shadow:0 0 0 0.2rem rgba(105, 148, 216, 1); }

header{ background:#fff; margin-bottom:15px; }
header.header2{ background:#fff; z-index:9999; position:relative; }
header .logo{ height:96px; }
header .navbar-toggler{ color:#18335E; padding:8px 12px; border-radius:0; transition:color .3s, background .3s; cursor:pointer; text-align:center; outline:0; }
header .navbar-toggler:hover,
header .navbar-toggler:focus,
header .navbar-toggler:active{ background:#FAAF2C; color:#18335E; }
header .navbar-toggler:focus{ box-shadow:0 0 0 0.2rem rgba(105, 148, 216, 1); } 

header .input-group-text{ border:3px #fff solid; border-radius:2px; padding:.375rem .5rem; font-size:.95rem; background:#f8f8f8; color:#4f4f4f; }
header .form-control{ border:0 #fff solid; font-size:.95rem; padding:.5rem .75rem; height:2.8rem; }
header .form-control:focus{ box-shadow: 0 0 8px rgba(24, 51, 94, 0.6) }
/*header .form-control:focus{ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(39, 167, 223, 0.6) }*/
header .btn-outline-secondary{ color:#fff; border-color:#fff; border:3px #fff solid; padding:.375rem .75rem; background:#18335E; outline:0; }
header .btn-outline-secondary:hover,
header .btn-outline-secondary:focus,
header .btn-outline-secondary:active{ color:#18335E; border-color:#fff; border:3px #fff solid; padding:.375rem .75rem; background:#FAAF2C; }

#quick-searches p{ margin:5px 0 0 0; font-size:.95rem; }
#quick-searches ul{ padding:0; }
#quick-searches ul li{ display:inline-block; list-style-type:none; }
#quick-searches ul li a{ display:block; background:#f8f8f8; color:#4f4f4f; padding:.375rem .75rem; border-radius:2px; margin:5px 0 0 0; font-size:.95rem; }
#quick-searches ul li a:hover,
#quick-searches ul li a:focus,
#quick-searches ul li a:active{ background:#FAAF2C; color:#18335E; text-decoration:none; }
#quick-searches ul li a:focus{ box-shadow:0 0 0 0.2rem rgba(105, 148, 216, 1); }

#search{ display:none; width:100%; color:#fff; background:#18335E; box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px; color:rgba(255,255,255,.9); padding:15px; position:absolute; z-index:9999; }

#search-toggler .fa,
#search-toggler .fas,
#search-toggler .far,
#search-toggler .fab,
#nav-main-toggler .fa,
#nav-main-toggler .fas,
#nav-main-toggler .far,
#nav-main-toggler .fab{ transition:.3s; }
#nav-main{ display:none; background:#18335E; color:rgba(255,255,255,.9); padding:15px; position:absolute; z-index:9999; }

#nav-main-toggler .icon-label,
#search-toggler .icon-label{ display:block; font-size:0.7rem; margin-top:2px; }

.close-menu-container{ display:block; position:relative; text-align:right; }
#close-menu{ display:none; padding:8px 12px; cursor:pointer; transition:color .3s, background .3s; outline:0; }
#close-menu:hover,
#close-menu:focus,
#close-menu:active{ background:#FAAF2C; color:#18335E; }

.close-search-container{ display:block; position:relative; text-align:right; }
#close-search{ display:none; padding:8px 12px; cursor:pointer; transition:color .3s, background .3s; outline:0; }
#close-search:hover,
#close-search:focus,
#close-search:active{ background:#FAAF2C; color:#18335E; }

.my-metro-login-btn{ color:#fff; background:#18335E; border:0px solid #18335E; font-weight:bold; margin:0 15px; padding:7px 15px; }
.my-metro-login-btn:hover,
.my-metro-login-btn:focus,
.my-metro-login-btn:active{ color:#18335E; background:#FAAF2C; border:0px solid #FAAF2C; }

/* Accordion Menu (Quiccordion) */
#nav-main{ width:100%; color:#fff; background:#18335E; padding:10px 0; border:0px solid #fff; display:none; box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px; }
#nav-main a{ display:block; background:#18335E; color:#fff !important; text-decoration:none; padding:8px 5px; border-bottom:0px solid #fff; font-size:1rem; font-weight:normal; line-height:1.5rem; cursor:pointer; outline:0; }
#nav-main a:hover,
#nav-main a:focus,
#nav-main a:active{ background:#FAAF2C; color:#18335E !important; }
#nav-main a:hover .menu-glyph,
#nav-main a:focus .menu-glyph,
#nav-main a:active .menu-glyph{ background:#FAAF2C; color:#18335E !important; }
#nav-main .tile-glyph{ display:inline-block; width:40px; font-size:34px; margin:0 10px; text-align:center; }
#nav-main .tile-lable{ display:inline-block; line-height:18px; }
#nav-main .has-children.closed a{ background:#18335E; color:#fff; }
#nav-main .has-children.closed a:hover{ background:#FAAF2C; color:#18335E; }
#nav-main .has-children{}
#nav-main .has-children > a{ padding:8px 15px 8px 15px; }
#nav-main li.closed a{ border-bottom:0px solid #eee; background:#18335E; }
#nav-main li.closed a:hover{ border-bottom:0px solid #eee; background:#FAAF2C; }
#nav-main li ul{ padding:0; }
#nav-main li ul li a{ background:#18335E; color:#fff; font-weight:normal; padding-left:30px; border-bottom:0px solid #fff; /*text-transform:capitalize;*/ }
#nav-main li ul li a:hover{ background:#FAAF2C; color:#18335E; }
#nav-main li ul li.closed a{ background:#18335E; color:#fff; font-weight:normal; border-bottom:0px solid #fff; }
#nav-main li ul li.closed a:hover{ background:#FAAF2C; color:#18335E; }
#nav-main li ul li ul li a{ padding-left:45px; }
#nav-main li ul li ul li ul li a{ padding-left:60px; }
#nav-main li ul li ul li ul li ul li a{ padding-left:75px; }
/* END Accordion Menu (Quiccordion) */

#nav-main ul{ display:none; list-style-type:none; padding:0; }
#nav-main > ul{ display:block; }
#nav-main li{ position:relative; }
#nav-main .menu-glyph{ background:#18335E; color:#fff; font-size:1rem; margin:0; /*float:right;*/ position:absolute; top:0; right:0; padding:8px 12px; cursor:pointer; transition:color .3s, background .3s; outline:0; }
#nav-main .menu-glyph:hover,
#nav-main .menu-glyph:focus,
#nav-main .menu-glyph:active{ background:#FAAF2C; color:#18335E; }
#nav-main .menu-glyph .fas{ transition:.3s; }
#nav-main .menu-lable{ font-size:1rem; margin:0 15px 0 0; display:block; border-left:3px solid transparent; padding-left:8px; }
#nav-main li.current > a{ font-weight:bold; }
#nav-main li.current > a > .menu-lable{ border-left:3px solid #fff; transition:.3s; }
#nav-main li.current > a:hover > .menu-lable,
#nav-main li.current > a:focus > .menu-lable,
#nav-main li.current > a:active > .menu-lable{ border-left:3px solid #18335E; }
#nav-main li > a:hover > .menu-lable{ border-left:3px solid transparent; }

/*#nav-main li:hover .menu-glyph,
#nav-main li:focus .menu-glyph,
#nav-main li:active .menu-glyph{ background:#FAAF2C; color:#18335E !important; }*/

.navbar-nav .nav-link{ color:#fff; }
.dropdown-menu{ transition:.3s; }

#user-logged-in{ position:absolute; right:30px; bottom:0; font-size:.95rem; }

#main{ font-size:.95rem; color:#18335E; margin-bottom:30px; /*background-color:#fff;*/ /*padding-top:15px; padding-bottom:15px;*/ /*min-height: calc(100vh - 420px);*/ }
#main a{ color:#006FE6; text-decoration:underline; }
#main a:hover,
#main a:active,
#main a:visited{ color:#006FE6; }
#main a i{ color:#18335E; text-decoration:none; }
#main sub,
#main sup{ font-size:80%; }

#main a.btn{ color:#18335E; text-decoration:none; margin-bottom:3px; border:1px solid #dee2e6; }
#main a.btn:hover,
#main a.btn:active,
#main a.btn:visited{ color:#18335E; }

#main .table{ color:#18335E; }
#main .table-striped tbody tr:nth-of-type(2n+1){ background-color:#f9f9f9; }

#main ul{ padding-left:20px; }
#main ul li{ margin-bottom:8px; }

/* Accordion Menu (Quiccordion) */
#nav-side{ width:100%; color:#18335E; background:#f8f8f8; padding:10px 0; border:0px solid #fff; display:block; /*box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px;*/ }
#nav-side a{ display:block; background:#f8f8f8; color:#18335E !important; text-decoration:none; padding:8px 30px 8px 5px; border-bottom:0px solid #fff; font-size:1rem; font-weight:normal; line-height:1.5rem; cursor:pointer; outline:0; }
#nav-side a:hover,
#nav-side a:focus,
#nav-side a:active{ background:#FAAF2C; color:#18335E !important; }
#nav-side a:focus,
#nav-side a:focus .menu-glyph{ outline:1px #6994d8 dotted; }
#nav-side a:hover .menu-glyph,
#nav-side a:focus .menu-glyph,
#nav-side a:active .menu-glyph{ background:#FAAF2C; color:#18335E !important; }
#nav-side .tile-glyph{ display:inline-block; width:40px; font-size:34px; margin:0 10px; text-align:center; }
#nav-side .tile-lable{ display:inline-block; line-height:18px; }
#nav-side .has-children.closed a{ background:#f8f8f8; color:#18335E; }
#nav-side .has-children.closed a:hover{ background:#FAAF2C; color:#18335E; }
#nav-side .has-children{}
#nav-side .has-children > a{ padding:8px 15px 8px 15px; }
#nav-side li.closed a{ border-bottom:0px solid #eee; background:#f8f8f8; }
#nav-side li.closed a:hover{ border-bottom:0px solid #eee; background:#FAAF2C; }
#nav-side li ul{ padding:0; }
#nav-side li ul li a{ background:#f8f8f8; color:#18335E; font-weight:normal; padding-left:30px; border-bottom:0px solid #fff; /*text-transform:capitalize;*/ }
#nav-side li ul li a:hover{ background:#FAAF2C; color:#18335E; }
#nav-side li ul li.closed a{ background:#f8f8f8; color:#18335E; font-weight:normal; border-bottom:0px solid #fff; }
#nav-side li ul li.closed a:hover{ background:#FAAF2C; color:#18335E; }
#nav-side li ul li ul li a{ padding-left:45px; }
#nav-side li ul li ul li ul li a{ padding-left:60px; }
#nav-side li ul li ul li ul li ul li a{ padding-left:75px; }
/* END Accordion Menu (Quiccordion) */

#nav-side ul{ display:none; list-style-type:none; padding:0; }
#nav-side > ul{ display:block; }
#nav-side li{ position:relative; }
#nav-side .menu-glyph{ background:#f8f8f8; color:#18335E; font-size:1rem; margin:0; /*float:right;*/ position:absolute; top:0; right:0; padding:8px 12px; cursor:pointer; transition:color .3s, background .3s; outline:0; }
#nav-side .menu-glyph:hover,
#nav-side .menu-glyph:focus,
#nav-side .menu-glyph:active{ background:#FAAF2C; color:#18335E; }
#nav-side .menu-glyph:focus{ outline:1px #6994d8 dotted; }
#nav-side .menu-glyph .fas{ transition:.3s; }
#nav-side .menu-lable{ font-size:1rem; margin:0 15px 0 0; display:block; border-left:3px solid transparent; padding-left:8px; }
#nav-side li.current > a{ font-weight:bold; }
#nav-side li.current > a > .menu-lable{ border-left:3px solid #18335E; transition:.3s; }
#nav-side li.current > a:hover > .menu-lable,
#nav-side li.current > a:focus > .menu-lable,
#nav-side li.current > a:active > .menu-lable{ border-left:3px solid #18335E; }
#nav-side li > a:hover > .menu-lable{ border-left:3px solid transparent; }

a.no-underline{ text-decoration:none !important; }
a.no-underline:hover,
a.no-underline:active,
a.no-underline:visited{ text-decoration:underline !important; }

.no-gutter, .no-padding{ padding-left:0; padding-right:0; }
.no-padding-left{ padding-left:0; }
.no-padding-right{ padding-right:0; }

.img-responsive-override,
.img-responsive-inline{ display:inline-block; height:auto; max-width:100%; }

h1{ font-size:2.5rem; margin-top:0; }
h2{ font-size:2.0rem; margin-top:20px; }
h3{ font-size:1.8rem; margin-top:20px; }
h4{ font-size:1.5rem; margin-top:20px; }
h5{ font-size:1.2rem; margin-top:20px; }

.table h3{ font-size:1.4rem; }

h2 .fa,
h2 .fas,
h2 .far,
h2 .fab{ margin-right:10px; }
h3 .fa,
h3 .fas,
h3 .far,
h3 .fab{ margin-right:10px; }

.videowrapper{ float:none; clear:both; width:100%; position:relative; padding-bottom:56.25%; padding-top:25px; height:0; }
.videowrapper iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }
.videowrapper-medium{ max-width:500px; }

.breadcrumb{ background-color:transparent; color:#18335E; font-size:.95rem; padding:0; border-radius:none; line-height:1.5rem; }
.breadcrumb a{ color:rgba(255,255,255,.9); line-height:1.5rem; }
.breadcrumb .fas{ line-height:25px; }
.breadcrumb .fa-home{ margin-right:5px; }
.breadcrumb .fa-chevron-right{ margin:0 0 0 5px; }

.alert-absolute{ position:absolute; width:100%; border-radius:0; margin-top:-15px; margin-bottom:15px; z-index:9999; }
.alert{}
.alert h1{ display:inline-block; font-size:1rem; font-weight:bold; margin:0 5px; }
.alert p{ display:inline-block; margin:0 5px; }
.alert-primary{ color:#18335E; }

#notify{ position:fixed; width:100%; top:0; left:0; background:rgba(0,0,0,.8); color:#fff;  font-size:.95rem; height:0; line-height:50px; padding:0 15px; z-index:9999; }

.offscreen {
  left: -2000em;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

/*.banner{ display:none; }*/

.tile-button{ background:#18335E; color:#fff; border-radius:3px; padding:0px; margin:0 0 15px 0; box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 5px; transition:color .3s, background .3s, border .3s; }
.tile-button:hover{  }
.tile-button h2{ position:relative; background:#18335E; color:#fff; border-radius:3px; margin:0; font-size:1rem; font-weight:normal; cursor:pointer; }
.tile-button h2 .heading-glyph{ display:inline-block; width:37%; font-size:2.5rem; color:#cac9d5 !important; text-align:center; }
.tile-button h2 .label{ display:inline-block; width:63%; vertical-align:middle; margin-top:-1rem; }
.tile-button h2 a{ color:#fff !important; text-decoration:none !important; padding:10px; display:block; transition:color .3s, background .3s; outline:0; }
.tile-button h2 a:hover,
.tile-button h2 a:focus,
.tile-button h2 a:active{ color:#18335E !important; background-color:#FAAF2C; }
.tile-button h2 a i{ color:#fff !important; transition:color .3s; }
.tile-button h2 a:hover i,
.tile-button h2 a:focus i,
.tile-button h2 a:active i{ color:#18335E !important; }

.tile-button h2 .fa,
.tile-button h2 .fas,
.tile-button h2 .far,
.tile-button h2 .fab{ margin-right:0px; }

.tile-button-light{ background:#f8f8f8; color:#18335E; border-radius:3px; padding:0px; margin:0 0 15px 0; box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px; transition:color .3s, background .3s, border .3s; }
.tile-button-light:hover{  }
.tile-button-light h2{ position:relative; background:#18335E; color:#18335E; margin:0; font-size:1rem; font-weight:normal; cursor:pointer; }
.tile-button-light h2 .heading-glyph{ display:inline-block; font-size:1.5rem; width:2rem; }
.tile-button-light h2 a{ color:#18335E !important; text-decoration: none !important; padding:10px; display: block; transition:color .3s, background .3s; }
.tile-button-light h2 a:hover{ color:#18335E !important; /*background-color:#27a7df;*/ }
.tile-button-light h2 a i{ color:#18335E !important; transition:color .3s; }
.tile-button-light h2 a:hover i{ color:#18335E !important; }

.tile-button-light.green{ border-left:5px solid #2EB356; }
.tile-button-light:hover.green{ border:1px solid #2EB356; border-left:5px solid #2EB356; }

.tile-button-light.aqua{ border-left:5px solid #27A7DF; }
.tile-button-light:hover.aqua{ border:1px solid #27A7DF; border-left:5px solid #27A7DF; }

.tile-button-light.red{ border-left:5px solid #EB2127; }
.tile-button-light:hover.red{ border:1px solid #EB2127; border-left:5px solid #EB2127; }

.tile-button-light.orange{ border-left:5px solid #FAAF2C; }
.tile-button-light:hover.orange{ border:1px solid #FAAF2C; border-left:5px solid #FAAF2C; }


.box{ background:#fff; color:#18335E; padding:15px; margin:0 0 30px 0; box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 5px; }
.box h2{ position:relative; color:#18335E; margin:0; font-size:1.3rem; font-weight:bold; /*cursor:pointer;*/ }
.box h2 .heading-glyph{ display:inline-block; font-size:1.8rem; width:2.5rem; }
.box h2 .dropdown-glyph{ font-size:1.5rem; margin:0; position:absolute; top:0; right:0; padding:3px 0; cursor:pointer; transition:color .3s, background .3s; }
.box h2 .dropdown-glyph i{ margin-right:0; transition:.3s; }
.box h2 .dropdown-glyph .fa-question-circle{ margin-right:10px; font-size:1.3rem; }
.box a{ color:#18335E !important; text-decoration:none !important; }
.box a:hover{ text-decoration:underline !important; }

.box .box-content{ display:none; padding:10px 0 0 0; position:relative; font-size:.95rem; }
.box .box-content.open{ display:block; }
.box .box-content-light{ padding:10px; margin-top:10px; background:#fff; }

.box-dark{ background:#18335E; color:#fff; padding:15px; margin:0 0 30px 0; box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 5px; height:calc(100% - 30px); }
.box-dark h2{ position:relative; color:#fff; margin:0; font-size:1.3rem; font-weight:bold; /*cursor:pointer;*/ }
.box-dark a{ color:#fff !important; text-decoration:none !important; }
.box-dark a:hover{ text-decoration:underline !important; }
.box-dark .box-content-dark{ padding:10px 0px; background:#18335E; border-radius:3px; }

.box .journey-planner h3{ font-size:.95rem; }

.journey-planner{ margin-top:20px; }
.journey-planner #plan-my-journey{ margin-top:27px; height:2.8rem; }
.journey-planner #route-options{ display:none; }

.box.real-time{ height:calc(100% - 30px); }
.box.real-time .box-content{ padding:6px 0 0 0; }
.box.real-time p{ margin-bottom:2px; }

.box .timetables{ padding-top:15px; }
.box .timetables i{ font-size:2rem; }
.box .timetables .bus i{color:#2eb356; }
.box .timetables .train i{ color:#27a7df; }
.box .timetables .tram i{ color:#eb2127; }

.box .timetables .bus,
.box .timetables .train,
.box .timetables .tram{ margin:0 7px; }

.box .input-group{ border:0px #18335E solid; border-radius:2px; margin-bottom:8px; }
.box .input-group-text{ border:3px #fff solid; border-radius:2px; padding:.375rem .5rem; min-width:60px; font-size:.95rem; background:#f8f8f8; color:#4f4f4f; }
.box .input-group .choose-location{ display:none; padding:7px 2px; background:#fff; color:#18335E; border:3px #fff solid; cursor:pointer; }
.box .form-control{ color:#18335E; background-color:#cac9d5; border:1px #9492AB solid; font-size:.95rem; padding:0rem .75rem; height:2.8rem; }
.box .form-control:focus{ /*box-shadow: 0 0 8px rgba(24, 51, 94, 0.6);*/ }
.box .form-control::placeholder{ color:#18335E; opacity:1; }
.box .switch-to-from{ border:1px #fff solid; border-radius:50%; height:50px; width:50px; padding:.8rem 0; background:#fff; color:#18335E; text-align:center; position:absolute; top:35px; right:10px; cursor:pointer; z-index:999; transition:.3s; }
.box .switch-to-from:focus{ box-shadow:0 0 0 0.2rem rgba(105, 148, 216, 1); outline:0; }

.box select.form-control{ border:0 #fff solid; font-size:.95rem; padding:.5rem 0rem .5rem .75rem; height:2.1rem;

    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image:
      linear-gradient(45deg, transparent 50%, #18335E 50%),
      linear-gradient(135deg, #18335E 50%, transparent 50%),
      linear-gradient(to right, #cac9d5, #cac9d5);
    background-position:
      calc(100% - 10px) calc(1em + 2px),
      calc(100% - 6px) calc(1em + 2px),
      calc(100% - 1.2em) 0.5em;
    background-size:
      5px 5px,
      5px 5px,
      1px 1.5em;
    background-repeat: no-repeat;
 }
.box select.form-control::-ms-expand {
    display: none;
}


.box .form-check{ padding-left:1.35rem; }
.box .form-check-small{ font-size:.95rem; }
.box .form-group{ margin-bottom:8px; }
.box .form-group .input-group{ margin-bottom:0; }


.box .btn-primary{ color:#fff; background:#18335E; border-color:#18335E; border-radius:3px; transition:.3s; font-weight:bold; height:2.8rem; }
.box .btn-primary:hover{ color:#18335E; background:#FAAF2C; border-color:#FAAF2C; }
.box .btn-primary:focus{ color:#18335E; background:#FAAF2C; border-color:#FAAF2C; box-shadow:0 0 0 0.2rem rgba(105, 148, 216, 1); }
/*
.box .btn-primary{ color:#18335E; background:#FAAF2C; border-color:#FAAF2C; border-radius:3px; transition:.3s; font-weight:bold; }
.box .btn-primary:hover{ color:#fff; background:#18335E; border-color:#18335E; }
.box .btn-primary:focus{ box-shadow: 0 0 8px rgba(24, 51, 94, 0.6); }
*/

/*
.box .input-group{ border:0px #18335E solid; border-radius:2px; margin-bottom:8px; }
.box .input-group-text{ border:3px #fff solid; border-radius:2px; padding:.375rem .5rem; min-width:60px; font-size:.95rem; background:#FAFAFA; color:#4f4f4f; }
.box .input-group .choose-location{ display:none; padding:7px 2px; background:#fff; color:#18335E; border:3px #fff solid; cursor:pointer; }
.box .form-control{ color:#fff; background-color:#18335E; border:0 #fff solid; font-size:.95rem; padding:0rem .75rem; height:2.1rem; }
.box .form-control::placeholder{ color:#fff; opacity:1; }
.box .switch-to-from{ border:1px #fff solid; border-radius:50%; height:50px; width:50px; padding:.8rem 0; background:#fff; color:#18335E; text-align:center; position:absolute; top:24px; right:10px; cursor:pointer; z-index:999; }

.box select.form-control{ border:0 #fff solid; font-size:.95rem; padding:.5rem 0rem .5rem .75rem; height:2.1rem;

    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image:
      linear-gradient(45deg, transparent 50%, white 50%),
      linear-gradient(135deg, white 50%, transparent 50%),
      linear-gradient(to right, #18335E, #18335E);
    background-position:
      calc(100% - 10px) calc(1em + 2px),
      calc(100% - 6px) calc(1em + 2px),
      calc(100% - 1.2em) 0.5em;
    background-size:
      5px 5px,
      5px 5px,
      1px 1.5em;
    background-repeat: no-repeat;
 }
.box select.form-control::-ms-expand {
    display: none;
}


.box .form-check{ padding-left:1.35rem; }
.box .form-check-small{ font-size:.95rem; }
.box .form-group{ margin-bottom:8px; }
.box .form-group .input-group{ margin-bottom:0; }

.box .btn-primary{ color:#18335E; background:#FAAF2C; border-color:#FAAF2C; border-radius:3px; transition:.3s; font-weight:bold; }
.box .btn-primary:hover{ color:#fff; background:#18335E; border-color:#18335E; }
.box .btn-primary:focus{ box-shadow: 0 0 8px rgba(24, 51, 94, 0.6); }
*/
.box .btn-full{ width:100%; }

.box h3{ font-size:1rem; font-weight:bold; margin:0; }
.box h4{ font-size:.95rem; font-weight:bold; }

.box .text-dropdown{ position:relative; color:#18335E; font-weight:bold; margin-bottom:8px; cursor:pointer; }
.box .text-dropdown-glyph{ display:inline-block; width:1rem; vertical-align:top; }
.box .text-dropdown-glyph i{ transition:.3s; }
.box .text-dropdown-label{ display:inline-block; width:calc(100% - 1rem); }

.box .bus i{ color:#fff !important; background:#2eb356; border-radius:50%; padding:0px; height:3.5rem; width:3.5rem; line-height:3.5rem; text-align:center; }
.box .train i{ color:#fff !important; background:#27a7df; border-radius:50%; padding:0px; height:3.5rem; width:3.5rem; line-height:3.5rem; text-align:center; }
.box .tram i{ color:#fff !important; background:#eb2127; border-radius:50%; padding:0px; height:3.5rem; width:3.5rem; line-height:3.5rem; text-align:center; }

.box-dark .bus i{ color:#fff !important; background:#2eb356; border-radius:50%; padding:0px; height:2.5rem; width:2.5rem; line-height:2.5rem; text-align:center; }
.box-dark .train i{ color:#fff !important; background:#27a7df; border-radius:50%; padding:0px; height:2.5rem; width:2.5rem; line-height:2.5rem; text-align:center; }
.box-dark .tram i{ color:#fff !important; background:#eb2127; border-radius:50%; padding:0px; height:2.5rem; width:2.5rem; line-height:2.5rem; text-align:center; }

#my-metro-login{ margin-bottom:1rem; }
#my-metro-login p{ margin:5px 0; }
#my-metro-login .input-group-text{ min-width:110px; }

/* .near-current-location{ line-height:45px; margin-bottom:8px; }*/
.near-current-location{}
.near-current-location a,
.near-current-location a:visited{ display:block; color:#fff !important; font-size:.95rem; font-weight:bold; padding:0.75rem .75rem .5rem 0.75rem; height:2.8rem; margin-bottom:8px; text-align:center; border-radius:3px; background:#18335E; transition:.3s; }
.near-current-location a:hover,
.near-current-location a:focus{ color:#18335E !important; background:#FAAF2C; text-decoration:none !important; }
.near-current-location a:focus{ box-shadow:0 0 0 0.2rem rgba(105, 148, 216, 1); outline:0; }
.near-current-location a i{ transition:.3s; color:#fff !important; }
.near-current-location a:hover i,
.near-current-location a:focus i,
.near-current-location a:active i{ color:#18335E !important; }

/*
.near-current-location{}
.near-current-location a,
.near-current-location a:visited{ display:block; font-size:.95rem; font-weight:bold; padding:0.5rem .75rem .5rem 0.75rem; height:2.1rem; margin-bottom:8px; text-align:center; border-radius:3px; background:#FAAF2C; }
.near-current-location a:hover,
.near-current-location a:focus{ color:#fff !important; background:#18335E; text-decoration:none !important; }
.near-current-location a i{ transition:.3s; }
.near-current-location a:hover i{ color:#fff !important; }
*/

#my-next-service {position: relative;}
#location-suggestions{ display:none; position:absolute; top:43px; left:0; width:100%; padding:0; background-color:#cac9d5; border:1px solid #9492AB; border-radius:.25rem; z-index:9999; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); }
#location-suggestions .suggestions-heading{ font-weight:bold; padding:5px 10px; }
#location-suggestions .suggestion{ padding:5px 10px; border-radius:.25rem; transition:.3s; text-transform:capitalize; }
#location-suggestions .suggestion:hover,
#location-suggestions .suggestion:focus,
#location-suggestions .suggestion:active{ background:#FAAF2C; cursor:pointer; }

#real-time-results.box-content-light{ padding:0px; margin-top:10px; background:#fff; }
#real-time-results .stop{ margin-bottom:20px; }
#real-time-results .stop .fa-map-marker-alt{ color:#2eb356; }
#real-time-results .stop h3{ font-size:.95rem; font-weight:bold; margin:0; }
#real-time-results .stop p{ margin:0; }
#real-time-results .stop .service{ background:#f8f8f8; padding:6px; margin-bottom:3px; transition:.3s; }
#real-time-results .stop .service:hover{ background:#f1f1f1; }
#real-time-results .stop .service .service-heading{ cursor:pointer; }
#real-time-results .stop .service .service-heading > div{ display:inline-block; }

#real-time-results .stop .service-number{ width:5.2rem; vertical-align:top; border-left:5px #000 solid; padding-left:3px; font-weight:bold; }
#real-time-results .stop .service-description{ width:calc(100% - 16.9rem);  }
#real-time-results .stop .service-description-no-services {width: auto!important;}

#real-time-results .stop .service-description .accessability{ color:#fff; background-color:#034ea1; border-radius:50%; font-size:.9rem; height:1.4rem; width:1.4rem; line-height:1.4rem; text-align:center; vertical-align:top; }
#real-time-results .stop .service-description-icons .real-time{ color:#fff; background-color: #034ea1; border-radius:50%; font-size:1.0rem; height:1.4rem; width:1.4rem; line-height:1.0rem; text-align:center; padding:.2rem; vertical-align:top; margin-left:.1rem; }
#real-time-results .stop .service-description-icons .electric{ color:#fff; background-color:#034ea1; border-radius:50%; font-size:.9rem; height:1.4rem; width:1.4rem; line-height:1.4rem; text-align:center; vertical-align:top; }
#real-time-results .stop .service-description-icons .no-pickup,
#real-time-results .stop .service-description-icons .no-setdown{ background-color:#ccc; border-radius:50%; font-size:.9rem; font-weight:normal; line-height:.7rem; padding:.4rem; height:1.4rem; width:1.4rem; text-align:center; vertical-align:middle; display:inline-block; }

#real-time-results .stop .service.train-tram .service-number{ width:4.1rem; vertical-align:top; border-left:5px #000 solid; padding-left:3px; font-weight:bold; }
#real-time-results .stop .service.train-tram .service-description{ width:calc(100% - 9.6rem); font-weight:bold; }
#real-time-results .stop .service-time{ width:9.7rem; text-align:right; vertical-align:top; font-weight:bold; }
#real-time-results .stop .service-time .service-arrival-mins{ white-space:nowrap; }
#real-time-results .stop .service-time .service-arrival-time{ margin-left:10px; }
#real-time-results .stop .service-dropdown-glyph{ width:1rem; text-align:right; vertical-align:top; }
#real-time-results .stop .service-dropdown-glyph i{ transition:.3s; }

#real-time-results .stop .service > div.service-details{ /*display:none;*/ padding-top:5px; }
#real-time-results .stop .service > div.service-details .fa{ margin-left:5px; }
#real-time-results .stop .service > div.service-details .accessability{ color:#fff; background-color:#034ea1; border-radius:50%; font-size:1.2rem; height:2rem; width:2rem; line-height:2rem; text-align:center; }
#real-time-results .stop .service > div.service-details .real-time{ color:#fff; background-color: #034ea1; border-radius:50%; font-size:1.5rem; height:2rem; width:2rem; line-height:2rem; text-align:center; padding:.2rem; vertical-align:bottom; margin-left:.1rem; }
#real-time-results .stop .service > div.service-details .electric{ color:#fff; background-color:#034ea1; border-radius:50%; font-size:1.2rem; height:2rem; width:2rem; line-height:2rem; text-align:center; }


#real-time-results .stop .service.service_heading {background: none;}
#real-time-results .stop .service.service_heading .service-heading .service-number {border: none; width: 5.4rem;padding-left: 8px;}
#real-time-results .stop .service_heading  .service-description {font-weight: bold;}
#real-time-results .stop .service_heading .service-time {width: 10.0rem;}

.initial_loading {padding: 20px 0 50px 0; font-weight: bold;}

#real-time-results .text-dropdown{ position:relative; color:#18335E; font-weight:bold; margin-bottom:8px; cursor:pointer; }
#real-time-results .text-dropdown-glyph{ display:inline-block; width:1rem; vertical-align:top; }
#real-time-results .text-dropdown-glyph i{ transition:.3s; }
#real-time-results .text-dropdown-label{ display:inline-block; width:calc(100% - 1rem); }


#map_vehicle_location{ width:100%; height:200px; overflow:hidden; margin-top:5px; }

.leaflet-bar a, .leaflet-bar a:hover{ text-decoration:none !important; }

#real-time-results .stop .service-icons{ width:3.5rem; text-align:right; vertical-align:top; }
#real-time-results .stop .service-icons .accessability{ color:#fff; background-color:#034ea1; font-size:1.2rem; padding:.2rem; }
#real-time-results .stop .service-icons .real-time{ color:#fff; background-color: #034ea1; border-radius:50%; font-size:1.2rem; padding:.2rem; line-height:.6rem; margin-left:.1rem; vertical-align:bottom; }
#real-time-results .stop .service-icons .electric{ color:#fff; background-color:#034ea1; font-size:1.2rem; padding:.2rem .33rem; max-height:1.4rem; max-width:1.4rem; }

.service-color{ width:5px; height:1rem; }

.services_key ul{ padding:0 !important; list-style-type:none;  }
.services_key .icon-wrapper{ display:inline-block; width:30px; text-align:center; }
.services_key .accessability{ color:#fff; background-color:#034ea1; border-radius:50%; font-size:1.2rem; padding:.2rem; }
.services_key .real-time{ color:#fff; background-color: #034ea1; border-radius:50%; font-size:1.2rem; padding:.2rem; line-height:.6rem; margin-left:.1rem; vertical-align:bottom; }
/*
#real-time-results .stop .service-number.yellow{ border-left:5px #faaf2c solid; }
#real-time-results .stop .service-number.green{ border-left:5px #006600 solid; }
*/

#my-routes .route .service{ background:#f8f8f8; padding:6px; margin-bottom:3px; }
#my-routes .route .service .service-heading > div{ display:inline-block; }
#my-routes .route .service-number{ width:3.9rem; vertical-align:top; border-left:5px #000 solid; padding-left:3px; font-weight:bold; }
#my-routes .route .service-description{ width:calc(100% - 4.9rem); font-weight:bold; }
#my-routes .route .service-checkbox{ width:calc(100% - 4.9rem); margin:6px 0 0 4.15rem; }
#my-routes .route .service-checkbox input{ margin-right:.04rem; }
#my-routes .route .service-actions{ width:calc(100% - 4.9rem); margin:4px 0 3px 4.15rem; }
#my-routes .route a{ color:#18335E; text-decoration:none; }
#my-routes .route a:hover,
#my-routes .route a:focus,
#my-routes .route a:active{ color:#18335E; text-decoration:underline; }
#my-routes .route a.download{ font-weight:normal; }

#my-timetables .route .service{ background:#f8f8f8; padding:6px; margin-bottom:3px; }
#my-timetables .route .service .service-heading > div{ display:inline-block; }
#my-timetables .route .service-number{ width:3.9rem; vertical-align:top; border-left:5px #000 solid; padding-left:3px; font-weight:bold; }
#my-timetables .route .service-customlabel{ width:calc(100% - 4.9rem); font-weight:bold; }
#my-timetables .route .service-description{ width:calc(100% - 4.9rem); font-weight:bold; margin:6px 0 0 4.15rem; }
#my-timetables .route .service-checkbox{ width:calc(100% - 4.9rem); margin:6px 0 0 4.15rem; }
#my-timetables .route .service-checkbox input{ margin-right:.04rem; }
#my-timetables .route .service-actions{ width:calc(100% - 4.9rem); margin:4px 0 3px 4.15rem; }
#my-timetables .route a{ color:#18335E; text-decoration:none; }
#my-timetables .route a:hover,
#my-timetables .route a:focus,
#my-timetables .route a:active{ color:#18335E; text-decoration:underline; }
#my-timetables .route a.download{ font-weight:normal; }
#my-timetables .route .ui-state-hover{ color:#18335E; font-weight:bold; border:0px solid #fff; background:none; }
#my-timetables .route .ui-state-hover::after{ font-family:"Font Awesome 5 Free"; content:"\f044"; margin-left:5px; }
#my-timetables .route .editable input[type="text"]{ display:inline-block; height: calc(1.5em + .75rem + 2px); width:50%; margin-bottom:3px; line-height: 1.5; background-clip: padding-box; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; color:#18335E; background-color:#cac9d5; border:1px #9492AB solid; font-size:.95rem; padding:.75rem; border-radius:.25rem; }
#my-timetables .route .editable button{ display:inline-block; border:1px solid transparent; color:#fff; background:#18335E; border-color:#18335E; border-radius:3px; transition:.3s; font-weight:bold; height:calc(1.5em + .75rem + 2px); }
#my-timetables .route .editable button:hover{ color:#18335E; background:#FAAF2C; border-color:#FAAF2C; }
#my-timetables .route .editable button:focus{ box-shadow:0 0 0 0.2rem rgba(105, 148, 216, 1); }

#my-stops .route .stop{ background:#f8f8f8; padding:6px; margin-bottom:3px; }
#my-stops .route .stop .stop-heading > div{ display:inline-block; }
#my-stops .route .stop-number{ width:3.9rem; vertical-align:top; border-left:5px #000 solid; padding-left:3px; font-weight:bold; }
#my-stops .route .stop-customlabel{ width:calc(100% - 4.9rem); font-weight:bold; margin:0 0 0 4.15rem; }
#my-stops .route .stop-description{ width:calc(100% - 4.9rem); font-weight:bold; }
#my-stops .route .stop-address{ width:calc(100% - 4.9rem); font-weight:normal; margin:0 0 0 4.15rem; }
#my-stops .route .stop-checkbox{ width:calc(100% - 4.9rem); margin:6px 0 0 4.15rem; }
#my-stops .route .stop-checkbox input{ margin-right:.04rem; }
#my-stops .route .stop-actions{ width:calc(100% - 4.9rem); margin:4px 0 3px 4.15rem; }
#my-stops .route a{ color:#18335E; text-decoration:none; }
#my-stops .route a:hover,
#my-stops .route a:focus,
#my-stops .route a:active{ color:#18335E; text-decoration:underline; }
#my-stops .route a.download{ font-weight:normal; }
#my-stops .route .ui-state-hover{ color:#18335E; font-weight:bold; border:0px solid #fff; background:none; }
#my-stops .route .ui-state-hover::after{ font-family:"Font Awesome 5 Free"; content:"\f044"; margin-left:5px; }
#my-stops .route .editable input[type="text"]{ display:inline-block; height: calc(1.5em + .75rem + 2px); width:50%; margin-bottom:3px; line-height: 1.5; background-clip: padding-box; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; color:#18335E; background-color:#cac9d5; border:1px #9492AB solid; font-size:.95rem; padding:.75rem; border-radius:.25rem; }
#my-stops .route .editable button{ display:inline-block; border:1px solid transparent; color:#fff; background:#18335E; border-color:#18335E; border-radius:3px; transition:.3s; font-weight:bold; height:calc(1.5em + .75rem + 2px); }
#my-stops .route .editable button:hover{ color:#18335E; background:#FAAF2C; border-color:#FAAF2C; }
#my-stops .route .editable button:focus{ box-shadow:0 0 0 0.2rem rgba(105, 148, 216, 1); }

#ajax-search-results ul.routes{ padding-left:0; }
#ajax-search-results ul.routes li{ list-style-type:none; }
#ajax-search-results .route{ background:#f8f8f8; padding:6px; margin-bottom:3px; list-style-type:none; }
#ajax-search-results .route div{ display:inline-block; }
#ajax-search-results .route dl{ margin-left:4rem; }
#ajax-search-results .route dl dt{ margin:.3rem 0; }
#ajax-search-results .route a{ text-decoration:none !important; }
#ajax-search-results .route a:hover{ text-decoration:none; }
#ajax-search-results .route .route-number{ width:4.0rem; vertical-align:top; border-left:5px #000 solid; padding-left:3px; font-weight:bold; }
#ajax-search-results .route .route-description{ display:inline-block; width:calc(100% - 4.5rem); font-weight:bold; color:#18335E !important; }

.ui-menu .ui-menu-item:hover,
.ui-menu .ui-menu-item:focus,
.ui-menu .ui-menu-item:active{ color:#000 !important; border:none !important; background:#f8f8f8 !important; cursor:pointer; }


/*#disruptions-results{ max-height:118px; overflow-y:scroll; }*/
#disruptions-results{ max-height:calc(5.6rem + 24px + 0.85rem); /*max-height:323px;*/ overflow-y:scroll; }
#disruptions-results .disruption{ display:flex; }
#disruptions-results .disruption h3{ font-size:.95rem; }
#disruptions-results .disruption p{ margin:0; }
#disruptions-results .disruption-glyph{ font-size:22px; padding:0 5px 10px 0; }
#disruptions-results .disruption-description{ padding:0 0 10px 5px; }

#service-updates-results{ max-height:calc(7.3rem + 24px + 0.85rem); /*max-height:323px;*/ overflow-y:scroll; }
#service-updates-results .service-update{ display:flex; }
#service-updates-results .service-update h3{ font-size:.95rem; }
#service-updates-results .service-update p{ margin:0; }
#service-updates-results .service-update-glyph{ font-size:22px; padding:0 5px 10px 0; }
#service-updates-results .service-update-description{ padding:0 0 10px 5px; }

.service-updates .service-update{ display:flex; margin-bottom:20px; }
.service-updates .service-update h3{ font-size:1rem; font-weight:bold; margin:0; }
.service-updates .service-update p{ margin:0; }
.service-updates .service-update-glyph{ font-size:22px; padding:0 5px 10px 0; }
.service-updates .service-update-description{ padding:0 0 10px 5px; }

.service-updates .bus i{ color:#fff !important; background:#2eb356; border-radius:50%; padding:0px; height:2.5rem; width:2.5rem; line-height:2.5rem; text-align:center; background-image:url(/extension/adelaidemetro/design/adelaidemetro/images/2020/bus-icon.png); background-size:20px auto; background-repeat:no-repeat; background-position:center; }
.service-updates .train i{ color:#fff !important; background:#27a7df; border-radius:50%; padding:0px; height:2.5rem; width:2.5rem; line-height:2.5rem; text-align:center; background-image:url(/extension/adelaidemetro/design/adelaidemetro/images/2020/train-icon.png); background-size:20px auto; background-repeat:no-repeat; background-position:center; }
.service-updates .tram i{ color:#fff !important; background:#eb2127; border-radius:50%; padding:0px; height:2.5rem; width:2.5rem; line-height:2.5rem; text-align:center; background-image:url(/extension/adelaidemetro/design/adelaidemetro/images/2020/tram-icon.png); background-size:20px auto; background-repeat:no-repeat; background-position:center; }
.service-updates .bus-train-tram i{ color:#fff !important; background:#2eb356; border-radius:50%; padding:0px; height:2.5rem; width:2.5rem; line-height:2.5rem; text-align:center; background-image:url(/extension/adelaidemetro/design/adelaidemetro/images/2020/bus-icon.png); background-size:20px auto; background-repeat:no-repeat; background-position:center; }
.service-updates .bus-train i{ color:#fff !important; background:#2eb356; border-radius:50%; padding:0px; height:2.5rem; width:2.5rem; line-height:2.5rem; text-align:center; background-image:url(/extension/adelaidemetro/design/adelaidemetro/images/2020/bus-icon.png); background-size:20px auto; background-repeat:no-repeat; background-position:center; }
.service-updates .bus-tram i{ color:#fff !important; background:#2eb356; border-radius:50%; padding:0px; height:2.5rem; width:2.5rem; line-height:2.5rem; text-align:center; background-image:url(/extension/adelaidemetro/design/adelaidemetro/images/2020/bus-icon.png); background-size:20px auto; background-repeat:no-repeat; background-position:center; }
.service-updates .train-tram i{ color:#fff !important; background:#27a7df; border-radius:50%; padding:0px; height:2.5rem; width:2.5rem; line-height:2.5rem; text-align:center; background-image:url(/extension/adelaidemetro/design/adelaidemetro/images/2020/train-icon.png); background-size:20px auto; background-repeat:no-repeat; background-position:center; }
.service-updates .tram-tram i{ color:#fff !important; background:#eb2127; border-radius:50%; padding:0px; height:2.5rem; width:2.5rem; line-height:2.5rem; text-align:center; background-image:url(/extension/adelaidemetro/design/adelaidemetro/images/2020/tram-icon.png); background-size:20px auto; background-repeat:no-repeat; background-position:center; }

.news-and-events .news-and-event-item{ display:flex; margin-top:20px; }
.news-and-events .news-and-event-item h3{ font-size:1rem; font-weight:bold; margin:0; }
.news-and-events .news-and-event-item p{ margin:0 0 5px 0; }
.news-and-events .news-and-event-item-img{ font-size:22px; padding:0 5px 10px 0; min-width:150px; }
.news-and-events .news-and-event-item-img img{ width:150px; }
.news-and-events .news-and-event-item-description{ padding:0 0 10px 5px; }
.news-and-events .news-and-event-item a{ text-decoration:none !important; }
.news-and-events .news-and-event-item a:hover,
.news-and-events .news-and-event-item a:focus,
.news-and-events .news-and-event-item a:active{ text-decoration:underline !important; }
.news-and-events .news-and-event-item a i{ color:#006FE6 !important; }

.box-content.metrocard h3{ font-size:1rem; color:#18335E; margin-bottom:5px; }
.box-content.metrocard h4{ font-size:.95rem; color:#18335E; margin:10px 0 0 0; }
.box-content.metrocard p{ margin:5px 0; }
.box-content.metrocard .input-group-text{ min-width:112px; }
.box-content.metrocard .box-content-light{ margin:10px 0 0 0; }
.box-content.metrocard .box-content-light p{ margin:0; }
.box-content.metrocard .box-content-light i{ width:1rem; }

.box-content.fares h3{ font-size:1rem; color:#18335E; margin-top:20px; margin-bottom:0; }
.box-content.fares h3:first-child{ margin-top:0; }
.box-content.fares h4{ font-size:.95rem; color:#18335E; margin:10px 0 0 0; }
.box-content.fares p{ margin:5px 0; }
.box-content.fares .input-group-text{ min-width:112px; }
.box-content.fares .box-content-light{ margin:10px 0 0 0; }
.box-content.fares .box-content-light p{ margin:0; }
.box-content.fares .box-content-light i{ width:1rem; }

.show-more{ font-weight:bold; margin:15px 0 0 0; text-align:right; }
.box-dark .show-more i{ color:#fff !important; }

.box .news-and-event-item h3{ font-size:.95rem; }
.box .news-and-event-item img{ margin-bottom:5px; }

.text-dropdown{ position:relative; color:#18335E; font-weight:bold; margin-bottom:1rem; padding-top:5px; cursor:pointer; }
.text-dropdown-glyph{ display:inline-block; width:1rem; vertical-align:top; }
.text-dropdown-glyph i{ transition:.3s; }
.text-dropdown-label{ display:inline-block; /*width:calc(100% - 1rem);*/ }

.badge-metro{ display:inline; color:#fff; background-color:#E9161D; font-size:.7rem; vertical-align:top; padding:.15rem .3rem; border-radius:1.45rem; }
.search-results-filter .badge-metro{ display:inline; font-weight:bold; min-width:1.45rem; text-align:center; border-radius:1.45rem; }

.content-toggle{ display:none; }

.btn{ font-size:.95rem; border-radius:3px !important;  }
.btn-light{ color:#18335E; background-color:#fff; padding:10px; border:1px solid #18335E !important; border-radius:3px; transition:.3s; }
.btn-light:hover{ color:#18335E; background-color:#FAAF2C; border:1px solid #FAAF2C !important; text-decoration:none !important; }
.btn-light:focus{ color:#18335E; background-color:#FAAF2C; border:1px solid #FAAF2C !important; text-decoration:none !important; }

ul.legend{ padding-left:0 !important; }
ul.legend li{ list-style-type:none; }
ul.legend li .legend-glyph{ margin-right:.2rem; }

ul.legend li .accessability{ color:#fff; background-color:#034ea1; border-radius:50%; font-size:.9rem; height:1.4rem; width:1.4rem; line-height:1.4rem; text-align:center; }
ul.legend li .real-time{ color:#fff; background-color: #034ea1; border-radius:50%; font-size:1.0rem; height:1.4rem; width:1.4rem; line-height:1.0rem; text-align:center; padding:.2rem; vertical-align:bottom; margin-left:0; }
ul.legend li .electric{ color:#fff; background-color:#034ea1; border-radius:50%; font-size:.9rem; height:1.4rem; width:1.4rem; line-height:1.4rem; text-align:center; }

.no-pickup,
.no-setdown{ background-color:#ccc; border-radius:50%; font-size:.9rem; font-weight:normal; line-height:.7rem; padding:.4rem; height:1.4rem; width:1.4rem; text-align:center; vertical-align:middle; display:inline-block; }

#stop-details{ display:none; }

#map_stop{ height:200px; width:100%; margin-bottom:1rem; }
#map_stop a{ text-decoration:none !important; }

.vehicle-pointer,
.stop-pointer{
    position: relative;
    height: 30px !important;
    width: auto !important;
    margin-left: -17px !important;
    margin-top: -15px !important;
    display: inline-block;
}

#map_stop .vehicle-pointer .vehicle-pointer-icon,
#map_stop .stop-pointer .stop-pointer-icon,
#map_stop .stop-pointer .stop-pointer-icon{
    /*width: 31px;
    height: 30px;*/
    border-width: 2px;
    border-style: solid;
    border-radius: 9px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    padding: .3rem;
}

#map_stop .vehicle-pointer .vehicle-pointer-icon .fa,
#map_stop .stop-pointer .fa,
#map_stop .stop-pointer .fa{
    width: 20px;
    height: 20px;
    display: block;
    font-size: 18px;
    position: relative;
    left: 2px;
    top: 2px;
}

#map_stop .vehicle-pointer .route_number,
#map_stop .stop-pointer .stop_name,
#map_stop .stop-pointer .stop_name{
    color: white;
    font-weight: bold;
    position: relative;
    top: 5px;
    background: blue;
    background-color: blue;
    margin: 0px 0px 0px 15px;
    z-index: 10;
    padding: 2px 7px 2px 18px;
    display: inline-block;
    width: auto !important;
    white-space: nowrap;
    border-radius: 0 12px 12px 0;
}

#route_grid, .route_grid{ display:inline-block; }
.route_grid_item{ display:inline-block; float:left; margin:0 3px 3px 0; padding:6px; width:4.5rem; background-color:#f8f8f8; }
.route_grid_item a{ display:block; border-left:5px #000 solid; padding:0 3px 0 3px; font-weight:bold; text-decoration:none !important; color:#18335E !important }
.route_grid_item a:hover{ background-color:#f8f8f8; text-decoration:none !important; }

#route-details ol{ display:flex; list-style-type:none; padding-left:0; }
#route-details ol li{ display:inline-block; float:left; margin:0 3px 3px 0; padding:6px; width:4.5rem; background-color:#f8f8f8; }
#route-details ol li a{ display:block; border-left:5px #000 solid; padding:0 3px 0 3px; font-weight:bold; text-decoration:none !important; }
#route-details ol li a:hover{ background-color:#f8f8f8; text-decoration:none !important; }

#related-routes .route{ background:#f8f8f8; padding:6px; margin-bottom:3px; transition:.3s; }
#related-routes .route:hover{ background:#f1f1f1; }
#related-routes .route div{ display:inline-block; }
#related-routes .route a{ text-decoration:none !important; }
#related-routes .route a:hover{ text-decoration:none; }
#related-routes .route .route-number{ width:4.0rem; vertical-align:top; border-left:5px #000 solid; padding-left:3px; font-weight:bold; }
#related-routes .route .route-description{ display:inline-block; width:calc(100% - 4.5rem); font-weight:bold; }
#related-routes .route.train-tram .route-number{ width:4.5rem; }
#related-routes .route.train-tram .route-description{ display:inline-block; width:calc(100% - 5rem); font-weight:bold; }

#related-routes .route.route-special a.route_colored .route-number{ border-color:#2eaa56 !important; }
#related-routes .route.route-special a.route_colored{ color:#18335E !important; }
#related-routes .route.route-special .route-number{ width:.5rem; }
#related-routes .route.route-special .route-description{ display:inline-block; width:calc(100% - 1rem); font-weight:bold; }

#subscribe-routes .route{ background:#f8f8f8; padding:6px; margin-bottom:3px; }
#subscribe-routes .route div{ display:inline-block; }
#subscribe-routes .route a{ text-decoration:none !important; }
#subscribe-routes .route a:hover{ text-decoration:none; }
#subscribe-routes .route .route-number{ width:4.0rem; vertical-align:top; border-left:5px #000 solid; padding-left:3px; font-weight:bold; }
#subscribe-routes .route .route-description{ display:inline-block; width:calc(100% - 12.5rem); font-weight:bold; }
#subscribe-routes .route .route-actions{ display:inline-block; width:12rem; }

#route-tab-content .first-col{ position:absolute; overflow:hidden; clip:rect(1px 1px 1px 1px); }
#route-tab-content .third-col{}
#route-tab-content p{ margin:0; }

#route-tab-content .route-stops{ position:relative; padding:5px; }
#route-tab-content .route-stop{ position:relative; border-left:5px solid #000; padding:0 10px 10px 10px; }
#route-tab-content .route-stop p{ position:relative; top:-3px; }
#route-tab-content .route-stop::before{ display:block; position:absolute; top:0px; left:-10px; height:15px; width:15px; border:4px solid; border-color:inherit; border-radius:50%; content:" "; background:#fff; }
#route-tab-content .route-stop:last-child{ left:5px; border-left:0; }
#route-tab-content .route-stop:last-child::before{ border:4px solid; border-color:inherit; }
.stop-code{ color:#767676; }


#main ul.nav-tabs{ padding-left:0; }
#main ul.nav-tabs li{ margin-bottom:-1px; }
#main ul.nav-tabs li a{ text-decoration:none; color:#18335E; }
#main ul.nav-tabs li a:hover{ text-decoration:none; }
.nav-tabs .nav-link{ border-color:#dee2e6; background-color:#f8f8f8; padding:0.5rem 0.8rem; /*margin:2px 2px 0 0;*/ transition:.3s; }
.nav-tabs .nav-link:hover{ background-color:#fff; }
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{ color:#18335E; background-color:#fff; border-color: #dee2e6 #dee2e6 #fff; text-decoration:underline !important; }

table.stops-content .stop_address_mobile{ display:inline-block; }
table.stops-content tr th:nth-child(2),
table.stops-content tr td:nth-child(2){ display:none; }

#search-tab-content .service-updates h3{ font-size:1.5rem; }

.news-and-events-container{ background-color:#e7e9e9; color:#18335E; margin-bottom:30px; }
.news-and-events-row{ margin-top:30px; background-color:#e7e9e9; }
.news-and-events-row .news-and-event-item{ margin-bottom:20px; }
.news-image-icon{ width: 100%; text-align: center; background-color: #f8f8f8; padding: 10px; margin-bottom: 10px; color: #888; font-size: 4rem; }
.news-and-events-row h2{ font-size:1.5rem; font-weight:bold; margin:1.5rem 0; /*cursor:pointer;*/ }
.news-and-events-row h2 a{ color:#18335E !important; }
.news-and-events-row h2 a:hover{ color:#18335E !important; }
.news-and-events-row h2 .dropdown-glyph i{ margin-left:15px; transition:.3s; }
.news-and-events-row h3{ font-size:1rem; font-weight:bold; margin:.8rem 0 0 0; }
.news-and-events-row h3 a{ color:#18335E !important; }
.news-and-events-row p{ font-size:.95rem; font-weight:normal; margin-top:.5rem; margin-bottom:.5rem; }
.news-and-events-row a.read-more{ font-weight:bold; color:#18335E; }
.news-and-events-row a:hover.read-more{ font-weight:bold; color:#18335E; }
.news-and-event-item{ display:none; }
.news-and-event-item img{ width:100%; }

/*
.heading-toggle{ position:relative; }
.heading-toggle h3 .fa,
.heading-toggle h3 .fas,
.heading-toggle h3 .far,
.heading-toggle h3 .fab{ margin-right:0px; }
.heading-toggle h2,
.heading-toggle h3{ font-size:1.3rem; font-weight:bold; margin:10px 0 0 0; padding:15px 60px 15px 15px; color:#000; background:#fbe42c; transition:.3s; cursor:pointer; }
.heading-toggle h2.active,
.heading-toggle h3.active{ color:#fff; background:#134b8e; }
.heading-toggle .heading-toggle-glyph{ position:absolute; top:0; right:0; height:100%; line-height:3.2rem; border-left:2px solid #fff; padding:0 15px; }
.heading-toggle .heading-toggle-glyph .fas{ transition:.3s; }
.content-toggle{ font-size:1rem; padding:30px 30px 30px 60px; color:#000; background:#d9eef8; border-bottom:10px solid #134b8e; }
.content-toggle h4{ font-size:1rem; font-weight:bold; margin-bottom:0; color:#000; }
.content-toggle h4:first-child{ margin-top:0; }
*/
.accordion .head{ position:relative; }
.accordion h3.head .fa,
.accordion h3.head .fas,
.accordion h3.head .far,
.accordion h3.head .fab{ margin-right:0px; }
.accordion h2.head,
.accordion h3.head{ font-size:1.3rem; font-weight:normal; margin:10px 0 0 0; padding:15px 60px 15px 15px; color:#fff; background:#18335E; transition:.3s; cursor:pointer; }
.accordion h2.head:hover,
.accordion h3.head:hover,
.accordion h2.head:focus,
.accordion h3.head:focus,
.accordion h2.head:active,
.accordion h3.head:active{ color:#18335E; background:#FAAF2C; }

.accordion h2.head:hover a,
.accordion h3.head:hover a,
.accordion h2.head:focus a,
.accordion h3.head:focus a,
.accordion h2.head:active a,
.accordion h3.head:active a{ color:#18335E !important; background:#FAAF2C !important; }

.accordion .head a{ color:#fff !important; background:#18335E; text-decoration:none !important; transition:.3s; }
.accordion .head a:hover,
.accordion .head a:focus,
.accordion .head a:active{ color:#18335E !important; background:#FAAF2C; }
.accordion h2.active,
.accordion h3.active{ color:#18335E; background:#FAAF2C; }
.accordion .head.active a{ color:#18335E !important; background:#FAAF2C; }
.accordion .heading-toggle-glyph{ position:absolute; top:0; right:0; height:100%; line-height:3.2rem; border-left:2px solid #fff; padding:0 15px; }
.accordion .heading-toggle-glyph .fas{ transition:.3s; }
.accordion > div{ font-size:1rem; padding:30px 30px 30px 30px; color:#18335E; background:#f8f8f8; border-bottom:10px solid #FAAF2C; }
.accordion > div h4{ font-size:1rem; font-weight:normal; margin-bottom:0; color:#18335E; }
.accordion h4:first-child{ margin-top:0; }

#main h2 b, #main h2 strong,
#main h3 b, #main h3 strong,
#main h4 b, #main h4 strong{ font-weight:normal; }

#main div.left-floating{ float:left; margin: 0 15px 20px 0; }
#main div.right-floating{ float:right; margin: 0 0 20px 15px; }


.login-form .pre-heading{ margin:0; }
.login-form #error-message{ color:red; }
.login-form label{ display:block; font-weight:bold; margin:0; }
.login-form input{ margin-bottom:8px; }

.login-form .btn-primary{ color:#fff; background:#18335E; border-color:#18335E; border-radius:3px; transition:.3s; font-weight:bold; height:2.8rem; }
.login-form .btn-primary:hover{ color:#18335E; background:#FAAF2C; border-color:#FAAF2C; }
.login-form .btn-primary:focus{ color:#18335E; background:#FAAF2C; border-color:#FAAF2C; box-shadow:0 0 0 0.2rem rgba(105, 148, 216, 1); }

.register-form #username-container{ display:none; }
.register-form #error-message{ color:red; }
.register-form label{ display:block; font-weight:bold; margin:0 }
.register-form label.checkbox{ margin-bottom:8px; }
.register-form input{ margin:8px 0; }

.register-form .btn-primary{ color:#fff; background:#18335E; border-color:#18335E; border-radius:3px; transition:.3s; font-weight:bold; height:2.8rem; }
.register-form .btn-primary:hover{ color:#18335E; background:#FAAF2C; border-color:#FAAF2C; }
.register-form .btn-primary:focus{ box-shadow:0 0 0 0.2rem rgba(105, 148, 216, 1); }


.forgot-password-form label{ display:block; font-weight:bold; margin:0; }
.forgot-password-form input{ margin-bottom:8px; max-width:500px; }
.forgot-password-form .btn-primary{ color:#fff; background:#18335E; border-color:#18335E; border-radius:3px; transition:.3s; font-weight:bold; height:2.8rem; }
.forgot-password-form .btn-primary:hover{ color:#18335E; background:#FAAF2C; border-color:#FAAF2C; }
.forgot-password-form .btn-primary:focus{ color:#18335E; background:#FAAF2C; border-color:#FAAF2C; box-shadow:0 0 0 0.2rem rgba(105, 148, 216, 1); }

#tab-toolbar{ padding:15px; }

#my-profile-tab #error-message{ color:red; }
#my-profile-tab label{ display:block; font-weight:bold; margin:0; }
#my-profile-tab input{ margin-bottom:8px; }
#my-profile-tab label.checkbox{ margin-bottom:8px; }

#my-profile-tab .btn-primary{ color:#fff !important; background:#18335E; border-color:#18335E !important; border-radius:3px; transition:.3s; font-weight:bold; height:2.8rem; line-height:2.2; }
#my-profile-tab .btn-primary:hover{ color:#18335E !important; background:#FAAF2C; border-color:#FAAF2C !important; }
#my-profile-tab .btn-primary:focus{ color:#18335E; background:#FAAF2C; border-color:#FAAF2C; box-shadow:0 0 0 0.2rem rgba(105, 148, 216, 1); }

form label{ display:block; font-weight:bold; margin:0; }
form input{ margin-bottom:8px; }
form input.btn-primary{ color:#fff; background:#18335E; border-color:#18335E; border-radius:3px; transition:.3s; font-weight:bold; height:2.8rem; }
form input.btn-primary:hover{ color:#18335E; background:#FAAF2C; border-color:#FAAF2C; }
form input.btn-primary:focus{ color:#18335E; background:#FAAF2C; border-color:#FAAF2C; box-shadow:0 0 0 0.2rem rgba(105, 148, 216, 1); }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { opacity:1; }


/* FONT AWESOME addition  */
@font-face {
  font-family: "untitled-font-1";
  src:url("fonts/untitled-font-1.eot");
  src:url("fonts/untitled-font-1.eot?#iefix") format("embedded-opentype"),
    url("fonts/untitled-font-1.woff") format("woff"),
    url("fonts/untitled-font-1.ttf") format("truetype"),
    url("fonts/untitled-font-1.svg#untitled-font-1") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "untitled-font-1" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "untitled-font-1" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-gps-icon:before {
  content: "\61";
}

.breadcrumbs{ color:#18335E; margin:0 0 20px 0; font-size:.95rem; background:#f8f8f8; padding:15px 0; }
.breadcrumbs i{ margin:3px 10px 0 10px; }
.breadcrumbs a{ color:#18335E !important; text-decoration:none !important; }
.breadcrumbs a:hover{ color:#18335E !important; text-decoration:underline !important; }
.breadcrumbs a i{ margin:0; }
.breadcrumbs div[role="listitem"]{ display:inline; }

.search-results-filter h2{ font-size:1rem; font-weight:bold; }
.search-results-filter .form-check{
    position: relative;
    display: block;
    padding-left: 1.8rem;
    background: #f5f5f5;
    margin-bottom: 5px;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.search-results-filter .form-check label{ width:100%; }
.search-results-filter .form-check.focus{ background-color:#FAAF2C; }

.search-results-filter .form-check,
.search-results-filter .form-check input,
.search-results-filter .form-check label{ cursor: pointer; }

.search-result{  }
.search-result h2{ font-size:1.5rem; margin-bottom:0; }
.search-result h2 a{ text-decoration: none !important; }
.search-result h2 a:hover,
.search-result h2 a:active,
.search-result h2 a:visited{ text-decoration: underline !important; }
.search-result .category{ font-size:.95rem; color:#767676; }
.search-result p{ margin-bottom: .5rem; }

.button.inline-submit{ color:#fff; background:#18335E; border:0px solid #18335E; font-weight:bold; margin:0; padding:7px 15px; border-radius:3px; transition:.3s; }
.button.inline-submit:hover,
.button.inline-submit:focus,
.button.inline-submit:active{ color:#18335E; background:#FAAF2C; border:0px solid #FAAF2C; }

#retailer_keyword,
#infobar_keyword{
  display: block;
  width: 300px;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

ul.list-icons{ list-style-type:none; padding-left:0 !important; }
ul.list-icons li{ display:inline-block; height:100px; min-width:100px; text-align:center; }
ul.list-icons li a{ display:block; height:100px; min-width:100px; padding:10px; background:#444; color:#fff; font-size:1.2rem; font-weight:bold; line-height:40px; text-decoration:none !important; transition:.3s; }
ul.list-icons li a:hover,
ul.list-icons li a:active,
ul.list-icons li a:focus{ text-decoration:none; opacity:.8; }
ul.list-icons li a:focus{ box-shadow:0 0 0 0.2rem rgba(105, 148, 216, 1); outline:0; }
ul.list-icons li a#bus-tile{ background:#2CAA52; color:#fff; }
ul.list-icons li a#train-tile{ background:#209FD5; color:#fff; }
ul.list-icons li a#tram-tile{ background:#eb2127; color:#fff; }
ul.list-icons li a#regional-bus-tile{ background:#781d7d; color:#fff; }
ul.list-icons li a img{ max-height:50px; }

@media (max-width: 1000px) {
  ul.list-icons li{     margin-top: auto;  display: block;  width: 170px; margin-bottom: 18px!important;}
}


#event-form input[type="text"]{ width:300px; }
#event-form input, #event-form select{ margin-bottom: 8px; font-weight: normal; color: #18335E; background-color: #cac9d5; border:1px #9492AB solid; font-size: .95rem; padding: .75rem; height: 2.8rem; border-radius: .25rem; }
#event-form input[type="radio"]{ height:0.8rem; }
#event-form textarea{ margin:3px 0 0 0; margin-bottom: 8px; font-weight: normal; color: #18335E; background-color: #cac9d5; border:1px #9492AB solid; font-size: .95rem; padding: .75rem; border-radius: .25rem; width:300px; }

#event-form .element.grid{ width:1000px; }
#event-form .grid-container .scroll-right-msg{ display:none; }
@media screen and (max-width: 992px){
  #event-form .grid-container{ width:100%; overflow:auto; }
  #event-form .grid-container .scroll-right-msg{ display:block; }
}

#event-form .top-labels{ margin-left: 75px; }
#event-form .element.grid.top-labels label { float: left; width: 15.8%; margin-bottom: 0px; }
#event-form .element .day_label{ display: inline-block; width: 70px; }
#event-form .grid input.event_details{ width: 15.5%; display:inline-block; }
#event-form .element.total{ /*float: right;*/ margin:10px 0 0 710px; }

#event-form .btn-primary{ color:#fff; background:#18335E; border-color:#18335E; border-radius:3px; transition:.3s; font-weight:bold; height:2.8rem; }
#event-form .btn-primary:hover{ color:#18335E; background:#FAAF2C; border-color:#FAAF2C; }
#event-form .btn-primary:focus{ box-shadow:0 0 0 0.2rem rgba(105, 148, 216, 1); }

#back-to-top{ display:none; position:fixed; bottom:10px; right:10px; z-index:9999; }
#back-to-top a{ display:block; padding:10px; color:#18335E; background-color:#fff; border:1px solid #18335E; border-radius:3px; transition:.3s; }
#back-to-top a:hover,
#back-to-top a:focus{ color:#18335E; background-color:#FAAF2C; border:1px solid #FAAF2C; text-decoration:none !important; }
#back-to-top a:focus{ box-shadow:0 0 0 0.2rem rgba(105, 148, 216, 1); outline:0; }

footer::before{ margin-top:30px; }
footer{ background:#f8f8f8;; color:#18335E; font-weight:normal; font-size:.95rem; padding-top:30px; padding-bottom:30px; margin-top:auto; }
footer h4{ font-size:1.1rem; }
footer ul{ padding:0; margin-bottom:1.5rem; }
footer ul li{ display:inline-block; list-style-type:none; line-height:1.0; }
footer ul li a{ color:#18335E; }
footer ul li a:hover,
footer ul li a:active,
footer ul li a:visited{ color:#18335E; }
footer a{ color:#18335E; }
footer a:hover,
footer a:active,
footer a:visited{ color:#18335E; }

footer .footer-left ul li a{ margin-right:30px; }
footer .footer-right ul li a{ margin-left:30px; }
footer .footer-social-icons{ font-size:2rem; }
footer .footer-logos li{ display:inline-block; height:30px; }
footer .footer-logos li a{ height:30px; line-height:30px; }
footer .footer-logos img{ max-height:30px; }
footer .footer-logos .logo-sagovau{ margin-top:10px; max-height:17px; }

@media screen and (max-width: 369px){
  header .navbar-toggler{ padding:8px 4px; }
  .my-metro-login-btn{ padding:7px 8px; }
}

@media screen and (max-width: 390px){
  .my-metro-login-btn{ margin:0 5px; }
}

@media screen and (max-width: 767px){
  #main{ padding-left:0; padding-right:0; }
	header .logo{ height:50px; }

  header.header2{ background:#fff; z-index:9999; position:relative; }
  #search{ top:76px; left:0; }

	.navbar{ padding-right:0; }

  .banner{ display:none; }
  .banner2{ display:none; }

  #user-logged-in{ position:absolute; right:15px; bottom:-15px; font-size:.95rem; }

	footer ul li{ display:block; line-height:1.5; }
	footer .footer-left ul li a{ margin-left:0; margin-right:0; }
	footer .footer-right ul li a{ margin-left:0; margin-right:30px; }
	footer .footer-social-icons{ text-align:right; }
	footer .footer-social-icons li{ display:inline-block; }
	footer .footer-social-icons li a{ margin-left:10px !important; }
}

@media screen and (max-width: 991px){
    .alert{ position:relative; }

    .banner{ display:none; }
    .banner2{ display:none; }

    .search-results{ width:100%; }
}

@media screen and (min-width: 992px){
	#nav-main-toggler{ display:block; }
	#nav-main{ display:none; width:380px; position:fixed; top:0px; right:0px; height:100%; overflow:auto; }
	#close-menu{ display:inline-block; }

    /*
	#search-toggler{ display:block; }
	#search{ display:none; width:380px; position:fixed; top:0px; right:0px; height:100%; }
	#quick-searches{ display:none; }

    #search{ display:block; width:380px; position:absolute; top:24px; right:80px; height:initial; background:none; box-shadow:none; }
    #search-toggler{ margin-right:35px; }
    */

  #search-toggler{ display:block; }
	#search{ display:none; width:380px; position:fixed; top:0px; right:0px; height:100%; }
	#close-search{ display:inline-block; margin:-5px -15px 10px 0; }

  .banner{ margin-top:-15px; margin-bottom:15px; box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px; opacity:.9; }
  #main.home{ margin-top:-150px; }

  .banner2{ z-index:-1; margin-top:-15px; margin-bottom:15px; /*box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px;*/ /*opacity:.9;*/ }

  .search-results-filter{ float:right; width:25%; }
  .search-results-filter h2{ font-size:1rem; font-weight:bold; }

  .search-results{ width:73%; }

  .box h2 .dropdown-glyph,
  .news-and-events-row h2 .dropdown-glyph{ display:none; }
  
  #real-time-results .stop .service-platform{ display:inline-block; float:right; }
  #real-time-results .stop .service-description-icons{ display:inline-block; float:right; }
  #real-time-results .stop .service-description-icons > div{ display:inline-block; }
  
  #real-time-results .stop .service-description .accessability{ float:right; color:#fff; background-color:#034ea1; border-radius:50%; font-size:.9rem; height:1.4rem; width:1.4rem; line-height:1.4rem; text-align:center; vertical-align:top; margin-right:.2rem; }
  #real-time-results .stop .service-description-icons .real-time{ float:right; color:#fff; background-color: #034ea1; border-radius:50%; font-size:1.0rem; height:1.4rem; width:1.4rem; line-height:1.0rem; text-align:center; padding:.2rem; vertical-align:top; margin-right:.2rem; }
  #real-time-results .stop .service-description-icons .electric{ float:right; color:#fff; background-color:#034ea1; border-radius:50%; font-size:.9rem; height:1.4rem; width:1.4rem; line-height:1.4rem; text-align:center; vertical-align:top; margin-right:.2rem; }
  #real-time-results .stop .service-description-icons .no-pickup,
  #real-time-results .stop .service-description-icons .no-setdown{ float:right; background-color:#ccc; border-radius:50%; font-size:.9rem; font-weight:normal; line-height:.7rem; padding:.4rem; height:1.4rem; width:1.4rem; text-align:center; vertical-align:middle; display:inline-block; margin-right:.2rem; }

	footer .footer-right{ text-align:right; }
}

@media screen and (min-width: 992px) and (max-width: 1280px){
    #main.home{ margin-top:-40px; }
}



@media print{
  header nav{ display:block !important; }

  #search-toggler,
  #my-metro-login-btn,
  #nav-main-toggler,
  #search,
  #nav-main,
  #back-to-top,
  footer .footer-links,
  footer .footer-social-icons{ display:none !important; }
}

div#_hj_feedback_container, div#_hj-f5b2a1eb-9b07_feedback {
  position: absolute!important;
  left: -1000000px;
  visibility: hidden;
}