/* ========================================================================
   Component: layout
 ========================================================================== */
body, .wrapper .section-container {
  background-color: #f5f7fa;
}

.wrapper .aside-container {
  background-color: #fff;
}

/* ========================================================================
   Component: top-navbar
 ========================================================================== */
.topnavbar {
  background-color: #00B358;
  background-image: linear-gradient(to right, #00B358 0%, #58ceb1 100%);
  background-repeat: repeat-x;
}

@media (min-width: 992px) {
  .topnavbar .navbar-nav > .nav-item.show > .nav-link, .topnavbar .navbar-nav > .nav-item.show > .nav-link:hover, .topnavbar .navbar-nav > .nav-item.show > .nav-link:focus {
    box-shadow: 0 -3px 0 #30a487 inset;
  }
}
.topnavbar .navbar-nav > .nav-item > .navbar-text {
  color: #fff;
}

.topnavbar .navbar-nav > .nav-item > .nav-link,
.topnavbar .navbar-nav > .nav-item.show > .nav-link {
  color: #fff;
}

.topnavbar .navbar-nav > .nav-item > .nav-link:hover, .topnavbar .navbar-nav > .nav-item > .nav-link:focus,
.topnavbar .navbar-nav > .nav-item.show > .nav-link:hover,
.topnavbar .navbar-nav > .nav-item.show > .nav-link:focus {
  color: #206d5a;
}

.topnavbar .dropdown-item.active, .topnavbar .dropdown-item:active {
  background-color: #00B358;
}

/* ========================================================================
   Component: sidebar
 ========================================================================== */
.sidebar {
  background-color: #fff;
}

.sidebar .nav-heading {
  color: #919DA8;
}

.sidebar-nav > li > a, .sidebar-nav > li > .nav-item {
  color: #515253;
}

.sidebar-nav > li > a:focus, .sidebar-nav > li > a:hover, .sidebar-nav > li > .nav-item:focus, .sidebar-nav > li > .nav-item:hover {
  color: #00B358;
}

.sidebar-nav > li > a > em, .sidebar-nav > li > .nav-item > em {
  color: inherits;
}

.sidebar-nav > li.active, .sidebar-nav > li.active > a, .sidebar-nav > li.active > .nav-item, .sidebar-nav > li.active .sidebar-nav, .sidebar-nav > li.open, .sidebar-nav > li.open > a, .sidebar-nav > li.open > .nav-item, .sidebar-nav > li.open .sidebar-nav {
  background-color: #fcfcfc;
  color: #00B358;
}

.sidebar-nav > li.active > .nav-item > em, .sidebar-nav > li.active > a > em, .sidebar-nav > li.open > .nav-item > em, .sidebar-nav > li.open > a > em {
  color: #00B358;
}

.sidebar-nav > li.active {
  border-left-color: #00B358;
}

.sidebar-subnav {
  background-color: #fff;
}

.sidebar-subnav > .sidebar-subnav-header {
  color: #515253;
}

.sidebar-subnav > li > a, .sidebar-subnav > li > .nav-item {
  color: #515253;
}

.sidebar-subnav > li > a:focus, .sidebar-subnav > li > a:hover, .sidebar-subnav > li > .nav-item:focus, .sidebar-subnav > li > .nav-item:hover {
  color: #00B358;
}

.sidebar-subnav > li.active > a, .sidebar-subnav > li.active > .nav-item {
  color: #00B358;
}

.sidebar-subnav > li.active > a:after, .sidebar-subnav > li.active > .nav-item:after {
  border-color: #00B358;
  background-color: #00B358;
}

/* ========================================================================
   Component: offsidebar
 ========================================================================== */
.offsidebar {
  border-left: 1px solid greyscale(#cccccc);
  background-color: #fff;
  color: #656565;
}

/* Customize the label (the container) */
label.container.checkbox {
  font-weight: normal;
  font-size: 9px;
  padding-top: 7px;
  color: #00c7ba;
  width: 50%;
  float: left;
  top: -4px;
}

.forgot-password {
  font-size: 9px;
  text-decoration: none;
  background: grey;
  padding: 10px;
  border-radius: 5px;
  float: right;
  background: #f4f4f4;
  color: #00c7ba;
}
.forgot-password:hover {
  text-decoration: none;
  color: #00c7ba;
}

.container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #00c7ba;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: white;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #00c7ba;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

ul.dropdown-menu.inner {
  display: block;
  padding: 10px !important;
}

.btn.dropdown-toggle.btn-default {
  border: 1px solid #dde6e9;
}

#vicinity.login, .topnavbar {
  background-image: url(../img/background.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  width: 100%;
}
#vicinity.login .logo-powered, .topnavbar .logo-powered {
  width: 60%;
  margin: 0 auto;
  position: relative;
  top: -55px;
}
#vicinity.login .logo-bars, .topnavbar .logo-bars {
  width: 27%;
  position: absolute;
  bottom: -50px;
  left: 30px;
}
#vicinity.login .logo-bars img, .topnavbar .logo-bars img {
  opacity: 0.2;
}
@media screen and (max-width: 768px) {
  #vicinity.login .logo-powered, .topnavbar .logo-powered {
    top: 0px;
    width: 100%;
  }
  #vicinity.login .logo-bars, .topnavbar .logo-bars {
    display: none;
  }
}
#vicinity.login .vicinity-login-container, .topnavbar .vicinity-login-container {
  background: #ffffff;
  padding: 30px;
  width: 320px;
  margin: 0 auto;
  margin-top: 20px;
  border-radius: 20px;
}
#vicinity.login .vicinity-login-container .title, .topnavbar .vicinity-login-container .title {
  color: #00c7ba;
  text-align: center;
  padding: 30px 0px;
  border-bottom: 1px solid #D3D3D3;
  margin-bottom: 28px;
  letter-spacing: 5px;
}
#vicinity.login .vicinity-login-container .button-extra, .topnavbar .vicinity-login-container .button-extra {
  margin-top: 15px;
  padding: 0 10px;
}
#vicinity.login .vicinity-login-container .form-container, .topnavbar .vicinity-login-container .form-container {
  padding: 0 15px;
}
#vicinity.login .vicinity-login-container .form-container input, .topnavbar .vicinity-login-container .form-container input {
  border: 1px solid #00c7ba;
  border-radius: 4px;
  width: 100%;
  padding: 5px 15px;
}
#vicinity.login .vicinity-login-container .form-container input:focus, .topnavbar .vicinity-login-container .form-container input:focus {
  border: 2px solid #00c7ba;
}
#vicinity.login .vicinity-login-container .form-container .login-btn, .topnavbar .vicinity-login-container .form-container .login-btn {
  width: 100%;
  background-image: linear-gradient(to right, #2e3192, #00c7ba);
  border: none;
  color: #ffffff;
  border-radius: 5px;
  padding: 8px 0px;
}
#vicinity.login .img-icon, .topnavbar .img-icon {
  width: 80px;
  margin: 0 auto;
  top: 60px;
  position: relative;
}
#vicinity.login .img-icon img, .topnavbar .img-icon img {
  width: 100%;
}

