* {
  -webkit-overflow-scrolling: touch;
}

[type=radio]:checked + label:after,
[type=radio].with-gap:checked + label:after,
[type=radio]:checked + label:after, [type=radio].with-gap:checked + label:after {
  background-color: cornflowerblue;
}

[type=radio]:checked + label:after, [type=radio].with-gap:checked + label:before, [type=radio].with-gap:checked + label:after {
  border: solid 2px cornflowerblue;
}

[type=radio]:checked + label::after, [type=radio].with-gap:checked + label::before, [type=radio].with-gap:checked + label::after,
[type=radio]:not(:checked) + label::before, [type=radio]:not(:checked) + label::after {
  display: none !important;
}

.back-button:hover {
  cursor: pointer;
}

.dropdown-content li > a, .dropdown-content li > span {
  font-weight: 400;
  color: black;
}
.dropdown-content li > a .highlight, .dropdown-content li > span .highlight {
  font-weight: bold;
  color: #26a69a;
}

/*
 * Side-Nav styles
*/
#loading {
  z-index: 99999;
  width: 100vw;
  height: 100vh;
  position: absolute;
  background-color: rgba(232, 232, 232, 0.5);
}
#loading .preloader-wrapper {
  margin-left: calc(50vw - 45px);
  margin-top: calc(50vh - 45px);
}

.sidenav ul li {
  background: white;
}
.sidenav ul li .menuHeader {
  border: none;
}
.sidenav ul li.menuHeader.category h5 {
  padding: 0 0 0 16px;
  margin: 17px 0 5px 0;
  color: #c1c1c1;
  font-weight: normal;
  font-size: 0.75em;
}
.sidenav ul li.menuHeader.category {
  border-top: 1px solid #e8e8e8 !important;
}
.sidenav ul li.reg-link {
  width: 100%;
}
.sidenav ul li.reg-link.help-link a i {
  font-size: 24px !important;
  padding-left: 4px !important;
}
.sidenav ul li.reg-link.help-link a p {
  font-size: 1rem !important;
  margin-left: 22px;
}
.sidenav ul li.reg-link .iconSVG {
  padding: 0;
  margin: 12px 0 0 0;
  height: 24px;
  width: auto;
}
.sidenav ul li.reg-link a:hover {
  color: #272727;
}
.sidenav ul li.reg-link a:hover i {
  color: #272727;
}
.sidenav ul li.reg-link div {
  display: inline;
  margin-top: -5px;
  padding-top: 0;
  line-height: 24px;
}
.sidenav ul li.accordian-link div.collapsible-header {
  border-top: none !important;
  background-color: #ffffff;
}
.sidenav ul li.accordian-link div.collapsible-header:hover {
  background: #e8e8e8;
}
.sidenav ul li.accordian-link div.collapsible-header i {
  margin-right: 8px;
}
.sidenav ul li.accordian-link div.collapsible-header p {
  padding-left: 0;
}
.sidenav ul li.accordian-link div.active {
  color: #272727;
}
.sidenav ul li.accordian-link div.active p {
  color: #272727;
}
.sidenav ul li.accordian-link div.active i.expandArrow { /* IE 9 */ /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}
.sidenav ul .beta {
  font-size: smaller;
}
.sidenav ul .beta-star {
  position: relative;
  top: -4px;
}

[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 8px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-restrooms:before {
  content: "\e900";
  color: #666;
}

.accordian-link {
  background: white;
}

#campusAddress {
  position: fixed;
  bottom: 0;
  height: 40px;
  width: 100vw;
  padding-right: 10px;
  background: #272727;
}
#campusAddress p {
  text-align: right;
  font-size: 14px !important;
  color: #dadada;
}
#campusAddress #copyright {
  position: absolute;
  padding: 0;
  left: 8px;
}

#postPOI {
  border-top: 1px solid #e8e8e8;
}

#searchIcon {
  cursor: pointer;
}

.event-menu-list-item {
  color: #666666;
  border-top: 1px solid #e8e8e8;
}
.event-menu-list-item i {
  margin-right: 16px;
  position: relative;
  top: 8px;
}
.event-menu-list-item p {
  width: 100%;
}

.headerBar {
  border: none !important;
  height: 60px;
  background: #272727 !important;
  padding: 0 !important;
}
.headerBar p {
  padding: 0;
  font-weight: 300 !important;
  font-size: 1.5rem !important;
  line-height: 66px !important;
}
.headerBar i {
  top: 21px;
}

.category-list {
  height: calc(100% - 34px);
  overflow-x: hidden;
  overflow-y: auto;
}

section#listContent {
  display: block;
  overflow-y: auto;
  transition: 0.3s;
}
section#listContent ul.collection {
  margin: 0;
  max-width: 424px;
  border: none !important;
  border-radius: 0 !important;
}
section#listContent ul.collection li.collection-item {
  min-height: auto;
  line-height: 2rem;
  width: 100%;
}
section#listContent ul.collection li.collection-item:hover {
  background: #f4f4f4;
}
section#listContent ul.collection li.collection-item div span {
  color: #272727;
}
section#listContent ul.collection li.collection-item div p {
  padding-left: 0;
  font-size: 0.9em !important;
  line-height: 1.1em;
  letter-spacing: 0.5px;
  color: #848A93;
}
section#listContent ul.collection li.collection-item.avatar {
  padding: 15px 20px 15px 72px;
}

/*-------------------------------------------*\
   dumlao.scss

   Index
   - 00 Misc.
   - 01 Points of Interest
   - REMOVED - 02 Side menu (Level 2 side menu)
   - 03 Side Navigation
   - 04 Search bar
   - 05 Detailed View
   - 06 Directions View
   - 07 Help Category
\*-------------------------------------------*/
body {
  height: 100vh;
  width: 100vw;
}

#ritLogo {
  height: 20px;
  float: left;
  margin-left: 20px;
  margin-top: 21px;
}

.orange-text {
  color: #272727 !important;
}

.orange-bg {
  background: #F36E21 !important;
}

.black-bg {
  background: #272727 !important;
}

[type=radio] + label:before, [type=radio] + label:after {
  left: 32px;
}

.reverse-z-depth-1 {
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.12), 0 -1px 5px 0 rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-gray .waves-ripple {
  background-color: #f0f0f0;
}

.hover:hover {
  cursor: pointer;
}

body {
  overflow: hidden;
}

/* Header for side menus */
.side-header {
  position: relative;
  border-bottom: 2px solid #F36E21;
}
.side-header p {
  width: 100%;
  padding-top: 8px;
  padding-bottom: 7px;
  padding-left: 98px;
  font-size: 24px !important;
  font-weight: 100 !important;
}
.side-header .back-arw {
  position: absolute;
  right: 16px;
  top: 10px;
  font-size: 2rem;
}
.side-header .back-arw i {
  transition: 0.2s;
}
.side-header .back-arw i:hover {
  color: #e8e8e8 !important;
  transition: 0.2s;
}
.side-header .back-arw i.double-arw {
  transform: translateX(40px);
}
.side-header .back-arw:hover {
  background: none;
}

#menuClose {
  width: initial;
  padding: 4px;
  color: #b4b4b4;
  cursor: pointer;
}

/* 01 Points of Interest */
li.poi-cat {
  position: relative;
  width: 100%;
}
li.poi-cat.two-line-link p {
  line-height: 1.4 !important;
  padding-right: 10px !important;
}
li.poi-cat p {
  width: 100%;
  padding-left: 60px;
  color: #666666;
}
li.poi-cat p.poi-label {
  font-weight: 300 !important;
}
li.poi-cat p:hover {
  background: #e8e8e8;
  cursor: pointer;
}

p {
  margin: 0;
  padding-left: 16px;
}

li.help-link p {
  margin-left: 30px;
}

.category, .category-header {
  border-top: 1px solid #e8e8e8 !important;
  color: #666666;
}
.category p, .category-header p {
  color: #666666;
  font-weight: 300 !important;
}

.menuHeader p {
  text-transform: uppercase;
}

.collapsible-header p {
  font-weight: 400 !important;
  padding: 0;
}

/*
 * 02 Points of Interest
 * Level 2 side menu content
 */
#detHead, #detZoneHead, .headerBar {
  height: 60px;
  background-color: #272727 !important;
  color: white;
}
#detHead p, #detHead h5, #detZoneHead p, #detZoneHead h5, .headerBar p, .headerBar h5 {
  font-weight: 300;
  line-height: 20px;
  margin-left: 60px;
}

.headerBar p {
  max-width: 300px;
  width: 75vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.back-button {
  position: absolute;
  top: 18px;
  left: 16px;
  color: white;
  font-size: 1.5rem;
  z-index: 999;
}
.back-button:hover {
  cursor: pointer;
}

#closeParking:hover {
  cursor: pointer;
}

