#no-ng-headercontainer{
  margin-bottom: 20px;
}
#no-ng-loadingcontainer{
  position: fixed;
  top: 50%;
  left: 50%;
  line-height: 1.42857143;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
  -webkit-box-shadow: 0px 3px 1px rgba(0,0,0,0.1), 0 1px 6px rgba(0,0,0,0.1);
  -moz-box-shadow:    0px 3px 1px rgba(0,0,0,0.1), 0 1px 6px rgba(0,0,0,0.1);
  box-shadow:         0px 3px 1px rgba(0,0,0,0.1), 0 1px 6px rgba(0,0,0,0.1);
  padding: 20px;
  background-color: #FFFFFF;
  transition: opacity 1.5s ease-in;
}
#preview, #no-ng-preview {
  width: 100%;
  height: 100%;
  border: none;
}

.noNGPayment_wrapper{
  width: 500px;
  margin: 0 auto;
  text-align: center;
  display: block;
  padding: 15px;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0,0,0,0.3);
  margin-top: 120px;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  box-sizing: border-box;
  color:#575656;
}
@media(max-width: 500px){
  .noNGPayment_wrapper{
    width: 100%;
  }
}

.noNGPayment_header{
  font-size: 1.5rem;
  margin: 0.83em 0;
  width:100%;
  margin-bottom:10px;
}
.noNGPayment_content{
  margin-top:15px;
  font-size: 14px;
  width: 100%;
}

.pp-loader {
  margin: 0px auto
}

#pp-loading-wrapper{
  height: 90px;
}

.default-spinner,.default-spinner:after,.default-spinner:before {
  background: #888;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}

.default-spinner {
  color: #888;
  text-indent: -9999em;
  margin: 45px auto;
  position: relative;
  font-size: 11px;
  transform: translateZ(0);
  animation-delay: -.16s
}

.default-spinner:after,.default-spinner:before {
  position: absolute;
  top: 0;
  content: ""
}

.default-spinner:before {
  left: -1.5em;
  animation-delay: -.32s
}

.default-spinner:after {
  left: 1.5em
}

@keyframes load1 {
  0%,80%,to {
    box-shadow: 0 0;
    height: 4em
  }

  40% {
    box-shadow: 0 -2em;
    height: 5em
  }
}