/**
 * You can place your custom CSS statements here
 * it is better to write everything custom here
 * because this file won't be replaced during upgrade
 * Don't forget to rename this file to "site.css"
 */
/*netvalve*/

#cc_number-0 , #f_cc_country{width:100%;}
#row-cc_number-0 .am-element{width:100%;}
#row-qfauto-0 .am-element {display: grid;
    grid-template-columns: 1fr 1fr;
padding-top:0 !important;
    gap: 20px;}
.romerobill{margin-top:15px;color:#fff;text-align:center;}
.am-page-cc .am-main{max-width:650px;}
#cc #row-cc_number-0 .am-element-title{align-items:center;}
#cc #row-cc_number-0 .comment{
font-size:16px;}
#row-qfauto-2  a{color: #fff;font-weight:bold;
    text-decoration: none;}
#row-qfauto-2 .am-element{
display:grid;text-align:center;}
#row-qfauto-2 .am-cta-pay{
    width: 100%;
    border-radius: 8px;
    
    background: #ACCFF8 !important;
    
    padding: 16px !important;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}
.am-page-cc #qfauto-1-legend{
display:none;}
.am-page-cc *{
font-family:Roboto;
}
.am-page-cc h1{
text-align:center;
}
form#cc{
 	padding: 20px;
    border-radius: 12px;
    border: 0;
}
.am-page-cc .am-receipt-table tbody tr:nth-child(3) , .am-page-cc .am-receipt-table tbody .am-receipt-row-total{
	display:none;
}
.am-page-cc .am-receipt-table tbody{
	color:#fff;font-size:18px;
}
.am-page-cc .am-receipt{
	border:0;
	border-radius:12px;
	padding:25px;
}
.am-page-cc .am-body{
	max-width:768px;
	margin:0 auto;
}
form#cc{
.am-element-title label{font-size:18px !important;}
 div.am-element {
    margin: 0;
    padding: 1em 1em;
}
 	#row-qfauto-1 .am-element a{
 		text-decoration:none;
 		padding: 14px 0;
    	font-size: 18px;
    	width:100%;
    	text-align:center;
    	border-radius:15px;
    	color:#fff;
    	border:3px solid #fff;
    }
	#row-qfauto-1 .am-element a:hover{
		background:#fff;
		color:#000;
		transition:0.5s;
	}
	#row-qfauto-1 .am-element input{
		transition:0.5s;
		font-size:18px;
		border-radius:15px;
		color:#000;
		background:rgba(172,207,248,1);
	}
	#row-qfauto-1 .am-element input:hover{
		background:#83BCFF;
	}
	#row-qfauto-1 .am-element input , #row-qfauto-1 .am-element a{
		display:block;
		width:100%;
	}
	input::placeholder{
		font-size:16px;
		color:rgba(255,255,255,1 !important);
	}
	input, select{
		font-size:16px;
		padding:8px 20px;
		border-radius:10px;
               border: 3px solid transparent;
-webkit-appearance: none; /* Disables default iOS styling */
    -moz-appearance: none; /* Disables default Firefox styling */
    appearance: none;
	}
        input:focus, select:focus{
border-color:#accff8;
}
	.am-element-title label{
		margin-bottom:0;
		font-weight:bold;
		font-size:20px;
		color:#fff;
	}
	.am-element-title label .required{
		display:none;
	}
	.am-element-title .comment{
		font-size:20px;
		color:#fff;
		opacity:0.7;
	}
	.am-element-title{
		display: flex;
    	gap: 15px;
		width:100%;
		margin:0;
		text-align:left;
	}
	#row-cc_code-0 .am-element-title label{
		min-width:130px;
	}

}
/*netvalve END*/
/*buttons*/
#save-0{border:0 !important;border-radius:12px;background: rgb(97,67,133) !important;
    background: linear-gradient(90deg, rgba(97,67,133,1) 0%, rgba(81,99,149,1) 100%) !important;}
