/*
 * Piinpoint CSS Style for Bootstrap 3.0
 */

/*@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);*/

.tutorial-disabled {
  opacity: 0.7 !important;
  /*color: grey;*/
}

.tutorial-disabled.info-panel-button-tooltip-container {
  opacity: 0 !important;
}

.react-user-tour-button-container {
  position: initial !important;
}

.react-user-tour-done-button {
  max-width: 60px;
  height: initial;
  background-color: #3e92d4;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 3px;
  margin-top: 15px;
  padding: 5px 12px 8px 12px;
  transition: background-color 0.25s ease-in-out;
}

.react-user-tour-done-button:hover {
  background-color: #036fc7;
}

.leaflet-right .leaflet-control.leaflet-routing-container,
.leaflet-routing-alternatives-container {
  display: none !important;
}


#panel-eight {
  overflow: initial;
}

.RemoteLayerClickable {
  margin-top: 10px;
}

.RemoteLayerClickable > input {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: auto 20px;
  vertical-align: middle;
}

.poiTutorial {
  max-width: 410px !important;
}

.intercomTutorial {
  max-width: 400px !important;
}

.settingsTutorial {
  max-width: 388px !important;
}

.salesTutorial {
  max-width: 400px !important;
}

.currentLocationTutorial {
  max-width: 440px !important;
}

.demoTutorial {
  max-width: 430px !important;
}

.customTutorial {
  max-width: 430px !important;
}

.popupTutorial {
  max-width: 430px !important;
}

.projectsTutorial {
  max-width: 430px !important;
}

.drivetimeModalTutorial {
  max-width: 400px !important;
}

.poiClusterTutorial {
  max-width: 400px !important;
}

.shepherd {
  z-index: 100000;
}

#popup_tut {
  top: 100px;
  left: 500px;
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 999;
}

#popup_tut > #popup_tut_button {
  cursor: pointer;
  z-index: 99999;
  right: -30px;
  margin-top: -15px;
}

.hiddenNavButton {
  cursor: pointer;
  z-index: 99999;
  right: -30px;
  margin-top: -15px;
}

.hiddenNavButton-centered {
  cursor: pointer;
  z-index: 99999;
  margin-top: -15px;
}

.hiddenNavButton-print {
  cursor: pointer;
  z-index: 99999;
  right: -9px;
  margin-top: -15px;
}

/* full width POI competitor dropdown */
#com_cat_search + .bootstrap-select {
  width: 100%;
}

.leaflet-popup-close-button {
  z-index: 999;
}

.print-menu > li {
  height: 40px;
  border-bottom: 1px solid #777;
  border-top: 1px solid #777;
  height: 44px;
  vertical-align: middle;
}

.print-menu > li:first-child {
  border-top: none;
}

.print-menu > li:last-child {
  border-bottom: none;
}

.print-menu > li > a {
  vertical-align: middle;
  margin-top: auto;
  margin-bottom: auto;
  height: 100%;
}

.print-menu > li > a > i {
  margin-top: auto;
  vertical-align: middle;
  margin-bottom: auto;
}

.print-menu > li > a > div {
  display: inline-block;
  vertical-align: middle;
  margin-top: auto;
  margin-bottom: auto;
  line-height: inherit;
}

.marker-cluster {
  -webkit-print-color-adjust: exact;
}

.marker-cluster.realestate-cluster div {
  background-size: 40px auto;
  width: 40px;
  height: 40px;
  margin: 0px;
  border-radius: 58px;
}

.realestate-cluster.marker-cluster-small .marker-cluster-container {
  font-size: 22px;
}

.realestate-cluster.marker-cluster-medium .marker-cluster-container {
  font-size: 20px;
}

.realestate-cluster.marker-cluster-large .marker-cluster-container {
  font-size: 16px;
}

.realestate-cluster.marker-cluster .marker-cluster-text {
  display: inline-block;
  line-height: 36px;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;

  color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(0, 0, 0, 0.5);
  font-weight: 900;
}

.realestate-panel {
  /*overflow: scroll;*/
}

.unviewed {
  border-radius: 12px;
  padding: 4px;
  color: #fff;
  background: #048bdd;
}

.piinpoint-top-bar-wrapper {
  display: inline-block;
  line-height: 36px;
  width: 100%;
  height: auto;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
  background-color: #f5f5f5;
}

.piinpoint-top-bar {
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}

.piinpoint-top-bar div {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  overflow: visible;
  white-space: nowrap;
  font-size: 0.9em;
  color: #a5a5a5;
}

.btn-disabled {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.leaflet-label-text {
  font-size: 15pt;
}

.piinpoint-top-bar a:hover {
  color: #007ee5;
  border-bottom: 1px solid #007ee5;
}

.linkedin-top i {
  padding: 12px;
}

.linkedin-top a:hover {
  border-bottom: none;
}

#big_demo_btn {
  font-size: 1.3em;
}

.leaflet-google-layer {
  z-index: 100;
}

.leaflet-map-pane {
  z-index: 0;
}

@media print {
  .printable,
  .printable * {
    visibility: visible;
  }
  .printable {
    position: absolute;
    left: 0;
    top: 0;
  }
}

/*#UploadModalBody div {
  width: 100%;
  }*/

#UploadModalFooter {
  display: flex;
}

#UploadModalFooter > .flex-spacer {
  flex-grow: 1;
}

#UploadModalFooter > button {
}

#UploadModalFooter > button:first-child:last-child {
  float: right;
}

.setReportName
  > .modal-content
  > .modal-footer
  > button:first-child:last-child {
  float: right;
}

.demogtable-list {
  list-style-type: none;
  list-style-position: inside;
  padding: 0px;
  margin: 0px;
  /* border: 1px solid gray; */
  margin: 0px 10px;
  /* padding-left: 10px; */
  min-height: 100px;
  max-height: 300px;
  overflow-y: scroll;
}

.demogtable-elem:hover {
  background: #ddd;
  border: 5px solid #ddd;
}

.demogtable-elem {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
  cursor: pointer;
  background: #fff;
  border: 5px solid #fff;
  border-radius: 4px;
}

.no-padding .col {
  padding: 0;
}

.leaflet-right .leaflet-row {
  display: flex;
}

.leaflet-input {
  margin-right: 5px;
  max-width: 15px !important;
  display: inline !important;
}

.list-group-item .col {
  padding-right: 0;
}

.list-group-item {
  border: none;
  width: 100%;
}

title {
  padding: 50px;
  background-color: #333;
}

html,
body {
  height: 100%;
}

.navbar-nav.navbar-right:last-child {
  margin-right: 0px;
}

.model_summary {
  font-family: "Courier New", Courier, monospace;
}

/* Nav */

@media (max-width: 500px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin: 7px -15px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block !important;
  }
  .collapsing {
    overflow: hidden !important;
  }
}

.navbar {
  min-height: 42px;
}

.navbar-piin {
  background-color: #3d464d;
  height: 42px;
}

.navbar-piin .navbar-brand {
  padding: 3px 0px 5px 17px;
}

.badge.pull-left {
  margin-right: 3px;
}
.badge.pull-right {
  margin-left: 3px;
}

.bootstrap-switch-pull-right {
  float: right;
}

.navbar-piin .navbar-nav > li > a {
  height: 100%;
  font-size: 14px;
  font-weight: 500;
  padding: 10px;
  font-family: "Open Sans";
  color: #e7e7e7;
}

.navbar-piin .navbar-nav > li > #Intercom {
  padding: 9px 10px;
}

.nav-print-options .nav-print-btn {
  margin-right: 0;
  font-size: 20px;
  margin-top: 4px;
}

.navbar-piin .navbar-nav.navbar-right > li > .account-dropdown {
  padding: 10px 10px 10px 5px;
}

.navbar-piin .navbar-nav > li > a:focus,
.navbar-piin .navbar-nav > li > a:active,
.navbar-piin .navbar-nav > li > a:visited {
  background-color: #47525d;
}

.navbar-piin .navbar-nav > li > a:hover {
  color: white;
}

.navbar-piin .navbar-nav > .active > a {
  background-color: #47525d;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #47525d;
}

.navbar-piin .navbar-nav > .navbar-brand {
  padding: 4px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: -1px;
}

.navbar-right .dropdown .dropdown-menu li a {
  padding: 5px 20px;
}

.navbar-right .dropdown .dropdown-menu .btn-group {
  margin: 5px 0 5px 15px;
}

.navbar-right .dropdown .dropdown-menu .btn-group .btn-piin3.active {
  color: #048bdd;
  font-weight: 600;
  background-color: white;
}

.navbar-right .dropdown .dropdown-menu .btn-group .btn-piin3 {
  color: #494e58;
  background-color: white;
  box-shadow: none;
}

.navbar-right .dropdown .dropdown-menu .btn-group .btn-piin3:hover {
  background-color: #e5f4ff;
}

@media (min-width: 768px) {
  .navbar-piin {
    position: sticky;
    top: 0;
    z-index: 9999 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .navbar-piin:before,
  .navbar-piin:after,
  .navbar-piin .collapse:before,
  .navbar-piin .collapse:after {
    display: none;
  }

  .navbar-piin .navbar-brand {
    padding: 0 20px;
  }

  .navbar-piin .collapse {
    flex-grow: 2;
    justify-content: center;
    height: 42px !important;
  }

  .navbar-piin .navbar-nav {
    height: 100%;
  }

  .navbar-piin .navbar-nav > li {
    height: 100%;
  }

  .navbar-piin .navbar-nav > li > a {
    padding: 0 10px !important;
    display: flex;
    align-items: center;
  }

  #tourStartButton i.tourIcon,
  .nav-print-options .nav-print-btn,
  .notification-tray-container .notif-tray-btn {
    margin: 0;
    padding: 0;
  }
}

.notification-tray-container:hover {
  -webkit-animation: step-end;
  -moz-animation: step-end;
  -o-animation: step-end;
  animation: step-end;
}

.notification-bubble {
  display: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  right: 8px;
}

.notification-bubble-p1 {
  background: #dc3545;
}

.notification-bubble-p2 {
  background: #ff8200;
}

.notification-bubble-p3 {
  background: #ffc107;
}

.notification-bubble-p4 {
  background: #28a745;
}

.notification-bubble-p5 {
  background: #007bff;
}

.nagivation-tooltip {
  position: relative;
  display: inline-block;
}

.nagivation-tooltip .nagivation-tooltip-text {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
}

.nagivation-tooltip:hover .nagivation-tooltip-text {
  visibility: visible;
}

.icon-box > .fa-lg {
  font-size: 22px;
}

.icon-box.beta::before {
  content: "BETA";
  position: absolute;
  top: 3px;
  right: 8px;
  line-height: 0px;
  padding: 6px 3px;
  font-size: xx-small;
  font-weight: bold;
  border-radius: 10px;
  /* colours! */
  color: white;
  background: #048bdd; /* piin blue */
}

.icon-notification::after {
  content: "";
  border-radius: 6px;
  width: 12px;
  height: 12px;
  background-color: #42ce42;
  left: 46px;
  position: fixed;
  box-shadow: 2px 2px 5px -1px rgba(107, 107, 107, 0.56);
  visibility: hidden;
}

.leaflet-control-layers-expanded.min {
  padding: 0px !important;
}

/* Nav2 */
.navbar-piin-home .navbar-hheader {
  margin-bottom: 30px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}

.navbar-piin-home {
  background-color: transparent;
  font-size: 15px;
  color: #29383f;
  border-radius: 0px;
  padding: 30px 5px;
}

.navbar-piin-home .nav > li {
  padding: 0px 5px 5px;
}

.navbar-piin-home li:hover,
.navbar-piin-home li.active {
  /*background-color: #1B324B;*/
}

.navbar-piin-home a {
  text-decoration: none;
  color: #999;
  margin-top: -10px;
}

.navbar-piin-home a:hover,
.navbar-piin-home a:focus,
.navbar-piin-home a.active {
  color: #1b324b;
}

.navbar-piin-home .navbar-brand {
  padding: 0px;
  margin-top: 0px;
  opacity: 0.95;
}

.navbar-piin-home .navbar-toggle {
  margin: 0px;
  opacity: 0.7;
  padding: 0px;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .navbar-piin-home {
    padding: 15px 10px;
  }
  .navbar-nav > li > a {
    padding-bottom: 20px;
    font-size: 18px;
  }
}

/*SECONDARY NAV*/

.nav-pills > li > a {
  font-size: 12px;
  font-weight: 600;
  margin-top: 10px;
  padding: 8px;
  background-color: #f9f7f3;
  margin-right: 10px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #222;
  background-color: #85b4cc;
  margin-right: 10px;
}

/*side-nav*/

.side-nav {
  background-color: #fff;
  z-index: 13132;
  margin-top: 43px;
  height: 90%;
}

.side-nav > li > a {
  color: #222;
}

.side-nav > li > a:hover,
.side-nav > li > a:focus,
.side-nav > li > a:active,
.side-nav > li > a:visited {
  color: #222;
  background-color: #eeeeee;
}

.side-nav > .active > a {
  background-color: #eeeeee;
}

.side-nav .open > a,
.side-nav .open > a:hover,
.side-nav .open > a:focus {
  background-color: #eeeeee;
}

.navbar-piin .navbar-nav > .navbar-brand {
  padding: 4px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: -1px;
}

.side-nav .navbar-nav > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
}

