
.green-200 {
  background-color: #A5D6A7;
}

.red-200 {
  background-color: #EF9A9A;
}

.blue-200 {
  background-color: #90CAF9;
}

.yellow-200 {
  background-color: #fff1b4;
}

.orange-200 {
  background-color: #FFCC80;
}

.collapse.fixedHeight.show {
  animation-duration: 0.6s;
  animation-name: slidein;
  height: 220px;
  overflow: initial;
}

@keyframes slidein {
  from {
    height: 0px;
    overflow: hidden;
  }
  to {
    height: 180px;
    overflow: auto;
  }
}

div.collapse-div.show {
  position: absolute;
  width: 400px;
  overflow: auto;
  max-height: 250px;
  z-index: 1;
}

.collapse-div {
  position: absolute;
  margin: 0;
  z-index: 0;
  width: 400px;
  margin-top: -2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 2px -2px rgba(0, 0, 0, 0.2);
  max-height: 0px;
  overflow: hidden;
  border-radius: 2px;
  background-color: white;
  transition: all 0.4s ease-in-out;
}