body, html {height: 100%;margin: 0;padding: 0;}body {font-family: Lato, sans-serif;color: #040707;background-color: #f7f7f7;}h1, h2, h3, h4, h5 {font-family: 'Titillium Web', sans-serif;}.wrapper {display: flex;flex: 1 1 auto;overflow: hidden;}.row {display: flex;flex-direction: row;height: 100vh;width: 100vw;margin: 0;}.no-gutters {padding-left: 0;padding-right: 0;}.btn {background: #183762;color: #fff;padding: 1.2rem 2rem;font-weight: 700;border-radius: 0;margin: 0.2rem;display: inline-block;}.btn:focus, .btn:hover {color: #fff;background: #184b92;}fieldset {border: 1px groove #ddd!important;width: max-content;padding: 0.5em 2em 0.8em 0.5em;}.select-border legend {font-size: 1em!important;font-weight: 700!important;text-align: left!important;width: auto;padding: 0 5px;border-bottom: none;margin-bottom: unset;}#sidebar {position: fixed;z-index: 3;background: url(../images/blue-bg.jpg) no-repeat #183762;background-size: cover;box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, .1);max-width: 300px;width: 100vw;color: #fff;height: 100%;}#sidebar-right {position: fixed;right: 0;z-index: 3;background-size: cover;box-shadow: -1rem 1rem 1rem rgba(0, 0, 0, .1);max-width: 530px;width: 100vw;height: 100%;}.login-container {display: flex;height: 98vh;margin: 0 auto;flex-direction: column;justify-content: center;align-items: center;}#login-form {display: flex;flex-direction: column;align-items: center;}#login-form table {background-color: transparent;}#login-form table td {padding: 5px;}#logout-button {text-align: left;padding: 10px;}#logout-button form {margin-bottom: 0;color: #fff;}#logout-button input[type=submit] {color: #000;margin-left: 10px;}#hamburger-wrapper {position: absolute;width: 50px;height: 50px;margin: 0;margin-left: 250px;padding: 0;z-index: 999;transition: all .39s ease-in-out;}.burger {color: #fff;font-size: 2em;text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000;display: inline-block;padding: 8px 8px 5px 8px;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);transition: all .39s ease-in-out;}.burger:hover {cursor: pointer;}.burger:after {margin-top: 12px;}.closed .burger {-webkit-transform: rotate(90deg);transform: rotate(90deg);margin-left: auto;margin-right: 17px;color: #fff;text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000;}.closed .burger:after {transition: margin .2s, transform .1s .1s;}.closed #hamburger-wrapper {margin-left: 0;}#arrow-wrapper-wave {float: right;position: fixed;width: 50px;height: 50px;right: 530px;z-index: 999;}#arrow-wrapper {float: right;position: absolute;width: 50px;height: 50px;right: 10px;z-index: 999;cursor: pointer;transition: all 0.3s ease;}.arrow {color: #fff;font-size: 2em;text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000;display: inline-block;padding: 8px 8px 8px 8px;transition: all 0.3s ease;}.arrow:after {margin-top: 12px;}.closed .arrow {-webkit-transform: rotate(180deg);transform: rotate(180deg);margin-right: auto;margin-left: 17px;color: #fff;text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000;}.closed .arrow:after {transition: margin 0.2s, transform 0.1s 0.1s;}.closed #arrow-wrapper {margin-right: 17px;}.closed #arrow-wrapper-wave {margin-right: 17px;}.closed .toolbar {opacity: 0;max-height: 0;padding: 0 2rem 0 6rem;}.closed #toolbar-wave {opacity: 0;max-height: 0;padding: 0 2rem 0 6rem;}.brand {background-color: #fff;padding: 1rem;text-align: center;}nav {width: 100%;}.nav .brand img {max-height: 60px;max-width: 180px;width: auto;margin: 1rem;}.menu {margin: 0;padding: 0;list-style: none;}.menu>li {border-bottom: 1px solid rgba(0, 0, 0, .5);}.menu>li:hover {background-color: rgba(0, 0, 0, .5);}.menu>li a {padding: 2rem 2.5rem;}.menu>li a, .menu>li>strong {display: block;color: #fff;font-size: 1.25rem;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}.menu>li a:focus, .menu>li a:hover {text-decoration: none;}.menu>li>strong {padding: 2rem 2.5rem .5rem;}.menu ul {list-style: none;margin: 0 2rem 1.25rem;padding: 1.25rem 0 0;border-top: 1px solid #fff;}.menu ul li a {border: 0;padding: 0 1rem 1rem;}.menu ul li a:before {content: '-';margin-right: 1rem;}.nav-tabs {display: flex;flex-direction: row;border: 0!important;}.nav-tabs li {float: none;flex: 1;}.nav-tabs li>a {background-color: #5a6068;color: #fff;font-weight: 700;border: 0;border-radius: 0!important;margin: 0;padding: 1rem 1.5rem;text-align: center;border-right: 1px solid rgba(0, 0, 0, .5);}.nav-tabs li:last-child>a {border-right: none;}.nav-tabs li>a:focus, .nav-tabs li>a:hover {background-color: #363a3f;border: 0!important;}.nav-tabs li.active>a {border-radius: 0;background-color: #183762!important;color: #fff!important;border: 0;}.tab-content h2 {font-size: 2rem;text-transform: uppercase;letter-spacing: 1px;}#buses, #stations {padding: 2rem;}.data-table {margin: 2rem auto;background-color: #fff;color: #183762;width: auto;max-height: 100%}.data-table td, th {padding: 1rem;border: 1px solid rgba(0, 0, 0, 0.5);font-size: 1.45rem;width: 20px;text-align: center;}.data-table th {border: 0;background-color: #000;color: #fff;position: -webkit-sticky;position: sticky;}.data-table-row-1 th {height: 3.4rem;position: -webkit-sticky;position: sticky;top: 0;}.data-table-row-2 th {top: 3.4rem;position: -webkit-sticky;position: sticky;}.data-table tr:nth-child(even) th {background-color: rgba(0, 0, 0, 0.75);}.table-wrapper-scroll-y {position: relative;max-height: 500px;max-height: 70vh;-ms-overflow-y: auto;overflow-y: auto;display: block;-scrollbarBG: #183762;-thumbBG: #90a4ae;scrollbar-width: thin;scrollbar-color: var(- -thumbBG) var(- -scrollbarBG);}.table-wrapper-scroll-y::-webkit-scrollbar {width: 11px;}.table-wrapper-scroll-y::-webkit-scrollbar-track {background: var(- -scrollbarBG);}.table-wrapper-scroll-y::-webkit-scrollbar-thumb {background-color: var(- -thumbBG);border: 3px solid var(- -scrollbarBG);}.content {font-size: 1.5rem;flex: 1;height: 100vh;width: 100vw;margin: 0 auto;overflow: auto;margin-left: 300px;transition: all 0.39s ease-in-out;z-index: 4;background: #f7f7f7;}#content-wave{margin-right: 530px;}.expanded {margin-left: 0px;}.content table {display: block;table-layout: auto;background-color: #fff;color: #040707;padding: 0 10px 10px;width: auto;margin-right: 0 auto;bottom: 20px;}.content h1 {position: relative;margin-bottom: 2rem;margin-top: 10px;text-align: left;font-size: 4rem;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;color: #183762;z-index: 5;}.content-section {padding: 2rem;}.content-section .canvas, .content-section .data-table {max-width: 1200px;margin: 2rem 0;width: 100%}.content-section .data-table td, .content-section .data-table th {padding: .7rem;}.content-section .canvas {border: 2px solid #ccc;}#basePerf2-content {padding-left: 6rem;}.graph-container {overflow: auto;}#graph {height: 80vh!important;width: 100%}#segmentSpeedPage-form {width: max-content;}.loader-wrapper {display: flex;-webkit-justify-content: center;justify-content: center;z-index: 3;}.loader {display: none;border: 16px solid #f3f3f3;border-top: 16px solid #183762;border-radius: 50%;width: 120px;height: 120px;animation: spin 2s linear infinite;}@keyframes spin {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}.hide-loader {display: none;}.select-bottons {margin-top: 1em;}@media only screen and (min-width:320px) {.gtitle, .xtitle, .y2title, .ytitle {font-size: calc(5px + (26 - 14)* ((100vw- 300px)/ (1600- 300)))!important;}}@media only screen and (min-width:1080px) {.gtitle, .xtitle, .y2title, .ytitle {font-size: 14px!important;}}.toolbar {position: fixed;width: 100%;z-index: 2;background: #040707;background: linear-gradient(0deg, rgba(4, 7, 7, 0) 0, #040707 100%);padding: 2rem 2rem 4rem 6rem;margin: 0 auto;opacity: 1;max-height: 200px;overflow: hidden;transition: all 0.3s ease;}#toolbar-wave {left: 300px;right: 530px;position: fixed;width: calc(100% - 300px - 530px);z-index: 2;background: #040707;background: linear-gradient(0deg, rgba(4, 7, 7, 0) 0, #040707 100%);padding: 2rem 2rem 4rem 6rem;margin: 0 auto;opacity: 1;max-height: 200px;overflow: hidden;transition: all 0.3s ease;}#toolbar-wave h1 {color: #fff;}#toolbarArrow {position: fixed;right: 0;z-index: 3;margin: 10px;}#upArrow {background-color: #fff;border: 1px solid #000;border-radius: 3px;padding: 5px 5px 5px 8px;margin: 2px;background-color: #fff;text-align: center;vertical-align: middle;font-size: 1.5em }#arrow {display: none }#arrowNav-Wrapper-wave {left: 300px;right: 530px;position: fixed;z-index: 3;}#arrowNav {display: flex;margin: 0 auto }#arrowNav input:checked ~.toolbar {display: none }.toolbar h1 {color: #fff;}.filters {background-color: #fff;border: 1px solid rgba(0, 0, 0, .25);display: inline-block;padding: 1rem;border-left: 5px solid rgba(0, 0, 0, .7);margin: .2rem;}.filters:last-child {margin-right: 0;}#stopTimesTable td, .filters div {text-align: left;font-weight: 700;}.filters label {margin-bottom: 0;}.filters select {margin-left: 1rem;}#filterTable {display: inline;padding: 0;background-color: transparent;}input[type=date] {line-height: normal;overflow: hidden;padding: 0;-webkit-padding-start: 1px;text-align: center;}#checklistDiv {height: 40vh;overflow: scroll;}#playback {display: block;margin: 0 auto;}#map {display: flex;position: fixed;top: 0;bottom: 0;right: 0;width: auto;height: 100vh;}.head10 {width: 10px;}#stopTimesTable {border: 0 solid #000;border-collapse: separate;width: auto;margin-left: 30px;}#stopTimesTable td {border: 0 solid #000;}#stopTimesTable thead th {text-align: left;}#stopTimesTable tbody td {text-align: center;}#stopTimesTable tbody:nth-child(even) {background-color: #f2f2f2;}#lightStatusTable thead th {text-align: left;}.activeGreen, .bold, .inactiveGreen {font-weight: 700;font-size: 18px;}.activeGreen, .inactiveGreen {background-color: #d5e5db;color: #0f0;}.inactiveGreen {background-color: #fff;}.seperatorRow {background-color: #e3e3e3;height: 30px;}#infoBox {position: fixed;right: 10px;bottom: 15px;z-index: 100;width: 300px;height: auto;background: rgb(207, 227, 255);background: linear-gradient( 3deg, rgba(207, 227, 255, 1) 29%, rgba(215, 232, 255, 1) 72% );border-radius: 8px;padding-bottom: 10px;box-shadow: 0px 0px 10px rgb(0, 0, 0);transition: all 0.46s ease-in-out;}#infoBox.collapsed {right: -330px;}#infoBox span {line-height: 1.5;color: rgb(178, 186, 194);}#infoBox h1 {display: block;color: rgb(0, 0, 0);font-size: 1.25rem;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;margin: 8px;}#infoBox-head {display: flex;justify-content: space-between;}#collapse-info-box {padding: 3px 6px 3px 6px;}#collapse-info-box:hover {cursor: pointer;color: rgb(70, 70, 70);}#infoBox-table {background-color: revert;width: 100%;display: table;color: rgb(78, 78, 78);overflow: hidden;}#infoBox-table td, #infoBox-table tr {padding: 0.5rem;padding-left: 1rem;padding-right: 1rem;text-align: left;color: rgb(39, 39, 39);border-top: 0.5px solid rgb(155, 161, 168);border-bottom: 0.5px solid rgb(155, 161, 168);background: rgb(183, 208, 255);overflow: hidden;font-size: 1.25rem;}@media only screen and (max-width:992px) {.toolbar {height: 100%;overflow-y: scroll;}.toolbar h1 {font-size: 1.5em;}.nav ul {flex-direction: column;}.filters {display: block;width: 100%;}.filters div {display: block;margin: 1rem 0;}.sidebar {overflow-y: scroll;}#toolbarArrow {margin: 2px;}}