/*PAGE LAYOUT*/

.piin_container {
  padding-top: 42px;
  height: 100%;
  width: 100vw;
  top: 0;
  left: 0;
  position: fixed;
}

.container {
  padding: 0px;
}

.img-collapse img {
  width: 100%;
  min-width: 100%;
}

.img-collapse-right img {
  width: 100%;
  min-width: 100%;
}
.img-responsive img {
  width: 100%;
  min-width: 100%;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .img-collapse {
    margin-bottom: -20px;
    padding: 0px;
    overflow: hidden;
  }

  .img-collapse-right {
    margin-bottom: -20px;
    padding: 0px;
    overflow: hidden;
    text-align: right;
  }

  .img-collapse img {
    width: 135%;
    margin-left: -30%;
  }

  .img-collapse-right img {
    width: 135%;
    margin-right: -20%;
  }
}

.row {
  margin: 0px;
}
.center {
  text-align: center;
}

select {
  background: #fff;
}

.tt-hint {
  background-color: transparent !important;
  width: 250px;
}

.tt-query {
  background-color: #fff !important;
  width: 250px;
}

/*--spacers--*/
@media only screen and (min-width: 0px) and (max-width: 768px) {
  .mobile-spacer-md {
    height: 60px;
    width: 100%;
  }
  .mobile-spacer-lg-20 {
    height: 20px;
    width: 100%;
  }
  h1 {
    font-size: 40px;
    line-height: 60px;
  }
}

.spacer-xsm {
  height: 10px;
  width: 100%;
}

.spacer-sm {
  height: 30px;
  width: 100%;
}

.spacer {
  height: 60px;
  width: 100%;
}

.spacer-lg {
  height: 80px;
  width: 100%;
}
/*LINKS*/

a {
  text-decoration: none;
  color: #aaa;
}

a:hover,
a:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.nav a:hover,
.nav a:focus {
  color: #fff;
  text-decoration: none;
}

/*LISTS*/
.li-aligned li {
  margin-left: 20px;
  font-size: 16px;
  line-height: 24px;
}

/*FORM STYLES*/

.red {
  color: #ed1c24;
  display: inline;
}

/* BACKGROUND STYLES */

.banner {
  height: 760px;
  padding-top: 150px;
  margin-top: -130px;
  color: #6b675d;
  background: url(/images/homepage/bgcombined5.jpg) no-repeat center;
  /* features/new_map */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* BACKGROUND STYLES */

.grey-bg {
  background-color: #fafafa;
  padding: 0px;
  color: #66625b;
}

.dark-bg {
  background-color: rgba(0, 0, 0, 0.75);
  color: #f9f7f3;
}

.feature-bg {
  color: #f9f7f3;
  background-color: rgba(0, 0, 0, 0.75);
  padding-top: 20px;
}

.feature-bg .col-md-3 {
  padding: 40px;
}

/* FONTS */

body {
  -webkit-font-smoothing: antialiased;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7em;
  color: rgba(0, 0, 0, 0.75);
}

html {
  font-size: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
h1 {
  font-size: 45px;
  line-height: 50px;
  font-weight: 400;
}

h2 {
  font-size: 36px;
  line-height: 45px;
}

h3 {
  font-size: 26px;
  line-height: 32px;
}

h4 {
  font-size: 18px;
  line-height: 28px;
}

h5 {
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
}

h6 {
  font-size: 12px;
  line-height: 0px;
}

p {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  line-height: 20px;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  h1 {
    font-size: 31px;
    line-height: 40px;
    font-weight: 700;
  }

  h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
  }

  h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
  }

  h4 {
    font-size: 16px;
    line-height: 24px;
  }
}

.leaflet-control-attribution {
  display: none !important;
  position: absolute !important;
  right: 0px !important;
  bottom: -20px !important;
}

/* BUTTON STYLES */

.fa,
.fas,
.far,
.fal {
  margin-right: 5px;
  min-width: 14px;
}

.no-margin {
  margin: 0 !important;
}

.btn {
  display: inline-block;
  /* padding: 6px 12px; */
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  -webkit-user-select: none;
}

.btn-piin3.delete:hover {
  background-color: rgba(145, 4, 16, 0.51);
  color: #fff;
}

.btn-group:not(.bootstrap-select) > .btn {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.26);
}

.btn-piin {
  color: #ffffff;
  /*font-size: 14px;*/
  background-color: #007ee5;
  /* border-width: 0px; */
  transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  -webkit-user-select: none;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 0;
}

.btn-piin:hover,
.btn-piin:focus {
  color: #ffffff;
  background-color: #036fc7;
}

.btn-piin:active:not([disabled]) {
  background-color: #3367d6;
}

.btn-piin.disabled,
.btn-piin[disabled] {
  color: #eee;
  background-color: #898989;
}

.btn-piin2 {
  color: #fff;
  transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
  background-color: #3e92d4;
  border: 0;
  border-radius: 2px 2px 2px 2px;
  text-align: center;
  top: 0;
  vertical-align: top;
  width: 40px;
  font-size: 14px;
}

.table-striped,
.table-hover {
  font-size: 14px;
}

.table-center {
  margin-right: auto !important;
  margin-left: auto !important;
}

.btn-piin2:hover,
.btn-piin2:focus,
.btn-piin2:active,
.btn-piin2.active,
.btn-piin2.disabled,
.btn-piin2[disabled] {
  color: #fff;
}

.btn-piin2:hover {
  color: #fff;
  background-color: #036fc7;
}

.btn-piin3 {
  color: #aaa;
  background-color: #fff;
  border: 1px solid #ddd;
  transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
}
.btn-piin3:hover,
.btn-piin3:focus,
.btn-piin3:active,
.btn-piin3.active,
.btn-piin3.disabled,
.btn-piin3[disabled] {
  color: #424242;
  background-color: rgba(97, 182, 249, 0.15);
}

.btn-piin4 {
  color: #ccc;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.7);
  transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
}

.btn-piin4:hover,
.btn-piin4:focus,
.btn-piin4:active,
.btn-piin4.active,
.btn-piin4.disabled,
.btn-piin4[disabled] {
  color: #fff;
  background-color: #333;
}

.red-button {
  color: #fff;
  background-color: #007ee5;
}

.red-button:hover,
.red-button:focus {
  color: #fff;
  background-color: #b23131;
}

.well {
  background-color: rgba(240, 242, 244, 0.9);
}

/* CAROUSEL*/
.carousel {
  height: 240px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  right: 20px;
  left: auto;
  bottom: 10px;
  padding: 20px;
  top: 0px;
  z-index: 5;
  position: absolute;
  width: 100%;
  color: #666;
  text-shadow: none;
  text-align: left;
}
.carousel-caption h4 {
  vertical-align: middle;
}
/* Declare heights because of positioning of img element */
.carousel .item {
  height: 240px;
  background-color: #f9f7f3;
  color: #666;
}
.carousel-inner > .item > img {
  position: absolute;
  bottom: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}

.carousel-indicators {
  bottom: 20px;
}

.carousel-indicators .active {
  background-color: rgba(102, 98, 91, 0.15);
}

.carousel-indicators li {
  border: 1px solid rgba(102, 98, 91, 0.15);
}

.carousel-caption-main h1 {
  text-shadow: 2px 2px 2px rgba(255, 255, 255, 1);
  color: #666;
  margin-top: 0px;
  font-weight: 400;
}

.carousel-caption-main h2 {
  color: #f9f7f3;
  margin-top: 0px;
  font-size: 30px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 35px;
  font-weight: 700;
}

@media only screen and (min-width: 0px) and (max-width: 679px) {
  .carousel-caption-main {
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 100px;
    z-index: 5;
    position: absolute;
    width: 100%;
  }

  .carousel-caption-main h1 {
    text-shadow: 1px 1px 1px rgba(102, 98, 91, 1);
    color: #aaa;
    font-size: 40px;
    line-height: 45px;
  }
}

.carousel-caption-main button {
  margin-top: 30px;
  margin-left: -125px;
  height: 60px;
  width: 250px;
  font-size: 25px;
  position: relative;
  left: 50%;
}

/*------benefits------*/

.benefits .col-md-4 img {
  margin-top: -20px;
  margin-right: 5px;
}

.benefits h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 20px;
  display: inline-block;
  margin-top: 30px;
}

.benefits p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  margin-top: 4px;
}

.panel h4 {
  font-weight: 300;
  font-size: 22px;
}

.panel p {
  font-weight: 600;
  font-size: 12px;
}

.panel-map .panel-title {
  font-size: 14px;
  font-weight: 400;
}

.panel-map .panel-heading {
  padding: 5px 8px 5px 8px;
}

.panel-group .panel {
  border-radius: 0px;
}

.panel-map {
  background-color: #f4f4f4;
  color: #999;
}

.panel-map a {
  color: #333;
}

.panelmap a:hover {
  color: #333;
}

