@import "../../../stream/assets/css/style.min.css";


/*******************************************
* Payments Model
*******************************************/
.payment-column > .elementor-column-wrap {
	border-radius: 5px;
}

.payment-column .elementor-heading-title {
    margin-top: 15px;
}

.subscription-column > .elementor-column-wrap {
	background-color: rgba(235, 107, 86, 0.15);
}

.onetime-column > .elementor-column-wrap{
	background-color: rgba(97, 189, 109, 0.15);
}

.form-payment .send-payment {
	display: block;
	width: 100%;
	margin-top: 10px;
	border: none;
	border-radius: 5px;
	color: #FFF;
	background-color: #D9534F;
}

.form-payment .send-payment:hover {
	background-color: #d85854;	
}

.form-payment .form-group {
    height: 40px;
    margin-bottom: 15px;
}

.amount-action {
	width: 20%;
    display: inline-block;
    margin-left: 5%;
    margin-right: 10%;
    height: 40px;
    font-size: 30px;
    line-height: 29px;
    border-radius: 0;
    background: #7dcc87;
    border: none;
}

.amount-action.minus {
	margin-right: 5%;
	margin-left: auto;
}

.form-payment input {
    width: 30%;
    display: inline-block;
    height: 40px;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}

.form-payment .send-payment {
    display: block;
    width: 80%;
    margin-top: 10px;
    border: none;
    border-radius: 0;
    margin-right: 10%;
}

.form-payment.open .form-group input {
    margin-right: 35%;
    width: 30%;
}

.form-payment.open .form-group input:after {
	content: ' aa';
}

/*******************************************
* Iframce Modal
*******************************************/
#payment-modal .modal-header {
	display: none;
}

#payment-modal .modal-body {
	height: 600px;
}