#canvasOne {
  width: 100%;
  height: 100%;
}

#canvasOne {
  background-color: #000;
}

#gis_draw_polygon.actived, #gis_draw_uploader.actived {
  color: #28a745 !important;
}

.unavailability_message {
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: #343a40e6;
}

.unavailability_message>.image-container {
  position: relative;
  top: 35%;
}

.unavailability_message>.image-container>img {
  max-width: 9rem;
}

.unavailability_message>.text-container {
  color: #f8f9fa;
  position: absolute;
  top: 50%;
  width: 100%;
}

.unavailability_message>.text-container {
  color: #f8f9fa;
  position: absolute;
  top: 50%;
  width: 100%;
}

.unavailability_message.landscape {
  display: none;
}

.unavailability_message.landscape>.image-container {
  color: #f8f9fa;
}

.unavailability_message.landscape>.text-container {
  top: 60vh;
}

/* retina displays */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  #leftbar {
    width: 50vw;
  }
}

@media only screen and (max-width: 1440px) {
  #leftbar {
    width: 35vw;
  }
}

@media only screen and (max-width: 1024px) {
  #leftbar {
    width: 50vw;
  }
  .adam-card-popup {
    position: fixed;
    top: 8vw;
    width: 42vw;
  }
}

@media only screen and (max-width:768px) {
  .navbar .navbar-collapse .dropdown-toggle::after {
    display: none;
  }
  .navbar .collapse.show .dropdown-menu.show {
    border: 0;
    border-radius: 0;
    padding: 0;
  }
  .navbar .collapse.show .dropdown-menu.show .dropdown-item {
    text-align: right;
  }
  .navbar .navbar-nav>.nav-item {
    float: none;
    clear: both;
  }
  #leftbar {
    width: 100vw;
  }
  #leftbar .navbar-brand {
    margin-right: 0px;
  }
  #leftbar .input-group input {
    width: 38vw;
  }
  .adam-card-popup {
    position: fixed;
    top: 8vw;
    width: 55vw;
  }
}

@media only screen and (min-width:319px) and (max-width:575.98px) {
  #leftbar {
    width: 100vw;
  }
  #leftbar.opened {
    height: 100vh;
  }
  #leftbar .input-group input {
    width: 29vw;
  }
  .adam-card-popup {
    position: fixed;
    top: 8vh;
    right: 0vw;
    width: 100%;
    z-index: 1030;
  }
  .adam-card-popup>.card {
    height: 81vh;
  }
  .adam-card-popup>.card>.card-body button[data-toggle="collapse"] {
    width: unset;
  }
  .adam-card-popup.search-location-popup {
    top: 62vh;
  }
  .adam-card-popup.search-location-popup>.card>.card-body {
    height: 23vh;
    overflow: auto;
  }
  .adam-card-popup.search-location-popup>.card>.card-body>.accordion {
    height: 22vh;
    overflow: auto;
  }
  .adam-card-popup.search-location-popup>.card>.card-body button.location-button, .adam-card-popup.search-location-popup>.card>.card-body button[data-toggle="collapse"] {
    width: 78vw;
  }
}

@media (orientation: landscape) {
  .unavailability_message.landscape {
    display: block;
  }
}