#ccavenue-pay-myform .container {   font-size: 18px;    position: relative;}#ccavenue-pay-myform  .loader {  height: 10px;  width: 33%;  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  margin: auto;}#ccavenue-pay-myform .loader--dot {  animation-name: loader;  animation-timing-function: ease-in-out;  animation-duration: 3s;  animation-iteration-count: infinite;  height: 20px;  width: 20px;  border-radius: 100%;  background-color: black;  position: absolute;  border: 2px solid white;} #ccavenue-pay-myform .loader--dot:first-child {  background-color: #8cc759;  animation-delay: 0.5s;}#ccavenue-pay-myform .loader--dot:nth-child(2) {  background-color: #8c6daf;  animation-delay: 0.4s;}#ccavenue-pay-myform .loader--dot:nth-child(3) {  background-color: #ef5d74;  animation-delay: 0.3s;}#ccavenue-pay-myform  .loader--dot:nth-child(4) { background-color: #f9a74b;  animation-delay: 0.2s;}#ccavenue-pay-myform .loader--dot:nth-child(5) {  background-color: #60beeb;  animation-delay: 0.1s;}#ccavenue-pay-myform .loader--dot:nth-child(6) {  background-color: #fbef5a;  animation-delay: 0s;}#ccavenue-pay-myform  .loader--text {  position: absolute;  top: 200%;  left: 0;  right: 0;  width: 4rem;  margin: auto;} 

@keyframes loader { 
 15% {
  transform: translateX(0);  
  }
  45% {  
  transform: translateX(230px); 
  }  
  65% {
   transform: translateX(230px); 
   } 
   95% {
    transform: translateX(0); 
    }
} 

#whole-payment-form  {
  background: #f9fcff;
  display: inline-block;
  padding: 10px;
}

#whole-payment-form input {
     display: inherit;
    width: 100%;
}