html {
    height: 100%;
}
html {
    font-size: 100%;
}
body
{
	background-color: #ffffff;
	height:100%;
}
.privateBody
{
	background-color: #fff !important;
}
form
{
	height:100%;
}

/*Styles to set to full background image*/
#wrapper
{
	height:100%;
	overflow:auto;

	background-image: url(bg.png);
	background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;

	background: -webkit-linear-gradient(309deg, rgb(60, 149, 209) 0%, rgb(94, 95, 196) 60%, rgb(115, 61, 191) 100%);
	background: -o-linear-gradient(309deg, rgb(60, 149, 209) 0%, rgb(94, 95, 196) 60%, rgb(115, 61, 191) 100%);
	background: -ms-linear-gradient(309deg, rgb(60, 149, 209) 0%, rgb(94, 95, 196) 60%, rgb(115, 61, 191) 100%);
	background: -moz-linear-gradient(309deg, rgb(60, 149, 209) 0%, rgb(94, 95, 196) 60%, rgb(115, 61, 191) 100%);
	background: linear-gradient(141deg, rgb(60, 149, 209) 0%, rgb(94, 95, 196) 60%, rgb(115, 61, 191) 100%);
}
#wrapper .mainWrapperTable
{
	height: 100%;
}

.publicBody #wrapper .rowHeader, .publicBody #wrapper .rowMenu, .publicBody #wrapper tr.rowContent, .publicBody #wrapper tr.rowAdditionalLine
{
	background-color:transparent;
}

.privateBody #wrapper .rowHeader
{
	background-image: url(banner.jpg);
	background-color:#ffffff;
	background-repeat: repeat-x;
	background-size: 100% 100%;
}
.publicBody #wrapper .rowMenu 
{ 
	display:none;
}

#wrapper tr.rowHeader td.rowHeaderCell
{
	vertical-align:top;
	height:100px;
}
#wrapper tr.rowContent td.rowContentCell
{
	vertical-align:top;
}
.privateBody #wrapper .rowMenu {
	vertical-align: bottom;
	background-color:#f7f7f7;
	height:5px;
}

.publicBody #wrapper 
{
	background-image: url(bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0px 0px;
}
.privateBody #wrapper .rowContent, .privateBody #wrapper tr.rowAdditionalLine
{
	background-color: #f7f7f7;
}

/* Header Logo */
.privateBody #header .logo-area 
{
	height: 70px;
	background-image: url(logo.png);
	background-color:transparent;
	background-size:175px 55px;
	background-position-y: 10px;
}
.publicBody #header .logo-area 
{
	height: 100px;
	background-image: url(logo.png);
	background-color:transparent;
	background-size:280px 70px;
	margin-top:20px;
}

/* Header background & top links */
#header
{
	background-color: transparent;
}

/* Header Support section */
#header .add-nav-holder
{
	background-color: transparent;
}
#header .add-nav ul li a
{
	color: #fff;
	font-weight:bold;
	text-decoration:none;
	text-transform: uppercase;
}
#header .add-nav ul li.active a,
#header .add-nav ul li a:hover{
	background-color:transparent;
	text-decoration:underline;
}
#header .drop-box .btn-drop
{
	background: url("../../images/newstyle/arrow-01-white.png") no-repeat scroll 50% 50%;
	background-size: 20px;
}
#header .add-nav
{
	 margin-right: 30px;
}
#header .drop-box ul
{
	background-color: #3395db;
}

/*Footer*/
.publicBody #wrapper .rowFooter
{
	background: transparent;
    padding-top: 20px;
	padding-bottom:0px;
}
.publicBody #wrapper .rowFooter #footer
{
	background-color:transparent;
	color: #ffffff;
	padding-bottom:0px;
}
.publicBody  #footer .add-nav ul li a { color: #ffffff; }

#wrapper .rowFooter
{
	background: #f7f7f7;
    padding-top: 20px;
	padding-bottom:0px;
}