#save-0:hover{    background: rgb(157,149,239) !important;}
@media only screen and (max-width: 768px) {
.am-cart-checkout-buttons .am-cart-checkout-buttons-checkout{padding:10px !important;}
.am-cart-checkout-buttons{display: grid;
    gap: 16px;
    text-align: center;}
.am-cart-checkout-buttons-continue{margin-right:0px !important;}
}
/*buttons*/
/*netvalve*/
form#cc{
	padding: 30px;
    border-radius: 12px;
    border: 0;
}
.am-page-cc .am-receipt-table tbody tr:nth-child(3) , .am-page-cc .am-receipt-table tbody .am-receipt-row-total{
	display:none;
}
.am-page-cc .am-receipt-table tbody{
	color:#fff;font-size:18px;
}
.am-page-cc .am-receipt{
	border:0;
	border-radius:12px;
	padding:25px;
}
.am-page-cc .am-body{
	max-width:768px;
	margin:0 auto;
}
form#cc{

 	#row-qfauto-1 .am-element a{
 		text-decoration:none;
 		padding: 14px 0;
    	font-size: 18px;
    	width:100%;
    	text-align:center;
    	border-radius:15px;
    	color:#fff;
    	border:3px solid #fff;
    }
	#row-qfauto-1 .am-element a:hover{
		background:#fff;
		color:#000;
		transition:0.5s;
	}
	#row-qfauto-1 .am-element input{
		transition:0.5s;
		font-size:18px;
		border-radius:15px;
		color:#000;
		background:rgba(172,207,248,1);
	}
	#row-qfauto-1 .am-element input:hover{
		background:#83BCFF;
	}
	#row-qfauto-1 .am-element input , #row-qfauto-1 .am-element a{
		display:block;
		width:100%;
	}
	input::placeholder{
		font-size:16px;
		color:rgba(255,255,255,1 !important);
	}
	input, select{
		font-size:16px;
		padding:15px 20px;
		border-radius:10px;
               border: 3px solid transparent;
	}
        input:focus, select:focus{
border-color:rgba(172,207,248,1);}
	.am-element-title label{
		margin-bottom:0;
		font-weight:bold;
		font-size:20px;
		color:#fff;
	}
	.am-element-title label .required{
		display:none;
	}
	.am-element-title .comment{
		font-size:20px;
		color:#fff;
		opacity:0.7;
	}
	.am-element-title{
		display: flex;
    	gap: 15px;
		width:100%;
		margin:0;
		text-align:left;
	}
	#row-cc_code-0 .am-element-title label{
		min-width:130px;
	}

}
/*netvalve END*/
/*netvalve END*/
.cancel-subscription , .am-active-invoice-rebill-date{color:#9f9f9f !important;text-decoration:none;}
.am-form-login-switch-wrapper{text-align: center;
    width: 100%;
    display: block;
    margin-top: 16px;}
.am-page-login .am-row.am-row-buttons input{
display:bl;ock;width:100%;}
.am-page-login .am-auth-form div.am-row div.am-element {
    margin: 0;
    padding: 0.6em 2em;
}
.am-page-login  .am-auth-form, .am-page-login-no-label .am-signup-link {
    max-width: 350px;
}
.am-login-form-form .am-element-title{display:none !important;}
.am-form div.am-element {
    margin: 0;
    padding: 1em 1em;
}
.am-cart-checkout-buttons-update{display:none;}
.am-header-logo-wrapper{
text-align:center;
}

.am-login-form-form .am-row-buttons input[type="submit"] , .am-sendpass-form-form .am-row-buttons input[type="submit"] , .am-popup input[type=submit] , #row-buttons .am-cta-signup , .am-cart-checkout-buttons .am-cart-checkout-buttons-checkout , .am-cart-checkout-buttons .am-cart-checkout-buttons-update , .am-cart-checkout-buttons-apply , #row-_submit_-0 .am-cta-profile{
color:#333;
	background: rgb(26,224,190) !important;
background: linear-gradient(90deg, rgba(26,224,190,1) 0%, rgba(6,138,128,1) 100%) !important;
background:rgba(172,207,248,1) !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius:12px !important;
    border:0 !important;
    padding:8px 20px !important; 
}

.am-login-form-form .am-row-buttons input[type="submit"]:hover , .am-sendpass-form-form .am-row-buttons input[type="submit"]:hover , .am-popup input[type=submit]:hover , #row-buttons .am-cta-signup:hover , .am-cart-checkout-buttons .am-cart-checkout-buttons-checkout:hover , .am-cart-checkout-buttons .am-cart-checkout-buttons-update:hover , .am-cart-checkout-buttons-apply:hover , #row-_submit_-0 .am-cta-profile:hover{
	background: rgb(94,233,208) !important;
background: linear-gradient(90deg, rgba(94,233,208,1) 0%, rgba(81,174,167,1) 100%) !important;
background:#83BCFF !important;
}

.am-cart-checkout .am-cart-checkout-buttons-continue {  
    float: left;
    text-decoration: none;
    border: 2px solid #fff;
    padding:8px 20px !important; 
    border-radius: 12px;
    margin-right: 10px;
    color:#fff;
}

.am-cart-checkout .am-cart-checkout-buttons-continue:hover{
	 border: 2px solid #fff;
	 background:#fff;
	 color:#000 !important;

}