a.list-group-item {
  font-size: 12px;
  height: auto;
  overflow: hidden;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

a.list-group-item0 {
  background-color: #f9f7f3;
}

a.list-group-item1 {
  background-color: #fcfcfc;
}

a.list-group-item table {
  margin-bottom: 10px;
}

a.list-group-item table td {
  border: 1px solid #ccc;
}

a.list-group-item .btn-piin3 {
  margin-bottom: 5px;
}

a.list-group-item:hover,
a.list-group-item:focus {
  background-color: #eaeaea;
  color: #000;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #eaeaea;
  color: #000;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.list-group-item.active {
  background-color: #eaeaea;
  height: auto;
  color: #000;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #000;
}

a.list-group-item .demographicsInfo {
  display: none;
}

a.list-group-item.active .demographicsInfo {
  display: block;
}

.list-group {
  margin: 0;
}

.badge-piin {
  background-color: #859fa4;
  color: #f9f7f3;
}

.form-control {
  font-size: 13px;
}

/* Sidebar Menu Styles */

.sidebar-search {
  padding: 15px;
}

.arrow {
  float: right;
}

.fa.arrow:before {
  content: "\f104";
}

.active > a > .fa.arrow:before {
  content: "\f107";
}

.nav-second-level li,
.nav-third-level li {
  border-bottom: none !important;
}

.nav-second-level li a {
  padding-left: 37px;
}

.nav-third-level li a {
  padding-left: 52px;
}

@media (min-width: 768px) {
  .navbar-static-side {
    z-index: 1;
    position: absolute;
    width: 250px;
  }

  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
    margin-left: auto;
  }
}

ul {
  margin-left: 20px;
}

/*
.tooltip.right .tooltip-arrow {
  display:none;
  margin-left: 10px;
}
.tooltip-inner {
  color: #F9F7F3;
  background: rgba(0,0,0,0.9);
  padding:10px;
  font-size: 14px;
  width: 300px;
  margin-top:0px;
  border-radius: 0px;
  margin-left:3px;
}
*/
.form-control {
  border-radius: 5px;
}

.panel-heading {
  border-radius: 0px;
}

.product-nav li {
  display: inline-block;
  padding: 10px 25px;

  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
}

.product-nav ul {
  margin: -20px 0px 0px;
}

.product-nav a {
  color: #646056;
  opacity: 0.5;
}

.product-nav a:active,
.product-nav a:hover {
  color: #646056;
  opacity: 0.8;
}

.char-stack {
  font-weight: bold;
  font-size: 12px;
  color: #f9f7f3;
}

.sticky {
  position: fixed;
  top: 0;
}

.navbar {
  margin-bottom: 0px;
}

.product-nav {
  width: 100%;
  background: #fafafa;
  padding: 25px 0;
  height: 60px;
  text-align: center;
  z-index: 999;
}

@media only screen and (min-width: 0px) and (max-width: 679px) {
  .product-nav li {
    display: inline-block;
    padding: 13px;

    font-size: 12px;
    line-height: 15px;
  }
}

.home-nav ul {
  margin: 0px;
  padding: 20px;
}

.home-nav li {
  background-color: #f9f7f3;
  color: #aaa;
  padding: 15px 25px;
  margin: 5px;
  display: inline-block;
  font-size: 16px;
}

.home-nav li.active,
.home-nav li:hover {
  background-color: #aaa;
  color: #fff;
  cursor: pointer;
}

.sticky {
  position: fixed;
  top: 0;
}

.navbar {
  margin-bottom: 0px;
}

.home-nav {
  height: 40px;
  z-index: 999;
  margin-top: 60px;
  padding: 15px;
}

.footer {
  background-color: #383838;
  color: #eee;
}

.footer a {
  margin-left: 10px;
  color: #eee;
}

.contact li {
  padding: 10px;
}

.arrow_box {
  position: relative;
  background: #fff;
}

.info-panel-button-tooltip-container:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 14px;
  margin-top: -1px;
}

.info-panel-button-tooltip-container {
  position: relative;
  top: -45px;
  left: 0px;
  width: 0px;
  opacity: 0;
}

ul:hover .info-panel-button-tooltip-container {
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
  width: 200px;
  left: 95px;
}

.info-panel-button-tooltip {
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #fff;
  box-shadow: 3px 3px 5px -1px rgba(107, 107, 107, 0.6);
  font-size: 14px;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 5px;
  padding-right: 5px;
  transition: all 0.5s ease-in-out;
}

.info-panel {
  background-color: #fff;
  border: 1px solid #ccc;
  display: none;
  width: 435px;
  left: 95px;
  top: 105px;
  font-size: 14px;
  position: fixed;
  box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.26);
  overflow: visible;
  border-radius: 3px;
  margin-left: -10px;
  opacity: 0;
  transition: opacity 0.1s ease-in;
}

.info-panel-large {
  width: 460px !important;
}

.info-panel-comp {
  max-height: 688px;
}

.info-panel .bootstrap-switch-container .bootstrap-switch-handle-on {
  background: #3e92d4;
}

@media (max-width: 500px) {
  #panel_button_list_container {
    position: relative;
    left: -70px;
    transition: all 0.35s ease-in-out;
  }
  #panel_button_list_container:hover {
    position: relative;
    left: 0px;
    transition: all 0.35s ease-in-out;
  }
  #panel_button_list_container:hover #panel-expand_top_bar {
    position: absolute;
    visibility: hidden;
  }
  #panel-expand_top_bar {
    position: relative;
    visibility: visible;
    left: 85px;
  }
  #toolParent {
    top: 108px !important;
    left: 258px !important;
  }
  #quick-comparison-btn {
    visibility: hidden;
  }
  #toolSecondary {
    width: 200px !important;
    top: 108px !important;
    left: 60px !important;
  }
  #build-report-btn {
    top: 108px !important;
    left: 135px !important;
  }
  #bg_report_area_draw_button {
    width: 80px !important;
  }
  .leaflet-control-locate {
    top: 0px !important;
    height: 38px !important;
    width: 38px !important;
    left: 0px !important;
    padding: 1px !important;
  }
  .nav-toggle-shade-hover {
    width: 500px !important;
    background: linear-gradient(
      to right,
      rgba(128, 128, 128, 0.4),
      transparent
    );
  }
  .nav-toggle-shade {
    width: 10px;
  }
  .leaflet-bottom.leaflet-right {
    visibility: hidden;
  }
  .leaflet-bottom.leaflet-left {
  }
  .info-panel {
    width: 83% !important;
    left: 0px !important;
    top: 200px !important;
    bottom: 0px !important;
  }
  .mobile-hidden {
    visibility: hidden !important;
  }
  #measurements-dropdown {
    left: -26px !important;
  }
  .curr-location-sales-text-bold {
    padding-left: 60px;
  }
  .curr-location-sales-rank {
    padding-left: 60px;
  }
  .extra-small-text {
    padding-left: 60px;
  }
  .navbar {
    width: 81%;
  }
  .ComparisonInfoPanel {
    width: 100% !important;
    right: 0px;
    top: 32px;
  }
}

@media (min-width: 501px) {
  #panel-expand_top_bar {
    position: absolute;
    visibility: hidden;
  }

  .nav-toggle-shade-hover {
    z-index: 1;
    width: 300px !important;
    background: linear-gradient(
      to right,
      rgba(128, 128, 128, 0.4),
      transparent
    ) !important;
  }

  .nav-toggle-shade {
    height: 100%;
    width: 80px;
    position: absolute;
    top: 0px;
    left: -5px;
    transition: all 0.35s ease-in-out;
    background: linear-gradient(
      to right,
      rgba(128, 128, 128, 0.3),
      transparent
    );
  }
}

.nav-toggle {
  height: 100%;
  width: 80px;
  overflow: visible;
  z-index: 500;
  padding-top: 60px;
}

.nav-toggle li {
  opacity: 1;
  color: #ddd;
  overflow: hidden;
  border: 1px solid rgba(140, 140, 140, 0.34);
  left: 20px;
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 25px;
  background-color: white;
  box-shadow: 2px 2px 5px -1px rgba(107, 107, 107, 0.56);
  margin-bottom: 7px;
  transition: all 0.3s ease;
}

.nav-toggle .icon-box {
  display: table;
  color: white;
  text-align: center;
  height: 50px;
  width: 70px;
  padding: 11px 0px;
  position: absolute;
}

.nav-toggle .icon-box p {
  line-height: 12px;
  font-size: 0.7rem;
  font-weight: 600;
}

.PanelHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  line-height: 13px;
  padding: 10px 15px;
}

.traffic-header-text {
  position: relative;
  left: 90px;
  bottom: 1px;
}

.traffic-header-hidden {
  opacity: 0;
  cursor: default;
}

.traffic-header-unclickable {
  pointer-events: none;
}

.selectize-input input {
  font-family: "Open Sans", "Font Awesome 5 Pro", sans-serif;
}

.selectize-dropdown .active {
  background-color: rgba(97, 182, 249, 0.15);
}

.info-panel-title {
  font-weight: bold;
  font-size: 18px;
  color: #193a54;
  margin: 0;
}

.nav-toggle li.active,
.nav-toggle li:hover,
.nav-toggle li.active {
  background-color: #3e92d4;
  color: #fff;
}

.nav-toggle li a {
  color: #e0e0e0;
}

.nav-toggle li.active a,
.nav-toggle li:hover a,
.nav-toggle li.active a {
  color: #fff;
}

.nav-toggle li.active {
  width: 475px;
}

.nav-toggle label {
  font-size: 9px;
}

.nav-toggle ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

:focus {
  outline: none;
}

.bootstrap-select .active a {
  background: #048bdd !important;
}

.bootstrap-select,
.btn-default {
  border: 1px solid #ddd;
}

.leaflet-popup-close-button {
  opacity: 0.5;
}

.leaflet-popup-close-button:hover {
  background-color: transparent;
  opacity: 1;
}
.matte-media-box {
  padding: 3px;
  margin-top: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #ddd #cacaca #acacac;
  display: inline-block;
  background-color: #fff;
  width: 100%;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1), 0 0 0 #000;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1), 0 0 0 #000;
}

.piin-report {
  padding-top: 20px;
}
.piin-report h2 {
  font-weight: 600;
  color: #747373;
}

.tab-pane {
  padding-top: 0px;
}

.tab-pane .opacity {
  padding: 8px 0px 15px 0px;
  font-size: 13px;
}

input[type="checkbox"] {
  background-color: #fff;
  border: 1px solid #999;
}

html,
body,
#map-canvas {
  height: 100%;
  margin: 0px;
  padding: 0px;
}
.controls {
  margin-top: 16px;
  border: 1px solid transparent;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
}

.toggle_map {
  /*padding-left: -25px;*/
  cursor: pointer;
  margin-bottom: 5px;
  height: 90px;
  display: inline-block;
}

.toggle_map p {
  margin-top: -25px;
  margin-left: 10px;
  color: #444;
  font-weight: 700;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
    1px 1px 0 #fff;
}

.toggle_map_tiny p {
  margin-top: -25px;
  margin-left: 10px;
  color: #444;
  font-weight: 700;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
    1px 1px 0 #fff;
}

.toggle_map p.dark {
  color: #fff;
  font-weight: 600;
  text-shadow: -1px -1px 0 #222, 1px -1px 0 #222, -1px 1px 0 #222,
    1px 1px 0 #222;
}

.toggle_map img {
  border: 3px solid #eee;
  max-width: 238px;
  margin-left: 1px;
  -webkit-transition: border 200ms ease-out;
  -moz-transition: border 200ms ease-out;
  -o-transition: border 200ms ease-out;
  transition: border 200ms ease-out;
}

.toggle_map img:hover {
  border-color: rgba(62, 146, 212, 0.8);
}

