.modal {
  -webkit-box-shadow: 0 -1px 20px rgba(13,11,13,0.3);
  -moz-box-shadow: 0 -1px 20px rgba(13,11,13,0.3);
  background-color:#fff;
  bottom: 0;
  box-shadow: 0 -1px 20px rgba(13,11,13,0.3);
  margin-top: 2rem;
  padding-top: .8rem;
  position: fixed;
  right: 0;
  width:100%;
  z-index:999;
}

.modal-static {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background-color: transparent;
  box-shadow: none;
  height: 100% !important;
  margin-top: 0;
  position: static;
}

.modal .wf-wrap {
  padding: 5px 20px 0px;
}

.isi-arrow {
  cursor: pointer;
  position: absolute;
  right: 2%;
}

.isi-arrow-down, .isi-arrow-up {
  display: inline-block;
  vertical-align: bottom;
}

.modal-expand {
  float: left;
  overflow-y: auto;
  width: 100%;
}

.text-opacity {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}

.transition {
  transition: height 1s ease-in-out;
}