#closeDeviceHelp {
  top: 8px;
}

/* 03 Side Navigation */
.sidenav {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  height: 100vh;
  width: 416px;
  background: white;
}
.sidenav ul {
  padding: 0;
}
.sidenav ul li.accordion-link {
  background: white !important;
}
.sidenav ul li.accordion-link.active div.category {
  background: white;
}
.sidenav ul li.accordion-link.active div.category i, .sidenav ul li.accordion-link.active div.category p {
  color: #272727;
}
.sidenav ul li.category {
  padding: 0;
}
.sidenav ul li a {
  color: #666666;
  padding: 0 0 0 16px;
}
.sidenav ul li a i {
  margin-right: 20px !important;
}

.help-link:hover {
  background: rgba(0, 0, 0, 0.05);
  transition: 0.1s;
  cursor: pointer;
}

.url-link {
  padding: 0 46px !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

#sidePanel {
  position: fixed;
}
#sidePanel #catList {
  z-index: 991;
}

#markerCollection {
  padding-bottom: 100px !important;
}

#detailedView, #exhibit-detailedView, #sidePanel, #zoneView, #toast-container {
  left: -1px;
  height: auto;
  z-index: 999;
}

#searchInput .autocomplete-content {
  position: absolute;
  width: 100%;
}

#buildingBrief {
  display: none;
  color: #666666;
}
#buildingBrief:hover {
  cursor: pointer;
}

#bbName {
  font-weight: 500 !important;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip.info-tip:hover {
  cursor: default;
}

.tooltiptext.sidetip {
  width: 50px !important;
}
.tooltiptext.dest-tip {
  width: 64px !important;
}

.no-top-border {
  border-top: none !important;
}

/* Tooltip text */
.tooltip .tooltiptext {
  position: absolute;
  opacity: 0;
  padding: 0;
  width: 120px;
  background-color: #3f3f3f;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 24px;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  opacity: 1;
  transition: opacity 0s linear 0.6s;
  left: 0;
}

.modal:focus {
  outline: none;
}

.powerStatusError {
  top: 50px;
  width: 416px;
  left: 50%;
  margin-left: -208px;
  position: fixed;
  background: white;
  border-radius: 8px;
}
.powerStatusError .modal-content {
  min-height: 300px;
  background: url("/images/Error.png") border-box top center;
}
.powerStatusError .modal-content p {
  position: relative;
  top: 108px;
  width: 70vw;
  margin-left: auto;
  margin-right: auto;
  max-width: 250px;
}
.powerStatusError a {
  position: absolute;
  top: 4px;
  right: 4px !important;
  font-size: smaller;
}
.powerStatusError a:hover {
  color: #d0d0d0;
}

@media (max-width: 768px) {
  #tab1 .playEvent {
    bottom: 60px;
  }
  .botTab {
    width: 100% !important;
  }
}
.marker .circle {
  padding: 10px;
}
.marker .small-circle {
  padding: 2px 4px;
  font-size: 1.6em;
  position: relative;
  top: 1px;
}

#directionsPane {
  transform: translateY(0);
  position: absolute;
  top: 0;
  transition: 0.35s ease-out;
  width: 100%;
  padding: 0;
  margin-top: -1px;
  z-index: 2;
}
#directionsPane #directionWindow {
  padding: 12px 0 24px;
  background: #272727;
  /* Walking Directions, Cycling Directions */
}
#directionsPane #directionWindow .row {
  margin: 1em 0 0 0;
}
#directionsPane #directionWindow .row .dir-point {
  margin: 1rem 0 0 0.4rem;
  font-size: 16px;
}
#directionsPane #directionWindow .row .input-field .input-field {
  border-bottom: 1px solid white;
}
#directionsPane #directionWindow .row .fuse-search {
  top: 0;
}
#directionsPane #directionWindow .row .fuse-search .search-field {
  color: white;
}
#directionsPane #directionWindow .row .input-icon {
  margin: 0 0.25em;
}
#directionsPane #directionWindow .row #dirMyLoc, #directionsPane #directionWindow .row #dirSwap {
  margin-top: 0.7rem;
}
#directionsPane #directionWindow .row #dirMyLoc:hover, #directionsPane #directionWindow .row #dirSwap:hover {
  cursor: pointer;
}
#directionsPane #directionWindow .row .input-field {
  position: relative;
  margin: 0;
}
#directionsPane #directionWindow .row .input-field i.directions-search-icon {
  position: absolute;
  right: 8px;
  top: 10px;
  width: auto;
  color: #272727;
  opacity: 0;
}
#directionsPane #directionWindow .row .input-field input:focus + i.directions-search-icon {
  color: rgb(255, 255, 255);
  opacity: 1;
}
#directionsPane #directionWindow .row .input-field input {
  width: 76%;
  margin: 0;
  border-bottom: none;
}
#directionsPane #directionWindow .row .input-field input:focus {
  border-bottom: none;
  box-shadow: 0 1px 0 0 white;
}
#directionsPane #directionWindow .row .input-field input[type=text]:focus {
  color: white;
}
#directionsPane #directionWindow .row .input-field input::-moz-placeholder {
  color: #dadada;
}
#directionsPane #directionWindow .row .input-field input::placeholder {
  color: #dadada;
}
#directionsPane #directionWindow #directionsOptions {
  margin-top: 1rem;
}
#directionsPane #directionWindow #directionsOptions i.back-arw {
  float: left;
  height: 32px;
  margin: 0 10px;
  cursor: pointer;
}
#directionsPane #directionWindow #directionsOptions div#walk {
  margin-left: 10%;
}
#directionsPane #directionWindow #directionsOptions div.chip {
  background: #272727;
  color: white;
}
#directionsPane #directionWindow #directionsOptions div.chip:hover {
  cursor: pointer;
}
#directionsPane #directionWindow #directionsOptions div.chip.active {
  background: white;
}
#directionsPane #directionWindow #directionsOptions div.chip.active i {
  color: #272727;
}
#directionsPane #directionWindow #directionsOptions div i {
  width: -webkit-fill-available;
  width: -moz-available;
  line-height: 32px;
}
#directionsPane #directionWindow #directionsOptions div span {
  width: -webkit-fill-available;
  width: -moz-available;
}
#directionsPane #directionWindow #directionsOptions div span i {
  width: auto;
}
#directionsPane #directionWindow #directionsOptions #closeDirPane {
  position: absolute;
  right: 2em;
  top: 1.5em;
}
#directionsPane #directionWindow #directionsOptions #closeDirPane i {
  margin-top: 25%;
}
#directionsPane #door-progress {
  display: none;
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
}
#directionsPane #navigationControls {
  position: absolute;
  width: 100vw;
  top: 0;
}
#directionsPane #navigationControls .grey {
  padding-bottom: 20vh;
}
#directionsPane #navigationControls.mobile-open {
  transform: translateY(60vh);
}
#directionsPane #navigationControls.directions-with-door-routing {
  overflow: hidden;
}
#directionsPane #navigationControls.directions-with-door-routing #dirSuggestions.disable-scrolling {
  overflow: hidden;
  height: 100vh;
  top: 0 !important;
}
#directionsPane #navigationControls.directions-with-door-routing #dirSuggestions #routeInstr {
  position: absolute;
  top: 0;
  z-index: 3;
  height: 100vh;
  width: 100vm;
  padding-left: 0;
  padding-right: 0;
}
#directionsPane #navigationControls.directions-with-door-routing #dirSuggestions #routeInstr #viewAllEntr .viewAll {
  padding: 20px 48px;
}
#directionsPane #navigationControls.directions-with-door-routing .collection {
  margin-top: 0;
  height: unset;
  padding-bottom: 15vh;
  overflow: scroll;
}
#directionsPane #navigationControls.directions-with-door-routing .collection .collection-item {
  width: 100%;
  padding: 16px 0 8px 0;
}
#directionsPane #navigationControls.directions-with-door-routing .collection .collection-item .row {
  width: 100%;
  margin-bottom: 0;
}
#directionsPane #navigationControls.directions-with-door-routing .collection .collection-item:hover {
  transition: 0.1s ease-in-out;
  background-color: #f9f9f9;
  cursor: pointer;
}
#directionsPane #navigationControls.directions-with-door-routing .collection .collection-item i {
  padding-top: 2px;
}
#directionsPane #navigationControls.directions-with-door-routing .collection .collection-item span {
  margin-top: 2px;
}
#directionsPane #navigationControls.directions-with-door-routing .collection .collection-item span a {
  color: #272727;
}
#directionsPane #navigationControls.directions-with-door-routing .collection .collection-item span i {
  vertical-align: text-top;
}
#directionsPane #navigationControls.directions-with-door-routing .collection .collection-item span .distance {
  padding: 8px 0;
  font-size: 0.8em !important;
  margin: 0;
}
#directionsPane #navigationControls #routeDetails {
  width: 100%;
  overflow-x: hidden;
  float: left;
  height: 100% !important;
}
#directionsPane #navigationControls #routeDetails .mapbox-directions-instructions {
  overflow: hidden;
}
#directionsPane #navigationControls #routeDetails .mapbox-directions-instructions .mapbox-directions-instructions-wrapper {
  overflow-x: hidden;
  padding-bottom: 80px;
}
#directionsPane #navigationControls #routeDetails .mapbox-directions-instructions .mapbox-directions-instructions-wrapper .mapbox-directions-steps .mapbox-directions-step .mapbox-directions-step-distance, #directionsPane #navigationControls #routeDetails .mapbox-directions-instructions .mapbox-directions-instructions-wrapper .mapbox-directions-steps .mapbox-directions-step .mapbox-directions-step-maneuver {
  color: black;
  line-height: 20px;
  letter-spacing: normal;
}
#directionsPane #navigationControls #routeDetails .mapbox-directions-instructions .mapbox-directions-instructions-wrapper .mapbox-directions-steps .mapbox-directions-step .mapbox-directions-step-maneuver {
  font-weight: 400 !important;
  font-size: 1rem;
}
#directionsPane #navigationControls #routeDetails .mapbox-directions-instructions .mapbox-directions-instructions-wrapper .mapbox-directions-steps .mapbox-directions-step .mapbox-directions-step-distance p {
  padding: 0;
  font-weight: 300 !important;
  font-size: 12px !important;
}
#directionsPane #navigationControls #routeDetails .mapbox-directions-instructions .mapbox-directions-instructions-wrapper .mapbox-directions-steps .mapbox-directions-step .directions-icon {
  background-color: #272727;
}
#directionsPane #navigationControls #routeDetails .divider {
  position: absolute;
  top: 50%;
  left: 100%;
  height: 1px;
  width: 100vw;
  border-bottom: 1px solid #dadada;
}
#directionsPane #navigationControls #mobileNavigationControls {
  position: relative;
  display: block;
  padding: 5vw;
}
#directionsPane #navigationControls #mobileNavigationControls.obscure {
  display: none;
}
#directionsPane #navigationControls #mobileNavigationControls div {
  width: 88vw;
  align-content: center;
}
#directionsPane #navigationControls #mobileNavigationControls div.chip:focus, #directionsPane #navigationControls #mobileNavigationControls div.chip:hover {
  background-color: #E4E4E0;
}
#directionsPane #navigationControls #mobileNavigationControls div p {
  color: #666666;
}
#directionsPane #navigationControls #mobileNavigationControls div i {
  margin-left: 5vw;
  width: 25%;
}
#directionsPane #navigationControls #mobileNavigationControls div p, #directionsPane #navigationControls #mobileNavigationControls div i {
  float: left;
}

