#id-footer1{position:absolute;bottom:0;width:100%;}

:root {
--default-transition: all 700ms ease;

--primary-color:#eda736;
--primary-background:#f3f3f3;

--secondary-color:#ead1a9;
--secondary-background:#515151;

--primary-hover-color: #333;
--primary-hover-background: #ffb434;

--secondary-hover-background: #555;
--secondary-hover-color: #eee;

--btn-color: #ffffff;
--btn-background-color: #e4a707;
--primary-color-dark:#e38d03;
}

.title-bar{background: #C5DAEA}
#payment-page .btn{background:var(--btn-background-color); color:var(--btn-color);}
#payment-search{margin-top:20px; margin-bottom:10px; padding:20px; border-bottom:1px dotted var(--primary-color); text-align:center; background:var(--primary-background); opacity:0.8;}
#payment-part_profile .panel-body{background:var(--secondary-color); color:var(--secondary-background); opacity:0.8;}
#payment-part_profile_items{color:var(--primary-hover-color); background:var(--primary-hover-background); }

#payment-part_profile_user{background:var(--secondary-background);color:var(--secondary-color);}
#payment-part_profile_user table th{border-color:red;}
table#payment-part_profile_user tr:nth-child(1) th:nth-child(2) {color:#ffe990;}
table#payment-part_profile_user th, table#payment-part_profile_user td{border-top:0.5px dotted #888 !important;}
table#payment-part_profile_items td, table#payment-part_profile_items th{border:0.5px dotted #fff !important;}

#payment-status table tr th:first-child{background:#e5e5e5;}

#payment-channel-area h3{font-weight:bold; text-align:center; color:var(--primary-color-dark);}

#payment-channel-area .panel-title a{
	background-repeat: no-repeat; background-size:68px; background-position: 50% 0%;
	min-height:80px;
	padding-top:75px;;
	color:var(--primary-color);
}
#payment-channel-area .panel-title a:hover{color:var(--primary-color);}

#payment-channel-area .panel-title a[data-group_code="bank-transfer"] {background-image: url("/assets/js/app/front/modules/payment/img/pmtcnl-grp-bank-transfer.png");}
#payment-channel-area .panel-title a[data-group_code="bank-transfer"]:hover {background-image: url("/assets/js/app/front/modules/payment/img/pmtcnl-grp-bank-transfer-active.png");}
#payment-channel-area .panel-title a[data-group_code="credit"] {background-image: url("/assets/js/app/front/modules/payment/img/pmtcnl-grp-credit.png");}
#payment-channel-area .panel-title a[data-group_code="credit"]:hover {background-image: url("/assets/js/app/front/modules/payment/img/pmtcnl-grp-credit-active.png");}
#payment-channel-area .panel-title a[data-group_code="emoney"] {background-image: url("/assets/js/app/front/modules/payment/img/pmtcnl-grp-emoney.png");}
#payment-channel-area .panel-title a[data-group_code="emoney"]:hover {background-image: url("/assets/js/app/front/modules/payment/img/pmtcnl-grp-emoney-active.png");}

#payment-channel-area .panel-group .panel, #payment-channel-area .panel-heading {border-radius:0px; border-color: #ccc; border:0;}
#payment-channel-area .panel-primary > .panel-heading{background:none ; color:green; border:0; text-align:center;}
#payment-channel-area .panel-title {font-size: 110%;}
#payment-channel-area .panel-title > a {display: block; padding-bottom: 8px; text-decoration: none; }
#payment-channel-area .pm-title{font-weight:bold;}
#payment-channel-area .pm-detail > img{height:20px; padding-top:5px;}
#payment-channel-area .btn-payment-method.selected{background:#CCFF88;}

#payment-channel-area .list-group-item{color:var(--primary-color);}
#payment-channel-area a.list-group-item:hover, #payment-channel-area button.list-group-item:hover {
	color: red;
	text-decoration: none;
	background-color: #CCFF99;
}
#payment-channel-area a.list-group-item:focus, #payment-channel-area button.list-group-item:focus{background-color:#CCBBBB; color:maroon;}

body{
	padding-bottom: 10px;

	/*Xbackground-image: url("/Xassets/js/app/front/modules/subscribe/v23/img/bg.png") , linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(226,213,188,1) 70%, rgba(255,255,255,1) 100%);*/
	background-image: url("/Xassets/js/app/front/modules/subscribe/v23/img/bg.png") , linear-gradient(var(--primary-color) 0%, #fff 40%, var(--secondary-color) 100%);

	background-attachment: fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;

	background-position: center center;
	/*background-position-x: left -166px, center; background-position-y: bottom -166px;*/
}
#payment-page h1.page-header{display:none;}

#wrapper{overflow: hidden; position: relative;}

.content{position: relative;}
.bgimg{opacity: 0.3; position: fixed; left:0; bottom:70px; width: 100%; height: auto; z-index:-9999;}