html, body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  background-color: #737373;
}

.centerPanel {
  margin-bottom: 3em;
}
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}

.dijitBorderContainer-dijitContentPane {
  background-color: #737373;
}

.dijitBorderContainerPane {
  z-index: 1;
}
/*ESRI Popup Config*/
.esri-popup {
  visibility: hidden
}

#appLayout {
  height: 100%;
}
#leftCol {
  width: 28em;
}
.centerPanel {
  left:30em
}

.claro .demoLayout .edgePanel {
  background-color: rgba(0, 0, 0, 0.6);
  color:#fff;
}
#topBarText {
  display:flex !important;
  margin-top: 2em;
  flex-direction: row;
}
#count {
  margin-left: 5px
}


/* Side Panel CSS */
.panel-side {
      padding: 2px;
      box-sizing: border-box;
      width: 300px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.6);
      overflow: auto;
      z-index: 60;
    }

    .panel-side h2 {
      padding: 0 20px;
      margin: 20px 0;
    } 

    /****Dropdown Menu*****/
    /*********************/
    .navbar {
      overflow: hidden;
      background-color: #333;
      font-family: Arial;
    }
    
    /* Links inside the navbar */
    .navbar a {
      float: left;
      font-size: 16px;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    }
    
    /* The dropdown container */
    .dropdown {
      float: left;
      overflow: hidden;
    }
    
    /* Dropdown button */
    .dropdown .dropbtn {
      font-size: 16px;
      border: none;
      outline: none;
      color: white;
      padding: 14px 16px;
      background-color: inherit;
      font-family: inherit; /* Important for vertical align on mobile phones */
      margin: 0; /* Important for vertical align on mobile phones */
    }
    
    /* Add a red background color to navbar links on hover */
    .navbar a:hover, .dropdown:hover .dropbtn {
      background-color: lightgray;
    }
    
    /* Dropdown content (hidden by default) */
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #333;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }
    
    /* Links inside the dropdown */
    .dropdown-content a {
      float: none;
      color: white;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      text-align: left;
    }
    
    /* Add a grey background color to dropdown links on hover */
    .dropdown-content a:hover {
      background-color: #ddd;
    }
    
    /* Show the dropdown menu on hover */
    .dropdown:hover .dropdown-content {
      display: block;
    } 
    /****Callout Countdown CSS****/
.callout-countdown {
  position: fixed;
  bottom: 35px;
  left: 20px;
  margin-left: 20px;
  max-width: 650px;
  z-index: 2;
}
    /****Callout CSS****/
.callout {
  position: fixed;
  bottom: 35px;
  right: 20px;
  margin-left: 20px;
  max-width: 300px;
  z-index: 2;
}



.callout-header {
  padding: 25px 15px;
  background: #555;
  font-size: 30px;
  color: white;
}

.callout-container {
  padding: 15px;
  background-color: #ccc;
  color: black
}

.closebtn {
  position: absolute;
  top: 5px;
  right: 15px;
  color: white;
  font-size: 30px;
  cursor: pointer;
}

.closebtn:hover {
  color: lightgrey;
}