#wrapper .rowFooter #footer
{
	background-color:#f7f7f7;
	color: #636462;
	padding-bottom:0px;
}
#footer .add-nav ul li a { color: #000000;}
.privateBody #wrapper .rowFooter #footer .add-nav ul li a { color: #636462;}
#footer .add-nav ul li { 
    margin: 0;
    padding: 0 15px;
	border-right: 1px solid #fff;
}
.privateBody #footer .add-nav ul li { 
    margin: 0;
    padding: 0 15px;
	border-right: 1px solid #636462;
}
#footer .add-nav ul li:last-child { 
	border-right: none;
}
/*#footer .LiveChatHours
{
   color: #000000 !important;
}*/
.privateBody #wrapper .rowFooter #footer .LiveChatHours
{
   color: #636462 !important;
}
/*.publicBody #footer .copyright
{
	background-image: url(../../images/newstyle/img-01.png);
}*/
.privateBody #wrapper .rowFooter #footer .copyright {
	background-image: url("../../images/newstyle/ips-new-grey.png");
}

/*#footer .copyright
{
	background-image: url(../../images/newstyle/ips-new-black.png);
}*/

/*Login box*/
.publicmain
{
	background-color:transparent !important;
}
.publicBody #main
{
	padding-left: 15px;
	padding-right: 15px;
	background-color: #ffffff;
	margin-bottom:15px;
}
.privateBody #main
{
	padding-left: 15px;
	padding-right: 15px;
	background-color: #f7f7f7;
	margin-bottom:15px;
}
#main .login-box
{
	width:1100px;
}
#main .login-form
{
	width:300px;
	box-shadow: none;
	background-color:transparent;
	text-align:center;
	font-weight:bold;
	padding-bottom: 20px;
	padding-top: 20px;
	line-height: 0.9;
	border:0;
}

#main .login-box .login-holder
{
	text-align:center;
}
#main .login-box .logo-area
{
	display:none;
}
#main .login-box .merchant-logo-area
{
	display:block;
	height: 0px;
	width: 100%;
	background-color:transparent;
	background-repeat: no-repeat;
	background-size: 300px 56px;
	margin-bottom:0px;
	background-position: center;
}

#main .login-box .login-bg-area
{
	display:none;
}
#main .login-box .login-bg-area .login-bg-text
{
	display: none;
}
#main .login-box .login-bg-area .login-bg-image
{
	display: none;
}
#main .login-box .head
{
	display:none;
}

#main .login-form input[type="text"], #main .login-form input[type="password"]
{
	width: 170px;
    border-radius: 25px;
    padding-left: 50px;
    margin: 5px 20px;
	background-color: #c6c1ba;
	color: #ffffff;
	border-width: 0px;
}
#main .login-form input[type="text"]
{
	background: rgba(0, 0, 0, .1)  url(../../Images/login-username-white.png) center left 20px  no-repeat;
    background-size: 16px;
}
#main .login-form input[type="password"]
{
	background: rgba(0, 0, 0, .1)  url(../../Images/login-pwd-white.png) center left 20px  no-repeat;
    background-size: 16px;
}
#main .login-form input[type="text"]:focus, #main .login-form input[type="password"]:focus
{
	background-color: #a09f9e;
	color: #ffffff;
}

#main .login-form input[type="text"].errorClientValidation, #main .login-form input[type="password"].errorClientValidation
{
	background-color: rgba(198, 193, 186, 0.9) !important;
	color: #ffffff !important;
	border-width: 2px;
}

#main .login-form row3
{
	text-align:center;
}
#main .login-form .row3 .rowforpass
{
	text-align: center;
    color: #c0bfc3;
    vertical-align: middle;
    height: 50px;
    display: inline-block;
	width: 160px;
	line-height: 1.2em;
}
#main .login-form-area .forgot-password
{
	color: #ffffff;
    vertical-align: middle;
    font-size: 12px;
	font-weight: bold;
	padding-top:15px;
}
#main .login-form .form  {
	width: 0 !important;
	line-height: 1.3em;
}
#main .login-form .form td {
	color: #fff !important;
}

