/*
    Implementation Samples for NetPay Payment Gateway demonstrate that how you can
    implement NetPay Payment Gateway into your application. 
    Copyright (C) 2015,  NetPay

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
#purchase_modal .modal-dialog{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;        
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}
#purchase_modal .modal-content{
    background: transparent;
    border: none;
}

#purchase_modal iframe{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;    
    height: 100%;    
    display: block;        
    border: none;
    outline: none;   
    background: transparent;

}
.iframe-preloader{
    position: fixed;    
    top: 0;
    left: 0;
    width: 100%;    
    height: 100%; 
    text-align: center;    
}
.iframe-preloader span{        
    display: inline-block;
    position: relative;
    top: 50%;
    width: 10px;
    height: 10px;
    margin: 10px 5px;
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: 0 0 5px 1px #fff;
    background: #5cb85c;       
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-animation: iframe-preloader .9s linear infinite;
    -mos-animation: iframe-preloader .9s linear infinite;
    -ms-animation: iframe-preloader .9s linear infinite;
    animation: iframe-preloader .9s linear infinite;
}
.iframe-preloader span:nth-child(2){
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    animation-delay: .2s;
}
.iframe-preloader span:nth-child(3){
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    animation-delay: .4s;
}
@-webkit-keyframes iframe-preloader{
    0%{
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    50%{
        -webkit-transform: translate(0, calc(50% - 50px)) scale(1.5, 1.5);
        -moz-transform: translate(0, calc(50% - 50px)) scale(1.5, 1.5);
        -ms-transform: translate(0, calc(50% - 50px)) scale(1.5, 1.5);
        transform: translate(0, calc(50% - 50px)) scale(1.5, 1.5);
        background: #7cf87c;
    }
    100%{
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}
@-moz-keyframes iframe-preloader{
    0%{
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    50%{
        -webkit-transform: translate(0, calc(50% - 50px)) scale(1.5, 1.5);
        -moz-transform: translate(0, calc(50% - 50px)) scale(1.5, 1.5);
        -ms-transform: translate(0, calc(50% - 50px)) scale(1.5, 1.5);
        transform: translate(0, calc(50% - 50px)) scale(1.5, 1.5);
        background: #7cf87c;
    }
    100%{
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}
@-ms-keyframes iframe-preloader{
    0%{
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    50%{
        -webkit-transform: translate(0, calc(50% - 50px)) scale(1.5, 1.5);
        -moz-transform: translate(0, calc(50% - 50px)) scale(1.5, 1.5);
        -ms-transform: translate(0, calc(50% - 50px)) scale(1.5, 1.5);
        transform: translate(0, calc(50% - 50px)) scale(1.5, 1.5);
        background: #7cf87c;
    }
    100%{
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}
@keyframes iframe-preloader{
    0%{
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    50%{
        -webkit-transform: translate(0, calc(50% - 50px)) scale(1.5, 1.5);
        -moz-transform: translate(0, calc(50% - 50px)) scale(1.5, 1.5);
        -ms-transform: translate(0, calc(50% - 50px)) scale(1.5, 1.5);
        transform: translate(0, calc(50% - 50px)) scale(1.5, 1.5);
        background: #7cf87c;
    }
    100%{
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}