/* CSS Document for Payment Gateway */

.registration-form {
    margin:30px 10%;
    padding:15px;
    border:1px solid #d5d5d5;
    border-radius:15px;
}

.registration-form hr {
    margin:20px auto;
    width:80%;
    border-bottom:1px solid #d5d5d5;
}

.registration-form input[type="text"] {
    width:95%;
    padding:10px;
    margin-bottom:5px;
}
.registration-form textarea {
    width:100%;
    height:50px;
    margin-bottom:5px;
}

.registration-form input[type="text"]:placeholder-shown {
    background-color:#f7f7f7;
}

.registration-form textarea:placeholder-shown {
    background-color:#f7f7f7;
}


.registration-form label {
    width:100%;
    font-size:0.8em;
}


#card-element {
    background-color:white;
    padding:5px;
    border:1px solid #d5d5d5;
}

.alert {
	font-size:12px;
}

.alert.notice { 
	background:url("../img/exclamation.png") no-repeat scroll 15px 9px #FFFEDD;
	border:1px solid #FFEDB7;
	margin:20px auto;
	padding:10px 10px 10px 45px;
	width:90%;
}
.alert.error {
	background:url("../img/error.png") no-repeat scroll 15px 9px #FFF0F0;
	border:1px solid #FFCCCC;
	color:#FF0000;
	margin:20px auto;
	padding:10px 10px 10px 45px;
	width:90%;
}
.alert.success {
	background:url("../img/checkmark.png") no-repeat scroll 15px 9px #F2FFF2;
	border:1px solid #C1FFC1;
	margin:20px auto;
	padding:10px 10px 10px 45px;
	width:90%;
	color:#2EAD3D;
} 

.box {
	border-color:#a5a5a5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 0 10px 0 #222;
	-webkit-box-shadow: 0 0 10px 0 #222;
	-moz-box-shadow: 0 0 10px 0 #222;
	padding:20px;
	margin:20px auto;
	width:80%;
}

.box h3 {
	margin-top:0px;
}

.box p {
	margin:2px 0px;
}

.loading {
	padding-left:10px;
	font-size:1.5em;
	visibility:hidden;
}
.lshow {
	visibility:visible !important;
}