.mg-rows {
    position:relative;
}
.mg-trigger{
    cursor: pointer;
}
.mg-space {
    display:none;
    position:relative;
    width:100%;
    float:left;
}
.mg-target {
    display:none;
    background:#222;
    color:#737373;
}
.mg-target-open {
  display: block !important;
    position:absolute;
    top:0;left:0;right:0;
}
.mg-indicator {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 30%;
  left: 45%;
  clip: rect(auto, 40px, auto, 20px);
  transform: rotate(90deg);
  margin-top: -12px;
}
.mg-indicator:after{
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(0,160,225,1);
  background: -moz-linear-gradient(45deg, rgba(113,191,68,1) 0%, rgba(0,160,225,1) 99%);
  background: -webkit-linear-gradient(45deg, rgba(113,191,68,1) 0%,rgba(0,160,225,1) 99%);
  background: linear-gradient(45deg, rgba(113,191,68,1) 0%,rgba(0,160,225,1) 99%);
  transform: rotate(-45deg);
}
.mg-close {
    display: none;
    background: url(data:image/gif;base64,R0lGODlhFAAUAJEAAE1NTf///////wAAACH5BAEHAAIALAAAAAAUABQAAAIzBISpK+YMm5Enpodw1HlCfnkKOIqU1VXk55goVb2hi7Y0q95lfG70uurNaqLgTviyyUoFADs=) no-repeat center center;
    cursor: pointer;
    height: 30px;
    padding: 7px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    z-index: 2;
}
.mg-close:hover {
    opacity: .5;
}