@media (min-width: 768px) {
  #directionsPane {
    max-width: 412px;
  }
  #directionsPane #navigationControls {
    max-width: 412px;
    height: 100vh;
    transition: 0.2s ease-out;
    position: relative !important;
  }
  #directionsPane #navigationControls #mobileNavigationControls {
    display: none;
  }
  #directionsPane #navigationControls #dirSuggestions .collection {
    overflow: hidden;
    padding-bottom: 0;
  }
  #directionsPane #navigationControls #routeDetails .mapbox-directions-instructions .mapbox-directions-instructions-wrapper {
    max-height: 60vh;
  }
}
#search:focus + #searchButton {
  color: gray;
}

#commitSearch {
  position: absolute;
  right: -60px;
  background: white;
  height: 46px;
  width: 46px;
  border-radius: 2px;
  border: solid 1px gray;
}
#commitSearch i {
  right: 10px !important;
}

#fuseSearchResults {
  width: 400px;
  max-height: 100vh;
  z-index: 1;
  overflow-y: scroll;
  padding-top: 80px;
}
#fuseSearchResults li {
  background: white;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#fuseSearchResults li p {
  text-overflow: ellipsis;
  padding: 0;
  font-size: 0.9rem !important;
}

.progress {
  z-index: 9;
}

.fuse-search {
  position: relative;
  top: 10px;
}
.fuse-search * {
  float: left;
  height: 100%;
  width: 100%;
  background: none;
}

#originTypeAheadContainer, #destinationTypeAheadContainer {
  top: 44px;
  width: calc(100% - 1.25rem);
}

.type-ahead-container {
  position: absolute;
  overflow-y: hidden;
  height: auto;
  float: none;
  background: none !important;
  padding: 0;
  background: white;
  border-radius: 0;
  z-index: 13013 !important;
}
.type-ahead-container .type-ahead-results {
  height: auto;
  max-height: 278px;
  margin: 0;
  overflow-y: scroll;
  border-radius: 0;
}
.type-ahead-container .type-ahead-results .type-ahead-list-item {
  padding-left: 30px;
}
.type-ahead-container .type-ahead-results.has-more-content {
  box-shadow: inset 0 -6px 32px -14px black;
}
.type-ahead-container .type-ahead-results li.type-ahead-result {
  min-height: 60px;
}
.type-ahead-container .type-ahead-results li.type-ahead-result:hover {
  background: #e8e8e8;
}
.type-ahead-container .type-ahead-results li.type-ahead-result.selected {
  background: #eaeaea;
}
.type-ahead-container .type-ahead-results li.type-ahead-result.easteregg:hover {
  background: #fcfcfc;
  cursor: default;
}
.type-ahead-container .type-ahead-results li.type-ahead-result img {
  height: 42px;
  width: 42px;
}
.type-ahead-container .type-ahead-results li.type-ahead-result p.desc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.type-ahead-container .type-ahead-results li.type-ahead-result p.relevant-info {
  font-size: 1rem !important;
}
.type-ahead-container .type-ahead-results li.type-ahead-result i {
  height: 42px;
  width: 42px;
  background: lightgrey;
}
.type-ahead-container .type-ahead-results li.type-ahead-result a {
  margin-left: 15px;
  color: black;
}
.type-ahead-container .type-ahead-results li.type-ahead-result a:hover {
  color: #03a9f4 !important;
}
.type-ahead-container .type-ahead-results li.type-ahead-result b:hover {
  cursor: pointer;
}
.type-ahead-container .type-ahead-results li.type-ahead-result p {
  white-space: initial;
  color: #272727;
}
.type-ahead-container .type-ahead-results li.type-ahead-result p.title {
  font-size: 1rem;
}
.type-ahead-container .type-ahead-results li.type-ahead-result p.title.failed-search {
  border-bottom: 1px solid cornflowerblue;
}
.type-ahead-container .type-ahead-results li.type-ahead-result p#failedSearchMsg {
  font-size: 9px !important;
}
.type-ahead-container .type-ahead-results li.type-ahead-result p#failedSearchMsg #suggest-commit:hover {
  color: cornflowerblue;
}
.type-ahead-container .type-ahead-results li.type-ahead-result p i {
  background: none;
  padding: 0 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20px;
}
.type-ahead-container * {
  height: auto;
  float: none;
}

#searchBar {
  top: 0;
  background: #272727;
  max-height: 66px;
  width: auto;
  margin: 0;
  padding: 10px;
}
#searchBar #searchFieldContainer {
  border: none;
}

#searchBar {
  z-index: 99;
  width: 416px;
  transition: 0.1s;
  top: 0;
  background: #272727;
  max-height: 66px;
  padding: 10px;
}
#searchBar #hamburger {
  display: block;
  color: #272727;
  background: white;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
#searchBar .button-collapse {
  height: 46px;
  width: 38px;
}
#searchBar .button-collapse i {
  margin: auto;
  float: initial;
  padding: 0 7px;
}
#searchBar #searchFieldContainer {
  height: 46px;
  width: calc(100% - 38px);
  padding-right: 0;
  border-radius: 2px;
  border: solid 1px #eee;
  background: white;
}
#searchBar div, #searchBar form {
  margin: 0;
  position: relative;
  z-index: 1;
}
#searchBar div.input-field, #searchBar form.input-field {
  padding: 0 8px;
}
#searchBar div input, #searchBar form input {
  width: calc(100% - 46px);
  border-bottom: none !important;
  box-shadow: none !important;
}
#searchBar div #clearSearch, #searchBar form #clearSearch {
  position: absolute;
  top: 10px;
  right: 52px;
  height: auto;
  width: 30px;
  font-size: 24px;
  background: white;
  transition: 0.25s;
  opacity: 1;
  color: #666666;
  z-index: 9;
}
#searchBar div #clearSearch.hide, #searchBar form #clearSearch.hide {
  display: block !important;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
