/*----------------- MAIN CONTAINER -----------------*/

#rxp-hpp{
background: #ffffff;
font-family: 'Abel', sans-serif;
}
/*----------------- HEADER -----------------*/

/* This hides the entire header - that includes the breadcrumb and the title */
#rxp-header {
display: none;
}
/* this is a div that contains the loading animation */
#info-box-footer {
display: none;
}


/*----------------- FORM -----------------*/
/* main wrapper around elements */
.panel {
border-color: white;
box-shadow: 0 1px 1px white;
}
/* this is the same div as "panel" but the ID is specific to the payment form */
#another-card-section {
background: white;
}
/* wrapper around the payment form */
#rpx-another-card {
background: white;
}
/* to change all the labels or hide them */
.portfolio-realex label{
display:none;
}

/*----------------- CARD MANAGEMENT -----------------*/
/* Heading "pay with a saved card" and "pay with another card*/
#hpp-accordion .panel-heading {
background-color: white;
}
/* > icon before the "pay with a saved card" and "pay with another card*/
#hpp-accordion .panel-heading .hpp-options{
display:none;
}
/* manage the style of the title "pay with a saved card" and "pay with another card */ 
#saved-card-section .panel-title, #another-card-section .panel-title, #wallet-card-section .panel-title {
color: #ddd;
}
/* manage the selected style of the title "pay with a saved card" and "pay with another card */ 
.rxp-panel-selected .panel-title {
color: #000!important;
}
#rpx-saved-card .panel-saved-card {
 margin-bottom: 20px;
 box-shadow: 0 0 0 0 rgba(158,158,158,0.37);
}
#rpx-saved-card .panel-saved-card:hover {
border-top: 1px solid #339933;
border-bottom: 1px solid #339933;
}
#rpx-saved-card .panel-saved-card .panel-head-accordion{
 background:#dddddd;
}
/*----------------- DCC -----------------*/
.btn-dcc.active {
border-bottom: 2px solid #339933;
}
.panel-dcc .panel-body .rxp-title{
font-size:1.2em;
}
/*----------------- BUTTON -----------------*/
/* this is the box around the button */
#main-btn-box{
width: 30%;
float:right;
margin-right:15px;
}
/* this is the actual button */
#main-btn-box .btn-hpp-a {
font-size: 1.25em;
background-color:#339933;
font-weight:100;
 box-shadow: 0 0px 0px #cbcbcb;
 border-radius:30px;
}
#rxp-primary-btn .hpp-pay{
display:none;
}

/*----------------- FOOTER -----------------*/
/* this is for the entire footer */
#rxp-footer {
display:none;
}

/*---------------------------------- MOBILE SPECIFIC ----------------------------------*/
@media (max-width: 480px){
#main-btn-box{
width: 50%;
float:left;
margin-left:20px;
}
#rpx-security-code{
	margin-top:10px}
}