/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 .payment-container{
}

.payment-container input{
    color: #000000;
}

.payment-container .inputText{
    width: 50px;
}

.payment-infos, .payment-mode{
    margin-top : 5px;
}

.payment-amount, .payment-infos, .payment-mode{
    background: #ffffff;
	margin-top:20px;
}

.payment-amount-box{
    background: #006CB4;
    margin: 5px;
    text-align: center;
    color: #ffffff;
}
.payment-amount-box {
	height:85px;
}
.payment-amount-box span{
	display:block;
	font-size:26px;
	font-family: Arial;
	font-weight:300;
}
.payment-amount-box span i{
	font-size:12px;
}
.payment-amount-box2 span{
	display:block;
	font-size:12px;
	font-family: Arial;
	font-weight:300;
}
.payment-periodicity {
	font-size:11px;
}
.payment-title {
	line-height:28px;
	font-size:14px;
	font-weight:bold;
	width: 100%;
}
.payment-infos {
	padding: 5px 15px 15px;
}
.payment-infos .row {
    width: 100%;
}
.payment-infos2 {
	text-align: center;
	padding-top: 6px;
	padding-bottom: 10px;
	font-size: 0.8em;
	font-weight: bold;
	vertical-align: middle;
}
.payment-infos2 input{
	margin-left:25px !important;
}
.payment-infos3 label,
.payment-infos4 label,
.payment-infos5 label,
.payment-infos6 label{
	display:block;
	color:#0b6abc;
    margin-bottom: 5px;	
    font-weight: 600;
    font-size: 13px;    
}
.payment-validation {
    padding-left: 0px;
}
.fox_cbspan.fox_cbspan_false {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
}
.payment-infos3,
.payment-infos4,
.payment-infos5,
.payment-infos6 {
	padding-top:5px;
	padding-bottom:5px;
}
.payment-amount-box3 {
	height:70px;
}
.payment-amount-box3 span{
	display:block;
	font-size:12px;
	font-family: Arial;
	font-weight:300;
}
.payment-mode {
	padding-bottom:15px;
}
.payment-validation {
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}
.payment-validation button{
	padding-top:8px;
	padding-bottom:8px;
	padding-left:25px;
	padding-right:25px;
	background-color:#0b6abc;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	border-color:#0b6abc;
	border-style:solid;
	border-width:1px;
	transition: all 0.6s ease 0s;	
}
.payment-validation button:hover{
	background-color:#ffffff;
	color:#0b6abc;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	border-color:#0b6abc;
	border-style:solid;
	border-width:1px;
	transition: all 0.6s ease 0s;	
}
.payment-error {
	padding-top:10px;
	padding-bottom:4px;
	padding-left:10px;
	
}
.payment-error.alert {
	margin-bottom:5px;
	padding:6px;
}
.payment-amount-box {
    text-align: center;
    margin: 0px auto 5px;
}
.simulator-container{
    background: #006CB4;
    color: #ffffff;
	padding-bottom:15px;
}
.simulator-container label {
	width:100px;
	color:#ffffff;
	font-weight:normal !important;
}
.simulator-container input{
    color: #000000;
	width:70px;

}
.simulator-title {
	font-size:11px;
}
.simulator-div {
	position: relative;
}
.simulator-div input {
    padding-right: 30px;    
}
.simulator-div i {
    position: absolute;
    right: 0px;
    pointer-events: none;
}