#main .login-form input[type="submit"]
{
	width:230px;
	margin:0;
	height:37px;
	background-color: rgba(0, 0, 0, .1) ;
	float: none;
	border-radius: 25px;
	color:#ffffff;
    margin-top: 30px;
    margin-right: 30px;
	font-weight:bold;
}
#main .login-form input[type="submit"]:hover
{
	background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
input[type="submit"], .newbutton
{
	background-color: #3395db;
}
input[type="submit"]:hover, .newbutton:hover
{
	background-color: #faae18;
}
a
{
	color: #c38c1a;
}
.NotificationItemCount
{
	background-color: #7f4a99;
	color: #fafbfd;
}
.CheckoutItemCount
{
	background-color: #7f4a99;
	color: #fafbfd;
}
.pendingHistoryCount
{
	background-color: #7f4a99;
	color: #fafbfd;
}
.balancewidget table tr td .balancetext
{
	font-weight:bold;
	color: #999;
}
.confirm-section .caption
{
	color: #3395db;
}

/* New Design overrides */
.PageCaption
{
	color: #555555;
}
.CaptionText
{
	color: #555555;
}

/* Controls */
a:hover
{
	color: #cc3300;
}
.select-area
{
	background-color:#3395db;
}
.select-options .item-selected a 
{
	background-color:#cc3300;
}
.select-disabled {
    background-color: transparent;
}
.pagebutton
{
	background-color:#3395db;
	color: #ffffff;
	box-shadow:none;
}
.pagebutton:hover{
   background-color:#faae18;
   color: #ffffff;
   box-shadow:none;
}

.SubmitButton
{
	background:#3395db none;
	color: #ffffff;
	box-shadow:none;
}
.SubmitButton:hover {
	background: #faae18 none;
	color: #ffffff;
	box-shadow: none;
}
.options-block ul li .button
{
	box-shadow: 0 0 70px 1px #3395db inset;
}
.continue-button:after {
	background-image: url(../../images/buttons/right-continue-arrow.png);
}
.back-button:after {
	background-image: url(../../images/buttons/left-back-arrow.png);
}
.home-button:after
{
	background-image: url(../../images/buttons/home-icon.png);
}
.prepaidcard-button:after {
	background-image: url(../../images/newstyle/img-43.png);
}
.features-button:after {
	background-image: url(../../images/newstyle/img-44.png);
}
.boleto-button:after {
	background-image: url(../../images/newstyle/img-41.png);
}
.billpay-button:after {
	background-image: url(../../images/newstyle/img-42.png);
}
.ums-button:after {
	background-image: url(../../images/newstyle/img-36.png);
}

.search-button::after 
{
   background-image: url(../../images/buttons/img-search-white.png);
}
.rowSteps td
{
	background-color: #f7f7f7;
	vertical-align:top;
}
#header .add-nav ul li a.newhomebutton img { display:none;}

#header .add-nav ul li a.newhomebutton
{
	color: #ffffff;
	background: url(../../images/menu/overview.png) no-repeat 10px center;
	padding: 12px 10px 12px 35px !important;
}

/* Grid controls */
.payment-form table thead th
{
	background-color: #3395db;
}
.myaccountmenu
{
	border-top: 0px solid #b9b7ab;	
}
.myaccountmenu ul li a
{
	background-color: transparent;
	color: #666;
	font-weight:bold;
}
.myaccountmenu ul li a.static.selected
{
	background-color:#3395db;
	color: #ffffff;
}
.historyClass .ui-state-default, .historyClass .ui-widget-content .ui-state-default, .historyClass .ui-widget-header .ui-state-default
{
	background-color: #005597;
	border-color: #005597;
}
.historyClass .ui-state-active, .historyClass .ui-widget-content .ui-state-active, .historyClass .ui-widget-header .ui-state-active
{
	background-color: #3395db;
}
#content .widget-open-close table thead tr, #content .widget-open-close table tbody tr.header {
	background-color: #3395db;
}
historyClass .ui-state-active, .historyClass .ui-widget-content .ui-state-active, .historyClass .ui-widget-header .ui-state-active {
    border-color: #3395db;
}
TABLE.results TR.header TD, TABLE.results TH
{
	background-color: #3395db;
}
.box h1, .linkbox h1, table.results TR TD h1
{
	color: #3395db;
}
TABLE.results TR.ExtraHeader TD {
	background-color: transparent;
}
TABLE.results TR.ExtraHeader TD.Content {
	background-color: #3395db !important;
}