#searchBar div #clearSearch:hover, #searchBar form #clearSearch:hover {
  cursor: pointer;
}
#searchBar div #searchButton, #searchBar form #searchButton {
  width: 46px;
  border-radius: 2px;
  color: #666666;
  transition: all 0.2s linear;
}
#searchBar div #searchButton *, #searchBar form #searchButton * {
  transition: all 0.2s linear;
}
#searchBar div #searchButton i, #searchBar form #searchButton i {
  margin-left: 10px;
}
#searchBar div #searchButton:hover, #searchBar form #searchButton:hover {
  cursor: pointer;
}
#searchBar div #searchButton.commit-search, #searchBar form #searchButton.commit-search {
  background: #03a9f4;
  color: white;
}
#searchBar div #searchButton.commit-search i, #searchBar form #searchButton.commit-search i {
  color: white;
}

.progress {
  position: absolute;
  top: 46px;
  left: 10px;
  width: 416px;
}

.search-enabled#map {
  width: calc(100% - 424px);
}
.search-enabled#searchBar {
  transform: translateX(-320px) !important;
}

.search-results {
  border-bottom: 1px solid #dadada;
}

#searchHeader {
  height: 300px;
}

.committed-search-result:hover {
  cursor: pointer;
  background: #e8e8e8;
}

#searchResultsContainer {
  z-index: 97;
  padding: 0;
}
#searchResultsContainer .search-results {
  overflow-y: scroll;
  height: calc(100% - 170px);
  margin: 0;
}
#searchResultsContainer #searchHeader {
  position: relative;
  height: 128px;
  z-index: 999;
}
#searchResultsContainer #searchHeader #sortCtrls {
  position: absolute;
  bottom: 0px;
  margin: 0;
  width: 100%;
  max-width: 100vw;
}
#searchResultsContainer #searchHeader #sortCtrls div {
  padding-bottom: 5px;
  cursor: pointer;
}
#searchResultsContainer #searchHeader #sortCtrls div.active {
  border-bottom: 2px solid white;
}
#searchResultsContainer #searchHeader #sortCtrls div p {
  padding: 0;
  text-align: center;
  color: white;
}

.results-count {
  position: absolute;
  top: 62px;
  color: white;
  font-size: 0.95rem !important;
}

.terminate {
  left: initial;
  right: 36px;
}

.no-results {
  min-height: 46px;
  max-height: 86px;
  height: auto !important;
  z-index: 9;
}

#suggest-commit:hover {
  color: #03a9f4;
  cursor: pointer;
}

#originTypeAheadContainer ul li, #destinationTypeAheadContainer ul li {
  min-height: initial;
  height: auto;
  padding: 8px 0;
}
#originTypeAheadContainer ul li img, #destinationTypeAheadContainer ul li img {
  display: none;
}
#originTypeAheadContainer ul li .desc, #destinationTypeAheadContainer ul li .desc {
  display: none;
}

.dir-input-close {
  position: absolute;
  width: auto;
  top: 10px;
  right: 40px;
  cursor: pointer;
}

.sidenav {
  z-index: 1002;
}

.sidenav-overlay {
  z-index: 1000;
}

#failedSearchMsg {
  font-size: 0.975rem !important;
}

#failed-srch-icon {
  line-height: 25px !important;
}

#suggest-commit {
  color: #039be5 !important;
}

.orange-txt-view-route {
  color: #F36E21 !important;
}

.list {
  height: 100%;
  width: 424px;
  position: fixed;
  top: 0;
  padding: 60px 0 20px;
  background: white;
  overflow: hidden;
  z-index: 1000;
}
.list .list-pagination-container {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 60px;
  width: 424px;
  z-index: 100;
  background: #272727;
}
.list .list-pagination-container .list-pagination-ctrl {
  position: absolute;
  top: 14px;
  right: 24px;
}
.list .list-pagination-container .list-pagination-ctrl .page-ctrl {
  margin: 0;
  padding: 0;
  background: none;
  cursor: pointer;
}
.list .list-pagination-container .list-pagination-ctrl .page-ctrl.disabled i {
  opacity: 0.5;
}
.list .list-pagination-container .list-pagination-ctrl .page-ctrl.disabled i:hover {
  cursor: default;
}
.list .list-pagination-container .list-pagination-ctrl .page-ctrl i {
  margin: 0;
  color: white;
  font-size: 2rem;
  opacity: 1;
}
.list .list-pagination-container .list-results-shown {
  position: absolute;
  right: 84px;
  top: 18px;
  color: white;
}
.list .list-pagination-container .list-pagination-show-all {
  margin: 18px;
  padding: 0;
  color: white;
  cursor: pointer;
}

.collapsible-list.collapse {
  position: absolute;
  top: 70vh;
}

.list-item {
  width: 100%;
  min-height: 60px !important;
}
.list-item div .title {
  line-height: 0px;
}

.parking-lot {
  padding: 8px 0 0 70px !important;
  height: 56px;
}
.parking-lot .circleImg p {
  color: white;
  background: #e8e8e8;
}
.parking-lot .circle {
  height: 36px !important;
  width: 36px !important;
  line-height: 36px !important;
}

span.circleImg {
  position: absolute;
  left: 15px;
  top: 10px;
  overflow: hidden;
  height: 42px;
  width: 42px;
  border-radius: 50%;
}
span.circleImg img {
  border-radius: initial !important;
  position: relative;
  overflow: auto !important;
  min-width: 42px !important;
  width: auto !important;
  left: 0 !important;
}

.loc-phone-container {
  cursor: pointer;
}

#parkingReminderHeader {
  font-size: 1.5rem !important;
  font-weight: 300 !important;
  line-height: 56px !important;
  margin-left: 56px !important;
}

#modal2 {
  z-index: 999999 !important;
}

.selectedParkingLot {
  position: relative;
}
.selectedParkingLot .icon-container {
  background: white;
}
.selectedParkingLot .icon-container i {
  color: #4caf50;
}

.icon-container {
  position: absolute;
  right: 24px;
  top: 18px;
  height: 16px;
  width: 16px;
  background: rgba(0, 0, 0, 0) !important;
}
.icon-container i {
  position: absolute;
  right: -4px;
  top: -3px;
}

#removeMe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

#build {
  position: fixed;
  bottom: 0;
  width: 100%;
}