.main-logo {
  width: 300px;
  display: block;
  height: 30px;
  left: 40px;
  position: relative;
}
.main-logo img {
  width: 90%;
  margin-top: -33px;
}

.wrapper .aside-container {
  width: 110px;
}

.wrapper .aside-container .aside-inner {
  width: 100%;
}

.sidebar-nav > li > a, .sidebar-nav > li > .nav-item {
  padding: 0;
  margin-top: 25px;
  display: block;
  text-align: center;
}

.sidebar-nav > li > a > em, .sidebar-nav > li > .nav-item > em {
  display: block;
  font-size: 29px;
  width: 100%;
  margin-bottom: 10px;
}

.sidebar li > a, .sidebar li > .nav-item, .sidebar > .sidebar-nav > .nav-heading {
  white-space: normal;
}

.img-fluid {
  height: 30px;
  float: left;
}

.vicinity-logout {
  margin-left: 170px;
}

.brand-logo {
  margin-left: 30px;
}

@media (min-width: 768px) {
  .wrapper .section-container, .wrapper .footer-container {
    margin-left: 110px;
  }
}
@media screen and (max-width: 2131px) {
  .card .align-items-center {
    min-height: 10px !important;
  }
}
.card em.fa-3x {
  font-size: 2em;
}
.card .rounded-left, .card .rounded-right {
  height: 70px;
}
.card .rounded-left {
  border-top-left-radius: 3.25rem !important;
  border-bottom-left-radius: 3.25rem !important;
}
.card .rounded-right {
  border-top-right-radius: 3.25rem !important;
  border-bottom-right-radius: 3.25rem !important;
}