TABLE.results
{
	/*background-color:transparent;*/
}
TABLE.results tr td
{
	background-color: transparent;
}

/* Home Menu */
#content .widgetblue h1, #content .widgetblue h2
{
	background: none repeat scroll 0 0 #3395db;
}
#content .widget .head
{
	background: none repeat scroll 0 0 #3395db;
}
#content .widget .head .open-close .opener
{
	background-color: #76803c;
}
#content .widget .head .open-close .slide ul
{
	background-color: #76803c;
}
#content .widget .open-close .slide ul li a:hover,
#content .widget .open-close .slide ul li.active
{
	background-color: #76803c;
	color: black;
}
#content .widget .tabset li a
{
	background: none repeat scroll 0 0 #76803c;
}
#content .widget .tabset li a:hover
{
   background: none repeat scroll 0 0 #34495E;
}
#content .widget .tabset li.active
{
	border-left-color: #3395db;
}


/**/
#main .widget
{
	background-color:transparent;
}
#content .widget table
{
	/*background-color:transparent;*/
	background-color: #f7f7f7 !important;
}
.historyClass table.headerTable tr td
{
	background-color:transparent;
}
.historyClass table.historyTable tr td
{
	background-color:transparent;
}
#main .options-block
{
	background-color:transparent;
}
.AlertBox
{
	background-color:transparent;
	 color: #3395db;
}
.amount-section .amount-box
{
	background-color:transparent;
}
.amount-section .description-box
{
	background-color:transparent;
}
.addAccountSection
{
	background-color:transparent;
}
.IPSFieldSet
{
	background-color:transparent;
}
.FaqFieldSet
{
	background-color:transparent;
}
#content .widget-open-close table thead tr, #content .widget-open-close table tbody tr.header
{
	background-color: #3395db;
}
/*.historyClass .ui-state-default, .historyClass .ui-widget-content .ui-state-default, .historyClass .ui-widget-header .ui-state-default
{
	background-color: #7c8d29;
}
.historyClass .ui-state-active, .historyClass .ui-widget-content .ui-state-active, .historyClass .ui-widget-header .ui-state-active
{
	background-color: #3395db;
}*/

.eWallet-button:after,
.cash-button:after,
.wire-button:after,
.creditcard-button:after,
.forward-button:after,
.google-button:after,
.paymenex-button:after,
.twocheckout-button:after {
	background-image: url(../../images/newstyle/sprite-05.png);
}

.qiwi-button:after,
.bank-button:after,
.stp-button:after,
.alipay-button:after,
.paypal-button:after,
.rbk-button:after {
	background-image: url(../../images/newstyle/sprite-06.png);
}
#header .block .author
{
	color: #fff;
	padding-right: 20px;
	font-weight: normal;
}
#content .widget-holder .balancewidget
{
	/*border: 1px solid #a3a3a3;*/
}
.result-section .caption
{
	color: #3395db;
}
.bal_text_caption
{
	color: #3395db;
}
.TextPageTitle
{
	color: #3395db;
}
.ModalPopupRounded .Header
{
	color: #3395db;
}
.ModalPopupRounded
{
	background-image:none;
	background-color: #fff;
}
.uploadFileDescription
{
	color: #666;
}
.uploadFileStatus
{
	color: #3395db;
}

.tblActivation
{
	width:auto;
}
.IPStooltip:hover span 
{
	background-color: #999;
	background-image: none;
}
.column-holder-balancerow .linkbox
{
	background-color: #e0e0e0 !important;
}
.loginMobileAppHolder { display:none;}
.dottedlink { border-bottom: none;}
.privacypolicy-gdpr { display: none;}
.captcha-text { height: 60px;}