#listPanel, #eventListPanel, #categoryListPanel {
  background: linear-gradient(307.99deg, #E0E7EC -11.64%, rgba(224, 231, 236, 0) 88.07%), #FBFBFB;
  height: 100vh;
  position: fixed;
  top: 66px;
  width: 424px;
  z-index: 1000;
  overflow-y: scroll;
}
#listPanel p, #eventListPanel p, #categoryListPanel p {
  color: #315C6A;
  font-size: 0.9em !important;
  padding-left: 0 !important;
}
#listPanel .collection, #eventListPanel .collection, #categoryListPanel .collection {
  padding: 0;
  margin-top: 0 !important;
  margin-bottom: 120px;
}
#listPanel .collection-header input, #eventListPanel .collection-header input, #categoryListPanel .collection-header input {
  background: #EEEEEE;
  border: 1px solid rgba(238, 238, 238, 0.2);
  box-shadow: inset 4px 4px 8px rgba(15, 55, 84, 0.4), inset -4px -4px 8px #FFFFFF;
  border-radius: 16px;
  font-size: unset;
  height: 2.5em;
  margin-bottom: 0;
  padding-left: 16px;
  width: 284px;
}
#listPanel .collection-header input::-moz-placeholder, #eventListPanel .collection-header input::-moz-placeholder, #categoryListPanel .collection-header input::-moz-placeholder {
  color: #6EA8FF;
}
#listPanel .collection-header input::placeholder, #eventListPanel .collection-header input::placeholder, #categoryListPanel .collection-header input::placeholder {
  color: #6EA8FF;
}
#listPanel .collection-header input:focus, #eventListPanel .collection-header input:focus, #categoryListPanel .collection-header input:focus {
  font-size: 16px;
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.38), inset -3px -3px 7px #FFFFFF;
  border: 2px solid rgba(238, 238, 238, 0.5);
}
#listPanel .collection-header a.btn-small, #eventListPanel .collection-header a.btn-small, #categoryListPanel .collection-header a.btn-small {
  min-width: calc((90% - 60px) / 3);
  background-color: #C5E2F8;
  border-radius: 24px;
  color: #3761C5;
  margin-top: 8px;
  height: 30px;
  font-size: 12px;
  margin-right: 4px;
}
#listPanel .collection-header a.btn-small i.right, #eventListPanel .collection-header a.btn-small i.right, #categoryListPanel .collection-header a.btn-small i.right {
  margin-left: 0;
}
#listPanel .collection-header a.btn-small.active, #listPanel .collection-header a.btn-small:hover, #eventListPanel .collection-header a.btn-small.active, #eventListPanel .collection-header a.btn-small:hover, #categoryListPanel .collection-header a.btn-small.active, #categoryListPanel .collection-header a.btn-small:hover {
  color: white;
  background-color: #6EA8FF;
}
#listPanel .collection-item, #eventListPanel .collection-item, #categoryListPanel .collection-item {
  scroll-margin-top: 66px;
}
#listPanel .collection-item:hover, #eventListPanel .collection-item:hover, #categoryListPanel .collection-item:hover {
  cursor: pointer;
}
#listPanel .collection-item .hidden, #eventListPanel .collection-item .hidden, #categoryListPanel .collection-item .hidden {
  display: none;
}
#listPanel .collection-item .closed, #eventListPanel .collection-item .closed, #categoryListPanel .collection-item .closed {
  color: #f86c00 !important;
}
#listPanel .collection-item .closed span, #eventListPanel .collection-item .closed span, #categoryListPanel .collection-item .closed span {
  color: #315C6A;
}
#listPanel .collection-item .card-title, #eventListPanel .collection-item .card-title, #categoryListPanel .collection-item .card-title {
  color: #315C6A;
  font-size: 1.2em;
}
#listPanel .collection-item .card-content, #eventListPanel .collection-item .card-content, #categoryListPanel .collection-item .card-content {
  color: #315C6A;
  font-size: 0.9em;
}
#listPanel .collection-item .card-content .material-icons, #eventListPanel .collection-item .card-content .material-icons, #categoryListPanel .collection-item .card-content .material-icons {
  font-size: 18px;
}
#listPanel .collection-item .card-content span, #eventListPanel .collection-item .card-content span, #categoryListPanel .collection-item .card-content span {
  vertical-align: top;
}
#listPanel .collection-item .card-graph img, #listPanel .collection-item .card-graph div, #eventListPanel .collection-item .card-graph img, #eventListPanel .collection-item .card-graph div, #categoryListPanel .collection-item .card-graph img, #categoryListPanel .collection-item .card-graph div {
  display: inline-block;
  margin-right: 4px;
  vertical-align: top;
}
#listPanel .collection-item:hover, #eventListPanel .collection-item:hover, #categoryListPanel .collection-item:hover {
  cursor: pointer;
}
#listPanel .collection-item:hover, #listPanel .collection-item.active, #eventListPanel .collection-item:hover, #eventListPanel .collection-item.active, #categoryListPanel .collection-item:hover, #categoryListPanel .collection-item.active {
  background: #e8e8e8;
}
#listPanel .collection-item:hover .card-title, #listPanel .collection-item.active .card-title, #eventListPanel .collection-item:hover .card-title, #eventListPanel .collection-item.active .card-title, #categoryListPanel .collection-item:hover .card-title, #categoryListPanel .collection-item.active .card-title {
  font-weight: bolder;
}

#eventListPanel {
  padding-bottom: 120px;
}
#eventListPanel p {
  color: #361602 !important;
}
#eventListPanel .collapsible-body {
  background-color: white;
}
#eventListPanel .poi-cat p {
  padding-bottom: 16px !important;
}
#eventListPanel .poi-label {
  font-weight: 500 !important;
}

#categoryListPanel .card-title {
  margin: 16px;
}
#categoryListPanel .card-title i {
  position: relative;
  top: 4px;
}
#categoryListPanel .view-locations {
  display: none;
}
#categoryListPanel a.view-locations {
  background-color: #C5E2F8;
  border-radius: 8px;
  margin: 8px;
}
#categoryListPanel a.view-locations span {
  display: inline-block;
  color: #3761C5;
  height: 36px;
  padding: 8px;
  font-size: 14px;
}
#categoryListPanel a.view-locations i {
  position: relative;
  top: -12px;
  right: -12px;
  font-size: 1em;
  padding: 2px;
  background: gray;
  color: #315C6A;
  border-radius: 50%;
}
#categoryListPanel a.view-locations.active, #categoryListPanel a.view-locations:hover {
  background-color: #6EA8FF;
}
#categoryListPanel a.view-locations.active span, #categoryListPanel a.view-locations:hover span {
  color: white;
}

.categoriesPopup p {
  padding: 8px 0;
}
.categoriesPopup a {
  text-decoration: none;
  color: #F36E21;
  font-weight: bolder;
}
.categoriesPopup a:focus {
  outline: none;
}

#homePanel {
  position: relative;
  margin: 4px;
  width: 410px;
  background: white;
  border-radius: 2px;
  z-index: 1;
}
#homePanel p {
  padding: 0;
}
#homePanel .container {
  width: 100%;
}
#homePanel .container .header {
  width: 100%;
}
#homePanel .container .header .ps-title {
  margin-left: 12px;
  padding-top: 12px;
  color: #c1c1c1;
  font-weight: 300 !important;
}
#homePanel .container .header .ps-close, #homePanel .container .header .ps-minimize {
  position: absolute;
  top: 12px;
  font-size: 1.25rem !important;
}
#homePanel .container .header .ps-close {
  right: 16px;
  cursor: pointer;
}
#homePanel .container .header .ps-minimize {
  right: 54px;
}
#homePanel .container .content {
  overflow: auto;
  position: relative;
  height: 100%;
  width: 90%;
  margin: auto;
  padding: 16px 0;
}
#homePanel .container .content .popular-search {
  width: 33.333%;
  text-align: center !important;
  float: left;
  cursor: pointer;
}
#homePanel .container .content .popular-search:hover {
  background: whitesmoke;
}
#homePanel .container .content .popular-search .circle {
  width: unset;
  font-size: 2rem !important;
  color: #ffffff;
  padding: 10px;
}
#homePanel .container .content .popular-search p {
  margin-top: 10px;
  color: #8e8e8e;
  font-weight: 300 !important;
}

#popular-search-results {
  width: 90%;
  border-top: 1px solid #e8e8e8;
}
#popular-search-results .popular-search-result {
  width: 50%;
  padding: 10px 6px;
  cursor: pointer;
}
#popular-search-results .popular-search-result:hover {
  background: whitesmoke;
}
#popular-search-results .popular-search-result div.material-icons.circle {
  font-size: 2rem !important;
  color: #ffffff;
  padding: 10px;
}
#popular-search-results .popular-search-result span {
  display: inline-block;
  text-align: left;
  min-width: 100px;
  padding-top: 16px;
  padding-left: 8px;
  font-weight: 300;
  font-size: 1em;
  color: #8e8e8e;
}

#share-module, #save-module {
  overflow: hidden;
  position: fixed;
  top: 10px;
  width: 416px;
  left: 50%;
  margin-left: -208px;
  z-index: 1700;
}
#share-module input, #share-module button, #save-module input, #save-module button {
  float: left;
}
#share-module input, #save-module input {
  height: 36px;
  width: calc(80% - 10px);
  background: white;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
#share-module input[type=text]:not(.browser-default), #save-module input[type=text]:not(.browser-default) {
  padding-left: 10px;
}
#share-module button, #save-module button {
  width: 20%;
}

#share-trigger-bg {
  position: fixed;
  bottom: 0;
  margin: 0 !important;
  height: 54px;
  width: 100%;
  max-width: 424px;
  background: white;
  z-index: 1000;
}

#share-trigger {
  position: fixed;
  left: 16px;
  bottom: 10px;
  margin: 0 !important;
  z-index: 1700;
}
#share-trigger.not-committed-search {
  padding: 0 10px;
  bottom: initial;
  left: initial;
  right: 6px;
  top: 50px;
}
#share-trigger.not-committed-search span {
  display: none;
}
#share-trigger.not-committed-search i {
  margin: 0;
}

.copy-success-toast {
  width: 200px;
  position: fixed;
  margin-top: 100px !important;
  left: 50vw;
  margin-left: -30px;
}

.unavailable-toast {
  width: fit-content(5em);
  position: fixed;
  margin-top: 100px !important;
  left: 50vw;
  margin-left: -30px;
}

.save-success-toast {
  width: 90vw;
  max-width: 350px;
  position: fixed;
  margin-top: 100px !important;
  left: 5%;
}

#share-details {
  cursor: pointer;
}

nav {
  background: #272727;
}