#venue_performance .col-xl-4.col-md-12:nth-child(1) .rounded-left {
  background: #00996A;
}
#venue_performance .col-xl-4.col-md-12:nth-child(1) .rounded-right, #venue_performance .col-xl-4.col-md-12:nth-child(1) .bg-success {
  background: #00b37b !important;
}
#venue_performance .col-xl-4.col-md-12:nth-child(2) .rounded-left {
  background-color: #00b358 !important;
}
#venue_performance .col-xl-4.col-md-12:nth-child(2) .rounded-right, #venue_performance .col-xl-4.col-md-12:nth-child(2) .bg-success {
  background: #00d468 !important;
}
#venue_performance .col-xl-4.col-md-12:nth-child(3) .rounded-left {
  background-color: #00cc28 !important;
}
#venue_performance .col-xl-4.col-md-12:nth-child(3) .rounded-right, #venue_performance .col-xl-4.col-md-12:nth-child(3) .bg-success {
  background: #00fC57 !important;
}
#venue_performance .col-xl-4.col-md-12:nth-child(4) .rounded-left {
  background-color: #18156d !important;
}
#venue_performance .col-xl-4.col-md-12:nth-child(4) .rounded-right, #venue_performance .col-xl-4.col-md-12:nth-child(4) .bg-success {
  background: #2e3192 !important;
}
#venue_performance .col-xl-4.col-md-12:nth-child(5) .rounded-left {
  background-color: #0056a6 !important;
}
#venue_performance .col-xl-4.col-md-12:nth-child(5) .rounded-right, #venue_performance .col-xl-4.col-md-12:nth-child(5) .bg-success {
  background: #008bb5 !important;
}
#venue_performance .col-xl-4.col-md-12:nth-child(6) .rounded-left {
  background-color: #0092a8 !important;
}
#venue_performance .col-xl-4.col-md-12:nth-child(6) .rounded-right, #venue_performance .col-xl-4.col-md-12:nth-child(6) .bg-success {
  background: #00b1bd !important;
}

/* #venue_performance .col-xl-4.col-md-12:nth-child(7), #venue_performance .col-xl-4.col-md-12:nth-child(8), #venue_performance .col-xl-4.col-md-12:nth-child(9) {
  display: none;
} */

.venueTable-temp {
  max-height: fit-content !important;
}

img.icon-pill {
  width: 50px;
}

#venue_performance.location-page .col-md-3, #ooh_site_performance.location-page .col-md-3, #geolytics-pills.location-page .col-md-3 {
  padding: 0 10px;
}
#venue_performance .geolytics-pill, #ooh_site_performance .geolytics-pill, #geolytics-pills .geolytics-pill {
  /* max-width: 300px; */
}

@media only screen and (min-width:510px) and (max-width:888px){
  .geolytics-pill{
    width:50%;
    max-width:none;
    flex:none;
  }
}
@media only screen and (min-width:889px) and (max-width:1224px){
  .geolytics-pill{
    width:33.33%;
    max-width:none;
    flex:none;
  }
}
  .geolytics-pill > .card{
    max-width: 300px;
  }
#venue_performance .geolytics-pill.col-md-3, #ooh_site_performance .geolytics-pill.col-md-3, #geolytics-pills .geolytics-pill.col-md-3 {
  margin-right: 50px;
}
#venue_performance .h2.mt-0, #ooh_site_performance .h2.mt-0, #geolytics-pills .h2.mt-0 {
  font-size: 20px;
  margin-bottom: 5px;
}
#venue_performance .card, #ooh_site_performance .card, #geolytics-pills .card {
  box-shadow: none;
}
#venue_performance .item-color-blue-1 .rounded-left, #ooh_site_performance .item-color-blue-1 .rounded-left, #geolytics-pills .item-color-blue-1 .rounded-left {
  background: #18156d !important;
}
#venue_performance .item-color-blue-1 .rounded-right, #venue_performance .item-color-blue-1 .bg-success, #ooh_site_performance .item-color-blue-1 .rounded-right, #ooh_site_performance .item-color-blue-1 .bg-success, #geolytics-pills .item-color-blue-1 .rounded-right, #geolytics-pills .item-color-blue-1 .bg-success {
  background: #2e3192 !important;
}
#venue_performance .item-color-blue-2 .rounded-left, #ooh_site_performance .item-color-blue-2 .rounded-left, #geolytics-pills .item-color-blue-2 .rounded-left {
  background: #0056a6 !important;
}
#venue_performance .item-color-blue-2 .rounded-right, #venue_performance .item-color-blue-2 .bg-success, #ooh_site_performance .item-color-blue-2 .rounded-right, #ooh_site_performance .item-color-blue-2 .bg-success, #geolytics-pills .item-color-blue-2 .rounded-right, #geolytics-pills .item-color-blue-2 .bg-success {
  background: #008bb5 !important;
}
#venue_performance .item-color-blue-3 .rounded-left, #ooh_site_performance .item-color-blue-3 .rounded-left, #geolytics-pills .item-color-blue-3 .rounded-left {
  background: #0092a8 !important;
}
#venue_performance .item-color-blue-3 .rounded-right, #venue_performance .item-color-blue-3 .bg-success, #ooh_site_performance .item-color-blue-3 .rounded-right, #ooh_site_performance .item-color-blue-3 .bg-success, #geolytics-pills .item-color-blue-3 .rounded-right, #geolytics-pills .item-color-blue-3 .bg-success {
  background: #00b1bd !important;
}
#venue_performance .item-color-green-1 .rounded-left, #ooh_site_performance .item-color-green-1 .rounded-left, #geolytics-pills .item-color-green-1 .rounded-left {
  background: #00996A !important;
}
#venue_performance .item-color-green-1 .rounded-right, #venue_performance .item-color-green-1 .bg-success, #ooh_site_performance .item-color-green-1 .rounded-right, #ooh_site_performance .item-color-green-1 .bg-success, #geolytics-pills .item-color-green-1 .rounded-right, #geolytics-pills .item-color-green-1 .bg-success {
  background: #00b37b !important;
}
#venue_performance .item-color-green-2 .rounded-left, #ooh_site_performance .item-color-green-2 .rounded-left, #geolytics-pills .item-color-green-2 .rounded-left {
  background: #00b358 !important;
}
#venue_performance .item-color-green-2 .rounded-right, #venue_performance .item-color-green-2 .bg-success, #ooh_site_performance .item-color-green-2 .rounded-right, #ooh_site_performance .item-color-green-2 .bg-success, #geolytics-pills .item-color-green-2 .rounded-right, #geolytics-pills .item-color-green-2 .bg-success {
  background: #00d468 !important;
}
#venue_performance .item-color-green-3 .rounded-left, #ooh_site_performance .item-color-green-3 .rounded-left, #geolytics-pills .item-color-green-3 .rounded-left {
  background: #00cc28 !important;
}
#venue_performance .item-color-green-3 .rounded-right, #venue_performance .item-color-green-3 .bg-success, #ooh_site_performance .item-color-green-3 .rounded-right, #ooh_site_performance .item-color-green-3 .bg-success, #geolytics-pills .item-color-green-3 .rounded-right, #geolytics-pills .item-color-green-3 .bg-success {
  background: #00fc57 !important;
}