.toggle_map.active img {
  border: 3px solid #499227;
}

.toggle_map.split.google {
  width: 115px;
  background-image: url("/images/homepage/satellite.jpg");
  height: 90px;
  display: inline-block;
}

.toggle_map.split.bing {
  width: 115px;
  background-image: url("/images/homepage/googleLayerSatellite.png");
  height: 90px;
  display: inline-block;
}

.toggle_map.split.active {
  box-shadow: inset 0px 0px 0px 3px #499227;
}

.toggle_map.split img {
  display: none;
}
.toggle_map.split p {
  display: inline-block;
  margin-top: 65px;
}

.filter-option {
  font-size: 14px;
}

.store_filter {
  position: fixed;
  top: 31px;
  height: 40px;
  background-color: #f4f4f4 !important;
  width: 100%;
  z-index: 900;
  border: 1px solid #ccc;
}

html,
body,
#map-canvas {
  height: 100%;
  margin: 0px;
  padding: 0px;
}
.controls {
  margin-top: 16px;
  border: 1px solid transparent;
  border-radius: 2px 2px 2px 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
}

#pac-input {
  background-color: #fff;
  padding: 0 11px 0 13px;
  width: 400px;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 300;
  text-overflow: ellipsis;
}

#pac-input:focus {
  border-color: #4d90fe;
  margin-left: -1px;
  padding-left: 14px; /* Regular padding-left + 1. */
  width: 401px;
}

.store_filter > .dropdown {
  height: 100%;
  width: auto;
  display: inline-block;
  padding: 10px 20px;
  margin: 0px 0px 0px -5px;
  border-right: 1px solid #ccc;
}
.pac-container {
  font-family: Open Sans;
  position: relative;
  z-index: 2000;
}
#type-selector {
  color: #fff;
  background-color: #4d90fe;
  padding: 5px 11px 0px 11px;
}
.logos img {
  opacity: 0.4;
  margin: 0px 30px;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}

.store_filter .dropdown-menu {
  border-radius: 0px;
  margin: 0px;
  padding: 10px 20px;
  left: 0px;
  width: 100%;
}

.topic_filter {
  position: fixed;
  bottom: 0px;
  height: 100px;
  background-color: #eee;
  z-index: 900;
  width: 100%;
  border: 1px solid #ccc;
}

.topic_filter h3 {
  font-weight: 600;
  margin: 0px;
}

.topic_filter .dashboard-card {
  border-right: 1px solid #ccc;
  height: 100%;
  color: #999;
}

.topic_filter .dashboard-card:hover,
.topic_filter .dashboard-card.active {
  color: #444 !important;
  background-color: #fff !important;
}

.graph_filter {
  height: 40px;
  background-color: #eee;
  z-index: 900;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

.graph_filter > .graph_item {
  height: 100%;
  width: auto;
  display: inline-block;
  padding: 10px 20px;
  margin: 0px;
  color: #666;
  background-color: #eee;
}

.graph_filter > .graph_item.pull-right {
  border-left: 1px solid #ccc;
}

.graph_filter > .graph_item.pull-left {
  border-right: 1px solid #ccc;
}

.graph_filter > .graph_item.active,
.graph_filter > .graph_item:hover {
  background-color: #fff;
}

.topic_filter .dropdown-menu {
  bottom: 100% !important;
  top: auto !important;
  border-radius: 0px;
  padding: 10px;
  margin-right: -16px;
}

.topic_filter .dropdown {
  padding-top: 10px;
}

.wrapper-map {
  height: 100%;
  background: #fff;
  position: fixed;
  right: 0px;
  width: 821px;
  padding-bottom: 170px;

  border-left: 1px solid #ddd;
}

#sales-charts {
}

#expense-charts {
}

#demog-charts {
}

#locations-charts {
}

.dashboard-card {
  cursor: pointer;
  color: #666;
}

.time-period-button {
  cursor: pointer;
  font-size: 13px;
  font-weight: 300;
}

.logos img {
  opacity: 0.4;
  margin: 0 25px 0 25px;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}

.logos img:hover {
  opacity: 0.8;
}

.timeline {
}

.timeline-item {
  border-left: 3px solid #ccc;
  padding: 0px 30px 30px 40px;
  margin-left: 60px;
}

.range-input::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  width: 25px;
  height: 25px;
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 0px 0px 2px #000;
}

.timeline-time {
  margin-bottom: 20px;
  margin-top: -30px;
  font-size: 20px;
  font-weight: 600;
  color: #ccc;
}
.timeline-icon {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  margin-left: -57px;
  background-color: #ccc;
  display: inline-block;
}

.containerobj {
  /*height:5em;*/
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  position: relative;
  height: 300px;
  margin: -20px 0px -35px 0px;
}

.containerobj div {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
}
.containerobj a {
  display: block;
  white-space: nowrap;
  clear: both;
  /*padding-right:15px;*/
  overflow: hidden;
  text-decoration: none;
  padding: 10px 30px 10px 10px;
  min-width: 100px;
}
.containerobj a:focus {
  outline: none;
}
.containerobj a canvas {
}
.containerobj .feature {
  min-width: 200px;
  overflow-y: auto;
}
.containerobj .feature a {
  white-space: normal;
}
.containerobj .hasChildMenu {
}
.containerobj .active {
  background-color: #3671cf;
  color: #fff;
}
.containerobj .inpath {
  background-color: #d0d0d0;
  color: #000;
}
.containerobj .hasChildMenu .widget {
  color: black;
  position: absolute;
  right: 0;
  text-decoration: none;
  font-size: 0.7em;
}

.layer-control {
  opacity: 0.7;
  display: inline-block;
  border: none;
  background: transparent;
}

.layer-control:hover {
  opacity: 1;
}

.layer-control {
  color: #808080;
}

.layerspopover a {
  color: #333;
  cursor: pointer;
}

.layerspopover {
  width: 110px !important;
  height: 110px !important;
}

.delete-layer,
.create-report,
.layer-info,
.lock-layer,
.copy-to-mobile-layer,
.run-ring-symbology,
.view-details-simulation,
.edit-simulation,
.share-simulation,
.delete-simulation,
.delete-simulation-event,
.comment-simulation-event,
.edit-simulation-event {
  color: #333;
}

.popover-full-options {
  height: 215px !important;
  width: 170px !important;
}
  
.popover-two-options {
  height: 180px !important;
  width: 170px !important;
}

.popover-one-option {
  height: 157px !important;
  width: 170px !important;
}

.popover-one-option .popover-content {
  width: 170px !important;
}

.popover-two-options .popover-content {
  width: 170px !important;
}

.popover-full-options .popover-content {
  width: 170px !important;
}

.popover-one-option .popover-content div {
  display: flex;
  flex-direction: column;
}

.popover-two-options .popover-content div {
  display: flex;
  flex-direction: column;
}

.popover-full-options .popover-content div {
  display: flex;
  flex-direction: column;
}

#react-custom-layer-add .btn {
  background-color: #f5f5f5;
}
#react-custom-layer-add .btn:hover {
  color: #3e92d4;
}
#react-custom-layer-add {
  padding-top: 10px;
}
.popover-title {
  padding: 0 !important;
  border-bottom: none;
}
.contribution-popover {
  height: 100%;
  display: flex;
  align-items: center;
}

.PanelHeader .layer-control {
  color: #ddd;
}

.table-layer {
  margin-bottom: 0px;
}

.table-no-border tr {
  border: none;
}

.PanelBody-noscroll {
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0 10px 10px;
  height: 100%;
}

.PanelBody {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 10px 10px;
  max-height: calc(100vh - 270px);
}

.TrafficPanel > .PanelBody {
  max-height: 450px;
  overflow: visible;
}
.NeighborhoodsPanel > .PanelBody {
  overflow: visible;
}

td > input[type="checkbox"],
.PanelHeader > input[type="checkbox"] {
  display: none;
} /* to hide the checkbox itself */
td > input[type="checkbox"] + label:before,
.PanelHeader > input[type="checkbox"] + label:before {
  font-family: FontAwesome;
  /*display: inline-block;*/
}

.PanelBody-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.42857143;
  border-top: 1px solid #ddd;
  padding: 8px;
}

.PanelBody-row:first-child {
  border-top: unset;
}

td > input[type="checkbox"] {
  margin: 0px;
  padding: 0px;
}

td > input[type="checkbox"] + label:before,
.PanelHeader > input[type="checkbox"] + label:before {
  content: "\f06e";
} /* unchecked icon */

td > input[type="checkbox"] + label:before,
.PanelHeader > input[type="checkbox"] + label:before {
  letter-spacing: 10px;
} /* space between checkbox and label */

.PanelHeader > input[type="checkbox"]:checked + label:before {
  content: "\f070";
  color: #007ee5;
} /* checked icon */

td > input[type="checkbox"]:checked + label:before {
  content: "\f070";
}

.Switch-on {
  background: #3e92d4 !important;
}

.onoffswitch {
  position: relative;
  width: 65px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #8a8a8a;
  border-radius: 17px;
}
.onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
  float: left;
  width: 50%;
  height: 17px;
  padding: 0;
  line-height: 17px;
  font-size: 15px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 17px;
  box-shadow: 0px 8px 0px rgba(0, 0, 0, 0.08) inset;
}
.onoffswitch-inner:before {
  content: "ON";
  padding-left: 10px;
  background-color: #38a316;
  color: #ffffff;
  border-radius: 17px 0 0 17px;
}
.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 10px;
  background-color: #e3e3e3;
  color: #4a4a4a;
  text-align: right;
  border-radius: 0 17px 17px 0;
}
.onoffswitch-switch {
  width: 17px;
  margin: 0px;
  background: #ffffff;
  border: 2px solid #8a8a8a;
  border-radius: 17px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 44px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
  background-image: -moz-linear-gradient(
    center top,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0) 80%
  );
  background-image: -webkit-linear-gradient(
    center top,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0) 80%
  );
  background-image: -o-linear-gradient(
    center top,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0) 80%
  );
  background-image: linear-gradient(
    center top,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0) 80%
  );
  box-shadow: 0 1px 1px white inset;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

.onoffswitch-small {
  position: relative;
  width: 48px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-small-checkbox {
  display: none;
}
.onoffswitch-small-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #666666;
  border-radius: 12px;
}
.onoffswitch-small-inner {
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-small-inner:before,
.onoffswitch-small-inner:after {
  float: left;
  width: 50%;
  height: 12px;
  padding: 0;
  line-height: 12px;
  font-size: 12px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 12px;
  box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.08) inset;
}
.onoffswitch-small-inner:before {
  content: "ON";
  padding-left: 5px;
  background-color: #38a316;
  color: #ffffff;
  border-radius: 12px 0 0 12px;
}
.onoffswitch-small-inner:after {
  content: "OFF";
  padding-right: 5px;
  background-color: #ffffff;
  color: #666666;
  text-align: right;
  border-radius: 0 12px 12px 0;
}
.onoffswitch-small-switch {
  width: 12px;
  margin: 0px;
  background: #ffffff;
  border: 2px solid #666666;
  border-radius: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 50px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
  background-image: -moz-linear-gradient(
    center top,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0) 80%
  );
  background-image: -webkit-linear-gradient(
    center top,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0) 80%
  );
  background-image: -o-linear-gradient(
    center top,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0) 80%
  );
  background-image: linear-gradient(
    center top,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0) 80%
  );
  box-shadow: 0 1px 1px white inset;
}
.onoffswitch-small-checkbox:checked
  + .onoffswitch-small-label
  .onoffswitch-small-inner {
  margin-left: 0;
}
.onoffswitch-small-checkbox:checked
  + .onoffswitch-small-label
  .onoffswitch-small-switch {
  right: 10px;
}