.publicBody ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffffff !important;
    opacity: 1; /* Firefox */
}

.privateBody ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #666666;
    opacity: 1; /* Firefox */
}

.publicBody :-ms-input-placeholder { /* Internet Explorer 10-11 */
     color: #ffffff !important;
}

.privateBody :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #666666;
}
.publicBody ::-ms-input-placeholder { /* Microsoft Edge */
    color: #ffffff !important;
}

.privateBody ::-ms-input-placeholder { /* Microsoft Edge */
    color: #666666;
}

#main .forgot-password-login-box .login-form { color: #ffffff;}
#main .forgot-password-login-box .login-form .row { text-align: center;}
.forgot-password-login-box .captcha-text { padding-left: 30px; height: 75px;margin-left: 40px;color:black;}

#main .forgot-username-login-box .login-form { color: #ffffff;}
#main .forgot-username-login-box .login-form .row { text-align: center;}
.forgot-username-login-box .captcha-text { padding-left: 30px; height: 75px;margin-left: 40px;color:black;}
#main .forgot-username-login-box .login-form-area .forgot-password { color: #ffffff !important;}


  /* styles to override from new  generic design  */
#wrapper .rowHeaderBackground .rowHeaderCell ,
#wrapper .rowHeaderBackground td:first-child
{
	background:none;
}

#wrapper .rowHeaderBackground td:last-child
{
	border-top: 0px;
   	background-color:transparent;
}

#main .ewallet-setup h2
{
   background:none;
   color: #383838;
   padding-left:0;
   font-size:16px;
}
#main .ewallet-setup .box
{
    background-color: #ffffff;
	box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 16px 10px 19px 20px;
    margin: 0 0 20px;
}
.account-form .block {
    padding: 12px 0 0;
}
.ewallet-setup .transaction-box .block, .ewallet-setup .transaction-box table, .ewallet-setup .transaction-box b, .ewallet-setup .agreement-box .check-list, .ewallet-setup .agreement-box b
{
	padding:0;
}
#main .ewallet-setup .block-holder .inner-box, #main .ewallet-setup .block .inner-box {
    background-color:#efeffb;
	color: #9199a8;
}
#header .add-nav ul li a.newhomebutton
{
	border-radius: 0 0 0 8px;
}
#header .block .author
{
	position:inherit;
	margin-bottom:0px;
	margin-right:50px;
}
#main .login-box .img-show-password {
	margin-left: -65px;
	position: absolute;
	margin-top: 18px;
}

/*newsteps start .rowContent*/
.newsteps .step .steptext {
	background-color: #c2ced1;
	color: var(--Gray-500, #fff);
	font-size: 16px;
	font-style: normal;
}

.newsteps .step .stepleftarrow {
	border-bottom: 24px solid #c2ced1; /*#EFF8FF - New #d8eeff*/
	border-left: 24px solid transparent;
	border-top: 24px solid #c2ced1;
	float: left;
	height: 0;
	display: table-cell;
	margin-left: -24px;
}

.newsteps .step .steprightarrow {
	border-left: 24px solid #c2ced1;
}

.newsteps .current .steptext {
	background-color: #3395db;
	color: white;
}

.newsteps .current .stepleftarrow {
	border-bottom: 24px solid #3395db;
	border-top: 24px solid #3395db;
}

div[id*="_step1"] .steptext {
	border-radius: 8px 0px 0px 8px;
}

.newsteps {
	background-color: #f7f7f7;
}

	.newsteps .current .steprightarrow {
		border-left: 24px solid #3395db;
	}

	.newsteps .step:last-child .outer {
		background-color: #c2ced1;
		border-radius: 0px 8px 8px 0px;
	}

	.newsteps .current:last-child .outer {
		background-color: #3395db;
	}
/*newsteps end*/

#main .ewallet-setup .boxSetup {
	background-color: white;
}