#tabsMenu {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 2;
}
#tabsMenu .tabs {
  height: auto;
}
#tabsMenu .tabs li.indicator.transition {
  transition: 0.1s;
}
#tabsMenu .tabs .tab {
  width: 25%;
  padding-top: 10px;
  height: 100%;
  line-height: 32px;
}
#tabsMenu .tabs .tab a {
  color: #666666;
}
#tabsMenu .tabs .tab a.active {
  color: #F36E21;
  border-bottom: 3px solid #F36E21;
}
#tabsMenu .tabs .tab i {
  height: auto;
  line-height: normal;
}
#tabsMenu .tabs .indicator {
  height: 0px;
}
#tabsMenu.desktop {
  position: relative !important;
  width: 416px;
  height: 42px;
}
#tabsMenu.desktop .tabs {
  border: 1px solid #dadada;
  border-top: none;
  height: inherit;
  overflow: hidden;
}
#tabsMenu.desktop .tabs .tab {
  padding: 0;
  width: 50%;
}
#tabsMenu.desktop .tabs .tab a {
  padding: inherit;
  text-align: center;
  display: block;
  width: 100%;
}
#tabsMenu.desktop .tabs .tab a i {
  padding: 8px 0 0;
  display: inline-block;
}
#tabsMenu.desktop .tabs .tab a span {
  left: 4px;
}

#dropPinCtrl {
  background-color: white;
  width: 410px;
  z-index: 1;
  position: relative;
  padding: 10px 0;
}
#dropPinCtrl .container {
  width: 100%;
}
#dropPinCtrl .container .header i {
  color: #c1c1c1;
}
#dropPinCtrl .container .header .terminate {
  right: 16px;
}
#dropPinCtrl .container p {
  padding: 0;
}
#dropPinCtrl .container .ps-title {
  margin-left: 16px;
  color: #c1c1c1;
  font-weight: 300 !important;
}
#dropPinCtrl .container .content {
  overflow: auto;
  position: relative;
  height: 100%;
  width: 90%;
  margin: auto;
  padding: 16px 0;
}
#dropPinCtrl .container .content .drop-pin {
  width: 50%;
  text-align: center !important;
  float: left;
  cursor: pointer;
}
#dropPinCtrl .container .content .drop-pin:hover {
  background: whitesmoke;
}
#dropPinCtrl .container .content .drop-pin .circle {
  width: unset;
  font-size: 2rem !important;
  color: #ffffff;
  padding: 10px;
}
#dropPinCtrl .container .content .drop-pin p {
  margin-top: 10px;
  color: #8e8e8e;
  font-weight: 300 !important;
}

.dropAPin {
  cursor: url("/images/dropPin.png") 14 40, auto;
}

.drop-pin {
  padding-top: 10px;
}

.editPinCtrl {
  position: fixed;
  top: 24vh;
  right: 36px;
}

#directionBtn {
  position: absolute;
  bottom: 8vh;
  right: 8px;
}

#shareToGoogle {
  position: absolute;
  width: 416px;
  left: calc((100vw - 416px) / 2);
  z-index: 100;
}
#shareToGoogle span {
  display: inline-block;
  height: inherit;
  position: relative;
  top: -4px;
  padding: 0 16px;
}

.tipModule {
  top: 50px;
  width: 416px;
  left: 50%;
  margin-left: -208px;
  position: fixed;
  background: #bdbdbd;
  border-radius: 8px;
  padding: 8px 36px 8px 8px;
  z-index: 1100;
}
.tipModule a {
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: smaller;
}

#myParkingTabs {
  background-color: #272727;
  width: 424px;
  z-index: 1100;
  position: absolute;
  left: 0;
  overflow: hidden;
}
#myParkingTabs a {
  color: #e8e8e8;
}
#myParkingTabs .tab {
  width: 50%;
}
#myParkingTabs .active {
  color: #F36E21;
  border-bottom: 4px solid #F36E21;
}

#myParkingPanel, #densityInfoPanel {
  position: absolute;
}
#myParkingPanel .list, #densityInfoPanel .list {
  height: auto;
}

#densityInfoPanel .headerBar {
  background: linear-gradient(310.84deg, #E0E7EC -14.6%, rgba(224, 231, 236, 0) 111.61%), #FBFBFB !important;
  color: #3761C5;
}
#densityInfoPanel .headerBar i {
  color: #3761C5;
}

#densityInfo {
  background: linear-gradient(307.99deg, #E0E7EC -11.64%, rgba(224, 231, 236, 0) 88.07%), #FBFBFB;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 424px;
  z-index: 99;
  padding: 10px 0;
  overflow-y: scroll;
}
#densityInfo .container {
  width: 100%;
  padding-top: 70px;
  padding-left: 24px;
}
#densityInfo::-webkit-scrollbar {
  width: 8px;
}
#densityInfo::-webkit-scrollbar-track {
  background: #F0F3F6;
  box-shadow: inset 2px 4px 4px rgba(15, 55, 84, 0.25), inset -2px -4px 4px #FFFFFF;
  border-radius: 8px;
}
#densityInfo::-webkit-scrollbar-thumb {
  background: linear-gradient(270deg, #FFFFFF 37.5%, rgba(255, 255, 255, 0) 75%), #F0F3F6;
  box-shadow: 2px 4px 4px rgba(15, 55, 84, 0.25);
  border-radius: 8px;
}
#densityInfo p {
  color: #315C6A;
  font-size: 0.9em !important;
  padding-left: 0 !important;
}
#densityInfo .collection-header {
  background: none;
}
#densityInfo .collection-header input {
  background: #EEEEEE;
  border: 1px solid rgba(238, 238, 238, 0.2);
  box-shadow: inset 4px 4px 8px rgba(15, 55, 84, 0.4), inset -4px -4px 8px #FFFFFF;
  border-radius: 16px;
  font-size: unset;
  height: 2.5em;
  margin-bottom: 0;
  padding-left: 16px;
  width: 284px;
}
#densityInfo .collection-header input::-moz-placeholder {
  color: #6EA8FF;
}
#densityInfo .collection-header input::placeholder {
  color: #6EA8FF;
}
#densityInfo .collection-header input:focus {
  font-size: 16px;
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.38), inset -3px -3px 7px #FFFFFF;
  border: 2px solid rgba(238, 238, 238, 0.5);
}
#densityInfo .collection-header a.btn-small {
  min-width: calc((90% - 60px) / 3);
  background: #EDF0F1 !important;
  box-shadow: 4px 9px 16px rgba(15, 55, 84, 0.15), -4px -8px 16px #FFFFFF;
  border-radius: 24px;
  color: #315C6A;
  margin-top: 8px;
  height: 30px;
  font-size: 12px;
  margin-right: 4px;
}
#densityInfo .collection-header a.btn-small i.right {
  margin-left: 0;
}
#densityInfo .collection-header a.btn-small.active, #densityInfo .collection-header a.btn-small:hover {
  color: #6EA8FF;
  box-shadow: inset 4px 8px 8px rgba(15, 55, 84, 0.25), inset -4px -8px 8px #FFFFFF;
  border: 1px solid rgba(158, 178, 227, 0.5);
}
#densityInfo .collection-header span:first-child {
  font-size: smaller;
  width: 50px;
}
#densityInfo .collection-item {
  background: #DEE5E8;
  box-shadow: 2px 4px 8px rgba(15, 55, 84, 0.25), -2px -4px 8px rgba(255, 255, 255, 0.75);
  border-radius: 16px;
  margin: 8px;
  scroll-margin-top: 66px;
}
#densityInfo .collection-item .closed {
  color: #f86c00 !important;
}
#densityInfo .collection-item .closed span {
  color: #315C6A;
}
#densityInfo .collection-item .disabled span {
  text-decoration: line-through;
}
#densityInfo .collection-item .card-title {
  color: #315C6A;
  font-size: 1.2em;
}
#densityInfo .collection-item .card-content {
  color: #315C6A;
  font-size: 0.9em;
}
#densityInfo .collection-item .card-content .material-icons {
  font-size: 18px;
}
#densityInfo .collection-item .card-content span {
  vertical-align: top;
}
#densityInfo .collection-item .card-graph {
  color: #315C6A;
}
#densityInfo .collection-item .card-graph span.closed-legend {
  max-width: calc(100% - 128px);
  display: inline-block;
  font-size: 14px;
}
#densityInfo .collection-item .card-graph .btn-switch {
  border-radius: 16px;
  width: 284px;
  margin: 8px 0;
  border: 1px solid #6EA8FF;
}
#densityInfo .collection-item .card-graph .btn-switch a.btn-small.active {
  color: white;
  background-color: #6EA8FF;
}
#densityInfo .collection-item .card-graph .btn-switch a.btn-flat {
  color: #3761C5;
}
#densityInfo .collection-item .card-graph .btn-switch a.btn-flat:hover {
  background-color: #89C8FA !important;
  color: white;
}
#densityInfo .collection-item .hidden {
  display: none !important;
}
#densityInfo .collection-item.active, #densityInfo .collection-item:hover {
  border: 3px solid rgba(225, 225, 225, 0.75);
  background: linear-gradient(154.27deg, rgba(15, 55, 84, 0.15) -27%, rgba(255, 255, 255, 0) 144.43%), #FFFFFF;
  box-shadow: inset -8px -16px 32px #FFFFFF;
  color: #3761C5;
}
#densityInfo .collection-item.active .card-title, #densityInfo .collection-item:hover .card-title {
  font-weight: bolder;
}
#densityInfo .collection-item a.btn-small {
  border-radius: 15px;
  height: 30px;
}
#densityInfo .collection-item a.btn-small span {
  vertical-align: top;
}
#densityInfo .collection-item .card-action {
  border-top: 1px solid rgb(158, 178, 227);
  padding-top: 8px;
  width: 290px;
}
#densityInfo .collection-item .card-action a.btn-small {
  margin-right: 20px;
}
#densityInfo .collection-item .card-action a.btn-small:hover {
  border: 1px solid rgba(158, 178, 227, 0.5);
  color: #3761C5;
  box-shadow: inset 4px 4px 8px rgba(15, 55, 84, 0.25), inset -4px -8px 8px #FFFFFF;
  border: 1px solid rgba(110, 168, 255, 0.25);
  background: linear-gradient(145.49deg, rgba(54, 66, 142, 0.25) 5.09%, rgba(255, 255, 255, 0) 92.36%), #FFFFFF;
}
#densityInfo .collection-item .card-action .direction {
  background: #6EA8FF;
  box-shadow: 4px 8px 12px rgba(54, 66, 142, 0.25), -4px -8px 12px #FFFFFF;
}
#densityInfo .collection-item .card-action .detail {
  background: #89C8FA;
  box-shadow: 4px 8px 12px rgba(54, 66, 142, 0.25), -4px -8px 12px #FFFFFF;
}
#densityInfo .collection-item img {
  margin: 8px 0;
  display: inline-block;
}

@keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animate-flicker {
  animation: flickerAnimation 2s infinite;
}

.densityPopup {
  color: #315C6A;
}
.densityPopup .card-title {
  font-size: 1.2em;
}
.densityPopup .closed {
  color: #f86c00 !important;
}

#reminder {
  background-color: white;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 424px;
  z-index: 99;
}
#reminder .content {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#reminder .content h5 {
  padding-top: 15vh;
}
#reminder .content p {
  padding: 32px 0;
}
#reminder .content a {
  background-color: #F36E21;
}
#reminder .collection {
  position: relative;
  top: 40px;
}
#reminder .collection .collection-item {
  padding-top: 20px;
  width: 100%;
}
#reminder .collection .title {
  display: block;
  width: 100vw;
  font-size: 1.4em;
}

#browse {
  background-color: white;
  height: 100vh;
  width: 424px;
  position: relative;
  z-index: 1001;
}
#browse form {
  position: relative;
  top: 46px;
}
#browse form p {
  line-height: 52px;
  border-bottom: 0.3px solid #dadada;
}
#browse form p label {
  display: block;
  width: 100vw;
}
#browse form p label span {
  font-size: 1.2em;
  color: #272727;
}

@keyframes pulse-ring {
  0% {
    transform: scale(0.33);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
.pulsating-circle {
  position: absolute;
  width: 20px;
  height: 20px;
}
.pulsating-circle::before {
  content: "";
  position: relative;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 45px;
  background-color: #01a4e9;
  animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.pulsating-circle::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #039be5;
  border-radius: 15px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

#powerStatusInfo {
  background-color: white;
  width: 410px;
  z-index: 1;
  position: relative;
  padding: 10px 0;
}
#powerStatusInfo .container {
  width: 100%;
}
#powerStatusInfo .container .header i {
  color: #c1c1c1;
}
#powerStatusInfo .container .header .terminate {
  right: 16px;
}
#powerStatusInfo .container .content ul {
  width: 100%;
}
#powerStatusInfo .container .content li {
  display: inline-block;
  padding-right: 16px;
}
#powerStatusInfo .container .content li span {
  position: relative;
  top: -4px;
}
#powerStatusInfo .container .content p {
  color: darkgray;
  font-size: smaller !important;
  font-weight: lighter !important;
}

.m-container {
  position: absolute;
  left: 0;
  top: 66px;
  z-index: 999;
  background: white;
  height: 100%;
  min-height: calc(100vh - 66px);
  max-width: 100vw;
  width: 424px;
  transition: 0.5s;
  overflow-y: scroll;
}

.map-toggle {
  height: 30px;
  padding-top: 12px;
}

.hourArr {
  margin-left: 46px;
}

#dest {
  font-weight: bold !important;
}

.todays-hours-icon {
  margin-right: 20px;
}

.loc-today-hours {
  display: inline-block;
  width: calc(100% - 50px);
}
.loc-today-hours p {
  padding: 0;
  margin-top: 2px;
  margin-bottom: 6px;
  transform: translateY(1px);
}
.loc-today-hours p:not(:first-child) {
  margin: 12px 0 6px;
}

.hourArr {
  margin: 0;
}

.location-details-view {
  position: fixed;
}

#m-details {
  transition: all 0.5s ease-in-out;
  transform: translateY(0);
  z-index: 1001;
  height: 100%;
  padding-bottom: 100px;
}
#m-details .closed {
  color: #F69D5B !important;
}
#m-details .location-details .location-name {
  padding-bottom: 12px;
}
#m-details .location-details .location-name p#dest {
  font-size: 1.4rem !important;
}
#m-details .location-details .location-name p {
  font-size: 1.2rem !important;
}
#m-details .location-details .location-name p:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
}
#m-details .headerBar {
  position: fixed;
  top: 0;
}
#m-details * {
  transition: all 1s ease-in-out;
}
#m-details .location-summary-actions {
  margin-top: 6px;
  padding-bottom: 16px;
  transition: all 0.1s ease-in;
}
#m-details .location-summary-actions * {
  transition: all 0.1s ease-in;
}
#m-details.compact {
  position: fixed;
  overflow: hidden;
  transform: translateY(calc(100vh - 292px));
  transition: all 0.5s ease-out;
  left: 0;
  padding: 0;
}
#m-details.compact .location-summary-actions {
  margin-top: 0px;
}
#m-details.compact .m-location-img {
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  max-height: 0;
}
#m-details.compact .headerBar {
  position: fixed;
  top: 0;
  left: 0;
}
#m-details .location-description {
  max-height: none;
}
#m-details .location-description * {
  max-height: none;
}
#m-details .m-location-img {
  position: relative;
  text-align: center;
  line-height: 0;
  background: #272727;
  max-height: 500px;
  overflow: hidden;
}
#m-details .m-location-img img {
  height: 205px;
}
#m-details .location-contact .collection {
  border-top: 1px solid #e8e8e8;
  width: 100%;
  margin: 0 !important;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

#amenitiesList {
  padding: 0 10px;
}
#amenitiesList::after {
  clear: both;
  content: "";
  display: block;
}
#amenitiesList .title {
  font-size: medium;
}
#amenitiesList p, #amenitiesList a {
  color: #666666;
  padding: 0;
}
#amenitiesList span {
  display: inline;
  padding: 0;
}
#amenitiesList .collection {
  border: none;
  margin: 0;
  width: 100%;
  line-height: 2rem;
}
#amenitiesList .collection .collection-header {
  width: 100%;
  padding: 10px 0;
}
#amenitiesList .collection .collection-header h5 {
  margin: 10px 0;
}
#amenitiesList .collection .collection-item {
  width: 100%;
}
#amenitiesList .collection .collection-item p {
  margin: 0;
}
#amenitiesList .collection .collection-item:last-child {
  border-bottom: none;
}