.spinner {
  display: inline-block;
  opacity: 0;
  width: 0;
  -webkit-transition: opacity 0.25s, width 0.25s;
  -moz-transition: opacity 0.25s, width 0.25s;
  -o-transition: opacity 0.25s, width 0.25s;
  transition: opacity 0.25s, width 0.25s;
}
.has-spinner.active {
  cursor: progress;
}
.has-spinner.active .spinner {
  opacity: 1;
  width: auto;
}
.has-spinner.btn-mini.active .spinner {
  width: 10px;
}
.has-spinner.btn-small.active .spinner {
  width: 13px;
}
.has-spinner.btn.active .spinner {
  width: 16px;
}
.has-spinner.btn-large.active .spinner {
  width: 19px;
}

.popover {
  color: black;
  max-width: 300px;
  position: fixed;
  width: 150px;
  height: fit-content !important;
}

.popover-content {
  width: 140px;
  font-size: 14px;
}

.sitematch-popover .popover-content {
  width: 175px;
  font-size: 14px;
  line-height: 2.0;
}
#popover-positioned-right {
  height: 130px;
}
#popover-positioned-right-one-row {
  height: 50px;
}
#popover-positioned-right-two-rows {
  height: 80px;
}
#popover-positioned-right-three-rows {
  height: 100px;
}

.simulation-event-popover {
  height: initial;
}

.col-md-5 > .bootstrap-select {
  width: 200px !important;
}

.region-select-popup {
  font-size: 14px;
}

.region-select-popup > a {
  cursor: pointer;
  font-size: 12px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
  color: red;
}

.region-select-popup > .btn-piin2 {
  width: 150px;
}

.region-select-popup > .btn-piin2 > i {
  padding-right: 5px;
}

#sitematch-link {
  color: #3e92d4;
  transition: color 200ms;
}

#sitematch-link:hover {
  color: #3378ae;
}

#panel-eight #real-estate-panel {
  padding: 10px 15px;
}

.main-div {
  overflow: visible;
  position: fixed;
  top: 42px;
  left: 0px;
  z-index: 1001;
  height: 100%;
}

.demog-importance {
  width: 40px;
  font-size: 11px;
  border: none;
}

.list-group-item:first-child {
  border-radius: 0 !important;
}

.leaflet-popup-scrolled {
  border-top: none !important;
}

#current_locations_search {
  padding-left: 29px;
}

#poi_panel_wrapper {
}

.navbar-tour {
  background-color: #2b3138;
  border-color: #47525d;
  border-radius: 0;
}
.navbar-tour .navbar-brand {
  color: #faffff;
}
.navbar-tour .navbar-brand:hover,
.navbar-tour .navbar-brand:focus {
  color: #aab5b4;
}
.navbar-tour .navbar-text {
  color: #faffff;
}
.navbar-tour .navbar-nav > li > a {
  color: #faffff;
}
.navbar-tour .navbar-nav > li > a:hover,
.navbar-tour .navbar-nav > li > a:focus {
  color: #aab5b4;
  background-color: #2d5aad;
}
.navbar-tour .navbar-nav > .active > a,
.navbar-tour .navbar-nav > .active > a:hover,
.navbar-tour .navbar-nav > .active > a:focus {
  color: #aab5b4;
  background-color: #47525d;
}
.navbar-tour .navbar-nav > .open > a,
.navbar-tour .navbar-nav > .open > a:hover,
.navbar-tour .navbar-nav > .open > a:focus {
  color: #aab5b4;
  background-color: #47525d;
}
.navbar-tour .navbar-toggle {
  background-color: #47525d;
}
.navbar-tour .navbar-toggle:hover,
.navbar-tour .navbar-toggle:focus {
  background-color: #47525d;
}
.navbar-tour .navbar-toggle .icon-bar {
  background-color: #faffff;
}
.navbar-tour .navbar-collapse,
.navbar-tour .navbar-form {
  background-color: #2b3138;
  border-color: #47525d;
}
.navbar-tour .navbar-link {
  color: #faffff;
}
.navbar-tour .navbar-link:hover {
  color: #aab5b4;
}

@media (max-width: 767px) {
  .navbar-tour .navbar-nav .open .dropdown-menu > li > a {
    color: #faffff;
  }
  .navbar-tour .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-tour .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #aab5b4;
  }
  .navbar-tour .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-tour .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-tour .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #aab5b4;
    background-color: #2d5aad;
  }
}

.modal-dialog-upload {
  z-index: 1050;
  width: 80%;
  padding: 10px;
  margin-right: auto;
  margin-left: auto;
}

.modal-dialog-table {
  z-index: 1050;
  width: 70%;
  padding: 10px;
  margin-right: auto;
  margin-left: auto;
}

.modal-dialog-customers {
  z-index: 1050;
  width: 70%;
  padding: 10px;
  margin-right: auto;
  margin-left: auto;
}

.modal-dialog-report {
  z-index: 1050;
  width: 50%;
  padding: 10px;
  margin-right: auto;
  margin-left: auto;
}

/**
   * Handle marker logo masking.
   */

.marker-masked-image {
  background-color: #7e7e7e;
}

.marker-masked-image.masked-big {
  -webkit-mask: url("/images/marker_mask_100.svg");
}

.marker-masked-image.masked-small {
  mask: url("/images/marker_mask.svg#marker_mask");
  mask-repeat: no-repeat;
  -webkit-mask: url("/images/marker_mask.svg") center;
  -webkit-mask-repeat: no-repeat;
  height: 38px;
  width: 30px;
}

.marker-masked-image.masked-small.masked-shifted {
  margin-top: -35px !important;
  background-color: rgba(255, 255, 255, 0.01);
  width: 27px !important;
  height: 37px !important;
}

.image-legend-small {
  max-height: 30px;
  max-width: 30px !important;
}

.image-legend-medium {
  max-height: 50px !important;
  max-width: 50px !important;
  width: inherit !important;
  height: inherit !important;
  background-color: rgba(
    255,
    255,
    255,
    0.01
  ); /* crazy, I know. There is a
                                                    bug in chrome on mac only
                                                    where if we don't have a background
                                                    colour on a png, all html elements
                                                    start dissapearing as you hover
                                                    over them. seriously. */
}

.POI-Panel-Body-Panel-List-LogoBut-Logo {
  height: auto !important;
}

.leaflet-control-scale {
  left: 12px !important;
}

.image-legend-large {
  max-height: 70px;
  max-width: 70px !important;
}

/*handle legend overflow*/
.leaflet-bottom {
  /*max-height: 80%;*/
  z-index: 1002;
  overflow-y: visible;
  word-wrap: break-word;
}

.leaflet-bottom::-webkit-scrollbar {
  width: 0 !important;
}

.min-leaflet-legend-control {
  padding-top: 0px !important;
  padding-bottom: 12px !important;
  border: 0px !important;
  top: 10px !important;
  background-clip: content-box !important;
}

.custom-layer-legend.min-leaflet-legend-control {
  padding: 10px !important;
  min-width: 100px !important;
  top: 0px !important;
  border: 1px solid #e5e5e5 !important;
}

.leaflet-right .leaflet-control {
  max-width: 250px;
  min-width: 190px;
  white-space: nowrap;
  overflow: visible;
  text-overflow: ellipsis;
  border-right-width: 0px;
  border-left: 0px;
  border: 1px solid #e5e5e5;
  /* box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.15); */
  float: none;
  padding: 10px;
  margin-right: 10px;
  /* we should avoid !important whenever possible. Why do we have it here? */
  /* It causes jQuery issues if you using !important too often */
  display: inline-block !important;
  vertical-align: bottom;
}

.leaflet-bottom .leaflet-right {
  max-height: 75%;
}

.leaflet-control-attribution {
  border: 0px !important;
  box-shadow: none !important;
  background: transparent !important;
}

/*handle search locations*/
.label {
  color: #d3d3d3;
}

.caption {
  font-weight: 400;
  padding-left: 12px;
}

/*streetview small map*/
.streetview_map {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 300px;
  height: 250px;
  z-index: 1000;
}

.streetview_map_drag {
  width: 400px !important;
  height: 350px !important;
}

.copy_coords {
  cursor: pointer;
  border: none;
  color: #8c8c8c;
}

.city-spacing {
  margin-top: 5px;
  margin-left: 0px;
  padding: 0px;
}

.tour_score {
  font-size: 18px;
  font-weight: 600;
}

/* Ping Styles Begin Here */

/*.container {*/
/*float: left;*/
/*display: block;*/
/*bottom: 200px;*/
/*right: 200px;*/
/*margin: 100px;*/
/*position: relative;*/
/*}*/
.ring {
  z-index: 999999;
  display: block;
  float: left;
  position: absolute;
  border-radius: 55px;
  padding: 50px;
  transform: scale(0.25);
  -ms-transform: scale(0.25);
  /* IE 9 */
  -webkit-transform: scale(0.25);
  /* Safari and Chrome */
  -o-transform: scale(0.25);
  /* Opera */
  -moz-transform: scale(0.25);
  /* Firefox */
  -webkit-transform-origin: center;
  animation-iteration-count: infinite;
  /* W3C and Opera */
  -moz-animation-iteration-count: infinite;
  /* Firefox */
  -webkit-animation-iteration-count: infinite;
  /*Safari and Chrome*/
  /*-webkit-transform-origin: center;*/
}
.ping {
  top: -35px;
  left: -35px;
  border: solid #4099ff 3px;
  -moz-animation-duration: 3s;
  -webkit-animation-duration: 3s;
  -moz-animation-name: ping;
  -webkit-animation-name: ping;
}
.small-ping {
  top: -42px;
  left: -42px;
  border: double #77d2ff 10px;
  -moz-animation-duration: 0.75s;
  -webkit-animation-duration: 0.75s;
  -moz-animation-name: smallping;
  -webkit-animation-name: smallping;
}
@-webkit-keyframes ping {
  from {
    transform: scale(0.25);
    -ms-transform: scale(0.25);
    /* IE 9 */
    -webkit-transform: scale(0.25);
    /* Safari and Chrome */
    -o-transform: scale(0.25);
    /* Opera */
    -moz-transform: scale(0.25);
    /* Firefox */
    opacity: 1;
  }
  to {
    transform: scale(1);
    -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Safari and Chrome */
    -o-transform: scale(1);
    /* Opera */
    -moz-transform: scale(1);
    /* Firefox */
    opacity: 0;
  }
}
@-webkit-keyframes smallping {
  from {
    transform: scale(0.1);
    -ms-transform: scale(0.1);
    /* IE 9 */
    -webkit-transform: scale(0.1);
    /* Safari and Chrome */
    -o-transform: scale(0.1);
    /* Opera */
    -moz-transform: scale(0.1);
    /* Firefox */
    opacity: 1;
  }
  to {
    color: white;
    transform: scale(0.55);
    -ms-transform: scale(0.55);
    /* IE 9 */
    -webkit-transform: scale(0.55);
    /* Safari and Chrome */
    -o-transform: scale(0.55);
    /* Opera */
    -moz-transform: scale(0.55);
    /* Firefox */
    opacity: 0;
  }
}
a.ping {
  width: 30px;
  height: 30px;
  position: absolute;
  text-decoration: none;
  background-color: #77d2ff;
  border-radius: 55px;
  border: dotted 3px;
  -moz-animation-duration: 0.75s;
  -webkit-animation-duration: 0.75s;
  -moz-animation-name: breathe;
  -webkit-animation-name: breathe;
  animation-iteration-count: infinite;
  /* W3C and Opera */
  -moz-animation-iteration-count: infinite;
  /* Firefox */
  -webkit-animation-iteration-count: infinite;
  /*Safari and Chrome*/
  animation-direction: alternate;
  /* W3C and Opera */
  -moz-animation-direction: alternate;
  /* Firefox */
  -webkit-animation-direction: alternate;
  /* Safari and Chrome */
  animation-delay: 0s;
  /* W3C and Opera */
  -moz-animation-delay: 0s;
  /* Firefox */
  -webkit-animation-delay: 0s;
  /* Safari and Chrome */
}
@-webkit-keyframes breathe {
  from {
    border-color: #68b9e2;
    background-color: #77d2ff;
  }
  to {
    border-color: #68b9e2;
    background-color: #6dc1ec;
  }
}