#ooh_site_performance .col-xl-4.col-md-12:nth-child(1) .rounded-left {
  background: #18156d;
}
#ooh_site_performance .col-xl-4.col-md-12:nth-child(1) .rounded-right, #ooh_site_performance .col-xl-4.col-md-12:nth-child(1) .bg-success {
  background: #2e3192 !important;
}
#ooh_site_performance .col-xl-4.col-md-12:nth-child(2) .rounded-left {
  background: #0056a6;
}
#ooh_site_performance .col-xl-4.col-md-12:nth-child(2) .rounded-right, #ooh_site_performance .col-xl-4.col-md-12:nth-child(2) .bg-success {
  background: #008bb5 !important;
}
#ooh_site_performance .col-xl-4.col-md-12:nth-child(3) .rounded-left {
  background: #0092a8;
}
#ooh_site_performance .col-xl-4.col-md-12:nth-child(3) .rounded-right, #ooh_site_performance .col-xl-4.col-md-12:nth-child(3) .bg-success {
  background: #00b1bd !important;
}
#ooh_site_performance .col-xl-4.col-md-12:nth-child(4) .rounded-left {
  background: #00996A;
}
#ooh_site_performance .col-xl-4.col-md-12:nth-child(4) .rounded-right, #ooh_site_performance .col-xl-4.col-md-12:nth-child(4) .bg-success {
  background: #00b37b !important;
}
#ooh_site_performance .col-xl-4.col-md-12:nth-child(5) .rounded-left {
  background: #00b358;
}
#ooh_site_performance .col-xl-4.col-md-12:nth-child(5) .rounded-right, #ooh_site_performance .col-xl-4.col-md-12:nth-child(5) .bg-success {
  background: #00d468 !important;
}
#ooh_site_performance .col-xl-4.col-md-12:nth-child(6) .rounded-left {
  background: #00cc28;
}
#ooh_site_performance .col-xl-4.col-md-12:nth-child(6) .rounded-right, #ooh_site_performance .col-xl-4.col-md-12:nth-child(6) .bg-success {
  background: #00FC57 !important;
}
/* #ooh_site_performance .col-xl-4.col-md-12:nth-child(7), #ooh_site_performance .col-xl-4.col-md-12:nth-child(8), #ooh_site_performance .col-xl-4.col-md-12:nth-child(9) {
  display: none;
} */

.location-overview .btn {
  background: #00996a;
  color: #ffffff;
  width: 75px;
  border-radius: 20px;
  border: none;
}
.location-overview .btn.active {
  background: #00cc28;
}
.location-overview .btn.inactive {
  background: #f91d4c;
}

.loader-geolytics {
  position: relative;
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}

.loader-geolytics div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #00B358;
  animation: loader-geolytics 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.loader-geolytics div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}

.loader-geolytics div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}

.loader-geolytics div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}

@keyframes loader-geolytics {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}

/*# sourceMappingURL=style.css.map */