@if mgwt.css pretty {
  @external mgwt-PullPanel, mgwt-PullPanel-container, mgwt-PullPanel-main;
  @external mgwt-PullToRefresh, mgwt-PullToRefresh-arrow;
  @external mgwt-PullToRefresh-spinner, mgwt-PullToRefresh-error;
  @external mgwt-PullToRefresh-text, .mgwt-PullToRefresh-arrowFooter;
}

.mgwt-PullPanel {
  flex: 1;
  overflow: hidden;
}

.mgwt-PullPanel-container{}
.mgwt-PullPanel-main{}

.mgwt-PullToRefresh {
  position: relative;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 70px;
}

@sprite .mgwt-PullToRefresh-arrow {
  gwt-image: "getButtonBarNextSlideImage";
}

.mgwt-PullToRefresh-arrow {
  position: absolute;
  margin-left: 50px;
  top: 20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
}


@if user.agent safari {
  .mgwt-PullToRefresh-arrow {
    -webkit-transform-origin: 12px 9px;
  }
}

@if user.agent gecko1_8 {
  .mgwt-PullToRefresh-arrow {
    -moz-transform-origin: 12px 9px;
  }
}

.mgwt-PullToRefresh-spinner {
  top: 18px;
  left: 15px;
  position: absolute !important;
}

@sprite .mgwt-PullToRefresh-error {
  position: absolute;
  margin-left: 50px;
  top: 15px;
  width: 50px;
  height: 50px;
  gwt-image: "errorImage";
  background-repeat: no-repeat;
}

.mgwt-PullToRefresh-text {
  position: absolute;
  top: 20px;
  left: 110px;
  display: inline-block;
  font-size: 20px;
}