.tour-spacing {
  left: 415px;
}

.tour_score {
  font-size: 18px;
  font-weight: 600;
}

.tour_vars {
  font-weight: 500;
}
/* spacing below create marker button */
.poi-marker-btn {
  margin-bottom: 0.5em;
}

/* fix spacing below input fields*/
.poi-input {
  margin-bottom: 0.5em;
}

.no-shadow {
  box-shadow: none !important;
}

.poi-title {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}

.poi-name {
  width: 190px;
  word-wrap: break-word;
}

/* fix spacing below input title*/
.poi-input-title {
  margin-bottom: 0em;
  font-weight: bold;
}

.drivetime-popup h3 {
  color: #444;
  margin-top: 0;
  font-size: 14px;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  padding-top: 5%;
}
.leaflet-popup-content-wrapper {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.26);
  font-family: "Open Sans", sans-serif;
}

.input-group {
  z-index: 1;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.26);
}

.toolbar-btn-group {
  display: inline-flex !important;
  position: fixed;
  top: 50px;
  height: 35px;
  z-index: 1;
}

.toolbar-btn {
  color: #fff;
  background-color: #3e92d4;
  border: 0;
  border-radius: 0;
  padding: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.26);
  transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
}

.toolbar-btn-group > .toolbar-btn:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.toolbar-btn-group > .toolbar-btn:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.toolbar-btn:active,
.toolbar-btn:focus,
.toolbar-btn:hover {
  color: #fff;
}

.toolbar-btn:active,
.toolbar-btn:hover {
  background-color: #036fc7;
}

.form-group .fa-search {
  display: table-cell;
}

#forecast_layers_table {
  margin-top: -1px;
}

.piin-accordion {
  margin: -1px -10px;
  padding: 1px 0;
}
.banner-accordion {
  padding: 1px;
}
.piin-accordion.open .piin-accordion-icon,
.banner-accordion.open .banner-accordion-icon {
  transform: rotate(180deg);
  transition: transform 0.2s ease-in-out;
}
.piin-accordion.open .piin-accordion-panel,
.banner-accordion.open .banner-accordion-panel {
  max-height: unset;
  overflow: visible;
  z-index: 1;
  /* transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition-duration: 0.5s;
  transition-property: max-height; */
}
.piin-accordion.open .piin-accordion-content,
.banner-accordion.open .banner-accordion-content {
  opacity: 1;
  transform: translateY(0);
}
.piin-accordion-toggle {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 18px;
  background: #f5f5f5;
  outline: 1px solid #bab5b5;
  border: 0;
  z-index: 1;
  position: relative;
}
.banner-accordion-toggle {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1px 18px;
  margin: 10px 0px 5px 0px;
  background: #f5f5f5;
  outline: 1px solid #bab5b5;
  border: 0;
  z-index: 1;
  position: relative;
}
.piin-accordion-title {
  font-size: 14px;
}
.piin-accordion-icon,
.banner-accordion-icon {
  font-size: 16px;
  margin: 0;
  padding: 0;
  transition: none;
}
.piin-accordion-panel,
.banner-accordion-panel {
  width: 100%;
  position: relative;

  max-height: 0;
  overflow: hidden;
  z-index: 0;
  /* text-transform: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  transition-duration: 0.5s;
  transition-property: opacity;
  transition-property: max-height; */
}
.piin-accordion-content,
.banner-accordion-content {
  padding: 1px 10px 0;
  opacity: 0;
  transform: translateY(-8px);
  transition-timing-function: linear, ease-out;
  transition-duration: 0.1s;
  transition-delay: 0.1s;
  transition-property: opacity, transform;
}
.piin-accordion-content {
  padding: 1px 10px 0 !important;
}
.banner-current-location-search-bar {
  margin: 4px 0px;
}
.piin-accordion-content > table,
.piin-accordion-content > div,
.piin-accordion-content > span,
.banner-content > table,
.banner-content > div,
.banner-content > span {
  width: 100%;
}

.piin-accordion-content > .PanelBody-row:first-child {
  border-top: unset;
}

.mylocations-table {
  margin-top: -5px;
}

.mylocations-table .storename {
  padding-top: 14px;
}

.mylocations-table .storeswitch {
  padding-top: 13px;
  padding-bottom: 11px;
}

.contrib-web-layers {
  margin: 0;
  max-width: unset;
  width: unset !important;
}
.contrib-web-layers > tbody > tr:first-child > td {
  border-top: none;
}
.overlays-table td {
  font-weight: 600;
  color: #353535;
  padding-bottom: 14px !important;
  padding-top: 14px !important;
}

.overlays-heading {
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  color: #353535;
  margin-left: -18px;
  margin-right: -10px;
  margin-bottom: -1px;
  padding-left: 19px;
  margin-top: 5px;
}

.overlays-heading h5 {
  font-size: 14px;
  font-weight: 600;
  margin: 5px;
}

.overlays-heading a {
  color: grey;
  padding-right: 11px;
  padding-top: 5px;
}
.poi-remove-btn {
  vertical-align: bottom;
  margin-right: 6em;
  cursor: pointer;
  font-size: 12px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.52) !important;
}

.poi-panel {
  display: none;
}

.poi-active {
  display: inline;
}

.poi-body {
  margin: 0px auto;
}

.btn.addLocation {
  margin-bottom: 10px;
}

.btn.uploadLocationSet {
  margin-bottom: 10px;
}

.location-table {
  font-size: 14px;
  max-width: 500px;
  table-layout: auto;
}

.location-table td {
  min-width: 100px;
  word-break: break-word;
}

.poi-panel .poi-marker-btn {
  display: block;
  margin: 0px auto;
}

.poi-table {
  width: 100%;
  font-size: 13px;
  table-layout: fixed;
  max-width: 500px;
  min-width: 275px;
  margin: 0px auto 1em;
}

.poi-hidden {
  display: none;
}

.popup-btn-wrap {
  text-align: center;
  min-width: 275px;
  max-width: 500px;
}

.poi-btn-wrap {
  text-align: center;
  min-width: 275px;
  max-width: 500px;
  height: 30px;
}

.fa-custom-style {
  margin-left: 4px;
  margin-right: 4px;
}

.popup-btn {
  color: #333;
  margin: 0;
  padding: 0;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  display: block;
  font-size: 11px;
  font-weight: 400;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 2px;
  padding-left: 10px;
  text-align: left;
}

.poi-marker-edit {
  float: right;
  margin-left: auto !important;
  margin-right: 1em !important;
}

.poi-table input {
  width: 100%;
}

/**
 * Leaflet Override CSS
 */

.leaflet-container h3 {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7em;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.leaflet-container label {
  font-size: 13px;
  line-height: 1.7em;
  font-family: "Open Sans";
  font-weight: 400;
}

/**
 * POI CSS
 */

.poi-marker-edit {
  float: right;
  margin-left: auto !important;
  margin-right: 0.5em !important;
}

.poi-table input {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #cccccc;
  padding-left: 5px;
  padding-right: 5px;
}

.poi-input {
  border-radius: 4px;
  border: 1px solid #cccccc;
  padding-left: 5px;
  padding-right: 5px;
}
.show-demographics-input {
  margin-top: 16px !important;
  margin-left: -10px !important;
}

.show-demographics-checkbox {
  margin-top: 5px;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

ol.example li.placeholder {
  position: relative;
  /** More li styles **/
}
ol.example li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}

#gps_input::selection {
  background: #ffffff;
}

#gps_tool_copy {
  font-size: 12px;
  height: inherit;
  background: rgba(144, 144, 144, 0.7);
}

#gps_latlng_display {
  padding: 5px 5px 5px 5px;
  background-color: rgba(70, 70, 71, 0.8);
}

#piinsight_button_wrapper {
  position: relative;
  top: 5px;
  float: right;
  font-size: 0.7em;
  display: inline-block;
  margin-right: 20px;
}

#demog_add_button {
  float: left;
  margin-bottom: 5px;
}

.metadata-tag {
  margin-left: 10px;
}

.variable-select-div {
  display: inline-flex;
  margin-bottom: 15px;
}

.sales-opacity-slider {
  padding-top: 5px !important;
}

#competitive_checkbox {
  color: #428bca;
  font-size: 12px;
  cursor: pointer;
}

.path-start {
  -webkit-transition: stroke-dashoffset 5s ease-in;
  -moz-transition: stroke-dashoffset 5s ease-in;
  -o-transition: stroke-dashoffset 5s ease-in;
  transition: stroke-dashoffset 5s ease-in;
}

.pan-to-feature {
  cursor: pointer;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
  color: rgb(0, 139, 255);
}

.leaflet-label {
  /*left: 34px;*/
  bottom: 15px;
  padding: 0px;
  background: rgba(255, 255, 255, 0);
  color: black !important;
  font-size: 12px;
  font-weight: 600;
  text-shadow: -1px -1px 3px #fff, 1px -1px 3px #fff, -1px 1px 3px #fff,
    1px 1px 3px #fff !important;
}

.leaflet-label-polygon {
  left: 21px;
  bottom: -25px;
  background: rgba(255, 255, 255, 0);
  color: black !important;
  font-size: 9px;
  font-weight: 400;
  cursor: pointer;
  z-index: -1;
  text-shadow: -1px -1px 3px #fff, 1px -1px 3px #fff, -1px 1px 3px #fff,
    1px 1px 3px #fff !important;
}

.leaflet-label-drawnshape {
  left: 21px;
  bottom: -25px;
  background: rgba(255, 255, 255, 0);
  color: black !important;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  z-index: -1;
  text-shadow: -1px -1px 3px #fff, 1px -1px 3px #fff, -1px 1px 3px #fff,
    1px 1px 3px #fff !important;
}

.leaflet-label-customshape {
  left: 0px;
  bottom: -10px;
  background: rgba(255, 255, 255, 0);
  color: black !important;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  z-index: -1;
  text-shadow: -1px -1px 3px #fff, 1px -1px 3px #fff, -1px 1px 3px #fff,
    1px 1px 3px #fff !important;
}