.location-description, .location-details {
  margin: 0;
  padding: 12px 0 24px;
  border: lightgrey 1px solid;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.location-description p, .location-details p {
  padding: 0 16px;
}

.location-details {
  padding: 0;
}

.truncate {
  width: 320px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.site-link {
  vertical-align: top;
  display: inline-block;
}

.contact-info i, .online-order i {
  vertical-align: bottom;
  margin-right: 20px;
}

.get-more {
  position: absolute;
  right: 16px;
}

.location-summary-info {
  height: -moz-fit-content;
  height: fit-content;
  background: white;
  padding: 14px 0 0;
}
.location-summary-info:hover {
  cursor: pointer;
}
.location-summary-info > div {
  float: left;
}
.location-summary-info .location-details {
  position: relative;
  padding-left: 15px;
  width: 100%;
  font-size: 1rem !important;
}
.location-summary-info .location-details .drag-handle, .location-summary-info .location-details .visit-badge {
  position: absolute;
  top: -10%;
  right: 6px;
}
.location-summary-info .location-details .drag-handle {
  top: 25%;
}
.location-summary-info .location-details .location-name p {
  padding: 0 20px 0 0;
  font-size: 1.3rem !important;
}
.location-summary-info .location-details .location-name p i {
  vertical-align: sub;
  float: right;
  margin-right: 10px;
}
.location-summary-info .location-details p {
  padding: 0;
  font-size: 1rem !important;
}

.location-proximity {
  padding-left: 16px;
}
.location-proximity i {
  padding-top: 4px;
  font-size: 1.1rem;
}
.location-proximity span {
  font-size: 1rem;
  top: -2px;
  position: relative;
}

.location-density-short {
  padding-left: 16px;
}
.location-density-short img, .location-density-short div {
  display: inline-block;
  margin-right: 4px;
  vertical-align: top;
}

.location-density {
  margin-top: 30px;
  padding-left: 16px;
}

.location-summary-actions {
  width: 100%;
  min-height: 66px;
  margin: auto;
  padding: 0 10px;
}
.location-summary-actions .action-btn {
  margin: 14px 2px 0;
  border: 1px solid black;
  border-radius: 100px;
  color: black;
}
.location-summary-actions .action-btn span, .location-summary-actions .action-btn span i {
  vertical-align: middle;
}
.location-summary-actions .action-btn span p, .location-summary-actions .action-btn span i p {
  transition: 0s;
  transform: translateY(2px);
  padding: 0;
  display: inline-block;
}
.location-summary-actions .action-btn.primary {
  width: 40%;
  background: black;
  color: white;
}

.location-summary-actions .col {
  text-align: center;
  overflow: visible;
}
.location-summary-actions .col .action-btn {
  position: relative;
  margin: auto;
  overflow: unset !important;
  border-radius: 100%;
}
.location-summary-actions .col .action-btn.secondary-action {
  background: white;
  border: 1px solid black;
}
.location-summary-actions .col .action-btn.secondary-action i {
  color: black;
}
.location-summary-actions .col .action-btn p {
  line-height: initial;
  padding: 0 !important;
  text-transform: initial !important;
}
.location-summary-actions .col .action-btn p span {
  display: none;
}
.location-summary-actions .col .action-btn .get-directions-label {
  position: absolute;
  left: -25%;
}

@media only screen and (max-width: 670px) {
  .margin-0 {
    margin: 0;
  }
  .m-container {
    top: 46px;
  }
  .compact-view-ctrl {
    background: #e8e8e8;
    height: 6px;
    width: 20vw;
    margin: auto;
    margin-bottom: 12px;
    border-radius: 100px;
  }
  #m-details.compact {
    top: 0px;
    transform: translateY(calc(100vh - 300px));
  }
  #m-details.compact .location-summary-actions {
    min-height: auto;
    width: 100vw;
    overflow: scroll;
    margin-top: 4px;
    margin-bottom: 0;
    padding-bottom: 10px;
    transition: all 0.2s ease-out;
  }
  #m-details.compact .location-summary-actions .row {
    overflow-y: hidden;
    width: 110vw;
    margin: initial;
  }
  #m-details.compact .location-summary-actions .row .col {
    padding: 0.2rem;
    width: 29%;
  }
  #m-details.compact .location-summary-actions .row .col:last-child {
    width: 21%;
  }
  #m-details.compact .location-summary-actions * {
    transition: all 0.2s ease-out;
  }
  #m-details.compact .location-summary-actions .action-btn {
    width: 100%;
    height: 36px;
    border-radius: 100px;
  }
  #m-details.compact .location-summary-actions .action-btn i, #m-details.compact .location-summary-actions .action-btn p {
    margin-left: 5px;
    width: auto;
    position: relative;
    left: initial;
    line-height: 36px !important;
    float: left;
    color: white;
    margin-top: -1px;
  }
  #m-details.compact .location-summary-actions .action-btn i {
    margin-left: 8px !important;
  }
  #m-details.compact .location-summary-actions .action-btn.secondary-action i, #m-details.compact .location-summary-actions .action-btn.secondary-action p {
    color: black;
  }
}
@media only screen and (max-width: 375px) {
  #m-details .m-location-img {
    max-height: 365px;
  }
  #m-details .m-location-img img {
    height: 180px;
  }
  #m-details .location-summary-actions .row .col .action-btn {
    height: 42px;
    width: 42px;
  }
  #m-details .location-summary-actions .row .col .action-btn i {
    margin-left: -1px;
    line-height: 40px !important;
  }
  #m-details .location-summary-actions .row .col .action-btn p {
    margin-top: -6px;
  }
  #m-details .location-details {
    max-height: unset;
  }
  #m-details .location-density {
    margin-top: -12px;
    transition: 0s;
  }
  #m-details.compact .location-density {
    margin-top: 30px;
  }
  #m-details.compact .location-details {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #m-details.compact .location-summary-actions {
    margin-top: 4px;
    width: 100vw;
    overflow: scroll;
  }
  #m-details.compact .location-summary-actions .row {
    width: 110vw;
    margin: initial;
  }
  #m-details.compact .location-summary-actions .row .col:first-child {
    width: 32%;
  }
  #m-details.compact .location-summary-actions .row .col {
    width: 31%;
  }
  #m-details.compact .location-summary-actions .row .col .action-btn {
    width: 100%;
    height: 36px;
  }
  #m-details.compact .location-summary-actions .row .col .action-btn p {
    margin-left: 5px !important;
    margin-top: 0 !important;
    bottom: initial !important;
  }
  #m-details.compact .location-summary-actions .row .col:last-child {
    width: 25%;
  }
}
@media only screen and (min-width: 375px) and (max-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  #m-details.compact {
    transform: translateY(calc(100vh - 264px));
  }
}
@media only screen and (min-width: 414px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  #m-details.compact {
    transform: translateY(calc(100vh - 280px));
  }
}
@media only screen and (min-width: 375px) and (max-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
  #m-details.compact {
    transform: translateY(calc(100vh - 290px));
  }
}
#homePanel.event-active {
  top: 270px;
}

#eventPanel {
  border-bottom: 6px #F36E21 solid;
  position: fixed;
  left: 4px;
  width: 410px;
  background: white;
  border-radius: 2px;
  z-index: 1;
}
#eventPanel p {
  padding: 0;
}
#eventPanel .event-title {
  margin: 10px 16px;
  color: #F36E21;
  font-size: 21px !important;
  font-weight: 500 !important;
  text-transform: uppercase;
}
#eventPanel .container {
  width: 100%;
}
#eventPanel .container .header {
  width: 100%;
}
#eventPanel .container .header p {
  margin-top: 10px;
}
#eventPanel .container .header .ps-title, #eventPanel .container .header .event-title {
  margin-left: 16px;
  color: #c1c1c1;
  font-weight: 300;
}
#eventPanel .container .header .ps-close, #eventPanel .container .header .ps-minimize, #eventPanel .container .header .event-close {
  position: absolute;
  top: 2px;
  font-size: 1.25rem !important;
}
#eventPanel .container .header .ps-close, #eventPanel .container .header .event-close {
  right: 16px;
  cursor: pointer;
}
#eventPanel .container .header .ps-minimize {
  right: 54px;
}
#eventPanel .container .content {
  overflow: auto;
  position: relative;
  height: 100%;
  width: 96%;
  margin: auto;
  padding: 16px 0;
}
#eventPanel .container .content .popular-search {
  width: 16%;
  text-align: center !important;
  float: left;
  padding: 0 4px;
  cursor: pointer;
}
#eventPanel .container .content .popular-search:hover {
  background: whitesmoke;
}
#eventPanel .container .content .popular-search .circle {
  width: unset;
  font-size: 2rem !important;
  padding: 10px;
}
#eventPanel .container .content .popular-search p {
  margin-top: 10px;
  color: #8e8e8e;
  font-weight: 300 !important;
  font-size: 0.9em !important;
}

@media only screen and (max-width: 480px) {
  #eventPanel {
    left: 0 !important;
  }
  #eventPanel .event-close {
    right: 16px !important;
    cursor: pointer;
    position: absolute;
    top: 12px;
    font-size: 1.25rem !important;
  }
}/*# sourceMappingURL=main.css.map */