.wrapper {
  padding: 0px !important;
}
#UserPoolName {
  text-transform: uppercase;
}

.poolcontainer {
  border-radius: 10px;
  border: black 1px solid;
  margin: 20px;
}

.panel {
  margin: 5px;
  background-color: #ecebeb;
  border-radius: 3px;
  margin: 20px;
  padding: 15px;
  align-items: center;
  box-shadow: #999 4px 4px 7px 3px;
  background-image: url("../../images/cloudenv.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position-y: top;
  background-position-x: left;
  background-size: 50px 50px;
}

.panel h4 {
  color: black;
  margin-left: 40px;
}
.panel ul {
  margin: 0px !important;
  padding: 0px;
}

.panel li {
  list-style: none;
  padding: 0px;
  margin: 2px;
}

.panel li a {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
}

.panel li a:hover {
  color: #c76a34 !important;
}

.firelogo {
  height: 95px;
  margin-right: -15px;
}
.fireenvs {
  text-shadow: 1px 1px white;
}

.expander {
  z-index: 1;
  transition: transform 500ms 0ms, z-index 0ms 400ms; /* That final "400ms" delays the z-index transition! */
}
.expander:hover {
  transform: scale(1.8);
  z-index: 2; /* A hovered expander is always on top */
  transition: transform 500ms 0ms, z-index 0ms 0ms; /* Remove the z-index transition delay on hover. This is counter-intuitive but works. */
}

.filterbox {
  margin: 24px;
  float: right;
  border: none;
  border-radius: 3px;
  padding: 5px;
  font-size: 12px;
}