.leaflet-label-drawnshape.hide-label,
.leaflet-label-polygon.hide-label {
  display: none;
}

/**
 * Drivetime UI CSS
 */

.drivetime-group {
  width: 280px;

  margin-top: 5px;
  margin-bottom: -2px;
}

.drivetime-group-line {
  width: 280px;

  margin-top: 1px;
  margin-bottom: -10px;
}

.drivetime-text {
  display: inline;
  float: left;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.drivetime-vert-center {
  position: relative;
  top: 50%;
  vertical-align: -webkit-baseline-middle;
  transform: translateY(-50%);
}

.drivetime-chunk {
  width: 20%;
  height: 1em;
  display: inline-block;
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.drivetime-chunk-right {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.drivetime-chunk-left {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.drivetime-chunk-line {
  width: 20%;
  height: 1em;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: -3.4px;
  background: rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.drivetime-chunk-number {
  width: 20%;
  height: 1em;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: -3.4px;
  background: #fff;
  text-align: left;
}

span.drivetime-num {
  position: fixed;
  margin-top: -15px;
  margin-left: -4px;
}

.drivetime-hide {
  display: none !important;
}

.drivetime-slider .ui-slider-handle {
  height: 1.5em;
  width: 1.5em;

  border: 2px solid rgba(0, 0, 0, 0.12);
  border-radius: 7px;
  background-image: none;
  background-color: #fff;

  outline: none;
}

.drivetime-ring {
  border: solid #4099ff 6px !important;
  top: -20px !important;
  left: -37px !important;
}

.mapclick-ring {
  background: rgba(255, 255, 255, 0.9);
  border: solid rgba(255, 255, 255, 0.9) 6px !important;
  top: 15px !important;
  left: -7px !important;
  padding: 20px;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
}
/**
 * Drivetime SVG group ID
 */

#drivetime-group {
  stroke-width: 20px;
  stroke-linejoin: round;
}

.drivetime-outerband {
  stroke-width: 10px;
  stroke: #000000;
}

.drivetime-outerband.darkmap {
  stroke: #000e54;
}

.drivetime-no-stroke {
  stroke-width: 1px !important;
}

/**
 * Drivetime Modal CSS
 */
div.CustomTradeAreaCategories {
  display: inline-block;
  width: 53%;
}

.travel-mode-btn {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font: inherit;
  vertical-align: baseline;
  background: rgba(0, 0, 0, 0);
  list-style: none;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* custom fa */
.fa-report {
  content: url("/images/ic_note_add_48px.svg");
  width: 25px;
  height: 25px;
  opacity: 0.9;
  margin-bottom: -7px;
}
/* custom fa */
.fa-report-black {
  content: url("/images/report_fa.svg");
  width: 15px;
  height: 15px;
  opacity: 0.9;
}

.ta-edit-action-btn {
  font-weight: 500;
  font-size: 12px;
  background-color: #fff;
  border: none;
}

.ta-edit-action-btn:hover {
  text-decoration: underline;
}

.ta-edit-action-btn:hover .md-check,
.ta-edit-action-btn:hover .md-cancel {
  opacity: 1;
}

.ta-edit-action-btn.green {
  color: #1fa21e;
}

.ta-edit-action-btn.red {
  color: #cb3a3a;
}

.leaflet-popup-content {
  margin: 5px 0px 5px 0px;
  width: auto;
}

.md-check {
  content: url("/images/ic_check_48px.svg");
  width: 35px;
  height: 35px;
  opacity: 0.9;
}

.md-cancel {
  content: url("/images/ic_close_48px.svg");
  width: 35px;
  height: 35px;
  opacity: 0.9;
}

.travel-selected .directions-travel-mode-underline {
  background-color: rgba(38, 86, 115, 0.67) !important;
  visibility: visible;
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s; /* Firefox < 16 */
  -ms-animation: fadein 2s; /* Internet Explorer */
  -o-animation: fadein 2s; /* Opera < 12.1 */
  animation: fadein 2s;
}

.travel-mode-btn.notloaded-drivetime:not(.travel-selected) {
  filter: contrast(15%);
  -webkit-filter: contrast(15%);
}

.directions-travel-mode-icon {
  width: 20px;
  height: 20px;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
}

.directions-travel-mode-button {
  padding: 7px 17px 6px;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.travel-icon-loading {
  background: url("/images/ic_refresh_24px.svg") !important;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}

.drivetimemarker-loading {
  height: 20px;
  width: 50px;
  border-radius: 100px;
  background: url("/images/ic_refresh_24px.svg") !important;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}

.popup-half {
  padding: 0;
}

.build-report-button {
  color: #3a84df;
  font-weight: 500;
  font-size: 12px;
  background-color: #fff;
  border: none;
}

.build-report-button.ta {
  margin: 0px 0px;
  padding-right: 0;
  padding-bottom: 0;
  min-width: 82px;
}

.build-report-button:hover {
  text-decoration: underline;
}

.build-report-button:hover > .fa-report {
  opacity: 1;
}

.mbtn.btn-raised {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.mbtn.btn-raised:active:not(.btn-link) {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.directions-walk-icon {
  background: url("/images/ic_directions_walk_48px.svg");
}

.directions-car-icon {
  background: url("/images/ic_directions_car_48px.svg");
}

.directions-travel-mode-underline {
  height: 3px;
  background-color: rgba(0, 0, 0, 0);
  height: 3px;
}

#CustomTradeAreaMessage {
  margin-top: 10px;
}

#CustomTradeAreaMessage.collapse {
  display: none;
}

#CustomTradeAreaMessage.collapse.in {
  display: block !important;
}

.CustomTradeAreaHidden {
  display: none !important;
}

.CustomTradeAreaMax {
  display: inline-block;
  width: 65px;

  /* nasty hack to properly vertical center this element */
  margin-top: -25px;
  vertical-align: middle;
}

.CustomTradeAreaUnit {
  width: 50%;
  display: inline-block;
}

.MarketPlannerTotalPop {
  width: 20%;
  display: inline-block;
}

.CustomTradeAreaCenter {
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.CustomTradeAreaPiinSightPop {
  cursor: pointer;
  border-bottom: 2px dashed rgba(0, 0, 0, 0.3);
  color: rgb(0, 139, 255);
}

.CustomTradeAreaModal-Panel {
  display: none;
}

.CustomTradeAreaModal-ActivePanel {
  display: block !important;
}

.CustomTradeAreaModal
  .modal-footer
  > .first-panel.CustomTradeAreaModal-ActivePanel {
  display: flex !important;
}

.CustomTradeAreaModal .modal-footer > .first-panel > .flex-spacer {
  flex-grow: 1;
}

.CustomTradeAreaModal .modal-footer > .first-panel > button {
}

.CustomTradeAreaModal .modal-footer > .second-panel > button {
  float: right;
}

.CustomTradeArea-Plural.hide {
  display: none;
}

.tradearea-title {
  border-bottom-color: rgba(184, 184, 184, 0.560784);
  cursor: pointer;
}

.tradearea-name-field {
  width: 150px !important;
}

div.SingleDatePicker_picker {
  z-index: 9999;
}

/* this is a very specific shitty css style applied to a specific case which gets regex replaced... so style cant be inline with a class :( */
div.leaflet-popup-content button.btn i.fa.fa-md.fa-eye.fa-inverse {
  background: #797575;
  border-radius: 4px;
  padding-left: 1px;
  padding-right: 1px;
}

.popup-permission-disallowed-state {
  display: none;
}
/**
 * Candidate Location Trade Areas


 .CandidateTradeAreaPiinSightPop {
  cursor: pointer;
  border-bottom: 2px dashed rgba(0,0,0,0.3);
  color: rgb(0, 139, 255);
}

#CandidateTradeAreaMessage {
  margin-top: 10px;
}

#CandidateTradeAreaMessage.collapse {
  display: none;
}

#CandidateTradeAreaMessage.collapse.in {
  display: block !important;
}

.CandidateTradeAreaHidden {
  display: none !important;
}

.CandidateTradeAreaMax {
  display: inline-block;
  width: 60px;

  /* nasty hack to properly vertical center this element
  margin-top: -25px;
  vertical-align: middle;
}

.CandidateTradeAreaUnit {
  width: 50%;
  display: inline-block;
}

.CandidateTradeAreaCenter {
  text-align:center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.CandidateTradeAreaPiinSightPop {
  cursor: pointer;
  border-bottom: 2px dashed rgba(0,0,0,0.3);
  color: rgb(0, 139, 255);
}

.CandidateTradeAreaModal-Panel {
  display: none;
}

.CustomTradeAreaModal-ActivePanel {
  display: block !important;
}
*/

/**
 * Changes the marker style for the polygon edit points
 */

.CustomEditPolyIcon {
  width: 20px;
  height: 20px;
  cursor: move;
  background: #fff;
  border: 2px solid #007ee5;
  border-radius: 10px;
}

.CustomEditPolyIcon div {
  width: 8px;
  height: 8px;
  margin: 5px;
  background: #fff;
  border-color: #fff;
}

.CustomEditPolyListen {
  width: 100%;
  height: 100%;
}

.text-sm {
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
}
.text-click {
  cursor: pointer;
}
.text-center {
  margin-left: auto;
  margin-right: auto;
}
.text-block {
  display: block;
}

.show-label-toggle {
  font-size: 12px;
  color: #3e92d4 !important;
  margin-left: 15px;
}

.show-label-toggle:hover {
  color: #2a5595 !important;
}

.leaflet-label-dark {
  color: #fff !important;
  text-shadow: -1px -1px 3px #000, 1px -1px 3px #000, -1px 1px 3px #000,
    1px 1px 3px #000 !important;
}
.inline-div {
  display: inline-flex;
}
.marker-button {
  height: 60px;
  width: 70px;
  background-image: url("/images/map_legend.png");
}
.marker-drag-button {
  height: 65px;
}
.label-background-on {
  background: #fff;
}
.searchtype_toggle {
  color: #428bca;
  font-size: 12px;
  cursor: pointer;
}
.category_type {
  color: #aaa;
  font-size: 12px;
}

.hover-top-right {
  position: fixed;
  top: 6em;
  right: 5%;
  text-decoration: none;
  color: #000000;
  background-color: rgba(235, 235, 235, 0.8);
  font-size: 12px;
  padding: 1em;
  display: none;
}

.hover-top-right:hover {
  background-color: rgba(135, 135, 135, 0.5);
}

.powered-by {
  margin-top: 100px !important;
}

.width-limit {
  word-wrap: break-word;
  max-width: 150px;
}
.stateViewPanel {
  width: 75%;
  height: 20%;
  left: 250px;
  margin-left: 200px;
  margin-right: 200px;
  margin-top: 50px;
}

.marker-badge,
.marker-badge-private {
  display: inline-block;
  min-width: 18px;
  padding: 0.21em 0.26em 0.2em 3px;
  margin-top: 5px;
  background: #aaa;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: top;
  border-radius: 20px;
  float: left;
}

.marker {
  padding-left: 5px !important;
}

.no-pad-row {
  padding: 0 !important;
}

.pad-top-only {
  padding: 8px 0px 0px 0px !important;
  margin-right: -8px;
}

.projects-col-2 {
  padding-left: 3px !important;
  width: 35%;
}

.projects-col-2-header {
  width: 55%;
  color: #8c8c8c;
  font-weight: 450 !important;
  border-top: none !important;
}

.projects-col-2-header:hover {
  cursor: pointer;
  color: black;
}

.projectTitle {
  margin-right: 10px;
}

.projects-col-3 .font-12 {
  font-size: 14px;
}

#start_project {
  background-color: #f5f5f5;
  width: 100%;
  font-weight: 600;
  margin-top: 10px;
}

.projects-header {
  background-color: #e5e5e5;
}

.fixed-header {
  overflow-y: auto;
  max-height: 360px;
}

.fixed-header th {
  position: sticky !important;
  top: 0 !important;
  z-index: 1;
}

#project_table th {
  background: #e5e5e5;
}

#project_table th,
#project_table td {
  padding: 5px 8px !important;
  font-size: 14px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: rgba(97, 182, 249, 0.15);
}

.projects-active {
  color: #187f43;
  padding-left: 10px;
}

.open-project {
  line-height: 60%;
  color: #007ee5;
  border: none;
}

.dropdown {
  list-style: none;
}

.created_on {
  padding-left: 48px;
  padding-top: 1px;
  margin-top: -11px;
  font-size: 10px;
  color: #aaa;
  text-align: left;
  clear: both;
}

.drag-on {
  color: #38ab00;
}

.Dummy_Data_marker {
  float: left;
  padding-left: 10px;
}

.panel-loading-circle {
  position: relative;
  top: -2px;
  left: -2px;
  border: 6px solid #ffffff00;
  border-top: 6px solid #3498db;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  animation: spin 2s linear infinite;
  visibility: hidden;
}

.panel-loading-circle.selected {
  border-top: 6px solid #ffffff;
}

.panel-loading-circle:hover {
  border-top: 6px solid #ffffff;
}

.nav-panel-icon {
  position: relative;
  top: -5px;
  left: -13px;
}

.nav-panel-icon.white {
  visibility: hidden;
  width: 0px;
  height: 0px;
}

.nav-panel-icon.blue {
  visibility: visible;
  width: 30px;
  height: 30px;
}

li.selected .nav-panel-icon.white {
  visibility: visible;
  width: 30px !important;
  height: 30px !important;
}

li.selected .nav-panel-icon.blue {
  visibility: hidden;
  width: 0px !important;
  height: 0px !important;
}

li:hover .nav-panel-icon.white {
  visibility: visible;
  width: 30px !important;
  height: 30px !important;
}

li:hover .nav-panel-icon.blue {
  visibility: hidden;
  width: 0px !important;
  height: 0px !important;
}

.hint {
  font-size: 70%;
}

.legend-title-hook {
  height: 29px;
  top: -39px;
  position: absolute;
  right: -11px;
  font-size: 9.5px;
  text-align: left;
  color: rgba(0, 0, 0, 0.53);
  cursor: pointer;
  background: #3e92d4 !important;
  -webkit-print-color-adjust: exact;
  line-height: normal;
  color: white;
  min-width: 100px;
  width: calc(100% + 22px);
}
/*initialize the name*/
.legend-title-hook:after {
  /*content: 'Minimize';*/
}

.legend-title-hook.min:after {
  /*content: 'Maximize';*/
}

.legend-title-hook:hover {
  background: #048bdd;
}

.model_injection_point {
  padding: 15px;
}

.h3-no-margin {
  margin: 0 0 0 0;
}

.btn-margin-top {
  margin-top: 4px;
}

.fa-icon-center {
  margin-right: 0px;
}

.no-margin-top {
  margin-top: 0px;
}

.no-margin-bottom {
  margin-bottom: 0px;
}

.small-text {
  font-size: 12px;
}
.md-margin-top-popup .leaflet-popup-content {
  margin-top: 7px;
}

.leaflet-control-layers-overlays {
  height: inherit !important;
}

.customer-location-icon {
  height: 18px;
  padding-right: 5px;
  margin-left: -2px;
}

#piinSight_lock {
  margin-left: 5px;
}

.static-legend {
  background: rgba(255, 255, 255, 1);
  box-shadow: none;
}

.btn-subtle {
  border-width: 1px;
  color: #555459;
  background-color: #fbfbfa;
  border-color: #c7cacd;
}

.btn-subtle:hover,
.btn-subtle:focus {
  color: #048bdd;
}

.toolbar-polygon {
  border-width: 1px !important;
  color: #555459 !important;
}

.toolbar-polygon:hover,
.toolbar-polygon.focus {
  color: #048bdd !important;
}
.cursor-pointer {
  cursor: pointer;
}

.btn-block {
  display: block;
  width: 100% !important;
}

.carousel-list {
  max-height: 200px;
  max-width: 250px;
  margin: 5px;
}

.carousel-display {
  max-height: 200px;
  max-width: 250px;
}

.carousel-real-estate {
  max-width: 350px;
}

.infill-offset {
  margin-right: 10px;
  margin-top: -5px;
}

.expand-streetview,
.icon-box {
  cursor: pointer;
}

.modal {
  top: 60px !important;
}

.marker-origin-pt {
  background: #666;
  border: 1px solid transparent;
  border-radius: 50%;
  height: 7px !important;
  width: 7px !important;
  top: 2px;
  left: 2px;
}

table.collapse.in {
  display: table;
}

.searchicon {
  top: 30px;
  position: relative;
  z-index: 2;
  left: 3px;
}

.extra-small-text {
  font-size: 10px !important;
}

.performance-circle {
  position: absolute;
  margin-top: 5px;
  margin-left: -5px;
}

.legend .circle {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: 8px;
}

.legend-titles {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 13px;
  line-height: 30px;
}

.legend-titles {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 13px;
  line-height: 30px;
}

#main_buttons li.selected {
  background-color: #3e92d4;
  color: #fff;
}

.geostats-legend-block {
  -webkit-print-color-adjust: exact;
}

.leaflet-control-scale {
  bottom: -72px !important;
}

.featureInfo {
  display: block;
  width: 95%;
  max-width: 646px;
  max-height: 400px;
  overflow-y: scroll;
}

.para-center {
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  color: rgba(58, 58, 58, 0.9);
  font-weight: bold;
}

.alert-poi-zoom {
  color: #fff;
  background-color: #3e92d4;
  border-color: #225882;
  padding: 5px;
}

.lat_lng_address {
  color: #8c8c8c;
  font-size: 10px;
}

.demog-table-expand {
  font-weight: bold;
  cursor: pointer;
}

tfoot.collapse.in {
  display: table-row-group;
  position: relative;
  overflow: hidden;
}

.popup-btn-variable {
  margin: 0;
  padding: 0;
  display: block;
  font-weight: 400;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 2px;
  padding-left: 10px;
  text-align: left;
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  border-style: solid;
  color: #353535;
  font-size: 12px;
}

.curr-location-title {
  font-weight: 600;
  font-size: 16px;
  color: #193a54;
}

.short-hr {
  margin-top: 0px;
  margin-bottom: 6px;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
  border: none;
}

.curr-location-expand-table {
  font-weight: 600 !important;
  color: #3e92d4 !important;
  cursor: pointer;
}

.curr-location-show-more-disabled {
  font-weight: 600 !important;
  color: #353535 !important;
}

.curr-location-sales-text {
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  color: #353535;
}

.curr-location-sales-text-bold {
  font-size: 16px;
  line-height: 25px;
  font-weight: 600;
  color: #353535;
}

.curr-location-popup-btn {
  height: 25px;
  color: #000;
  margin: 0;
  padding: 0;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  border-color: #ddd;
  display: block;
  font-size: 11px;
  font-weight: 400;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  padding: 2px;
  text-align: center;
  background-color: #f4f5f6;
  width: 100%;
}

.trade-area-popup-btn {
  height: 25px;
  color: #000;
  margin: 0;
  padding: 0;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  border-color: #ddd;
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  padding: 2px;
  text-align: left;
  background-color: #f4f5f6;
  width: 100%;
  padding-left: 10px;
}

.curr-location-popup-btn:hover {
  background-color: #e8e8e8;
}

.btn-group-spacing {
  padding: 2px;
}

.customer-export-space {
  margin-top: -5px;
}

.remove-padding {
  padding: 0px;
}

.trade-area-links {
  font-size: 12px;
  color: #3e92d4 !important;
  cursor: pointer;
}

.TA-bottom-spacing {
  margin-bottom: 8px;
}

.location-legend {
  min-width: 150px;
}

p.leaflet-legend-banner {
  font-weight: bold;
  margin: 0px;
}

.my-locations-multi-banner {
  max-height: 270px;
}

.report-count-spacing {
  padding-right: 20px;
}

.leaflet-control-locate {
  padding-right: 14px !important;
  padding-bottom: 12px !important;
  min-width: 10px !important;
}

.customer-secondary-legend {
  position: absolute;
  transform: translateY(calc(-100% - 39px));
  background: white;
  border: 1px solid #e5e5e5;
  margin: -11px;
  padding: 15px;
}

.customer-secondary-legend .geostats-legend {
  margin: -5px 0;
}

.customer-secondary-legend .geostats-legend > div {
  margin: 5px 0;
  display: flex;
  align-items: center;
}

.customer-secondary-legend .geostats-legend > div > div,
.customer-secondary-legend .geostats-legend > div > span {
  margin: 0 5px;
  border: 0;
  border-radius: 4px;
}

.customer-legend-subtitle {
  font-weight: 500;
  max-width: 170px !important;
  white-space: normal !important;
}

.customer-legend-container {
  max-width: 170px !important;
}

.map-context-menu-container {
  padding-top: 10px;
}

.map-context-menu-button {
  color: #353535;
  width: 200px;
  height: 25px;
  font-weight: 400;
  font-size: 12px;
  font-family: "Open Sans";
  background-color: #f4f5f6;
  padding-right: 0px;
  padding-left: 15px;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  border-radius: 2px;
  text-align: left;
}

.map-context-menu-button :hover {
  background-color: #e8e8e8;
}

.map-context-menu-button-icon {
  padding-right: 10px;
  width: 25px;
  text-align: center;
}

.map-context-menu-title {
  font-weight: 600;
  font-size: 14px;
  color: #193a54;
  line-height: initial;
}

.banner-controls {
  display: flex;
  width: 155px;
  flex-direction: row;
  justify-content: space-between;
  /* z-index: 10; */
}

.banner-dropdown {
  border-width: 0px;
  background-color: #f5f5f5;
}

.banner-button {
  color: #3e92d4;
  font-weight: 600;
}

.leaflet-virtual {
    display: none;
}

.leaflet-circle-control {
    display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 10px;
  width: 50px;
  height: 50px;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  box-shadow: #ccc 2px 2px;
  background-color: #fff;
  color: #3e92d4;
  font-size: 16px;
  cursor: pointer;
}

.leaflet-circle-control i {
  margin: 0;
  padding: 0;
  /* color: #3e92d4; */
}

.leaflet-circle-control.active {
  color: #fff;
  background-color: #3e92d4;
}

@keyframes flash {
  0% {
    filter: brightness(100%);
    transition: filter 0.8s ease-in-out;
  }
  33% {
    filter: brightness(130%);
    transition: filter 0.8s ease-in-out;
  }
  66% {
    filter: brightness(80%);
    transition: filter 0.8s ease-in-out;
  }
  100% {
    filter: brightness(130%);
    transition: filter 0.8s ease-in-out;
  }
}